@coorpacademy/components 10.30.4-alpha.2 → 10.30.7

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

@@ -1,5 +1,7 @@
-import React, { useEffect, useState } from 'react';
-import { StyleSheet, useWindowDimensions, View } from 'react-native';
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { useCallback, useEffect, useState, useRef } from 'react';
+import { Animated, Easing, StyleSheet, useWindowDimensions, View } from 'react-native';
 import get from 'lodash/fp/get';
 import getOr from 'lodash/fp/getOr';
 import Text from '../../atom/text/index.native';
@@ -17,8 +19,25 @@ const styles = StyleSheet.create({
 
 const CorrectionPopin = ({
   correctionPopinProps,
-  slideIndex
+  slideIndex,
+  showCorrectionPopin,
+  animateCorrectionPopin
 }) => {
+  const translateAnim = useRef(new Animated.Value(1000)).current;
+  const translateYAnim = useCallback(() => {
+    Animated.timing(translateAnim, {
+      toValue: 0,
+      duration: 800,
+      easing: Easing.bezier(0.37, 0, 0.63, 1),
+      useNativeDriver: true
+    }).start();
+  }, [translateAnim]);
+
+  if (animateCorrectionPopin) {
+    translateYAnim();
+  }
+
+  if (!showCorrectionPopin) return null;
   const klf = getOr(undefined, 'klf', correctionPopinProps);
   const information = getOr({
     label: '',
@@ -38,78 +57,96 @@ const CorrectionPopin = ({
     type: correctionPopinProps.type,
     resultLabel: correctionPopinProps.resultLabel
   };
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.correctionPopinWrapper
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: _extends({}, styles.correctionPopinWrapper, {
+      transform: [{
+        translateY: translateAnim
+      }]
+    })
   }, /*#__PURE__*/React.createElement(ReviewCorrectionPopin, _correctionPopinProps));
-}; // const ValidateButton = ({slideIndex, validateButton, primarySkinColor}) => {
-//   const {label, onClick, disabled} = validateButton;
-//   const validateButtonProps = {
-//     type: 'primary',
-//     label,
-//     'aria-label': label,
-//     'data-name': `slide-validate-button-${slideIndex}`,
-//     onClick,
-//     disabled,
-//     customStyle: {
-//       backgroundColor: primarySkinColor
-//     }
-//   };
-//   return <Button title="validate todo" />;
-// };
-
+};
 
-const createQuestionStyle = (theme, brandTheme) => {
-  var _brandTheme$colors;
+const createValidateButtonStyle = (theme, brandTheme) => StyleSheet.create({
+  validateButton: {
+    backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,
+    borderRadius: 7,
+    width: '100%'
+  },
+  validateButtonText: {
+    fontSize: 14,
+    lineHeight: 20,
+    fontWeight: theme.fontWeight.bold,
+    color: theme.colors.white,
+    marginBottom: theme.spacing.small,
+    marginTop: theme.spacing.small,
+    textAlign: 'center'
+  }
+});
 
-  return StyleSheet.create({
-    questionHeading: {
-      justifyContent: 'space-between'
-    },
-    questionOrigin: {
-      fontSize: 12,
-      lineHeight: 16,
-      color: theme.colors.text.primary,
-      marginBottom: theme.spacing.tiny,
-      marginTop: theme.spacing.small,
-      textAlign: 'center'
-    },
-    questionText: {
-      fontSize: 16,
-      lineHeight: 22,
-      fontWeight: '700',
-      color: theme.colors.text.primary,
-      textAlign: 'center'
-    },
-    questionHelp: {
-      fontSize: 12,
-      lineHeight: 16,
-      color: theme.colors.gray.medium,
-      marginBottom: 0,
-      marginTop: theme.spacing.small,
-      textAlign: 'center'
-    },
-    choicesContainer: {
-      flex: 1,
-      width: '100%',
-      justifyContent: 'center'
-    },
-    validateButton: {
-      backgroundColor: (brandTheme == null ? void 0 : (_brandTheme$colors = brandTheme.colors) == null ? void 0 : _brandTheme$colors.primary) || theme.colors.text.primary,
-      borderRadius: 7,
-      width: '100%'
-    },
-    validateButtonText: {
-      fontSize: 14,
-      lineHeight: 20,
-      fontWeight: '700',
-      color: theme.colors.white,
-      marginBottom: 16,
-      marginTop: 16,
-      textAlign: 'center'
-    }
-  });
+const ValidateButton = ({
+  slideIndex,
+  validateButton
+}) => {
+  const {
+    label,
+    onClick,
+    disabled
+  } = validateButton;
+  const {
+    theme,
+    brandTheme
+  } = useTemplateContext();
+  const [style, setStyle] = useState();
+  useEffect(() => {
+    const buttonStyle = createValidateButtonStyle(theme, brandTheme);
+    setStyle(buttonStyle);
+  }, [theme, brandTheme]);
+  if (!style) return null;
+  return /*#__PURE__*/React.createElement(Touchable, {
+    style: style.validateButton,
+    onPress: onClick,
+    disabled: disabled,
+    accessibilityLabel: label,
+    testID: `slide-validate-button-${slideIndex}`
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: style.validateButtonText
+  }, label));
 };
 
+const createQuestionStyle = theme => StyleSheet.create({
+  questionHeading: {
+    justifyContent: 'space-between'
+  },
+  questionOrigin: {
+    fontSize: 12,
+    lineHeight: 16,
+    color: theme.colors.text.primary,
+    marginBottom: theme.spacing.tiny,
+    marginTop: theme.spacing.small,
+    textAlign: 'center'
+  },
+  questionText: {
+    fontSize: 16,
+    lineHeight: 22,
+    fontWeight: '700',
+    color: theme.colors.text.primary,
+    textAlign: 'center'
+  },
+  questionHelp: {
+    fontSize: 12,
+    lineHeight: 16,
+    color: theme.colors.gray.medium,
+    marginBottom: 0,
+    marginTop: theme.spacing.small,
+    textAlign: 'center'
+  },
+  choicesContainer: {
+    flex: 1,
+    width: '100%',
+    justifyContent: 'center'
+  }
+});
+
 const Question = props => {
   const {
     answerUI,
@@ -117,14 +154,13 @@ const Question = props => {
     questionOrigin
   } = props;
   const {
-    theme,
-    brandTheme
+    theme
   } = useTemplateContext();
   const [style, setStyle] = useState();
   useEffect(() => {
-    const questionStyle = createQuestionStyle(theme, brandTheme);
+    const questionStyle = createQuestionStyle(theme);
     setStyle(questionStyle);
-  }, [theme, brandTheme]);
+  }, [theme]);
   if (!answerUI || !questionText || !style) return null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     style: style.questionHeading
@@ -136,11 +172,7 @@ const Question = props => {
     style: style.questionHelp
   }, get('help', answerUI))), /*#__PURE__*/React.createElement(View, {
     style: style.choicesContainer
-  }, /*#__PURE__*/React.createElement(Answer, answerUI)), /*#__PURE__*/React.createElement(Touchable, {
-    style: style.validateButton
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: style.validateButtonText
-  }, "@todo validate")));
+  }, /*#__PURE__*/React.createElement(Answer, answerUI)));
 };
 
 const createSlideStyle = (num, screenWidth) => {
@@ -174,6 +206,7 @@ const Slide = props => {
   const {
     slide,
     correctionPopinProps,
+    validateButton,
     num,
     slideIndex = '0'
   } = props;
@@ -199,6 +232,10 @@ const Slide = props => {
     questionText: questionText,
     answerUI: answerUI,
     key: "question-container"
+  }), /*#__PURE__*/React.createElement(ValidateButton, {
+    slideIndex: slideIndex,
+    validateButton: validateButton,
+    key: "validate-button"
   }), correctionPopinProps ? /*#__PURE__*/React.createElement(CorrectionPopin, {
     correctionPopinProps: correctionPopinProps,
     slideIndex: slideIndex,

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","StyleSheet","useWindowDimensions","View","get","getOr","Text","Answer","ReviewCorrectionPopin","useTemplateContext","Touchable","styles","create","correctionPopinWrapper","position","bottom","width","CorrectionPopin","correctionPopinProps","slideIndex","klf","undefined","information","label","message","next","onClick","_correctionPopinProps","type","resultLabel","createQuestionStyle","theme","brandTheme","questionHeading","justifyContent","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","marginTop","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesContainer","flex","validateButton","backgroundColor","borderRadius","validateButtonText","white","Question","props","answerUI","style","setStyle","questionStyle","createSlideStyle","num","screenWidth","slideWidth","slide","left","height","alignItems","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","slideStyle","loading","parentContentTitle","showCorrectionPopin","animateCorrectionPopin"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, TextStyle, useWindowDimensions, View, ViewStyle} 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 Touchable from '../../hoc/touchable/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {ReviewCorrectionPopinProps} from '../../molecule/review-correction-popin/prop-types';\nimport {ReviewSlideProps, SlideProps} from './prop-types';\n\ntype PopinProps = {\n  correctionPopinProps: ReviewCorrectionPopinProps;\n  slideIndex: unknown;\n  showCorrectionPopin: unknown;\n  animateCorrectionPopin: unknown;\n};\n\nconst styles = StyleSheet.create({\n  correctionPopinWrapper: {\n    position: 'absolute',\n    bottom: 16,\n    width: '105%'\n  }\n});\n\nconst CorrectionPopin = ({correctionPopinProps, slideIndex}: PopinProps) => {\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    <View style={styles.correctionPopinWrapper}>\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </View>\n  );\n};\n\n// const ValidateButton = ({slideIndex, validateButton, primarySkinColor}) => {\n//   const {label, onClick, disabled} = validateButton;\n//   const validateButtonProps = {\n//     type: 'primary',\n//     label,\n//     'aria-label': label,\n//     'data-name': `slide-validate-button-${slideIndex}`,\n//     onClick,\n//     disabled,\n//     customStyle: {\n//       backgroundColor: primarySkinColor\n//     }\n//   };\n\n//   return <Button title=\"validate todo\" />;\n// };\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOrigin: ViewStyle;\n  questionText: TextStyle;\n  questionHelp: ViewStyle;\n  choicesContainer: ViewStyle;\n  validateButton: ViewStyle;\n  validateButtonText: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme, brandTheme: Brand): 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    validateButton: {\n      backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,\n      borderRadius: 7,\n      width: '100%'\n    },\n    validateButtonText: {\n      fontSize: 14,\n      lineHeight: 20,\n      fontWeight: '700',\n      color: theme.colors.white,\n      marginBottom: 16,\n      marginTop: 16,\n      textAlign: '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, brandTheme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme, brandTheme);\n    setStyle(questionStyle);\n  }, [theme, brandTheme]);\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      <Touchable style={style.validateButton}>\n        <Text style={style.validateButtonText}>@todo validate</Text>\n      </Touchable>\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, 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  return (\n    <View style={slideStyle.slide}>\n      {loading ? (\n        // <Loader className={style.loader} theme=\"default\" aria-label={loadingAriaLabel} />\n        <Text>@todo loader {num}</Text>\n      ) : (\n        <>\n          <Question\n            questionOrigin={parentContentTitle}\n            questionText={questionText}\n            answerUI={answerUI}\n            key=\"question-container\"\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        </>\n      )}\n    </View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useState","useRef","Animated","Easing","StyleSheet","useWindowDimensions","View","get","getOr","Text","Answer","ReviewCorrectionPopin","useTemplateContext","Touchable","styles","create","correctionPopinWrapper","position","bottom","width","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateAnim","Value","current","translateYAnim","timing","toValue","duration","easing","bezier","useNativeDriver","start","klf","undefined","information","label","message","next","onClick","_correctionPopinProps","type","resultLabel","transform","translateY","createValidateButtonStyle","theme","brandTheme","validateButton","backgroundColor","colors","primary","text","borderRadius","validateButtonText","fontSize","lineHeight","fontWeight","bold","color","white","marginBottom","spacing","small","marginTop","textAlign","ValidateButton","disabled","style","setStyle","buttonStyle","createQuestionStyle","questionHeading","justifyContent","questionOrigin","tiny","questionText","questionHelp","gray","medium","choicesContainer","flex","Question","props","answerUI","questionStyle","createSlideStyle","num","screenWidth","slideWidth","slide","left","height","alignItems","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","slideStyle","loading","parentContentTitle"],"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 Touchable from '../../hoc/touchable/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {PopinProps, ReviewSlideProps, SlideProps, ValidateButtonProps} 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 StyleValidateButtonType = {\n  validateButton: ViewStyle;\n  validateButtonText: ViewStyle;\n};\n\nconst createValidateButtonStyle = (theme: Theme, brandTheme: Brand): StyleValidateButtonType =>\n  StyleSheet.create({\n    validateButton: {\n      backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,\n      borderRadius: 7,\n      width: '100%'\n    },\n    validateButtonText: {\n      fontSize: 14,\n      lineHeight: 20,\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.white,\n      marginBottom: theme.spacing.small,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    }\n  });\n\nconst ValidateButton = ({slideIndex, validateButton}: ValidateButtonProps) => {\n  const {label, onClick, disabled} = validateButton;\n  const {theme, brandTheme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleValidateButtonType>();\n\n  useEffect(() => {\n    const buttonStyle = createValidateButtonStyle(theme, brandTheme);\n    setStyle(buttonStyle);\n  }, [theme, brandTheme]);\n\n  if (!style) return null;\n\n  return (\n    <Touchable\n      style={style.validateButton}\n      onPress={onClick}\n      disabled={disabled}\n      accessibilityLabel={label}\n      testID={`slide-validate-button-${slideIndex}`}\n    >\n      <Text style={style.validateButtonText}>{label}</Text>\n    </Touchable>\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  return (\n    <View style={slideStyle.slide}>\n      {loading ? (\n        // <Loader className={style.loader} theme=\"default\" aria-label={loadingAriaLabel} />\n        <Text>@todo loader {num}</Text>\n      ) : (\n        <>\n          <Question\n            questionOrigin={parentContentTitle}\n            questionText={questionText}\n            answerUI={answerUI}\n            key=\"question-container\"\n          />\n          <ValidateButton\n            slideIndex={slideIndex}\n            validateButton={validateButton}\n            key=\"validate-button\"\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        </>\n      )}\n    </View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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"}

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

@@ -176,6 +176,17 @@ declare const propTypes: {
     }>>;
 };
 export default propTypes;
