@coorpacademy/components 11.13.5 → 11.13.7-alpha.12

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","TYPE_VIDEO","TYPE_IMAGE","uri","url","split","TYPE_AUDIO","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","useTranslateY","fromValue","toValue","duration","easing","Easing","bezier","useEffect","start","klf","getOr","undefined","information","label","message","next","get","onClick","_correctionPopinProps","resultLabel","style","animatedStyle","createQuestionStyle","theme","questionHeading","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","marginTop","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesScrollView","choicesScrollContent","flexGrow","padding","Question","props","answerUI","isKeyboardVisible","autoplayMedia","useTemplateContext","setStyle","useState","questionStyle","hasVideoOrImage","includes","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","setKeyboardVisible","showListener","Keyboard","addListener","hideListener","remove","handleValidatePress","useCallback","dismiss","setTimeout","useWindowDimensions","slideStyle","useMemo","isFirstSlide","loading","parentContentTitle","disabled"],"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 {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 = getOr(undefined, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  const style = animateCorrectionPopin\n    ? [styles.correctionPopinWrapper, translateUp.animatedStyle]\n    : styles.correctionPopinWrapper;\n\n  return (\n    <Animated.View style={style}>\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </Animated.View>\n  );\n};\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOrigin: ViewStyle;\n  questionText: TextStyle;\n  questionHelp: ViewStyle;\n  choicesScrollView: ViewStyle;\n  choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesScrollView: {\n      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        <Html style={style.questionOrigin}>{questionOrigin}</Html>\n        <Html style={style.questionText}>{questionText}</Html>\n        <Html style={style.questionHelp}>{get('help', answerUI)}</Html>\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  const [isKeyboardVisible, setKeyboardVisible] = useState<boolean>(false);\n\n  useEffect(() => {\n    const showListener = Keyboard.addListener('keyboardDidShow', () => {\n      setKeyboardVisible(true);\n    });\n\n    const hideListener = Keyboard.addListener('keyboardDidHide', () => {\n      setKeyboardVisible(false);\n    });\n\n    return () => {\n      showListener.remove();\n      hideListener.remove();\n    };\n  }, []);\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} />;\n  }\n\n  return (\n    <Animated.View style={[slideStyle.slide, animatedStyle]}>\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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"}
+{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","TYPE_VIDEO","TYPE_IMAGE","uri","url","split","TYPE_AUDIO","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","useTranslateY","fromValue","toValue","duration","easing","Easing","bezier","useEffect","start","klf","getOr","undefined","information","label","message","next","get","onClick","_correctionPopinProps","resultLabel","style","animatedStyle","createQuestionStyle","theme","questionHeading","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","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","setKeyboardVisible","showListener","Keyboard","addListener","hideListener","remove","handleValidatePress","useCallback","dismiss","setTimeout","useWindowDimensions","slideStyle","useMemo","isFirstSlide","loading","parentContentTitle","disabled"],"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 {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 = getOr(undefined, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  const style = animateCorrectionPopin\n    ? [styles.correctionPopinWrapper, translateUp.animatedStyle]\n    : styles.correctionPopinWrapper;\n\n  return (\n    <Animated.View style={style}>\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </Animated.View>\n  );\n};\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOriginContainer: ViewStyle;\n  questionOrigin: TextStyle;\n  questionTextContainer: ViewStyle;\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  const [isKeyboardVisible, setKeyboardVisible] = useState<boolean>(false);\n\n  useEffect(() => {\n    const showListener = Keyboard.addListener('keyboardDidShow', () => {\n      setKeyboardVisible(true);\n    });\n\n    const hideListener = Keyboard.addListener('keyboardDidHide', () => {\n      setKeyboardVisible(false);\n    });\n\n    return () => {\n      showListener.remove();\n      hideListener.remove();\n    };\n  }, []);\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} />;\n  }\n\n  return (\n    <Animated.View style={[slideStyle.slide, animatedStyle]}>\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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"}

package/lib/template/back-office/brand-update/index.d.ts

@@ -777,6 +777,24 @@ declare namespace BrandUpdate {
                 className: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
             }>>;
+            selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                placeholder: PropTypes.Requireable<string>;
+                description: PropTypes.Requireable<string>;
+                hint: PropTypes.Requireable<string>;
+                options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                    selected: PropTypes.Validator<boolean>;
+                    name: PropTypes.Validator<string>;
+                    value: PropTypes.Requireable<string>;
+                }>>[]>;
+                onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                onError: PropTypes.Requireable<(...args: any[]) => any>;
+                multiple: PropTypes.Requireable<boolean>;
+                modified: PropTypes.Requireable<boolean>;
+                disabled: PropTypes.Requireable<boolean>;
+                error: PropTypes.Requireable<string>;
+                theme: PropTypes.Requireable<string>;
+            }>>;
             items: PropTypes.Requireable<(PropTypes.InferProps<{
                 bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
                     buttonAriaLabel: PropTypes.Requireable<string>;

package/lib/template/external-course/index.d.ts

@@ -21,6 +21,58 @@ declare class ExternalCourse extends React.Component<any, any, any> {
         backgroundImageUrl: PropTypes.Requireable<string>;
         contentType: PropTypes.Requireable<string>;
         mode: PropTypes.Requireable<string>;
+        closePopin: PropTypes.Requireable<PropTypes.InferProps<{
+            content: PropTypes.Requireable<string>;
+            mode: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<string>;
+            firstButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                type: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            secondButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                type: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            thirdButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                type: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            onClose: PropTypes.Requireable<(...args: any[]) => any>;
+            icon: PropTypes.Requireable<string>;
+            backgroundImageUrl: PropTypes.Requireable<string>;
+            descriptionText: PropTypes.Requireable<string>;
+            cookieTitle: PropTypes.Requireable<string>;
+            descriptionBtnTxt: PropTypes.Requireable<string>;
+            listBtnSwicth: PropTypes.Requireable<(PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                name: PropTypes.Requireable<string>;
+                id: PropTypes.Requireable<string>;
+                value: PropTypes.Requireable<boolean>;
+                disabled: PropTypes.Requireable<boolean>;
+                onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                modified: PropTypes.Requireable<boolean>;
+                titlePosition: PropTypes.Requireable<string>;
+                theme: PropTypes.Requireable<string>;
+                details: PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
+                requiredSelection: PropTypes.Requireable<boolean>;
+            }> | null | undefined)[]>;
+        }>>;
     };
     static contextTypes: {
         skin: PropTypes.Requireable<PropTypes.InferProps<{

package/lib/template/external-course/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/external-course/index.js"],"names":[],"mappings":";AAmBA;IACE;;;;;;;;;;;;;;;;;;;;;MAqBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IA4Hqsd,wBAA8C;IAAA,sCAAyJ;IA1H94d,+CAKE;IAEF,sBA+GC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/external-course/index.js"],"names":[],"mappings":";AAoBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAsBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAmIu8c,wBAA8C;IAAA,sCAAyJ;IAjIhpd,+CAKE;IAEF,sBAsHC;CACF"}

package/lib/template/external-course/index.js

@@ -35,10 +35,14 @@ var _button = _interopRequireDefault(require("../../atom/button"));
 
 var _externalContentViewer = _interopRequireDefault(require("../../molecule/external-content-viewer"));
 
+var _cmPopin = _interopRequireDefault(require("../../molecule/cm-popin"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const defaultWrapperStyle = {
   default: _style.default.default,
   cockpit: _style.default.defaultCockpit,
@@ -68,7 +72,8 @@ class ExternalCourse extends _react.default.Component {
       loading,
       backgroundImageUrl,
       contentType,
-      mode = 'default'
+      mode = 'default',
+      closePopin
     } = this.props;
     const {
       skin
@@ -137,9 +142,10 @@ class ExternalCourse extends _react.default.Component {
     }, warningButton, completeButton, (0, _isNil2.default)(warning) ? null : /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.rightSection
     })) : null;
+    const popin = !(0, _isNil2.default)(closePopin) ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_cmPopin.default, closePopin)) : null;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: defaultWrapperStyle[mode]
-    }, header, mainContentSlot, footer);
+    }, header, popin, mainContentSlot, footer);
   }
 
 }
