@coorpacademy/components 11.40.22-slider.13 → 11.40.22-slider.15

package/es/molecule/questions/mobile/slider/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAQpE,oBAAY,yBAAyB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEhE,oBAAY,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgDF,QAAA,MAAM,cAAc,UAAW,KAAK,sBAiEnC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAQpE,oBAAY,yBAAyB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEhE,oBAAY,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgDF,QAAA,MAAM,cAAc,UAAW,KAAK,sBA0EnC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/es/molecule/questions/mobile/slider/index.native.js

@@ -48,6 +48,13 @@ const QuestionSlider = props => {
     onSlidingComplete,
     testID
   } = props;
+  console.log('[QuestionSlider] render', {
+    min,
+    max,
+    step,
+    storeValue,
+    unit
+  });
   const templateContext = useTemplateContext();
   const {
     brandTheme,
@@ -55,7 +62,12 @@ const QuestionSlider = props => {
   } = templateContext;
   const [value, setValue] = useState(storeValue);
   const styleSheet = useMemo(() => createStyleSheet(brandTheme, theme), [brandTheme, theme]);
+  const handleValueChange = useCallback(v => {
+    console.log('[QuestionSlider] onValueChange', v);
+    setValue(v);
+  }, []);
   const handleSlidingComplete = useCallback(finalValue => {
+    console.log('[QuestionSlider] onSlidingComplete', finalValue);
     setValue(finalValue);
     onSlidingComplete(finalValue);
   }, [onSlidingComplete]);
@@ -72,7 +84,7 @@ const QuestionSlider = props => {
   }, value), /*#__PURE__*/React.createElement(Slider, {
     step: step || 1,
     value: value,
-    onValueChange: setValue,
+    onValueChange: handleValueChange,
     maximumValue: max,
     minimumValue: min,
     onSlidingComplete: handleSlidingComplete,

package/es/molecule/questions/mobile/slider/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useMemo","useCallback","View","StyleSheet","Slider","Text","useTemplateContext","createStyleSheet","brandTheme","theme","create","container","flex","paddingHorizontal","flexDirection","justifyContent","header","fontSize","fontWeight","bold","textAlign","textValue","color","colors","black","valuesContainer","leftValue","alignItems","rightValue","slider","height","QuestionSlider","props","step","style","min","max","unit","value","storeValue","onSlidingComplete","testID","templateContext","setValue","styleSheet","handleSlidingComplete","finalValue","textStyle","primary","createElement","onValueChange","maximumValue","minimumValue","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor"],"sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"sourcesContent":["import React, {useState, useMemo, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport Slider from '@react-native-community/slider';\n\nimport {Theme} from '../../../../variables/theme.native';\nimport Text from '../../../../atom/text/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Brand} from '../../../../variables/brand.native';\n\nexport type OnSlidingCompleteFunction = (value: number) => void;\n\nexport type Props = {\n  min: number;\n  max: number;\n  value?: number;\n  unit?: string;\n  onSlidingComplete: OnSlidingCompleteFunction;\n  style?: ViewStyle;\n  step?: number;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: TextStyle;\n  textValue: TextStyle;\n  valuesContainer: ViewStyle;\n  leftValue: ViewStyle;\n  rightValue: ViewStyle;\n  slider: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'center'\n    },\n    header: {\n      fontSize: 25,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    textValue: {\n      fontSize: 15,\n      color: theme.colors.black,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    valuesContainer: {\n      flexDirection: 'row',\n      justifyContent: 'space-around'\n    },\n    leftValue: {\n      flex: 1,\n      alignItems: 'flex-start'\n    },\n    rightValue: {\n      flex: 1,\n      alignItems: 'flex-end'\n    },\n    slider: {\n      height: 40\n    }\n  });\n\nconst QuestionSlider = (props: Props) => {\n  const {\n    step,\n    style,\n    min,\n    max,\n    unit = '',\n    value: storeValue = 0,\n    onSlidingComplete,\n    testID\n  } = props;\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme} = templateContext;\n  const [value, setValue] = useState<number>(storeValue);\n\n  const styleSheet = useMemo(\n    () => createStyleSheet(brandTheme, theme),\n    [brandTheme, theme]\n  );\n\n  const handleSlidingComplete = useCallback(\n    (finalValue: number) => {\n      setValue(finalValue);\n      onSlidingComplete(finalValue);\n    },\n    [onSlidingComplete]\n  );\n\n  const textStyle: TextStyle = {\n    ...styleSheet.header,\n    color: brandTheme?.colors?.primary\n  };\n\n  return (\n    <View style={[styleSheet.container, style]} testID={testID}>\n      <Text style={textStyle} testID=\"slider-value\">\n        {value}\n      </Text>\n      <Slider\n        step={step || 1}\n        value={value}\n        onValueChange={setValue}\n        maximumValue={max}\n        minimumValue={min}\n        onSlidingComplete={handleSlidingComplete}\n        minimumTrackTintColor={brandTheme?.colors?.primary}\n        maximumTrackTintColor=\"#b3b3b3\"\n        thumbTintColor={brandTheme?.colors?.primary}\n        style={styleSheet.slider}\n        testID=\"slider\"\n      />\n      <View style={styleSheet.valuesContainer} testID=\"slider-values-container\">\n        <View style={styleSheet.leftValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-min-value\">\n            {`${min} ${unit}`}\n          </Text>\n        </View>\n        <View style={styleSheet.rightValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-max-value\">\n            {`${max} ${unit}`}\n          </Text>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionSlider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useState","useMemo","useCallback","View","StyleSheet","Slider","Text","useTemplateContext","createStyleSheet","brandTheme","theme","create","container","flex","paddingHorizontal","flexDirection","justifyContent","header","fontSize","fontWeight","bold","textAlign","textValue","color","colors","black","valuesContainer","leftValue","alignItems","rightValue","slider","height","QuestionSlider","props","step","style","min","max","unit","value","storeValue","onSlidingComplete","testID","console","log","templateContext","setValue","styleSheet","handleValueChange","v","handleSlidingComplete","finalValue","textStyle","primary","createElement","onValueChange","maximumValue","minimumValue","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor"],"sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"sourcesContent":["import React, {useState, useMemo, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport Slider from '@react-native-community/slider';\n\nimport {Theme} from '../../../../variables/theme.native';\nimport Text from '../../../../atom/text/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Brand} from '../../../../variables/brand.native';\n\nexport type OnSlidingCompleteFunction = (value: number) => void;\n\nexport type Props = {\n  min: number;\n  max: number;\n  value?: number;\n  unit?: string;\n  onSlidingComplete: OnSlidingCompleteFunction;\n  style?: ViewStyle;\n  step?: number;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: TextStyle;\n  textValue: TextStyle;\n  valuesContainer: ViewStyle;\n  leftValue: ViewStyle;\n  rightValue: ViewStyle;\n  slider: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'center'\n    },\n    header: {\n      fontSize: 25,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    textValue: {\n      fontSize: 15,\n      color: theme.colors.black,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    valuesContainer: {\n      flexDirection: 'row',\n      justifyContent: 'space-around'\n    },\n    leftValue: {\n      flex: 1,\n      alignItems: 'flex-start'\n    },\n    rightValue: {\n      flex: 1,\n      alignItems: 'flex-end'\n    },\n    slider: {\n      height: 40\n    }\n  });\n\nconst QuestionSlider = (props: Props) => {\n  const {\n    step,\n    style,\n    min,\n    max,\n    unit = '',\n    value: storeValue = 0,\n    onSlidingComplete,\n    testID\n  } = props;\n\n  console.log('[QuestionSlider] render', {min, max, step, storeValue, unit});\n\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme} = templateContext;\n  const [value, setValue] = useState<number>(storeValue);\n\n  const styleSheet = useMemo(\n    () => createStyleSheet(brandTheme, theme),\n    [brandTheme, theme]\n  );\n\n  const handleValueChange = useCallback((v: number) => {\n    console.log('[QuestionSlider] onValueChange', v);\n    setValue(v);\n  }, []);\n\n  const handleSlidingComplete = useCallback(\n    (finalValue: number) => {\n      console.log('[QuestionSlider] onSlidingComplete', finalValue);\n      setValue(finalValue);\n      onSlidingComplete(finalValue);\n    },\n    [onSlidingComplete]\n  );\n\n  const textStyle: TextStyle = {\n    ...styleSheet.header,\n    color: brandTheme?.colors?.primary\n  };\n\n  return (\n    <View style={[styleSheet.container, style]} testID={testID}>\n      <Text style={textStyle} testID=\"slider-value\">\n        {value}\n      </Text>\n      <Slider\n        step={step || 1}\n        value={value}\n        onValueChange={handleValueChange}\n        maximumValue={max}\n        minimumValue={min}\n        onSlidingComplete={handleSlidingComplete}\n        minimumTrackTintColor={brandTheme?.colors?.primary}\n        maximumTrackTintColor=\"#b3b3b3\"\n        thumbTintColor={brandTheme?.colors?.primary}\n        style={styleSheet.slider}\n        testID=\"slider\"\n      />\n      <View style={styleSheet.valuesContainer} testID=\"slider-values-container\">\n        <View style={styleSheet.leftValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-min-value\">\n            {`${min} ${unit}`}\n          </Text>\n        </View>\n        <View style={styleSheet.rightValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-max-value\">\n            {`${max} ${unit}`}\n          </Text>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionSlider;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA2BvE,OAAO,EAAa,gBAAgB,EAAa,MAAM,cAAc,CAAC;AAoQtE,QAAA,MAAM,KAAK,UAAW,gBAAgB,sBAwErC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA2BvE,OAAO,EAAa,gBAAgB,EAAa,MAAM,cAAc,CAAC;AAqQtE,QAAA,MAAM,KAAK,UAAW,gBAAgB,sBAwErC,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -185,7 +185,8 @@ const Question = props => {
     style: style.choicesScrollView,
     contentContainerStyle: style.choicesScrollContent,
     showsHorizontalScrollIndicator: false,
-    showsVerticalScrollIndicator: false
+    showsVerticalScrollIndicator: false,
+    nestedScrollEnabled: true
   }, !isKeyboardVisible && hasVideoOrImage ? /*#__PURE__*/React.createElement(MediaView, {
     media: answerUI.media,
     autoplay: autoplayMedia

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useMemo","useState","Animated","Easing","Image","Keyboard","ScrollView","StyleSheet","useWindowDimensions","View","get","getOr","useTranslateY","Answer","ReviewCorrectionPopin","useTemplateContext","Button","TYPE_AUDIO","TYPE_IMAGE","TYPE_VIDEO","Video","Html","useMobileKeyboardVisibility","styles","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","createElement","style","uri","url","split","source","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","fromValue","toValue","duration","easing","bezier","start","klf","information","label","message","next","onClick","_correctionPopinProps","resultLabel","animatedStyle","createQuestionStyle","theme","questionHeading","questionOriginContainer","marginBottom","spacing","tiny","marginTop","small","questionOrigin","fontSize","lineHeight","color","colors","text","primary","textAlign","questionTextContainer","marginVertical","questionText","fontWeight","questionHelpContainer","questionHelp","gray","medium","choicesScrollView","choicesScrollContent","flexGrow","padding","Question","props","answerUI","isKeyboardVisible","autoplayMedia","setStyle","questionStyle","hasVideoOrImage","includes","Fragment","isTextCentered","contentContainerStyle","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","handleValidatePress","dismiss","setTimeout","slideStyle","isFirstSlide","loading","parentContentTitle","pointerEvents","key","disabled","submitValue","onPress","testID"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {\n  Animated,\n  Easing,\n  Image,\n  Keyboard,\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 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 Html from '../../atom/html/index.native';\nimport useMobileKeyboardVisibility from '../../util/use-mobile-keyboard-visibility';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  mediaContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: 200,\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, autoplay}: {media?: Media; autoplay: boolean}) => {\n  if (!media) {\n    return null;\n  }\n\n  switch (media.type) {\n    case TYPE_VIDEO:\n      return (\n        <View style={styles.mediaContainer}>\n          <Video media={media} autoplay={autoplay} />\n        </View>\n      );\n    case TYPE_IMAGE: {\n      const uri = `https://${media.url?.split('//')[1]}`;\n      return <Image style={[styles.mediaContainer, styles.image]} source={{uri}} />;\n    }\n    case TYPE_AUDIO:\n    default:\n      return null;\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 = correctionPopinProps.klf;\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  questionOriginContainer: ViewStyle;\n  questionOrigin: TextStyle;\n  questionTextContainer: TextStyle;\n  questionText: TextStyle;\n  questionHelpContainer: ViewStyle;\n  questionHelp: TextStyle;\n  choicesScrollView: ViewStyle;\n  choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    questionOriginContainer: {\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionTextContainer: {\n      marginVertical: 4,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary\n    },\n    questionHelpContainer: {\n      marginVertical: 4\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      marginTop: 20,\n      width: '100%'\n    },\n    choicesScrollContent: {\n      flexGrow: 1,\n      justifyContent: 'space-around',\n      padding: 10\n    }\n  });\n\ntype QuestionProps = {\n  autoplayMedia: boolean;\n  answerUI: SlideProps['answerUI'];\n  isKeyboardVisible: boolean;\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {\n    answerUI,\n    questionText,\n    questionOrigin = '',\n    isKeyboardVisible,\n    autoplayMedia = false\n  } = 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  const hasVideoOrImage =\n    answerUI.media?.type && [TYPE_VIDEO, TYPE_IMAGE].includes(answerUI.media.type);\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <View style={style.questionOriginContainer}>\n          <Html style={style.questionOrigin} isTextCentered>\n            {questionOrigin}\n          </Html>\n        </View>\n        <View style={style.questionTextContainer}>\n          <Html style={style.questionText} isTextCentered>\n            {questionText}\n          </Html>\n        </View>\n        <View style={style.questionHelpContainer}>\n          <Html style={style.questionHelp}>{get('help', answerUI)}</Html>\n        </View>\n      </View>\n      <ScrollView\n        style={style.choicesScrollView}\n        contentContainerStyle={style.choicesScrollContent}\n        showsHorizontalScrollIndicator={false}\n        showsVerticalScrollIndicator={false}\n      >\n        {!isKeyboardVisible && hasVideoOrImage ? (\n          <MediaView media={answerUI.media} autoplay={autoplayMedia} />\n        ) : null}\n        <View\n          style={{\n            marginTop: hasVideoOrImage ? 30 : 0\n          }}\n        >\n          <Answer {...answerUI} />\n        </View>\n      </ScrollView>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n  hiddenBackgroundToLockActions: ViewStyle;\n};\n\nconst createSlideStyle = (\n  num: number,\n  screenWidth: number,\n  isKeyboardVisible: boolean\n): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    hiddenBackgroundToLockActions: {\n      position: 'absolute',\n      left: 0,\n      right: 0,\n      top: 0,\n      bottom: 0,\n      backgroundColor: '#00000000'\n    },\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: (isKeyboardVisible ? 5 : 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  const [isValidated, setValidated] = useState<boolean>(false);\n\n  const isKeyboardVisible = useMobileKeyboardVisibility();\n\n  const handleValidatePress = useCallback(() => {\n    Keyboard.dismiss();\n    setValidated(true);\n\n    // calling the onclick later, after react has rerendered, to display the locking BG as soon as possible\n    setTimeout(() => {\n      validateButton.onClick();\n    }, 20);\n\n    // only to create on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const {width} = useWindowDimensions();\n  const slideStyle = useMemo(\n    () => createSlideStyle(num, width, isKeyboardVisible),\n    [num, width, isKeyboardVisible]\n  );\n  const isFirstSlide = num === 1;\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} pointerEvents={isFirstSlide ? 'auto' : 'none'} />;\n  }\n\n  return (\n    <Animated.View\n      style={[slideStyle.slide, animatedStyle]}\n      pointerEvents={isFirstSlide ? 'auto' : 'none'}\n    >\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        autoplayMedia={isFirstSlide}\n        isKeyboardVisible={isKeyboardVisible}\n        key=\"question-container\"\n      />\n      {isKeyboardVisible ? null : (\n        <Button\n          disabled={isValidated || validateButton.disabled}\n          submitValue={validateButton.label}\n          onPress={handleValidatePress}\n          testID={`slide-validate-button-${slideIndex}`}\n        />\n      )}\n      {isValidated ? <View style={slideStyle.hiddenBackgroundToLockActions} /> : null}\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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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useMemo","useState","Animated","Easing","Image","Keyboard","ScrollView","StyleSheet","useWindowDimensions","View","get","getOr","useTranslateY","Answer","ReviewCorrectionPopin","useTemplateContext","Button","TYPE_AUDIO","TYPE_IMAGE","TYPE_VIDEO","Video","Html","useMobileKeyboardVisibility","styles","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","createElement","style","uri","url","split","source","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","fromValue","toValue","duration","easing","bezier","start","klf","information","label","message","next","onClick","_correctionPopinProps","resultLabel","animatedStyle","createQuestionStyle","theme","questionHeading","questionOriginContainer","marginBottom","spacing","tiny","marginTop","small","questionOrigin","fontSize","lineHeight","color","colors","text","primary","textAlign","questionTextContainer","marginVertical","questionText","fontWeight","questionHelpContainer","questionHelp","gray","medium","choicesScrollView","choicesScrollContent","flexGrow","padding","Question","props","answerUI","isKeyboardVisible","autoplayMedia","setStyle","questionStyle","hasVideoOrImage","includes","Fragment","isTextCentered","contentContainerStyle","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","nestedScrollEnabled","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","handleValidatePress","dismiss","setTimeout","slideStyle","isFirstSlide","loading","parentContentTitle","pointerEvents","key","disabled","submitValue","onPress","testID"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {\n  Animated,\n  Easing,\n  Image,\n  Keyboard,\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 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 Html from '../../atom/html/index.native';\nimport useMobileKeyboardVisibility from '../../util/use-mobile-keyboard-visibility';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  mediaContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: 200,\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, autoplay}: {media?: Media; autoplay: boolean}) => {\n  if (!media) {\n    return null;\n  }\n\n  switch (media.type) {\n    case TYPE_VIDEO:\n      return (\n        <View style={styles.mediaContainer}>\n          <Video media={media} autoplay={autoplay} />\n        </View>\n      );\n    case TYPE_IMAGE: {\n      const uri = `https://${media.url?.split('//')[1]}`;\n      return <Image style={[styles.mediaContainer, styles.image]} source={{uri}} />;\n    }\n    case TYPE_AUDIO:\n    default:\n      return null;\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 = correctionPopinProps.klf;\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  questionOriginContainer: ViewStyle;\n  questionOrigin: TextStyle;\n  questionTextContainer: TextStyle;\n  questionText: TextStyle;\n  questionHelpContainer: ViewStyle;\n  questionHelp: TextStyle;\n  choicesScrollView: ViewStyle;\n  choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    questionOriginContainer: {\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionTextContainer: {\n      marginVertical: 4,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary\n    },\n    questionHelpContainer: {\n      marginVertical: 4\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      marginTop: 20,\n      width: '100%'\n    },\n    choicesScrollContent: {\n      flexGrow: 1,\n      justifyContent: 'space-around',\n      padding: 10\n    }\n  });\n\ntype QuestionProps = {\n  autoplayMedia: boolean;\n  answerUI: SlideProps['answerUI'];\n  isKeyboardVisible: boolean;\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {\n    answerUI,\n    questionText,\n    questionOrigin = '',\n    isKeyboardVisible,\n    autoplayMedia = false\n  } = 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  const hasVideoOrImage =\n    answerUI.media?.type && [TYPE_VIDEO, TYPE_IMAGE].includes(answerUI.media.type);\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <View style={style.questionOriginContainer}>\n          <Html style={style.questionOrigin} isTextCentered>\n            {questionOrigin}\n          </Html>\n        </View>\n        <View style={style.questionTextContainer}>\n          <Html style={style.questionText} isTextCentered>\n            {questionText}\n          </Html>\n        </View>\n        <View style={style.questionHelpContainer}>\n          <Html style={style.questionHelp}>{get('help', answerUI)}</Html>\n        </View>\n      </View>\n      <ScrollView\n        style={style.choicesScrollView}\n        contentContainerStyle={style.choicesScrollContent}\n        showsHorizontalScrollIndicator={false}\n        showsVerticalScrollIndicator={false}\n        nestedScrollEnabled\n      >\n        {!isKeyboardVisible && hasVideoOrImage ? (\n          <MediaView media={answerUI.media} autoplay={autoplayMedia} />\n        ) : null}\n        <View\n          style={{\n            marginTop: hasVideoOrImage ? 30 : 0\n          }}\n        >\n          <Answer {...answerUI} />\n        </View>\n      </ScrollView>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n  hiddenBackgroundToLockActions: ViewStyle;\n};\n\nconst createSlideStyle = (\n  num: number,\n  screenWidth: number,\n  isKeyboardVisible: boolean\n): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    hiddenBackgroundToLockActions: {\n      position: 'absolute',\n      left: 0,\n      right: 0,\n      top: 0,\n      bottom: 0,\n      backgroundColor: '#00000000'\n    },\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: (isKeyboardVisible ? 5 : 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  const [isValidated, setValidated] = useState<boolean>(false);\n\n  const isKeyboardVisible = useMobileKeyboardVisibility();\n\n  const handleValidatePress = useCallback(() => {\n    Keyboard.dismiss();\n    setValidated(true);\n\n    // calling the onclick later, after react has rerendered, to display the locking BG as soon as possible\n    setTimeout(() => {\n      validateButton.onClick();\n    }, 20);\n\n    // only to create on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const {width} = useWindowDimensions();\n  const slideStyle = useMemo(\n    () => createSlideStyle(num, width, isKeyboardVisible),\n    [num, width, isKeyboardVisible]\n  );\n  const isFirstSlide = num === 1;\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} pointerEvents={isFirstSlide ? 'auto' : 'none'} />;\n  }\n\n  return (\n    <Animated.View\n      style={[slideStyle.slide, animatedStyle]}\n      pointerEvents={isFirstSlide ? 'auto' : 'none'}\n    >\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        autoplayMedia={isFirstSlide}\n        isKeyboardVisible={isKeyboardVisible}\n        key=\"question-container\"\n      />\n      {isKeyboardVisible ? null : (\n        <Button\n          disabled={isValidated || validateButton.disabled}\n          submitValue={validateButton.label}\n          onPress={handleValidatePress}\n          testID={`slide-validate-button-${slideIndex}`}\n        />\n      )}\n      {isValidated ? <View style={slideStyle.hiddenBackgroundToLockActions} /> : null}\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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","ignoreList":[]}

package/lib/molecule/questions/mobile/slider/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAQpE,oBAAY,yBAAyB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEhE,oBAAY,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgDF,QAAA,MAAM,cAAc,UAAW,KAAK,sBAiEnC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAQpE,oBAAY,yBAAyB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEhE,oBAAY,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgDF,QAAA,MAAM,cAAc,UAAW,KAAK,sBA0EnC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/molecule/questions/mobile/slider/index.native.js

@@ -55,6 +55,13 @@ const QuestionSlider = props => {
     onSlidingComplete,
     testID
   } = props;
+  console.log('[QuestionSlider] render', {
+    min,
+    max,
+    step,
+    storeValue,
+    unit
+  });
   const templateContext = (0, _templateContext.useTemplateContext)();
   const {
     brandTheme,
@@ -62,7 +69,12 @@ const QuestionSlider = props => {
   } = templateContext;
   const [value, setValue] = (0, _react.useState)(storeValue);
   const styleSheet = (0, _react.useMemo)(() => createStyleSheet(brandTheme, theme), [brandTheme, theme]);
+  const handleValueChange = (0, _react.useCallback)(v => {
+    console.log('[QuestionSlider] onValueChange', v);
+    setValue(v);
+  }, []);
   const handleSlidingComplete = (0, _react.useCallback)(finalValue => {
+    console.log('[QuestionSlider] onSlidingComplete', finalValue);
     setValue(finalValue);
     onSlidingComplete(finalValue);
   }, [onSlidingComplete]);
@@ -79,7 +91,7 @@ const QuestionSlider = props => {
   }, value), /*#__PURE__*/_react.default.createElement(_slider.default, {
     step: step || 1,
     value: value,
-    onValueChange: setValue,
+    onValueChange: handleValueChange,
     maximumValue: max,
     minimumValue: min,
     onSlidingComplete: handleSlidingComplete,

package/lib/molecule/questions/mobile/slider/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_slider","_interopRequireDefault","_index","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","brandTheme","theme","StyleSheet","create","container","flex","paddingHorizontal","flexDirection","justifyContent","header","fontSize","fontWeight","bold","textAlign","textValue","color","colors","black","valuesContainer","leftValue","alignItems","rightValue","slider","height","QuestionSlider","props","step","style","min","max","unit","value","storeValue","onSlidingComplete","testID","templateContext","useTemplateContext","setValue","useState","styleSheet","useMemo","handleSlidingComplete","useCallback","finalValue","textStyle","primary","createElement","View","onValueChange","maximumValue","minimumValue","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","_default","exports"],"sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"sourcesContent":["import React, {useState, useMemo, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport Slider from '@react-native-community/slider';\n\nimport {Theme} from '../../../../variables/theme.native';\nimport Text from '../../../../atom/text/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Brand} from '../../../../variables/brand.native';\n\nexport type OnSlidingCompleteFunction = (value: number) => void;\n\nexport type Props = {\n  min: number;\n  max: number;\n  value?: number;\n  unit?: string;\n  onSlidingComplete: OnSlidingCompleteFunction;\n  style?: ViewStyle;\n  step?: number;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: TextStyle;\n  textValue: TextStyle;\n  valuesContainer: ViewStyle;\n  leftValue: ViewStyle;\n  rightValue: ViewStyle;\n  slider: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'center'\n    },\n    header: {\n      fontSize: 25,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    textValue: {\n      fontSize: 15,\n      color: theme.colors.black,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    valuesContainer: {\n      flexDirection: 'row',\n      justifyContent: 'space-around'\n    },\n    leftValue: {\n      flex: 1,\n      alignItems: 'flex-start'\n    },\n    rightValue: {\n      flex: 1,\n      alignItems: 'flex-end'\n    },\n    slider: {\n      height: 40\n    }\n  });\n\nconst QuestionSlider = (props: Props) => {\n  const {\n    step,\n    style,\n    min,\n    max,\n    unit = '',\n    value: storeValue = 0,\n    onSlidingComplete,\n    testID\n  } = props;\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme} = templateContext;\n  const [value, setValue] = useState<number>(storeValue);\n\n  const styleSheet = useMemo(\n    () => createStyleSheet(brandTheme, theme),\n    [brandTheme, theme]\n  );\n\n  const handleSlidingComplete = useCallback(\n    (finalValue: number) => {\n      setValue(finalValue);\n      onSlidingComplete(finalValue);\n    },\n    [onSlidingComplete]\n  );\n\n  const textStyle: TextStyle = {\n    ...styleSheet.header,\n    color: brandTheme?.colors?.primary\n  };\n\n  return (\n    <View style={[styleSheet.container, style]} testID={testID}>\n      <Text style={textStyle} testID=\"slider-value\">\n        {value}\n      </Text>\n      <Slider\n        step={step || 1}\n        value={value}\n        onValueChange={setValue}\n        maximumValue={max}\n        minimumValue={min}\n        onSlidingComplete={handleSlidingComplete}\n        minimumTrackTintColor={brandTheme?.colors?.primary}\n        maximumTrackTintColor=\"#b3b3b3\"\n        thumbTintColor={brandTheme?.colors?.primary}\n        style={styleSheet.slider}\n        testID=\"slider\"\n      />\n      <View style={styleSheet.valuesContainer} testID=\"slider-values-container\">\n        <View style={styleSheet.leftValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-min-value\">\n            {`${min} ${unit}`}\n          </Text>\n        </View>\n        <View style={styleSheet.rightValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-max-value\">\n            {`${max} ${unit}`}\n          </Text>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionSlider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_slider","_interopRequireDefault","_index","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","brandTheme","theme","StyleSheet","create","container","flex","paddingHorizontal","flexDirection","justifyContent","header","fontSize","fontWeight","bold","textAlign","textValue","color","colors","black","valuesContainer","leftValue","alignItems","rightValue","slider","height","QuestionSlider","props","step","style","min","max","unit","value","storeValue","onSlidingComplete","testID","console","log","templateContext","useTemplateContext","setValue","useState","styleSheet","useMemo","handleValueChange","useCallback","v","handleSlidingComplete","finalValue","textStyle","primary","createElement","View","onValueChange","maximumValue","minimumValue","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","_default","exports"],"sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"sourcesContent":["import React, {useState, useMemo, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport Slider from '@react-native-community/slider';\n\nimport {Theme} from '../../../../variables/theme.native';\nimport Text from '../../../../atom/text/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Brand} from '../../../../variables/brand.native';\n\nexport type OnSlidingCompleteFunction = (value: number) => void;\n\nexport type Props = {\n  min: number;\n  max: number;\n  value?: number;\n  unit?: string;\n  onSlidingComplete: OnSlidingCompleteFunction;\n  style?: ViewStyle;\n  step?: number;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: TextStyle;\n  textValue: TextStyle;\n  valuesContainer: ViewStyle;\n  leftValue: ViewStyle;\n  rightValue: ViewStyle;\n  slider: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'center'\n    },\n    header: {\n      fontSize: 25,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    textValue: {\n      fontSize: 15,\n      color: theme.colors.black,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    valuesContainer: {\n      flexDirection: 'row',\n      justifyContent: 'space-around'\n    },\n    leftValue: {\n      flex: 1,\n      alignItems: 'flex-start'\n    },\n    rightValue: {\n      flex: 1,\n      alignItems: 'flex-end'\n    },\n    slider: {\n      height: 40\n    }\n  });\n\nconst QuestionSlider = (props: Props) => {\n  const {\n    step,\n    style,\n    min,\n    max,\n    unit = '',\n    value: storeValue = 0,\n    onSlidingComplete,\n    testID\n  } = props;\n\n  console.log('[QuestionSlider] render', {min, max, step, storeValue, unit});\n\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme} = templateContext;\n  const [value, setValue] = useState<number>(storeValue);\n\n  const styleSheet = useMemo(\n    () => createStyleSheet(brandTheme, theme),\n    [brandTheme, theme]\n  );\n\n  const handleValueChange = useCallback((v: number) => {\n    console.log('[QuestionSlider] onValueChange', v);\n    setValue(v);\n  }, []);\n\n  const handleSlidingComplete = useCallback(\n    (finalValue: number) => {\n      console.log('[QuestionSlider] onSlidingComplete', finalValue);\n      setValue(finalValue);\n      onSlidingComplete(finalValue);\n    },\n    [onSlidingComplete]\n  );\n\n  const textStyle: TextStyle = {\n    ...styleSheet.header,\n    color: brandTheme?.colors?.primary\n  };\n\n  return (\n    <View style={[styleSheet.container, style]} testID={testID}>\n      <Text style={textStyle} testID=\"slider-value\">\n        {value}\n      </Text>\n      <Slider\n        step={step || 1}\n        value={value}\n        onValueChange={handleValueChange}\n        maximumValue={max}\n        minimumValue={min}\n        onSlidingComplete={handleSlidingComplete}\n        minimumTrackTintColor={brandTheme?.colors?.primary}\n        maximumTrackTintColor=\"#b3b3b3\"\n        thumbTintColor={brandTheme?.colors?.primary}\n        style={styleSheet.slider}\n        testID=\"slider\"\n      />\n      <View style={styleSheet.valuesContainer} testID=\"slider-values-container\">\n        <View style={styleSheet.leftValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-min-value\">\n            {`${min} ${unit}`}\n          </Text>\n        </View>\n        <View style={styleSheet.rightValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-max-value\">\n            {`${max} ${unit}`}\n          </Text>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionSlider;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA2BvE,OAAO,EAAa,gBAAgB,EAAa,MAAM,cAAc,CAAC;AAoQtE,QAAA,MAAM,KAAK,UAAW,gBAAgB,sBAwErC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA2BvE,OAAO,EAAa,gBAAgB,EAAa,MAAM,cAAc,CAAC;AAqQtE,QAAA,MAAM,KAAK,UAAW,gBAAgB,sBAwErC,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -192,7 +192,8 @@ const Question = props => {
     style: style.choicesScrollView,
     contentContainerStyle: style.choicesScrollContent,
     showsHorizontalScrollIndicator: false,
-    showsVerticalScrollIndicator: false
+    showsVerticalScrollIndicator: false,
+    nestedScrollEnabled: true
   }, !isKeyboardVisible && hasVideoOrImage ? /*#__PURE__*/_react.default.createElement(MediaView, {
     media: answerUI.media,
     autoplay: autoplayMedia

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_get","_interopRequireDefault","_getOr","_reactNativeAnimation","_index","_index2","_templateContext","_index3","_propTypes","_index4","_index5","_useMobileKeyboardVisibility","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","styles","StyleSheet","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","TYPE_VIDEO","createElement","View","style","TYPE_IMAGE","uri","url","split","Image","source","TYPE_AUDIO","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","useTranslateY","fromValue","toValue","duration","easing","Easing","bezier","useEffect","start","klf","information","getOr","label","message","next","onClick","_correctionPopinProps","resultLabel","animatedStyle","Animated","createQuestionStyle","theme","questionHeading","questionOriginContainer","marginBottom","spacing","tiny","marginTop","small","questionOrigin","fontSize","lineHeight","color","colors","text","primary","textAlign","questionTextContainer","marginVertical","questionText","fontWeight","questionHelpContainer","questionHelp","gray","medium","choicesScrollView","choicesScrollContent","flexGrow","padding","Question","props","answerUI","isKeyboardVisible","autoplayMedia","useTemplateContext","setStyle","useState","questionStyle","hasVideoOrImage","includes","Fragment","isTextCentered","ScrollView","contentContainerStyle","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","useMobileKeyboardVisibility","handleValidatePress","useCallback","Keyboard","dismiss","setTimeout","useWindowDimensions","slideStyle","useMemo","isFirstSlide","loading","parentContentTitle","pointerEvents","key","disabled","submitValue","onPress","testID","_default","exports"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {\n  Animated,\n  Easing,\n  Image,\n  Keyboard,\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 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 Html from '../../atom/html/index.native';\nimport useMobileKeyboardVisibility from '../../util/use-mobile-keyboard-visibility';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  mediaContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: 200,\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, autoplay}: {media?: Media; autoplay: boolean}) => {\n  if (!media) {\n    return null;\n  }\n\n  switch (media.type) {\n    case TYPE_VIDEO:\n      return (\n        <View style={styles.mediaContainer}>\n          <Video media={media} autoplay={autoplay} />\n        </View>\n      );\n    case TYPE_IMAGE: {\n      const uri = `https://${media.url?.split('//')[1]}`;\n      return <Image style={[styles.mediaContainer, styles.image]} source={{uri}} />;\n    }\n    case TYPE_AUDIO:\n    default:\n      return null;\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 = correctionPopinProps.klf;\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  questionOriginContainer: ViewStyle;\n  questionOrigin: TextStyle;\n  questionTextContainer: TextStyle;\n  questionText: TextStyle;\n  questionHelpContainer: ViewStyle;\n  questionHelp: TextStyle;\n  choicesScrollView: ViewStyle;\n  choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    questionOriginContainer: {\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionTextContainer: {\n      marginVertical: 4,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary\n    },\n    questionHelpContainer: {\n      marginVertical: 4\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      marginTop: 20,\n      width: '100%'\n    },\n    choicesScrollContent: {\n      flexGrow: 1,\n      justifyContent: 'space-around',\n      padding: 10\n    }\n  });\n\ntype QuestionProps = {\n  autoplayMedia: boolean;\n  answerUI: SlideProps['answerUI'];\n  isKeyboardVisible: boolean;\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {\n    answerUI,\n    questionText,\n    questionOrigin = '',\n    isKeyboardVisible,\n    autoplayMedia = false\n  } = 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  const hasVideoOrImage =\n    answerUI.media?.type && [TYPE_VIDEO, TYPE_IMAGE].includes(answerUI.media.type);\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <View style={style.questionOriginContainer}>\n          <Html style={style.questionOrigin} isTextCentered>\n            {questionOrigin}\n          </Html>\n        </View>\n        <View style={style.questionTextContainer}>\n          <Html style={style.questionText} isTextCentered>\n            {questionText}\n          </Html>\n        </View>\n        <View style={style.questionHelpContainer}>\n          <Html style={style.questionHelp}>{get('help', answerUI)}</Html>\n        </View>\n      </View>\n      <ScrollView\n        style={style.choicesScrollView}\n        contentContainerStyle={style.choicesScrollContent}\n        showsHorizontalScrollIndicator={false}\n        showsVerticalScrollIndicator={false}\n      >\n        {!isKeyboardVisible && hasVideoOrImage ? (\n          <MediaView media={answerUI.media} autoplay={autoplayMedia} />\n        ) : null}\n        <View\n          style={{\n            marginTop: hasVideoOrImage ? 30 : 0\n          }}\n        >\n          <Answer {...answerUI} />\n        </View>\n      </ScrollView>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n  hiddenBackgroundToLockActions: ViewStyle;\n};\n\nconst createSlideStyle = (\n  num: number,\n  screenWidth: number,\n  isKeyboardVisible: boolean\n): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    hiddenBackgroundToLockActions: {\n      position: 'absolute',\n      left: 0,\n      right: 0,\n      top: 0,\n      bottom: 0,\n      backgroundColor: '#00000000'\n    },\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: (isKeyboardVisible ? 5 : 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  const [isValidated, setValidated] = useState<boolean>(false);\n\n  const isKeyboardVisible = useMobileKeyboardVisibility();\n\n  const handleValidatePress = useCallback(() => {\n    Keyboard.dismiss();\n    setValidated(true);\n\n    // calling the onclick later, after react has rerendered, to display the locking BG as soon as possible\n    setTimeout(() => {\n      validateButton.onClick();\n    }, 20);\n\n    // only to create on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const {width} = useWindowDimensions();\n  const slideStyle = useMemo(\n    () => createSlideStyle(num, width, isKeyboardVisible),\n    [num, width, isKeyboardVisible]\n  );\n  const isFirstSlide = num === 1;\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} pointerEvents={isFirstSlide ? 'auto' : 'none'} />;\n  }\n\n  return (\n    <Animated.View\n      style={[slideStyle.slide, animatedStyle]}\n      pointerEvents={isFirstSlide ? 'auto' : 'none'}\n    >\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        autoplayMedia={isFirstSlide}\n        isKeyboardVisible={isKeyboardVisible}\n        key=\"question-container\"\n      />\n      {isKeyboardVisible ? null : (\n        <Button\n          disabled={isValidated || validateButton.disabled}\n          submitValue={validateButton.label}\n          onPress={handleValidatePress}\n          testID={`slide-validate-button-${slideIndex}`}\n        />\n      )}\n      {isValidated ? <View style={slideStyle.hiddenBackgroundToLockActions} /> : null}\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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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_get","_interopRequireDefault","_getOr","_reactNativeAnimation","_index","_index2","_templateContext","_index3","_propTypes","_index4","_index5","_useMobileKeyboardVisibility","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","styles","StyleSheet","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","TYPE_VIDEO","createElement","View","style","TYPE_IMAGE","uri","url","split","Image","source","TYPE_AUDIO","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","useTranslateY","fromValue","toValue","duration","easing","Easing","bezier","useEffect","start","klf","information","getOr","label","message","next","onClick","_correctionPopinProps","resultLabel","animatedStyle","Animated","createQuestionStyle","theme","questionHeading","questionOriginContainer","marginBottom","spacing","tiny","marginTop","small","questionOrigin","fontSize","lineHeight","color","colors","text","primary","textAlign","questionTextContainer","marginVertical","questionText","fontWeight","questionHelpContainer","questionHelp","gray","medium","choicesScrollView","choicesScrollContent","flexGrow","padding","Question","props","answerUI","isKeyboardVisible","autoplayMedia","useTemplateContext","setStyle","useState","questionStyle","hasVideoOrImage","includes","Fragment","isTextCentered","ScrollView","contentContainerStyle","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","nestedScrollEnabled","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","useMobileKeyboardVisibility","handleValidatePress","useCallback","Keyboard","dismiss","setTimeout","useWindowDimensions","slideStyle","useMemo","isFirstSlide","loading","parentContentTitle","pointerEvents","key","disabled","submitValue","onPress","testID","_default","exports"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {\n  Animated,\n  Easing,\n  Image,\n  Keyboard,\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 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 Html from '../../atom/html/index.native';\nimport useMobileKeyboardVisibility from '../../util/use-mobile-keyboard-visibility';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  mediaContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: 200,\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, autoplay}: {media?: Media; autoplay: boolean}) => {\n  if (!media) {\n    return null;\n  }\n\n  switch (media.type) {\n    case TYPE_VIDEO:\n      return (\n        <View style={styles.mediaContainer}>\n          <Video media={media} autoplay={autoplay} />\n        </View>\n      );\n    case TYPE_IMAGE: {\n      const uri = `https://${media.url?.split('//')[1]}`;\n      return <Image style={[styles.mediaContainer, styles.image]} source={{uri}} />;\n    }\n    case TYPE_AUDIO:\n    default:\n      return null;\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 = correctionPopinProps.klf;\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  questionOriginContainer: ViewStyle;\n  questionOrigin: TextStyle;\n  questionTextContainer: TextStyle;\n  questionText: TextStyle;\n  questionHelpContainer: ViewStyle;\n  questionHelp: TextStyle;\n  choicesScrollView: ViewStyle;\n  choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    questionOriginContainer: {\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionTextContainer: {\n      marginVertical: 4,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary\n    },\n    questionHelpContainer: {\n      marginVertical: 4\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      marginTop: 20,\n      width: '100%'\n    },\n    choicesScrollContent: {\n      flexGrow: 1,\n      justifyContent: 'space-around',\n      padding: 10\n    }\n  });\n\ntype QuestionProps = {\n  autoplayMedia: boolean;\n  answerUI: SlideProps['answerUI'];\n  isKeyboardVisible: boolean;\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {\n    answerUI,\n    questionText,\n    questionOrigin = '',\n    isKeyboardVisible,\n    autoplayMedia = false\n  } = 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  const hasVideoOrImage =\n    answerUI.media?.type && [TYPE_VIDEO, TYPE_IMAGE].includes(answerUI.media.type);\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <View style={style.questionOriginContainer}>\n          <Html style={style.questionOrigin} isTextCentered>\n            {questionOrigin}\n          </Html>\n        </View>\n        <View style={style.questionTextContainer}>\n          <Html style={style.questionText} isTextCentered>\n            {questionText}\n          </Html>\n        </View>\n        <View style={style.questionHelpContainer}>\n          <Html style={style.questionHelp}>{get('help', answerUI)}</Html>\n        </View>\n      </View>\n      <ScrollView\n        style={style.choicesScrollView}\n        contentContainerStyle={style.choicesScrollContent}\n        showsHorizontalScrollIndicator={false}\n        showsVerticalScrollIndicator={false}\n        nestedScrollEnabled\n      >\n        {!isKeyboardVisible && hasVideoOrImage ? (\n          <MediaView media={answerUI.media} autoplay={autoplayMedia} />\n        ) : null}\n        <View\n          style={{\n            marginTop: hasVideoOrImage ? 30 : 0\n          }}\n        >\n          <Answer {...answerUI} />\n        </View>\n      </ScrollView>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n  hiddenBackgroundToLockActions: ViewStyle;\n};\n\nconst createSlideStyle = (\n  num: number,\n  screenWidth: number,\n  isKeyboardVisible: boolean\n): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    hiddenBackgroundToLockActions: {\n      position: 'absolute',\n      left: 0,\n      right: 0,\n      top: 0,\n      bottom: 0,\n      backgroundColor: '#00000000'\n    },\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: (isKeyboardVisible ? 5 : 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  const [isValidated, setValidated] = useState<boolean>(false);\n\n  const isKeyboardVisible = useMobileKeyboardVisibility();\n\n  const handleValidatePress = useCallback(() => {\n    Keyboard.dismiss();\n    setValidated(true);\n\n    // calling the onclick later, after react has rerendered, to display the locking BG as soon as possible\n    setTimeout(() => {\n      validateButton.onClick();\n    }, 20);\n\n    // only to create on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const {width} = useWindowDimensions();\n  const slideStyle = useMemo(\n    () => createSlideStyle(num, width, isKeyboardVisible),\n    [num, width, isKeyboardVisible]\n  );\n  const isFirstSlide = num === 1;\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} pointerEvents={isFirstSlide ? 'auto' : 'none'} />;\n  }\n\n  return (\n    <Animated.View\n      style={[slideStyle.slide, animatedStyle]}\n      pointerEvents={isFirstSlide ? 'auto' : 'none'}\n    >\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        autoplayMedia={isFirstSlide}\n        isKeyboardVisible={isKeyboardVisible}\n        key=\"question-container\"\n      />\n      {isKeyboardVisible ? null : (\n        <Button\n          disabled={isValidated || validateButton.disabled}\n          submitValue={validateButton.label}\n          onPress={handleValidatePress}\n          testID={`slide-validate-button-${slideIndex}`}\n        />\n      )}\n      {isValidated ? <View style={slideStyle.hiddenBackgroundToLockActions} /> : null}\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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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.40.22-slider.13+b95a018f5",
+  "version": "11.40.22-slider.15+9b7470753",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -171,5 +171,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "b95a018f52540a6da0aaf360030aed112b01fdcb"
+  "gitHead": "9b7470753b2928656ebe4170bb925cc2ae825697"
 }