+export declare type PopinProps = {
+    correctionPopinProps: ReviewCorrectionPopinProps;
+    slideIndex: string;
+    showCorrectionPopin?: boolean;
+    animateCorrectionPopin?: boolean;
+};
+export declare type ValidateButtonProps = {
+    slideIndex: string;
+    validateButton: ReviewSlideProps['validateButton'];
+    primarySkinColor?: string;
+};
 export declare type SlideProps = {
     position: number;
     loading: boolean;

package/es/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,OAAuC,EACrC,0BAA0B,EAC3B,MAAM,mDAAmD,CAAC;AAC3D,OAAwB,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAE9E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAY1B,CAAC;AAEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,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;CACH,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,OAAuC,EACrC,0BAA0B,EAC3B,MAAM,mDAAmD,CAAC;AAC3D,OAAwB,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAE9E,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;CACH,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewCorrectionPopinPropTypes","AnswerPropTypes","SlidePropsTypes","shape","position","number","loading","bool","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","disableContent","parentContentTitle","questionText","answerUI","propTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","information","next","resultLabel","type"],"sources":["../../../src/organism/review-slide/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewCorrectionPopinPropTypes, {\n  ReviewCorrectionPopinProps\n} from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes, {AnswerProps} from '../../molecule/answer/prop-types';\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 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};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,8BAAP,MAEO,mDAFP;AAGA,OAAOC,eAAP,MAA2C,kCAA3C;AAEA,OAAO,MAAMC,eAAe,GAAGH,SAAS,CAACI,KAAV,CAAgB;EAC7CC,QAAQ,EAAEL,SAAS,CAACM,MADyB;EAE7CC,OAAO,EAAEP,SAAS,CAACQ,IAF0B;EAG7CC,gBAAgB,EAAET,SAAS,CAACU,MAHiB;EAI7CC,aAAa,EAAEX,SAAS,CAACU,MAJoB;EAIZ;EACjCE,SAAS,EAAEZ,SAAS,CAACQ,IALwB;EAM7CK,sBAAsB,EAAEb,SAAS,CAACQ,IANW;EAO7CM,mBAAmB,EAAEd,SAAS,CAACQ,IAPc;EAQ7CO,cAAc,EAAEf,SAAS,CAACQ,IARmB;EAS7CQ,kBAAkB,EAAEhB,SAAS,CAACU,MATe;EAU7CO,YAAY,EAAEjB,SAAS,CAACU,MAVqB;EAW7CQ,QAAQ,EAAElB,SAAS,CAACI,KAAV,CAAgBF,eAAhB;AAXmC,CAAhB,CAAxB;AAcP,MAAMiB,SAAS,GAAG;EAChBC,UAAU,EAAEpB,SAAS,CAACU,MADN;EAEhBW,KAAK,EAAElB,eAFS;EAGhBmB,cAAc,EAAEtB,SAAS,CAACI,KAAV,CAAgB;IAC9BmB,KAAK,EAAEvB,SAAS,CAACU,MAAV,CAAiBc,UADM;IAE9BC,OAAO,EAAEzB,SAAS,CAAC0B,IAAV,CAAeF,UAFM;IAG9BG,QAAQ,EAAE3B,SAAS,CAACQ;EAHU,CAAhB,CAHA;EAQhBoB,oBAAoB,EAAE5B,SAAS,CAACI,KAAV,CAAgB;IACpCyB,GAAG,EAAE5B,8BAA8B,CAAC4B,GADA;IAEpCC,WAAW,EAAE7B,8BAA8B,CAAC6B,WAFR;IAGpCC,IAAI,EAAE/B,SAAS,CAACI,KAAV,CAAgB;MACpBmB,KAAK,EAAEvB,SAAS,CAACU,MADG;MAEpB,cAAcV,SAAS,CAACU,MAFJ,CAEW;MAC/B;;IAHoB,CAAhB,CAH8B;IAQpCsB,WAAW,EAAE/B,8BAA8B,CAAC+B,WARR;IASpCC,IAAI,EAAEhC,8BAA8B,CAACgC;EATD,CAAhB;AARN,CAAlB;AAqBA,eAAed,SAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewCorrectionPopinPropTypes","AnswerPropTypes","SlidePropsTypes","shape","position","number","loading","bool","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","disableContent","parentContentTitle","questionText","answerUI","propTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","information","next","resultLabel","type"],"sources":["../../../src/organism/review-slide/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewCorrectionPopinPropTypes, {\n  ReviewCorrectionPopinProps\n} from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes, {AnswerProps} from '../../molecule/answer/prop-types';\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};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,8BAAP,MAEO,mDAFP;AAGA,OAAOC,eAAP,MAA2C,kCAA3C;AAEA,OAAO,MAAMC,eAAe,GAAGH,SAAS,CAACI,KAAV,CAAgB;EAC7CC,QAAQ,EAAEL,SAAS,CAACM,MADyB;EAE7CC,OAAO,EAAEP,SAAS,CAACQ,IAF0B;EAG7CC,gBAAgB,EAAET,SAAS,CAACU,MAHiB;EAI7CC,aAAa,EAAEX,SAAS,CAACU,MAJoB;EAIZ;EACjCE,SAAS,EAAEZ,SAAS,CAACQ,IALwB;EAM7CK,sBAAsB,EAAEb,SAAS,CAACQ,IANW;EAO7CM,mBAAmB,EAAEd,SAAS,CAACQ,IAPc;EAQ7CO,cAAc,EAAEf,SAAS,CAACQ,IARmB;EAS7CQ,kBAAkB,EAAEhB,SAAS,CAACU,MATe;EAU7CO,YAAY,EAAEjB,SAAS,CAACU,MAVqB;EAW7CQ,QAAQ,EAAElB,SAAS,CAACI,KAAV,CAAgBF,eAAhB;AAXmC,CAAhB,CAAxB;AAcP,MAAMiB,SAAS,GAAG;EAChBC,UAAU,EAAEpB,SAAS,CAACU,MADN;EAEhBW,KAAK,EAAElB,eAFS;EAGhBmB,cAAc,EAAEtB,SAAS,CAACI,KAAV,CAAgB;IAC9BmB,KAAK,EAAEvB,SAAS,CAACU,MAAV,CAAiBc,UADM;IAE9BC,OAAO,EAAEzB,SAAS,CAAC0B,IAAV,CAAeF,UAFM;IAG9BG,QAAQ,EAAE3B,SAAS,CAACQ;EAHU,CAAhB,CAHA;EAQhBoB,oBAAoB,EAAE5B,SAAS,CAACI,KAAV,CAAgB;IACpCyB,GAAG,EAAE5B,8BAA8B,CAAC4B,GADA;IAEpCC,WAAW,EAAE7B,8BAA8B,CAAC6B,WAFR;IAGpCC,IAAI,EAAE/B,SAAS,CAACI,KAAV,CAAgB;MACpBmB,KAAK,EAAEvB,SAAS,CAACU,MADG;MAEpB,cAAcV,SAAS,CAACU,MAFJ,CAEW;MAC/B;;IAHoB,CAAhB,CAH8B;IAQpCsB,WAAW,EAAE/B,8BAA8B,CAAC+B,WARR;IASpCC,IAAI,EAAEhC,8BAA8B,CAACgC;EATD,CAAhB;AARN,CAAlB;AAqBA,eAAed,SAAf"}

