@coorpacademy/components 11.40.22-slider.16 → 11.40.22-slider.18

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,EAA6C,MAAM,cAAc,CAAC;AAUrG,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,sBAsGnC,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,EAAsB,MAAM,cAAc,CAAC;AAU9E,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,sBAgFnC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -1,7 +1,7 @@
 import React, { useState, useMemo, useCallback } from 'react';
 import { View, StyleSheet, Platform } from 'react-native';
 import Slider from '@react-native-community/slider';
-const LOG_PREFIX = '[QuestionSlider v16]';
+const LOG_PREFIX = '[QuestionSlider v18]';
 import Text from '../../../../atom/text/index.native';
 import { useTemplateContext } from '../../../../template/app-review/template-context';
 const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
@@ -76,20 +76,6 @@ const QuestionSlider = props => {
   const handleSlidingStart = useCallback(startValue => {
     console.log(LOG_PREFIX, 'onSlidingStart', startValue);
   }, []);
-  const handleTouchStart = useCallback(e => {
-    console.log(LOG_PREFIX, 'wrapper onTouchStart', {
-      locationX: e.nativeEvent.locationX,
-      locationY: e.nativeEvent.locationY
-    });
-  }, []);
-  const handleStartShouldSetResponder = useCallback(() => {
-    console.log(LOG_PREFIX, 'onStartShouldSetResponder → true');
-    return true;
-  }, []);
-  const handleMoveShouldSetResponder = useCallback(() => {
-    console.log(LOG_PREFIX, 'onMoveShouldSetResponder → true');
-    return true;
-  }, []);
   const textStyle = {
     ...styleSheet.header,
     color: brandTheme?.colors?.primary
@@ -100,11 +86,7 @@ const QuestionSlider = props => {
   }, /*#__PURE__*/React.createElement(Text, {
     style: textStyle,
     testID: "slider-value"
-  }, value), /*#__PURE__*/React.createElement(View, {
-    onTouchStart: handleTouchStart,
-    onStartShouldSetResponder: handleStartShouldSetResponder,
-    onMoveShouldSetResponder: handleMoveShouldSetResponder
-  }, /*#__PURE__*/React.createElement(Slider, {
+  }, value), /*#__PURE__*/React.createElement(Slider, {
     step: step || 1,
     value: value,
     onValueChange: handleValueChange,
@@ -117,7 +99,7 @@ const QuestionSlider = props => {
     thumbTintColor: brandTheme?.colors?.primary,
     style: styleSheet.slider,
     testID: "slider"
-  })), /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: styleSheet.valuesContainer,
     testID: "slider-values-container"
   }, /*#__PURE__*/React.createElement(View, {

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","Platform","Slider","LOG_PREFIX","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","platform","OS","templateContext","setValue","styleSheet","handleValueChange","v","handleSlidingComplete","finalValue","handleSlidingStart","startValue","handleTouchStart","e","locationX","nativeEvent","locationY","handleStartShouldSetResponder","handleMoveShouldSetResponder","textStyle","primary","createElement","onTouchStart","onStartShouldSetResponder","onMoveShouldSetResponder","onValueChange","onSlidingStart","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, Platform, GestureResponderEvent} from 'react-native';\nimport Slider from '@react-native-community/slider';\n\nconst LOG_PREFIX = '[QuestionSlider v16]';\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(LOG_PREFIX, 'render', {min, max, step, storeValue, unit, platform: Platform.OS});\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(LOG_PREFIX, 'onValueChange', v);\n    setValue(v);\n  }, []);\n\n  const handleSlidingComplete = useCallback(\n    (finalValue: number) => {\n      console.log(LOG_PREFIX, 'onSlidingComplete', finalValue);\n      setValue(finalValue);\n      onSlidingComplete(finalValue);\n    },\n    [onSlidingComplete]\n  );\n\n  const handleSlidingStart = useCallback((startValue: number) => {\n    console.log(LOG_PREFIX, 'onSlidingStart', startValue);\n  }, []);\n\n  const handleTouchStart = useCallback((e: GestureResponderEvent) => {\n    console.log(LOG_PREFIX, 'wrapper onTouchStart', {\n      locationX: e.nativeEvent.locationX,\n      locationY: e.nativeEvent.locationY\n    });\n  }, []);\n\n  const handleStartShouldSetResponder = useCallback(() => {\n    console.log(LOG_PREFIX, 'onStartShouldSetResponder → true');\n    return true;\n  }, []);\n\n  const handleMoveShouldSetResponder = useCallback(() => {\n    console.log(LOG_PREFIX, 'onMoveShouldSetResponder → true');\n    return true;\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      <View\n        onTouchStart={handleTouchStart}\n        onStartShouldSetResponder={handleStartShouldSetResponder}\n        onMoveShouldSetResponder={handleMoveShouldSetResponder}\n      >\n        <Slider\n          step={step || 1}\n          value={value}\n          onValueChange={handleValueChange}\n          onSlidingStart={handleSlidingStart}\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>\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","Platform","Slider","LOG_PREFIX","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","platform","OS","templateContext","setValue","styleSheet","handleValueChange","v","handleSlidingComplete","finalValue","handleSlidingStart","startValue","textStyle","primary","createElement","onValueChange","onSlidingStart","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, Platform} from 'react-native';\nimport Slider from '@react-native-community/slider';\n\nconst LOG_PREFIX = '[QuestionSlider v18]';\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(LOG_PREFIX, 'render', {min, max, step, storeValue, unit, platform: Platform.OS});\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(LOG_PREFIX, 'onValueChange', v);\n    setValue(v);\n  }, []);\n\n  const handleSlidingComplete = useCallback(\n    (finalValue: number) => {\n      console.log(LOG_PREFIX, 'onSlidingComplete', finalValue);\n      setValue(finalValue);\n      onSlidingComplete(finalValue);\n    },\n    [onSlidingComplete]\n  );\n\n  const handleSlidingStart = useCallback((startValue: number) => {\n    console.log(LOG_PREFIX, 'onSlidingStart', startValue);\n  }, []);\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        onSlidingStart={handleSlidingStart}\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;AAqQtE,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;AA4QtE,QAAA,MAAM,KAAK,UAAW,gBAAgB,sBAwErC,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -164,6 +164,7 @@ const Question = props => {
     setStyle(questionStyle);
   }, [theme]);
   if (!answerUI || !questionText || !style) return null;