@@ -167,7 +173,8 @@ ExternalCourse.propTypes = process.env.NODE_ENV !== "production" ? {
   loading: _propTypes.default.bool,
   backgroundImageUrl: _propTypes.default.string,
   contentType: _propTypes.default.string,
-  mode: _propTypes.default.string
+  mode: _propTypes.default.string,
+  closePopin: _propTypes.default.shape(_extends({}, _cmPopin.default.propTypes))
 } : {};
 var _default = ExternalCourse;
 exports.default = _default;

package/lib/template/external-course/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["defaultWrapperStyle","default","style","cockpit","defaultCockpit","mobile","ExternalCourse","React","Component","handleOnClick","field","e","stopPropagation","preventDefault","onClick","render","name","type","url","warning","complete","quit","loading","backgroundImageUrl","contentType","mode","props","skin","context","primary","IconType","EXTERNAL_CONTENT_ICONS","icon","IconColor","color","mainContentSlot","loader","completeButton","disabled","label","backgroundColor","convert","cursor","classnames","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","__html","header","rightSection","footer","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","oneOf","isRequired","shape","func","bool"],"sources":["../../../src/template/external-course/index.js"],"sourcesContent":["import React from 'react';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {get, getOr, keys, identity, isNil, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport Button from '../../atom/button';\nimport ExternalContentViewer from '../../molecule/external-content-viewer';\nimport style from './style.css';\n\nconst defaultWrapperStyle = {\n  default: style.default,\n  cockpit: style.defaultCockpit,\n  mobile: style.default\n};\n\nclass ExternalCourse extends React.Component {\n  static propTypes = {\n    name: PropTypes.string,\n    type: PropTypes.oneOf(keys(EXTERNAL_CONTENT_ICONS)),\n    url: PropTypes.string.isRequired,\n    quit: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    }),\n    complete: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      disabled: PropTypes.bool,\n      onClick: PropTypes.func\n    }),\n    warning: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    }),\n    loading: PropTypes.bool,\n    backgroundImageUrl: PropTypes.string,\n    contentType: PropTypes.string,\n    mode: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  handleOnClick = field => e => {\n    e.stopPropagation();\n    e.preventDefault();\n    const onClick = get('onClick', field);\n    return onClick && onClick(e);\n  };\n\n  render() {\n    const {\n      name,\n      type,\n      url,\n      warning,\n      complete,\n      quit,\n      loading,\n      backgroundImageUrl,\n      contentType,\n      mode = 'default'\n    } = this.props;\n    const {skin} = this.context;\n    const primary = getOr('#00B0FF', 'common.primary', skin);\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const IconColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    const mainContentSlot = loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : (\n      <ExternalContentViewer\n        url={url}\n        mode={mode}\n        backgroundImageUrl={backgroundImageUrl}\n        contentType={contentType}\n      />\n    );\n\n    const completeButton = !isNil(complete) ? (\n      <Button\n        type=\"button\"\n        disabled={loading ? true : complete.disabled}\n        onClick={loading ? identity : this.handleOnClick(complete)}\n        submitValue={complete.label}\n        style={{\n          backgroundColor:\n            complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,\n          cursor: loading ? 'progress' : 'pointer'\n        }}\n        className={classnames(\n          style.completeCta,\n          complete.disabled || loading ? style.disabled : null,\n          loading ? style.loading : null\n        )}\n      />\n    ) : null;\n\n    const warningButton = !isNil(warning) ? (\n      <div className={style.leftSection}>\n        <div\n          onClick={this.handleOnClick(warning)}\n          className={classnames(style.iconLabel, style.link)}\n        >\n          <QuestionIcon className={style.iconQuestion} width={24} height={24} />\n          <span>{warning.label}</span>\n        </div>\n      </div>\n    ) : null;\n\n    const quitButton = !isNil(quit) ? (\n      <div className={style.leftSection}>\n        <span\n          className={classnames(style.quitCta, loading ? style.loading : null)}\n          onClick={loading ? identity : this.handleOnClick(quit)}\n        >\n          {quit.label}\n        </span>\n      </div>\n    ) : null;\n\n    const titleSection = !isNil(name) ? (\n      <div className={classnames(style.iconLabel, style.title)}>\n        <div className={style.oval} style={{backgroundColor: IconColor}}>\n          <IconType className={style.iconHeader} />\n        </div>\n        <span\n          className={style.innerHTML}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: name}}\n        />\n      </div>\n    ) : null;\n\n    const header =\n      !isNil(quit) || !isEmpty(name) ? (\n        <div className={style.header}>\n          {quitButton}\n          {titleSection}\n          {isNil(quit) ? null : <div className={style.rightSection} />}\n        </div>\n      ) : null;\n\n    const footer =\n      !isNil(warning) || !isNil(complete) ? (\n        <div className={style.footer}>\n          {warningButton}\n          {completeButton}\n          {isNil(warning) ? null : <div className={style.rightSection} />}\n        </div>\n      ) : null;\n\n    return (\n      <div className={defaultWrapperStyle[mode]}>\n        {header}\n        {mainContentSlot}\n        {footer}\n      </div>\n    );\n  }\n}\n\nexport default ExternalCourse;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["defaultWrapperStyle","default","style","cockpit","defaultCockpit","mobile","ExternalCourse","React","Component","handleOnClick","field","e","stopPropagation","preventDefault","onClick","render","name","type","url","warning","complete","quit","loading","backgroundImageUrl","contentType","mode","closePopin","props","skin","context","primary","IconType","EXTERNAL_CONTENT_ICONS","icon","IconColor","color","mainContentSlot","loader","completeButton","disabled","label","backgroundColor","convert","cursor","classnames","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","__html","header","rightSection","footer","popin","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","oneOf","isRequired","shape","func","bool","CmPopin"],"sources":["../../../src/template/external-course/index.js"],"sourcesContent":["import React from 'react';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {get, getOr, keys, identity, isNil, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport Button from '../../atom/button';\nimport ExternalContentViewer from '../../molecule/external-content-viewer';\nimport CmPopin from '../../molecule/cm-popin';\nimport style from './style.css';\n\nconst defaultWrapperStyle = {\n  default: style.default,\n  cockpit: style.defaultCockpit,\n  mobile: style.default\n};\n\nclass ExternalCourse extends React.Component {\n  static propTypes = {\n    name: PropTypes.string,\n    type: PropTypes.oneOf(keys(EXTERNAL_CONTENT_ICONS)),\n    url: PropTypes.string.isRequired,\n    quit: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    }),\n    complete: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      disabled: PropTypes.bool,\n      onClick: PropTypes.func\n    }),\n    warning: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    }),\n    loading: PropTypes.bool,\n    backgroundImageUrl: PropTypes.string,\n    contentType: PropTypes.string,\n    mode: PropTypes.string,\n    closePopin: PropTypes.shape({...CmPopin.propTypes})\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  handleOnClick = field => e => {\n    e.stopPropagation();\n    e.preventDefault();\n    const onClick = get('onClick', field);\n    return onClick && onClick(e);\n  };\n\n  render() {\n    const {\n      name,\n      type,\n      url,\n      warning,\n      complete,\n      quit,\n      loading,\n      backgroundImageUrl,\n      contentType,\n      mode = 'default',\n      closePopin\n    } = this.props;\n    const {skin} = this.context;\n    const primary = getOr('#00B0FF', 'common.primary', skin);\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const IconColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    const mainContentSlot = loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : (\n      <ExternalContentViewer\n        url={url}\n        mode={mode}\n        backgroundImageUrl={backgroundImageUrl}\n        contentType={contentType}\n      />\n    );\n    const completeButton = !isNil(complete) ? (\n      <Button\n        type=\"button\"\n        disabled={loading ? true : complete.disabled}\n        onClick={loading ? identity : this.handleOnClick(complete)}\n        submitValue={complete.label}\n        style={{\n          backgroundColor:\n            complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,\n          cursor: loading ? 'progress' : 'pointer'\n        }}\n        className={classnames(\n          style.completeCta,\n          complete.disabled || loading ? style.disabled : null,\n          loading ? style.loading : null\n        )}\n      />\n    ) : null;\n\n    const warningButton = !isNil(warning) ? (\n      <div className={style.leftSection}>\n        <div\n          onClick={this.handleOnClick(warning)}\n          className={classnames(style.iconLabel, style.link)}\n        >\n          <QuestionIcon className={style.iconQuestion} width={24} height={24} />\n          <span>{warning.label}</span>\n        </div>\n      </div>\n    ) : null;\n\n    const quitButton = !isNil(quit) ? (\n      <div className={style.leftSection}>\n        <span\n          className={classnames(style.quitCta, loading ? style.loading : null)}\n          onClick={loading ? identity : this.handleOnClick(quit)}\n        >\n          {quit.label}\n        </span>\n      </div>\n    ) : null;\n\n    const titleSection = !isNil(name) ? (\n      <div className={classnames(style.iconLabel, style.title)}>\n        <div className={style.oval} style={{backgroundColor: IconColor}}>\n          <IconType className={style.iconHeader} />\n        </div>\n        <span\n          className={style.innerHTML}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: name}}\n        />\n      </div>\n    ) : null;\n\n    const header =\n      !isNil(quit) || !isEmpty(name) ? (\n        <div className={style.header}>\n          {quitButton}\n          {titleSection}\n          {isNil(quit) ? null : <div className={style.rightSection} />}\n        </div>\n      ) : null;\n\n    const footer =\n      !isNil(warning) || !isNil(complete) ? (\n        <div className={style.footer}>\n          {warningButton}\n          {completeButton}\n          {isNil(warning) ? null : <div className={style.rightSection} />}\n        </div>\n      ) : null;\n\n    const popin = !isNil(closePopin) ? (\n      <div>\n        <CmPopin {...closePopin} />\n      </div>\n    ) : null;\n\n    return (\n      <div className={defaultWrapperStyle[mode]}>\n        {header}\n        {popin}\n        {mainContentSlot}\n        {footer}\n      </div>\n    );\n  }\n}\n\nexport default ExternalCourse;\n"],"mappings":"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"}

package/lib/template/external-course/style.css

@@ -24,7 +24,7 @@
 }
 
 .defaultCockpit{
-  composes:default;
+  composes: default;
   height: 100%;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.13.5",
+  "version": "11.13.7-alpha.12+dd46267726",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -56,7 +56,7 @@
     "Soualmi Djamel <djamel.soualmi@coorpacademy.com>"
   ],
   "dependencies": {
-    "@coorpacademy/nova-icons": "4.1.5",
+    "@coorpacademy/nova-icons": "4.1.6",
     "@coorpacademy/react-native-animation": "1.0.3",
     "@jwplayer/jwplayer-react": "^1.1.0",
     "@types/react": "^17.0.50",
@@ -166,5 +166,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "5f3474532db14ccd364a1c339db4998030e4beee"
+  "gitHead": "dd462677263ba790a64ba39b1b3507c5c4fb3bfa"
 }