package/es/template/app-player/popin-correction/style.css

@@ -136,6 +136,7 @@
   composes: text;
   margin-right: 5px;
   min-width: 120px;
+  flex-shrink: 0;
 }
 
 .answer {

package/es/template/common/dashboard/index.d.ts

@@ -4,7 +4,6 @@ declare namespace Dashboard {
     namespace propTypes {
         const hero: any;
         const welcome: any;
-        const onLoadMoreSections: PropTypes.Requireable<(...args: any[]) => any>;
         const sections: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<any, any>> & Partial<PropTypes.InferPropsInner<Pick<any, never>>>) | null | undefined)[]>;
         const cookie: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;

package/es/template/common/dashboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAqBA,oDA6DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAoBA,oDAoCC"}

package/es/template/common/dashboard/index.js

@@ -1,5 +1,4 @@
-/* eslint-disable no-console */
-import React, { useRef, useCallback, useEffect } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import Slide from '../../../atom/slide';
 import HeroCard from '../../../molecule/hero';
@@ -27,8 +26,7 @@ const Dashboard = props => {
     sections = [],
     hero,
     welcome,
-    cookie,
-    onLoadMoreSections
+    cookie
   } = props;
 
   const buildSectionComponent = section => {
@@ -72,29 +70,9 @@ const Dashboard = props => {
     key: 'hero'
   }, ...sections].map(section => /*#__PURE__*/React.createElement("div", {
     key: section.key
-  }, buildSection(section))); // window.addEventListener('scroll', handleScroll, true);
-
-  const ref = useRef(); // The scroll listener
-
-  const handleScroll = useCallback(() => {
-    console.log('scrolling');
-
-    if (window.innerHeight + document.documentElement.scrollTop + 1 >= document.scrollingElement.scrollHeight) {
-      onLoadMoreSections ? onLoadMoreSections() : null;
-    }
-
-    return;
-  }, [onLoadMoreSections]); // Attach the scroll listener to the div
-
-  useEffect(() => {
-    const div = ref.current;
-    console.log('Div is', div); // Attach a scroll listener to the div
-
-    div.addEventListener('scroll', handleScroll);
-  }, [handleScroll]);
+  }, buildSection(section)));
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapper,
-    ref: ref,
     "data-name": "dashboard"
   }, sectionsList, cookie ? /*#__PURE__*/React.createElement(CMPopin, cookie) : null);
 };