+  const isSlider = answerUI.model?.type === 'slider';
   const hasVideoOrImage = answerUI.media?.type && [TYPE_VIDEO, TYPE_IMAGE].includes(answerUI.media.type);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     style: style.questionHeading
@@ -181,7 +182,9 @@ const Question = props => {
     style: style.questionHelpContainer
   }, /*#__PURE__*/React.createElement(Html, {
     style: style.questionHelp
-  }, get('help', answerUI)))), /*#__PURE__*/React.createElement(ScrollView, {
+  }, get('help', answerUI)))), isSlider ? /*#__PURE__*/React.createElement(View, {
+    style: [style.choicesScrollView, style.choicesScrollContent]
+  }, /*#__PURE__*/React.createElement(Answer, answerUI)) : /*#__PURE__*/React.createElement(ScrollView, {
     style: style.choicesScrollView,
     contentContainerStyle: style.choicesScrollContent,
     showsHorizontalScrollIndicator: false,

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","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":[]}
+{"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","isSlider","model","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 isSlider = answerUI.model?.type === 'slider';\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      {isSlider ? (\n        <View style={[style.choicesScrollView, style.choicesScrollContent]}>\n          <Answer {...answerUI} />\n        </View>\n      ) : (\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};\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,EAA6C,MAAM,cAAc,CAAC;AAUrG,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,sBAsGnC,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,EAAsB,MAAM,cAAc,CAAC;AAU9E,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,sBAgFnC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -10,7 +10,7 @@ var _templateContext = require("../../../../template/app-review/template-context
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const LOG_PREFIX = '[QuestionSlider v16]';
+const LOG_PREFIX = '[QuestionSlider v18]';
 const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
   container: {
     flex: 1,
@@ -83,20 +83,6 @@ const QuestionSlider = props => {
   const handleSlidingStart = (0, _react.useCallback)(startValue => {
     console.log(LOG_PREFIX, 'onSlidingStart', startValue);
   }, []);
-  const handleTouchStart = (0, _react.useCallback)(e => {
-    console.log(LOG_PREFIX, 'wrapper onTouchStart', {
-      locationX: e.nativeEvent.locationX,
-      locationY: e.nativeEvent.locationY
-    });
-  }, []);
-  const handleStartShouldSetResponder = (0, _react.useCallback)(() => {
-    console.log(LOG_PREFIX, 'onStartShouldSetResponder → true');
-    return true;
-  }, []);
-  const handleMoveShouldSetResponder = (0, _react.useCallback)(() => {
-    console.log(LOG_PREFIX, 'onMoveShouldSetResponder → true');
-    return true;
-  }, []);
   const textStyle = {
     ...styleSheet.header,
     color: brandTheme?.colors?.primary
@@ -107,11 +93,7 @@ const QuestionSlider = props => {
   }, /*#__PURE__*/_react.default.createElement(_index.default, {
     style: textStyle,
     testID: "slider-value"
-  }, value), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    onTouchStart: handleTouchStart,
-    onStartShouldSetResponder: handleStartShouldSetResponder,
-    onMoveShouldSetResponder: handleMoveShouldSetResponder
-  }, /*#__PURE__*/_react.default.createElement(_slider.default, {
+  }, value), /*#__PURE__*/_react.default.createElement(_slider.default, {
     step: step || 1,
     value: value,
     onValueChange: handleValueChange,
@@ -124,7 +106,7 @@ const QuestionSlider = props => {
     thumbTintColor: brandTheme?.colors?.primary,
     style: styleSheet.slider,
     testID: "slider"
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.valuesContainer,
     testID: "slider-values-container"
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {

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","LOG_PREFIX","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","platform","Platform","OS","templateContext","useTemplateContext","setValue","useState","styleSheet","useMemo","handleValueChange","useCallback","v","handleSlidingComplete","finalValue","handleSlidingStart","startValue","handleTouchStart","locationX","nativeEvent","locationY","handleStartShouldSetResponder","handleMoveShouldSetResponder","textStyle","primary","createElement","View","onTouchStart","onStartShouldSetResponder","onMoveShouldSetResponder","onValueChange","onSlidingStart","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, Platform, GestureResponderEvent} from 'react-native';\nimport Slider from '@react-native-community/slider';\n\nconst LOG_PREFIX = '[QuestionSlider v16]';\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(LOG_PREFIX, 'render', {min, max, step, storeValue, unit, platform: Platform.OS});\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(LOG_PREFIX, 'onValueChange', v);\n    setValue(v);\n  }, []);\n\n  const handleSlidingComplete = useCallback(\n    (finalValue: number) => {\n      console.log(LOG_PREFIX, 'onSlidingComplete', finalValue);\n      setValue(finalValue);\n      onSlidingComplete(finalValue);\n    },\n    [onSlidingComplete]\n  );\n\n  const handleSlidingStart = useCallback((startValue: number) => {\n    console.log(LOG_PREFIX, 'onSlidingStart', startValue);\n  }, []);\n\n  const handleTouchStart = useCallback((e: GestureResponderEvent) => {\n    console.log(LOG_PREFIX, 'wrapper onTouchStart', {\n      locationX: e.nativeEvent.locationX,\n      locationY: e.nativeEvent.locationY\n    });\n  }, []);\n\n  const handleStartShouldSetResponder = useCallback(() => {\n    console.log(LOG_PREFIX, 'onStartShouldSetResponder → true');\n    return true;\n  }, []);\n\n  const handleMoveShouldSetResponder = useCallback(() => {\n    console.log(LOG_PREFIX, 'onMoveShouldSetResponder → true');\n    return true;\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      <View\n        onTouchStart={handleTouchStart}\n        onStartShouldSetResponder={handleStartShouldSetResponder}\n        onMoveShouldSetResponder={handleMoveShouldSetResponder}\n      >\n        <Slider\n          step={step || 1}\n          value={value}\n          onValueChange={handleValueChange}\n          onSlidingStart={handleSlidingStart}\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>\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","LOG_PREFIX","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","platform","Platform","OS","templateContext","useTemplateContext","setValue","useState","styleSheet","useMemo","handleValueChange","useCallback","v","handleSlidingComplete","finalValue","handleSlidingStart","startValue","textStyle","primary","createElement","View","onValueChange","onSlidingStart","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, Platform} from 'react-native';\nimport Slider from '@react-native-community/slider';\n\nconst LOG_PREFIX = '[QuestionSlider v18]';\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(LOG_PREFIX, 'render', {min, max, step, storeValue, unit, platform: Platform.OS});\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(LOG_PREFIX, 'onValueChange', v);\n    setValue(v);\n  }, []);\n\n  const handleSlidingComplete = useCallback(\n    (finalValue: number) => {\n      console.log(LOG_PREFIX, 'onSlidingComplete', finalValue);\n      setValue(finalValue);\n      onSlidingComplete(finalValue);\n    },\n    [onSlidingComplete]\n  );\n\n  const handleSlidingStart = useCallback((startValue: number) => {\n    console.log(LOG_PREFIX, 'onSlidingStart', startValue);\n  }, []);\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        onSlidingStart={handleSlidingStart}\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;AAqQtE,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;AA4QtE,QAAA,MAAM,KAAK,UAAW,gBAAgB,sBAwErC,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -171,6 +171,7 @@ const Question = props => {
     setStyle(questionStyle);
   }, [theme]);
   if (!answerUI || !questionText || !style) return null;
+  const isSlider = answerUI.model?.type === 'slider';
   const hasVideoOrImage = answerUI.media?.type && [_propTypes.TYPE_VIDEO, _propTypes.TYPE_IMAGE].includes(answerUI.media.type);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: style.questionHeading
@@ -188,7 +189,9 @@ const Question = props => {
     style: style.questionHelpContainer
   }, /*#__PURE__*/_react.default.createElement(_index5.default, {
     style: style.questionHelp
-  }, (0, _get.default)('help', answerUI)))), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+  }, (0, _get.default)('help', answerUI)))), isSlider ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [style.choicesScrollView, style.choicesScrollContent]
+  }, /*#__PURE__*/_react.default.createElement(_index.default, answerUI)) : /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
     style: style.choicesScrollView,
     contentContainerStyle: style.choicesScrollContent,
     showsHorizontalScrollIndicator: false,

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","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":[]}
+{"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","isSlider","model","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 isSlider = answerUI.model?.type === 'slider';\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      {isSlider ? (\n        <View style={[style.choicesScrollView, style.choicesScrollContent]}>\n          <Answer {...answerUI} />\n        </View>\n      ) : (\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};\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.16+4ccbbc40f",
+  "version": "11.40.22-slider.18+191ae4a02",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -171,5 +171,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "4ccbbc40f556ff87695e42b03d984716a39eacbd"
+  "gitHead": "191ae4a0297f15736a71dc6325b0f8ca9e6b8859"
 }