@@ -102,7 +80,6 @@ const Dashboard = props => {
 Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   hero: Hero.propTypes.hero,
   welcome: Hero.propTypes.welcome,
-  onLoadMoreSections: PropTypes.func,
   sections: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(BattleRequestList.propTypes), PropTypes.shape(CardsList.propTypes), PropTypes.shape(NewsList.propTypes), PropTypes.shape(StartBattle.propTypes)])),
   cookie: PropTypes.shape(CMPopin.propTypes)
 } : {};

package/es/template/common/dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","useCallback","useEffect","PropTypes","Slide","HeroCard","BattleRequestList","CardsList","NewsList","StartBattle","CMPopin","style","Hero","memo","hero","welcome","propTypes","shape","Dashboard","props","sections","cookie","onLoadMoreSections","buildSectionComponent","section","type","buildSection","index","sectionView","sectionsList","key","map","ref","handleScroll","console","log","window","innerHeight","document","documentElement","scrollTop","scrollingElement","scrollHeight","div","current","addEventListener","wrapper","func","arrayOf","oneOfType"],"sources":["../../../../src/template/common/dashboard/index.js"],"sourcesContent":["/* eslint-disable no-console */\nimport React, {useRef, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n  return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n  hero: PropTypes.shape(HeroCard.propTypes),\n  welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n  const {sections = [], hero, welcome, cookie, onLoadMoreSections} = props;\n\n  const buildSectionComponent = section => {\n    const {type} = section;\n    switch (type) {\n      case 'hero':\n        return <Hero hero={hero} welcome={welcome} />;\n      case 'battleRequests':\n        return <BattleRequestList {...section} />;\n      case 'cards':\n        return <CardsList {...section} />;\n      case 'news':\n        return <NewsList {...section} />;\n      case 'battle':\n        return <StartBattle {...section} />;\n      default:\n        return null;\n    }\n  };\n\n  const buildSection = (section, index) => {\n    const sectionView = buildSectionComponent(section);\n\n    return <div key={index}>{sectionView}</div>;\n  };\n\n  const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n    <div key={section.key}>{buildSection(section)}</div>\n  ));\n\n  // window.addEventListener('scroll', handleScroll, true);\n\n  const ref = useRef();\n  // The scroll listener\n  const handleScroll = useCallback(() => {\n    console.log('scrolling');\n    if (\n      window.innerHeight + document.documentElement.scrollTop + 1 >=\n      document.scrollingElement.scrollHeight\n    ) {\n      onLoadMoreSections ? onLoadMoreSections() : null;\n    }\n\n    return;\n  }, [onLoadMoreSections]);\n\n  // Attach the scroll listener to the div\n  useEffect(() => {\n    const div = ref.current;\n    console.log('Div is', div);\n    // Attach a scroll listener to the div\n    div.addEventListener('scroll', handleScroll);\n  }, [handleScroll]);\n\n  return (\n    <div className={style.wrapper} ref={ref} data-name=\"dashboard\">\n      {sectionsList}\n      {cookie ? <CMPopin {...cookie} /> : null}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  hero: Hero.propTypes.hero,\n  welcome: Hero.propTypes.welcome,\n  onLoadMoreSections: PropTypes.func,\n  sections: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(BattleRequestList.propTypes),\n      PropTypes.shape(CardsList.propTypes),\n      PropTypes.shape(NewsList.propTypes),\n      PropTypes.shape(StartBattle.propTypes)\n    ])\n  ),\n  cookie: PropTypes.shape(CMPopin.propTypes)\n};\nexport default Dashboard;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Slide","HeroCard","BattleRequestList","CardsList","NewsList","StartBattle","CMPopin","style","Hero","memo","hero","welcome","propTypes","shape","Dashboard","props","sections","cookie","buildSectionComponent","section","type","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType"],"sources":["../../../../src/template/common/dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n  return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n  hero: PropTypes.shape(HeroCard.propTypes),\n  welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n  const {sections = [], hero, welcome, cookie} = props;\n\n  const buildSectionComponent = section => {\n    const {type} = section;\n    switch (type) {\n      case 'hero':\n        return <Hero hero={hero} welcome={welcome} />;\n      case 'battleRequests':\n        return <BattleRequestList {...section} />;\n      case 'cards':\n        return <CardsList {...section} />;\n      case 'news':\n        return <NewsList {...section} />;\n      case 'battle':\n        return <StartBattle {...section} />;\n      default:\n        return null;\n    }\n  };\n\n  const buildSection = (section, index) => {\n    const sectionView = buildSectionComponent(section);\n\n    return <div key={index}>{sectionView}</div>;\n  };\n\n  const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n    <div key={section.key}>{buildSection(section)}</div>\n  ));\n  return (\n    <div className={style.wrapper} data-name=\"dashboard\">\n      {sectionsList}\n      {cookie ? <CMPopin {...cookie} /> : null}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  hero: Hero.propTypes.hero,\n  welcome: Hero.propTypes.welcome,\n  sections: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(BattleRequestList.propTypes),\n      PropTypes.shape(CardsList.propTypes),\n      PropTypes.shape(NewsList.propTypes),\n      PropTypes.shape(StartBattle.propTypes)\n    ])\n  ),\n  cookie: PropTypes.shape(CMPopin.propTypes)\n};\nexport default Dashboard;\n"],"mappings":"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"}

package/lib/atom/choice/index.native.js

@@ -123,13 +123,11 @@ const Choice = ({
   }
 
   if (isSelected) {
-    var _brandTheme$colors, _brandTheme$colors2;
-
     textStyle.push(styleSheet.textSelected); // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread
 
     const selectionStyle = brandTheme && _extends({
-      backgroundColor: (_brandTheme$colors = brandTheme.colors) == null ? void 0 : _brandTheme$colors.primary,
-      borderColor: (_brandTheme$colors2 = brandTheme.colors) == null ? void 0 : _brandTheme$colors2.primary
+      backgroundColor: brandTheme.colors?.primary,
+      borderColor: brandTheme.colors?.primary
     }, url ? {
       borderTopRightRadius: theme.radius.regular,
       borderBottomRightRadius: theme.radius.regular

package/lib/atom/choice/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","squeezed","StyleSheet","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","container","colors","white","borderRadius","radius","regular","flexDirection","alignItems","textContainer","paddingHorizontal","paddingVertical","justifyContent","flex","squeezedTextContainer","padding","spacing","small","paddingLeft","undefined","paddingRight","text","fontSize","medium","fontWeight","bold","color","black","textAlign","textSelected","unselectedImageContainer","borderRightColor","border","imageContainer","overflow","borderTopLeftRadius","borderBottomLeftRadius","image","Choice","children","isSelected","isDisabled","onPress","media","testID","prefixTestID","style","questionType","templateContext","useTemplateContext","brandTheme","styleSheet","setStylesheet","useState","useEffect","_stylesheet","selectedSuffix","mediaType","type","toLowerCase","url","src","length","getCleanUri","source","uri","mediaSuffix","textStyle","textWrapperStyle","push","selectionStyle","primary","borderColor","borderTopRightRadius","borderBottomRightRadius"],"sources":["../../../src/atom/choice/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\n\nimport Html from '../html/index.native';\nimport ImageBackground from '../image-background/index.native';\nimport type {Media, QuestionType} from '../../molecule/questions/types';\nimport getCleanUri from '../../util/get-clean-uri';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  onPress: () => void;\n  children?: string;\n  isDisabled?: boolean;\n  testID?: string;\n  media?: Media;\n  squeezed?: boolean;\n  style?: ViewStyle;\n  questionType: QuestionType;\n};\n\ntype StyleSheetType = {\n  boxShadow: ViewStyle;\n  container: ViewStyle;\n  text: TextStyle;\n  textSelected: TextStyle;\n  textContainer: ViewStyle;\n  squeezedTextContainer: ViewStyle;\n  unselectedImageContainer: ViewStyle;\n  imageContainer: ViewStyle;\n  image: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, squeezed: boolean): StyleSheetType =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 16,\n      elevation: 8,\n      backgroundColor: '#0000'\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      flexDirection: 'row',\n      alignItems: 'stretch'\n    },\n    textContainer: {\n      paddingHorizontal: 24,\n      paddingVertical: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      flex: 1\n    },\n    squeezedTextContainer: {\n      padding: theme.spacing.small,\n      paddingLeft: undefined,\n      paddingVertical: undefined,\n      paddingRight: undefined,\n      flex: 0\n    },\n    text: {\n      fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.black,\n      textAlign: 'center'\n    },\n    textSelected: {\n      color: theme.colors.white\n    },\n    unselectedImageContainer: {\n      borderRightColor: theme.colors.border\n    },\n    imageContainer: {\n      height: '100%',\n      width: '25%',\n      overflow: 'hidden',\n      borderTopLeftRadius: theme.radius.regular,\n      borderBottomLeftRadius: theme.radius.regular\n    },\n    image: {\n      flex: 1\n    }\n  });\n\nconst Choice = ({\n  children,\n  isSelected = false,\n  squeezed = false,\n  isDisabled,\n  onPress,\n  media,\n  testID: prefixTestID,\n  style,\n  questionType\n}: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, squeezed);\n    setStylesheet(_stylesheet);\n  }, [theme, squeezed]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n  const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();\n  const url =\n    media &&\n    media.type === 'img' &&\n    media.src &&\n    media.src.length > 0 &&\n    getCleanUri(media.src[0].url);\n\n  const source = {uri: url ? getCleanUri(url) : undefined};\n  const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';\n\n  const textStyle: TextStyle[] = [styleSheet.text];\n  const textWrapperStyle: ViewStyle[] = [styleSheet.textContainer];\n\n  if (squeezed) {\n    textWrapperStyle.push(styleSheet.squeezedTextContainer);\n  }\n\n  if (isSelected) {\n    textStyle.push(styleSheet.textSelected);\n\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    const selectionStyle = brandTheme && {\n      backgroundColor: brandTheme.colors?.primary,\n      borderColor: brandTheme.colors?.primary,\n      ...(url\n        ? {\n            borderTopRightRadius: theme.radius.regular,\n            borderBottomRightRadius: theme.radius.regular\n          }\n        : {\n            borderRadius: theme.radius.regular\n          })\n    };\n\n    if (selectionStyle) {\n      textWrapperStyle.push(selectionStyle);\n    }\n  }\n\n  return (\n    <Touchable\n      onPress={!isDisabled ? onPress : undefined}\n      style={style}\n      analyticsID=\"question-choice\"\n      analyticsParams={{questionType}}\n    >\n      <View\n        style={[styleSheet.boxShadow, styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {url ? (\n          <View style={styleSheet.imageContainer}>\n            <ImageBackground\n              testID={prefixTestID && `${prefixTestID}${mediaSuffix}`}\n              source={source}\n              style={styleSheet.image}\n            />\n          </View>\n        ) : null}\n\n        {children ? (\n          <View style={textWrapperStyle}>\n            <Html style={textStyle}>{children}</Html>\n          </View>\n        ) : null}\n      </View>\n    </Touchable>\n  );\n};\n\nexport default Choice;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","squeezed","StyleSheet","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","container","colors","white","borderRadius","radius","regular","flexDirection","alignItems","textContainer","paddingHorizontal","paddingVertical","justifyContent","flex","squeezedTextContainer","padding","spacing","small","paddingLeft","undefined","paddingRight","text","fontSize","medium","fontWeight","bold","color","black","textAlign","textSelected","unselectedImageContainer","borderRightColor","border","imageContainer","overflow","borderTopLeftRadius","borderBottomLeftRadius","image","Choice","children","isSelected","isDisabled","onPress","media","testID","prefixTestID","style","questionType","templateContext","useTemplateContext","brandTheme","styleSheet","setStylesheet","useState","useEffect","_stylesheet","selectedSuffix","mediaType","type","toLowerCase","url","src","length","getCleanUri","source","uri","mediaSuffix","textStyle","textWrapperStyle","push","selectionStyle","primary","borderColor","borderTopRightRadius","borderBottomRightRadius"],"sources":["../../../src/atom/choice/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\n\nimport Html from '../html/index.native';\nimport ImageBackground from '../image-background/index.native';\nimport type {Media, QuestionType} from '../../molecule/questions/types';\nimport getCleanUri from '../../util/get-clean-uri';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  onPress: () => void;\n  children?: string;\n  isDisabled?: boolean;\n  testID?: string;\n  media?: Media;\n  squeezed?: boolean;\n  style?: ViewStyle;\n  questionType: QuestionType;\n};\n\ntype StyleSheetType = {\n  boxShadow: ViewStyle;\n  container: ViewStyle;\n  text: TextStyle;\n  textSelected: TextStyle;\n  textContainer: ViewStyle;\n  squeezedTextContainer: ViewStyle;\n  unselectedImageContainer: ViewStyle;\n  imageContainer: ViewStyle;\n  image: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, squeezed: boolean): StyleSheetType =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 16,\n      elevation: 8,\n      backgroundColor: '#0000'\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      flexDirection: 'row',\n      alignItems: 'stretch'\n    },\n    textContainer: {\n      paddingHorizontal: 24,\n      paddingVertical: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      flex: 1\n    },\n    squeezedTextContainer: {\n      padding: theme.spacing.small,\n      paddingLeft: undefined,\n      paddingVertical: undefined,\n      paddingRight: undefined,\n      flex: 0\n    },\n    text: {\n      fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.black,\n      textAlign: 'center'\n    },\n    textSelected: {\n      color: theme.colors.white\n    },\n    unselectedImageContainer: {\n      borderRightColor: theme.colors.border\n    },\n    imageContainer: {\n      height: '100%',\n      width: '25%',\n      overflow: 'hidden',\n      borderTopLeftRadius: theme.radius.regular,\n      borderBottomLeftRadius: theme.radius.regular\n    },\n    image: {\n      flex: 1\n    }\n  });\n\nconst Choice = ({\n  children,\n  isSelected = false,\n  squeezed = false,\n  isDisabled,\n  onPress,\n  media,\n  testID: prefixTestID,\n  style,\n  questionType\n}: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, squeezed);\n    setStylesheet(_stylesheet);\n  }, [theme, squeezed]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n  const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();\n  const url =\n    media &&\n    media.type === 'img' &&\n    media.src &&\n    media.src.length > 0 &&\n    getCleanUri(media.src[0].url);\n\n  const source = {uri: url ? getCleanUri(url) : undefined};\n  const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';\n\n  const textStyle: TextStyle[] = [styleSheet.text];\n  const textWrapperStyle: ViewStyle[] = [styleSheet.textContainer];\n\n  if (squeezed) {\n    textWrapperStyle.push(styleSheet.squeezedTextContainer);\n  }\n\n  if (isSelected) {\n    textStyle.push(styleSheet.textSelected);\n\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    const selectionStyle = brandTheme && {\n      backgroundColor: brandTheme.colors?.primary,\n      borderColor: brandTheme.colors?.primary,\n      ...(url\n        ? {\n            borderTopRightRadius: theme.radius.regular,\n            borderBottomRightRadius: theme.radius.regular\n          }\n        : {\n            borderRadius: theme.radius.regular\n          })\n    };\n\n    if (selectionStyle) {\n      textWrapperStyle.push(selectionStyle);\n    }\n  }\n\n  return (\n    <Touchable\n      onPress={!isDisabled ? onPress : undefined}\n      style={style}\n      analyticsID=\"question-choice\"\n      analyticsParams={{questionType}}\n    >\n      <View\n        style={[styleSheet.boxShadow, styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {url ? (\n          <View style={styleSheet.imageContainer}>\n            <ImageBackground\n              testID={prefixTestID && `${prefixTestID}${mediaSuffix}`}\n              source={source}\n              style={styleSheet.image}\n            />\n          </View>\n        ) : null}\n\n        {children ? (\n          <View style={textWrapperStyle}>\n            <Html style={textStyle}>{children}</Html>\n          </View>\n        ) : null}\n      </View>\n    </Touchable>\n  );\n};\n\nexport default Choice;\n"],"mappings":"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"}

package/lib/atom/html/index.native.js

@@ -107,8 +107,6 @@ const Html = props => {
     numberOfLines: numberOfLines
   }, _children), [numberOfLines]);
   const FontRenderer = (0, _react.useCallback)((htmlAttribs, _children) => {
-    var _htmlAttribs$color;
-
     if (htmlAttribs.color) {
       disableBaseFontStyleColor(true);
     }
@@ -116,7 +114,7 @@ const Html = props => {
     return /*#__PURE__*/_react.default.createElement(_index.default, {
       key: 1,
       style: _extends({}, baseFontStyle, {
-        color: (_htmlAttribs$color = htmlAttribs.color) == null ? void 0 : _htmlAttribs$color.replace(/ /g, '')
+        color: htmlAttribs.color?.replace(/ /g, '')
       })
     }, _children);
   }, [baseFontStyle]);

package/lib/atom/html/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["HtmlBase","props","Html","templateContext","useTemplateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","useState","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","HTML_ANCHOR_TEXT_COLOR","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","u","textDecorationLine","i","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","a","color","img","baseFontStyle","DEFAULT_TEXT_STYLE","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","useCallback","htmlAttribs","_children","FontRenderer","replace","renderers","font","span","html","undefined"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text, {DEFAULT_STYLE as DEFAULT_TEXT_STYLE} from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles: MixedStyleRecord = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  };\n\n  let baseFontStyle: TextStyle = {...DEFAULT_TEXT_STYLE, fontSize, color: theme.colors.black};\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["HtmlBase","props","Html","templateContext","useTemplateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","useState","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","HTML_ANCHOR_TEXT_COLOR","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","u","textDecorationLine","i","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","a","color","img","baseFontStyle","DEFAULT_TEXT_STYLE","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","useCallback","htmlAttribs","_children","FontRenderer","replace","renderers","font","span","html","undefined"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text, {DEFAULT_STYLE as DEFAULT_TEXT_STYLE} from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles: MixedStyleRecord = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  };\n\n  let baseFontStyle: TextStyle = {...DEFAULT_TEXT_STYLE, fontSize, color: theme.colors.black};\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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"}