@coorpacademy/components 11.32.52 → 11.33.0

package/es/template/mobile-login/welcome/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useRef","useState","Animated","StyleSheet","View","LinearGradient","NovaCompositionCoorpacademyLogoCoorp","LogoCoorp","NovaCompositionCoorpacademyQrCode","QrCodeIcon","NovaCompositionCoorpacademyEmail","MailIcon","useAnimateProp","useTranslateY","Touchable","useTemplateContext","Text","COLORS","cm_primary_blue","createStyleSheet","theme","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","content","width","gradients","position","gradient","opacity","transform","rotate","gradient2","animatedLogoWrapper","animatedLogo","height","logo","padding","logoBG","backgroundColor","title","color","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQrCode","colors","cta","ctaQrCodeText","marginLeft","qrCodeIcon","fill","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onQRCodeButtonPress","onHelpPress","onReceiveEmailButtonPress","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","translateContent","fadeInContent","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","Value","current","interpolateScale","interpolate","inputRange","outputRange","_stylesheet","start","animatedScale","timing","useNativeDriver","animatedStyle","scale"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, TextStyle, View, ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport {\n  NovaCompositionCoorpacademyLogoCoorp as LogoCoorp,\n  NovaCompositionCoorpacademyQrCode as QrCodeIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport Text from '../../../atom/text/index.native';\nimport {COLORS} from '../../../variables/colors';\n\nconst {cm_primary_blue} = COLORS;\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  animatedLogoWrapper: ViewStyle;\n  animatedLogo: ViewStyle;\n  logo: ViewStyle;\n  logoBG: ViewStyle;\n  content: ViewStyle;\n  gradients: ViewStyle;\n  gradient: ViewStyle;\n  gradient2: ViewStyle;\n  title: TextStyle;\n  description: TextStyle;\n  actions: ViewStyle;\n  buttons: ViewStyle;\n  button: ViewStyle;\n  qrCodeIcon: ViewStyle;\n  mailIcon: ViewStyle;\n  ctaQrCode: ViewStyle;\n  ctaQrCodeText: TextStyle;\n  ctaReceiveMail: ViewStyle;\n  ctaReceiveMailText: TextStyle;\n  help: ViewStyle;\n  titleHelp: TextStyle;\n  ctaHelp: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      flex: 1,\n      justifyContent: 'space-around',\n      alignItems: 'center',\n      paddingHorizontal: 24\n    },\n    content: {\n      width: '100%',\n      alignItems: 'flex-start'\n    },\n    gradients: {\n      position: 'absolute',\n      top: 400,\n      bottom: 400,\n      left: 0,\n      right: 0,\n      flex: 1\n    },\n    gradient: {\n      position: 'absolute',\n      top: -730,\n      bottom: 0,\n      left: -380,\n      right: -380,\n      opacity: 1,\n      transform: [{rotate: '35deg'}]\n    },\n    gradient2: {\n      position: 'absolute',\n      top: -630,\n      bottom: -200,\n      left: -300,\n      right: -400,\n      opacity: 0.6,\n      transform: [{rotate: '-35deg'}]\n    },\n    animatedLogoWrapper: {\n      alignItems: 'center'\n    },\n    animatedLogo: {\n      position: 'absolute',\n      width: 77,\n      height: 100\n    },\n    logo: {\n      padding: 100\n    },\n    logoBG: {\n      backgroundColor: '#fff',\n      top: 20,\n      width: 60,\n      height: 60\n    },\n    title: {\n      color: '#1D1D2B',\n      fontWeight: '600',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      color: '#1D1D2B',\n      fontWeight: '400',\n      fontSize: 17,\n      lineHeight: 24,\n      paddingVertical: 8\n    },\n    actions: {\n      width: '100%'\n    },\n    buttons: {\n      paddingVertical: 20,\n      alignItems: 'center'\n    },\n    button: {\n      paddingVertical: 12,\n      marginVertical: 4,\n      width: '100%',\n      flexDirection: 'row',\n      justifyContent: 'center',\n      borderRadius: 12,\n      alignItems: 'center',\n      overflow: 'hidden'\n    },\n    ctaQrCode: {\n      backgroundColor: theme.colors.cta\n    },\n    ctaQrCodeText: {\n      marginLeft: 8,\n      color: '#fff',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    qrCodeIcon: {\n      fill: '#fff',\n      height: 14,\n      width: 14\n    },\n    ctaReceiveMail: {\n      backgroundColor: '#eaeaeb'\n    },\n    ctaReceiveMailText: {\n      marginLeft: 8,\n      color: '#1D1D2B',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    mailIcon: {\n      fill: '#1D1D2B',\n      height: 12,\n      width: 16\n    },\n    help: {\n      flexDirection: 'row',\n      justifyContent: 'center'\n    },\n    titleHelp: {\n      color: '#9999A8'\n    },\n    ctaHelp: {\n      marginLeft: 5,\n      textDecorationLine: 'underline',\n      color: '#9999A8'\n    }\n  });\n\nexport type Props = {\n  onDemoPress: () => void;\n  onHelpPress: () => void;\n  onQRCodeButtonPress: () => void;\n  onReceiveEmailButtonPress: () => void;\n  locales: {\n    title: string;\n    description: string;\n    ctaQrCode: string;\n    ctaReceiveMail: string;\n    titleHelp: string;\n    ctaHelp: string;\n  };\n};\n\nconst Welcome = (props: Props) => {\n  const {locales, onDemoPress, onQRCodeButtonPress, onHelpPress, onReceiveEmailButtonPress} = props;\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  const translateGradients = useTranslateY({\n    fromValue: 0,\n    toValue: -200,\n    duration: 300,\n    delay: 750\n  });\n\n  const translateContent = useTranslateY({\n    fromValue: 170,\n    toValue: 0,\n    duration: 450,\n    delay: 750\n  });\n\n  const fadeInContent = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 650,\n    delay: 750\n  });\n\n  const fadeOutStartLogo = useAnimateProp({\n    property: 'opacity',\n    fromValue: 1,\n    toValue: 0,\n    duration: 450,\n    delay: 1000\n  });\n\n  const fadeInFinalLogo = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 250,\n    delay: 900\n  });\n\n  const scaleAnim = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const interpolateScale = scaleAnim.interpolate({\n    inputRange: [0, 0.4, 0.5, 0.6, 1],\n    outputRange: [1, 1.7, 1.7, 1.7, 1]\n  });\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    fadeInContent.start();\n    fadeInFinalLogo.start();\n    fadeOutStartLogo.start();\n    translateContent.start();\n    translateGradients.start();\n\n    const animatedScale = Animated.timing(scaleAnim, {\n      toValue: 1,\n      duration: 1000,\n      useNativeDriver: true\n    });\n\n    animatedScale.start();\n\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n  return (\n    <Animated.View style={[styleSheet.wrapper, translateContent.animatedStyle]} testID=\"welcome\">\n      <Animated.View style={[styleSheet.gradients, translateGradients.animatedStyle]}>\n        <LinearGradient\n          colors={[cm_primary_blue, '#fff']}\n          locations={[0, 0.95]}\n          style={styleSheet.gradient}\n        />\n        <LinearGradient\n          colors={['#2199AB', '#fff']}\n          locations={[0, 0.95]}\n          style={styleSheet.gradient2}\n        />\n      </Animated.View>\n\n      <Touchable onLongPress={onDemoPress} style={styleSheet.logo}>\n        <Animated.View\n          style={[styleSheet.animatedLogoWrapper, {transform: [{scale: interpolateScale}]}]}\n        >\n          <Animated.View style={[styleSheet.logoBG, fadeInFinalLogo.animatedStyle]} />\n          <Animated.View style={[styleSheet.animatedLogo, fadeInFinalLogo.animatedStyle]}>\n            <LogoCoorp fill=\"#0061FF\" />\n          </Animated.View>\n          <Animated.View style={[styleSheet.animatedLogo, fadeOutStartLogo.animatedStyle]}>\n            <LogoCoorp fill=\"#fff\" />\n          </Animated.View>\n        </Animated.View>\n      </Touchable>\n      <Animated.View style={[styleSheet.content, fadeInContent.animatedStyle]}>\n        <Text style={styleSheet.title}>{locales.title}</Text>\n        <Text style={styleSheet.description}>{locales.description}</Text>\n\n        <View style={styleSheet.actions}>\n          <View style={styleSheet.buttons}>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaQrCode]}\n              onPress={onQRCodeButtonPress}\n              testID=\"qr-code-button\"\n            >\n              <QrCodeIcon style={styleSheet.qrCodeIcon} />\n              <Text style={styleSheet.ctaQrCodeText}>{locales.ctaQrCode}</Text>\n            </Touchable>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaReceiveMail]}\n              onPress={onReceiveEmailButtonPress}\n              testID=\"receive-email-button\"\n            >\n              <MailIcon style={styleSheet.mailIcon} />\n              <Text style={styleSheet.ctaReceiveMailText}>{locales.ctaReceiveMail}</Text>\n            </Touchable>\n          </View>\n          <Touchable onPress={onHelpPress} style={styleSheet.help}>\n            <Text style={styleSheet.titleHelp}>{locales.titleHelp}</Text>\n            <Text style={styleSheet.ctaHelp}>{locales.ctaHelp}</Text>\n          </Touchable>\n        </View>\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Welcome;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useRef","useState","Animated","StyleSheet","View","LinearGradient","NovaCompositionCoorpacademyLogoCoorp","LogoCoorp","NovaCompositionCoorpacademyQrCode","QrCodeIcon","NovaCompositionCoorpacademyEmail","MailIcon","useAnimateProp","useTranslateY","Touchable","useTemplateContext","Text","COLORS","cm_primary_blue","createStyleSheet","theme","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","content","width","gradients","position","gradient","opacity","transform","rotate","gradient2","animatedLogoWrapper","animatedLogo","height","logo","padding","logoBG","backgroundColor","title","color","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQrCode","colors","cta","ctaQrCodeText","marginLeft","qrCodeIcon","fill","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onQRCodeButtonPress","onHelpPress","onReceiveEmailButtonPress","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","translateContent","fadeInContent","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","Value","current","interpolateScale","interpolate","inputRange","outputRange","_stylesheet","start","animatedScale","timing","useNativeDriver","createElement","style","animatedStyle","testID","locations","onLongPress","scale","onPress"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, TextStyle, View, ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport {\n  NovaCompositionCoorpacademyLogoCoorp as LogoCoorp,\n  NovaCompositionCoorpacademyQrCode as QrCodeIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport Text from '../../../atom/text/index.native';\nimport {COLORS} from '../../../variables/colors';\n\nconst {cm_primary_blue} = COLORS;\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  animatedLogoWrapper: ViewStyle;\n  animatedLogo: ViewStyle;\n  logo: ViewStyle;\n  logoBG: ViewStyle;\n  content: ViewStyle;\n  gradients: ViewStyle;\n  gradient: ViewStyle;\n  gradient2: ViewStyle;\n  title: TextStyle;\n  description: TextStyle;\n  actions: ViewStyle;\n  buttons: ViewStyle;\n  button: ViewStyle;\n  qrCodeIcon: ViewStyle;\n  mailIcon: ViewStyle;\n  ctaQrCode: ViewStyle;\n  ctaQrCodeText: TextStyle;\n  ctaReceiveMail: ViewStyle;\n  ctaReceiveMailText: TextStyle;\n  help: ViewStyle;\n  titleHelp: TextStyle;\n  ctaHelp: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      flex: 1,\n      justifyContent: 'space-around',\n      alignItems: 'center',\n      paddingHorizontal: 24\n    },\n    content: {\n      width: '100%',\n      alignItems: 'flex-start'\n    },\n    gradients: {\n      position: 'absolute',\n      top: 400,\n      bottom: 400,\n      left: 0,\n      right: 0,\n      flex: 1\n    },\n    gradient: {\n      position: 'absolute',\n      top: -730,\n      bottom: 0,\n      left: -380,\n      right: -380,\n      opacity: 1,\n      transform: [{rotate: '35deg'}]\n    },\n    gradient2: {\n      position: 'absolute',\n      top: -630,\n      bottom: -200,\n      left: -300,\n      right: -400,\n      opacity: 0.6,\n      transform: [{rotate: '-35deg'}]\n    },\n    animatedLogoWrapper: {\n      alignItems: 'center'\n    },\n    animatedLogo: {\n      position: 'absolute',\n      width: 77,\n      height: 100\n    },\n    logo: {\n      padding: 100\n    },\n    logoBG: {\n      backgroundColor: '#fff',\n      top: 20,\n      width: 60,\n      height: 60\n    },\n    title: {\n      color: '#1D1D2B',\n      fontWeight: '600',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      color: '#1D1D2B',\n      fontWeight: '400',\n      fontSize: 17,\n      lineHeight: 24,\n      paddingVertical: 8\n    },\n    actions: {\n      width: '100%'\n    },\n    buttons: {\n      paddingVertical: 20,\n      alignItems: 'center'\n    },\n    button: {\n      paddingVertical: 12,\n      marginVertical: 4,\n      width: '100%',\n      flexDirection: 'row',\n      justifyContent: 'center',\n      borderRadius: 12,\n      alignItems: 'center',\n      overflow: 'hidden'\n    },\n    ctaQrCode: {\n      backgroundColor: theme.colors.cta\n    },\n    ctaQrCodeText: {\n      marginLeft: 8,\n      color: '#fff',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    qrCodeIcon: {\n      fill: '#fff',\n      height: 14,\n      width: 14\n    },\n    ctaReceiveMail: {\n      backgroundColor: '#eaeaeb'\n    },\n    ctaReceiveMailText: {\n      marginLeft: 8,\n      color: '#1D1D2B',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    mailIcon: {\n      fill: '#1D1D2B',\n      height: 12,\n      width: 16\n    },\n    help: {\n      flexDirection: 'row',\n      justifyContent: 'center'\n    },\n    titleHelp: {\n      color: '#9999A8'\n    },\n    ctaHelp: {\n      marginLeft: 5,\n      textDecorationLine: 'underline',\n      color: '#9999A8'\n    }\n  });\n\nexport type Props = {\n  onDemoPress: () => void;\n  onHelpPress: () => void;\n  onQRCodeButtonPress: () => void;\n  onReceiveEmailButtonPress: () => void;\n  locales: {\n    title: string;\n    description: string;\n    ctaQrCode: string;\n    ctaReceiveMail: string;\n    titleHelp: string;\n    ctaHelp: string;\n  };\n};\n\nconst Welcome = (props: Props) => {\n  const {locales, onDemoPress, onQRCodeButtonPress, onHelpPress, onReceiveEmailButtonPress} = props;\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  const translateGradients = useTranslateY({\n    fromValue: 0,\n    toValue: -200,\n    duration: 300,\n    delay: 750\n  });\n\n  const translateContent = useTranslateY({\n    fromValue: 170,\n    toValue: 0,\n    duration: 450,\n    delay: 750\n  });\n\n  const fadeInContent = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 650,\n    delay: 750\n  });\n\n  const fadeOutStartLogo = useAnimateProp({\n    property: 'opacity',\n    fromValue: 1,\n    toValue: 0,\n    duration: 450,\n    delay: 1000\n  });\n\n  const fadeInFinalLogo = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 250,\n    delay: 900\n  });\n\n  const scaleAnim = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const interpolateScale = scaleAnim.interpolate({\n    inputRange: [0, 0.4, 0.5, 0.6, 1],\n    outputRange: [1, 1.7, 1.7, 1.7, 1]\n  });\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    fadeInContent.start();\n    fadeInFinalLogo.start();\n    fadeOutStartLogo.start();\n    translateContent.start();\n    translateGradients.start();\n\n    const animatedScale = Animated.timing(scaleAnim, {\n      toValue: 1,\n      duration: 1000,\n      useNativeDriver: true\n    });\n\n    animatedScale.start();\n\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n  return (\n    <Animated.View style={[styleSheet.wrapper, translateContent.animatedStyle]} testID=\"welcome\">\n      <Animated.View style={[styleSheet.gradients, translateGradients.animatedStyle]}>\n        <LinearGradient\n          colors={[cm_primary_blue, '#fff']}\n          locations={[0, 0.95]}\n          style={styleSheet.gradient}\n        />\n        <LinearGradient\n          colors={['#2199AB', '#fff']}\n          locations={[0, 0.95]}\n          style={styleSheet.gradient2}\n        />\n      </Animated.View>\n\n      <Touchable onLongPress={onDemoPress} style={styleSheet.logo}>\n        <Animated.View\n          style={[styleSheet.animatedLogoWrapper, {transform: [{scale: interpolateScale}]}]}\n        >\n          <Animated.View style={[styleSheet.logoBG, fadeInFinalLogo.animatedStyle]} />\n          <Animated.View style={[styleSheet.animatedLogo, fadeInFinalLogo.animatedStyle]}>\n            <LogoCoorp fill=\"#0061FF\" />\n          </Animated.View>\n          <Animated.View style={[styleSheet.animatedLogo, fadeOutStartLogo.animatedStyle]}>\n            <LogoCoorp fill=\"#fff\" />\n          </Animated.View>\n        </Animated.View>\n      </Touchable>\n      <Animated.View style={[styleSheet.content, fadeInContent.animatedStyle]}>\n        <Text style={styleSheet.title}>{locales.title}</Text>\n        <Text style={styleSheet.description}>{locales.description}</Text>\n\n        <View style={styleSheet.actions}>\n          <View style={styleSheet.buttons}>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaQrCode]}\n              onPress={onQRCodeButtonPress}\n              testID=\"qr-code-button\"\n            >\n              <QrCodeIcon style={styleSheet.qrCodeIcon} />\n              <Text style={styleSheet.ctaQrCodeText}>{locales.ctaQrCode}</Text>\n            </Touchable>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaReceiveMail]}\n              onPress={onReceiveEmailButtonPress}\n              testID=\"receive-email-button\"\n            >\n              <MailIcon style={styleSheet.mailIcon} />\n              <Text style={styleSheet.ctaReceiveMailText}>{locales.ctaReceiveMail}</Text>\n            </Touchable>\n          </View>\n          <Touchable onPress={onHelpPress} style={styleSheet.help}>\n            <Text style={styleSheet.titleHelp}>{locales.titleHelp}</Text>\n            <Text style={styleSheet.ctaHelp}>{locales.ctaHelp}</Text>\n          </Touchable>\n        </View>\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Welcome;\n"],"mappings":"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","ignoreList":[]}

package/es/template/my-learning/index.js

@@ -8,9 +8,7 @@ import _fromPairs from "lodash/fp/fromPairs";
 import _map from "lodash/fp/map";
 import _keys from "lodash/fp/keys";
 import _get from "lodash/fp/get";
-
-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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useCallback, useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { convert } from 'css-color-function';
@@ -30,7 +28,6 @@ import { formatMinutes } from '../../util/time-format';
 import CardsList from '../../molecule/dashboard/cards-list';
 import Title from '../../atom/title';
 import style from './style.css';
-
 const ChangeSkillFocusButton = (props, context) => {
   const {
     onClick
@@ -39,9 +36,7 @@ const ChangeSkillFocusButton = (props, context) => {
     skin,
     translate
   } = context;
-
   const primarySkinColor = _get('common.primary', skin);
-
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "button-explore-wrapper"
   }, /*#__PURE__*/React.createElement(ButtonLink, {
@@ -66,7 +61,6 @@ const ChangeSkillFocusButton = (props, context) => {
     }
   }));
 };
-
 ChangeSkillFocusButton.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate
@@ -74,7 +68,6 @@ ChangeSkillFocusButton.contextTypes = {
 ChangeSkillFocusButton.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func
 } : {};
-
 const FilterButton = (props, context) => {
   const {
     active,
@@ -85,9 +78,7 @@ const FilterButton = (props, context) => {
   const {
     skin
   } = context;
-
   const primarySkinColor = _get('common.primary', skin);
-
   const Content = useCallback(() => /*#__PURE__*/React.createElement("div", null, filter, /*#__PURE__*/React.createElement("span", {
     className: active ? style.skillFilterNumber : style.skillFilterNumberInActive,
     style: {
@@ -108,7 +99,6 @@ const FilterButton = (props, context) => {
   };
   return /*#__PURE__*/React.createElement(ButtonLink, buttonProps);
 };
-
 FilterButton.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate
@@ -119,7 +109,6 @@ FilterButton.propTypes = process.env.NODE_ENV !== "production" ? {
   skillTotal: PropTypes.number,
   onClick: PropTypes.func
 } : {};
-
 const MyLearning = (props, context) => {
   const {
     skills,
@@ -137,9 +126,7 @@ const MyLearning = (props, context) => {
     skin,
     translate
   } = context;
-
   const primarySkinColor = _get('common.primary', skin);
-
   const [open, setOpen] = useState(false);
   const [selectedSkillsList, setSelectedSkillsList] = useState(selectedSkills);
   const [skillFocusSelectedOnChart, setSkillFocusSelectedOnChart] = useState(undefined);
@@ -159,7 +146,6 @@ const MyLearning = (props, context) => {
   }, [searchResults, skillsReviewReady]);
   const sumKpi = useCallback(kpi => {
     const skillFocusSelectedOnChartScore = _getOr(0, [skillFocusSelectedOnChart, 'stats', `${kpi}`], skillsInformation);
-
     return skillFocusSelectedOnChart ? skillFocusSelectedOnChartScore : _sumBy(skill => skillsInformation[skill] ? skillsInformation[skill].stats[kpi] : 0, selectedSkillsList);
   }, [skillFocusSelectedOnChart, skillsInformation, selectedSkillsList]);
   const coursedCompletedData = useMemo(() => sumKpi('contentCompleted'), [sumKpi]);
@@ -350,7 +336,6 @@ const MyLearning = (props, context) => {
     function handleFilterClick() {
       setActiveFilter(filter);
     }
-
     return /*#__PURE__*/React.createElement("div", {
       key: index
     }, /*#__PURE__*/React.createElement(FilterButton, {
@@ -395,15 +380,12 @@ const MyLearning = (props, context) => {
       contentCompleted: 0,
       questionsToReview: 0
     };
-
     function handleReviewSkill() {
       onReviewSkill(skill);
     }
-
     function handleExploreSkill() {
       onExploreSkill(skill);
     }
-
     const {
       score,
       content,
@@ -425,7 +407,6 @@ const MyLearning = (props, context) => {
     }));
   }))));
 };
-
 MyLearning.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

package/es/template/my-learning/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","useMemo","PropTypes","convert","Provider","Icon","Picture","ButtonLink","ToolTip","ReviewNoSkills","SearchForm","SkillPickerModal","ResponsiveLearningProfileRadarChart","SkillsChartSideInformationPanel","LearnerSkillCard","searchValueIncluded","formatMinutes","CardsList","Title","style","ChangeSkillFocusButton","props","context","onClick","skin","translate","primarySkinColor","backgroundColor","color","transition","position","faIcon","name","size","contextTypes","childContextTypes","propTypes","func","FilterButton","active","filter","skillTotal","Content","skillFilterNumber","skillFilterNumberInActive","buttonProps","customStyle","width","content","bool","string","number","MyLearning","skills","selectedSkills","skillsInformation","skillsLocales","learnerFeature","isLoading","onSkillFocusConfirm","onReviewSkill","onExploreSkill","learningPriorities","open","setOpen","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","skillRef","activeFilter","setActiveFilter","skillsReviewReady","skill","availableForReview","graphDatas","toFixed","graphLegends","filters","all","review","sumKpi","kpi","skillFocusSelectedOnChartScore","stats","coursedCompletedData","questionsToReviewData","learningTimeData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","value","legend","icon","iconName","skillsScore","handleOnDotClick","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","handleSearchReset","ReviewTooltipContent","backgroundContainer","cards","cardsListContainer","type","subtitle","iconColor","borderRadius","tag","label","container","skillFocusContainer","skillFocusHeader","skillFocusHeaderWrapper","skillFocusHeaderIcon","faSize","wrapperSize","skillFocusHeaderContent","skillFocusHeaderTitle","skillFocusHeaderDescription","length","skillFocusContent","radarContainer","gradient","fill","stroke","percentage","background","skillFocusEmpty","img","skillFocusEmptyTitle","skillFocusEmptyDescription","skillListHeader","skillListHeaderIcon","skillListHeaderContent","skillListHeaderTitle","skillListHeaderDescription","infoIconTooltip","tooltip","toolBarContainer","skillFilterContainer","map","index","handleFilterClick","searchWrapper","placeholder","onChange","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","skillListContainer","skillListEmptyContainer","defaultStats","score","contentCompleted","questionsToReview","handleReviewSkill","handleExploreSkill","includes","arrayOf","objectOf","shape","learningTime"],"sources":["../../../src/template/my-learning/index.js"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {get, keys, map, fromPairs, pipe, sumBy, getOr, sortBy, size, isEmpty} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport Picture from '../../atom/picture';\nimport ButtonLink from '../../atom/button-link';\nimport ToolTip from '../../atom/tooltip';\nimport ReviewNoSkills from '../../organism/review-no-skills';\nimport SearchForm from '../../molecule/search-form';\nimport SkillPickerModal from '../../molecule/skill-picker-modal';\nimport ResponsiveLearningProfileRadarChart from '../../molecule/learning-profile-radar-chart';\nimport SkillsChartSideInformationPanel from '../../molecule/skills-chart-side-information-panel';\nimport LearnerSkillCard from '../../molecule/learner-skill-card';\nimport searchValueIncluded from '../../util/search-value-included';\nimport {formatMinutes} from '../../util/time-format';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport Title from '../../atom/title';\nimport style from './style.css';\n\nconst ChangeSkillFocusButton = (props, context) => {\n  const {onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <div data-name=\"button-explore-wrapper\">\n      <ButtonLink\n        customStyle={{\n          backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n          color: primarySkinColor,\n          transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n        }}\n        hoverBackgroundColor={primarySkinColor}\n        hoverColor=\"#FFFFFF\"\n        onClick={onClick}\n        label={translate('skills_change_focus')}\n        data-name=\"change-skill-focus-button\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'arrows-rotate',\n            backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n            color: primarySkinColor,\n            size: 16\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nChangeSkillFocusButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nChangeSkillFocusButton.propTypes = {\n  onClick: PropTypes.func\n};\n\nconst FilterButton = (props, context) => {\n  const {active, filter, skillTotal, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const Content = useCallback(\n    () => (\n      <div>\n        {filter}\n        <span\n          className={active ? style.skillFilterNumber : style.skillFilterNumberInActive}\n          style={{\n            backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : '#EAEAEB',\n            color: active ? primarySkinColor : '#515161'\n          }}\n        >\n          {skillTotal}\n        </span>\n      </div>\n    ),\n    [filter, skillTotal, active, primarySkinColor]\n  );\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : '#FFFFFF',\n      color: active ? primarySkinColor : '#9999A8',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    onClick,\n    content: <Content />,\n    'data-name': 'change-skill-focus-button'\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  active: PropTypes.bool,\n  filter: PropTypes.string,\n  skillTotal: PropTypes.number,\n  onClick: PropTypes.func\n};\n\nconst MyLearning = (props, context) => {\n  const {\n    skills,\n    selectedSkills = [],\n    skillsInformation,\n    skillsLocales,\n    learnerFeature = true,\n    isLoading,\n    onSkillFocusConfirm,\n    onReviewSkill,\n    onExploreSkill,\n    learningPriorities\n  } = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n  const [open, setOpen] = useState(false);\n  const [selectedSkillsList, setSelectedSkillsList] = useState(selectedSkills);\n  const [skillFocusSelectedOnChart, setSkillFocusSelectedOnChart] = useState(undefined);\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(\n    sortBy(skillRef => -getOr(0, [skillRef, 'stats', 'score'], skillsInformation), skills)\n  );\n  const [activeFilter, setActiveFilter] = useState('all');\n\n  const skillsReviewReady = useMemo(() => {\n    return searchResults.filter(skill =>\n      skillsInformation[skill] ? skillsInformation[skill].availableForReview : false\n    );\n  }, [searchResults, skillsInformation]);\n\n  const graphDatas = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, getOr(0, [skill, 'stats', 'score'], skillsInformation).toFixed(1)]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsInformation]\n  );\n\n  const graphLegends = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, skillsLocales[skill]]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsLocales]\n  );\n\n  const filters = useMemo(() => {\n    return {\n      all: searchResults,\n      review: skillsReviewReady\n    };\n  }, [searchResults, skillsReviewReady]);\n\n  const sumKpi = useCallback(\n    kpi => {\n      const skillFocusSelectedOnChartScore = getOr(\n        0,\n        [skillFocusSelectedOnChart, 'stats', `${kpi}`],\n        skillsInformation\n      );\n      return skillFocusSelectedOnChart\n        ? skillFocusSelectedOnChartScore\n        : sumBy(\n            skill => (skillsInformation[skill] ? skillsInformation[skill].stats[kpi] : 0),\n            selectedSkillsList\n          );\n    },\n    [skillFocusSelectedOnChart, skillsInformation, selectedSkillsList]\n  );\n\n  const coursedCompletedData = useMemo(() => sumKpi('contentCompleted'), [sumKpi]);\n\n  const questionsToReviewData = useMemo(() => sumKpi('questionsToReview'), [sumKpi]);\n\n  const learningTimeData = useMemo(() => sumKpi('learningTime'), [sumKpi]);\n\n  const skillChartPaneLegends = useMemo(\n    () =>\n      translate('skill_scope_specifier', {\n        focusedSkill: skillFocusSelectedOnChart\n          ? skillsLocales[skillFocusSelectedOnChart]\n          : translate('focused_skills')\n      }),\n    [translate, skillsLocales, skillFocusSelectedOnChart]\n  );\n  const skillChartPanelProps = [\n    {\n      title: translate('skill_chart_side_panel_content_completed'),\n      value: `${coursedCompletedData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'book-open-cover', backgroundColor: '#D9F4F7'}\n    },\n    {\n      title: translate('skill_chart_side_panel_learning_hours'),\n      value: formatMinutes(learningTimeData),\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'clock', backgroundColor: '#FAD6DE'}\n    },\n    {\n      title: translate('skill_chart_side_panel_questions_to_review'),\n      value: `${questionsToReviewData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'circle-question', backgroundColor: '#FFDCD1'}\n    }\n  ];\n\n  const skillsScore = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, getOr(0, [skill, 'stats', 'score'], skillsInformation)]),\n        fromPairs\n      )(skills),\n    [skills, skillsInformation]\n  );\n\n  const handleOnDotClick = useCallback(\n    skillRef => {\n      setSkillFocusSelectedOnChart(skillRef);\n    },\n    [setSkillFocusSelectedOnChart]\n  );\n  const handleOpenSkillPicker = useCallback(() => setOpen(true), [setOpen]);\n  const handleCloseSkillPicker = useCallback(() => setOpen(false), [setOpen]);\n  const handleConfirmSkillPicker = useCallback(\n    focusSkillList => {\n      setSelectedSkillsList(focusSkillList);\n      onSkillFocusConfirm(focusSkillList);\n      setOpen(false);\n    },\n    [onSkillFocusConfirm, setSelectedSkillsList, setOpen]\n  );\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      setSearchResults(skills.filter(skill => searchValueIncluded(skillsLocales[skill], value)));\n    },\n    [skills, skillsLocales, setSearchValue, setSearchResults]\n  );\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    setSearchResults(skills);\n  }, [skills, setSearchValue, setSearchResults]);\n\n  const ReviewTooltipContent = useCallback(\n    () => (\n      <div>\n        <div>\n          <b>{translate('review_mode_tooltip_header')}</b>\n        </div>\n        <p>{translate('review_mode_tooltip_content')}</p>\n        <ol>\n          <li>{translate('review_mode_tooltip_content_part1')}</li>\n          <li>{translate('review_mode_tooltip_content_part2')}</li>\n          <li>{translate('review_mode_tooltip_content_part3')}</li>\n          <li>{translate('review_mode_tooltip_content_part4')}</li>\n        </ol>\n      </div>\n    ),\n    [translate]\n  );\n\n  return (\n    <div className={style.backgroundContainer}>\n      {isEmpty(learningPriorities?.cards) ? null : (\n        <div className={style.cardsListContainer}>\n          <CardsList\n            {...learningPriorities}\n            title={\n              <Title\n                {...{\n                  type: 'form-group',\n                  title: translate('learning_priorities'),\n                  subtitle: translate('learning_priorities_description'),\n                  icon: {\n                    iconName: 'sign-post',\n                    iconColor: '#A32700',\n                    borderRadius: '12px',\n                    backgroundColor: '#FFDCD1'\n                  },\n                  tag: {\n                    label: `${size(learningPriorities.cards)}`,\n                    type: 'default',\n                    size: 'S'\n                  }\n                }}\n              />\n            }\n          />\n        </div>\n      )}\n      <div className={style.container}>\n        <SkillPickerModal\n          skills={skills}\n          skillsScore={skillsScore}\n          selectedSkills={selectedSkillsList}\n          skillsLocales={skillsLocales}\n          isOpen={open}\n          isLoading={isLoading}\n          onCancel={handleCloseSkillPicker}\n          onConfirm={handleConfirmSkillPicker}\n          onClose={handleCloseSkillPicker}\n        />\n        {learnerFeature ? (\n          <div data-name=\"skill-focus-container\" className={style.skillFocusContainer}>\n            <header className={style.skillFocusHeader}>\n              <div className={style.skillFocusHeaderWrapper}>\n                <div className={style.skillFocusHeaderIcon}>\n                  <Icon\n                    iconName=\"bullseye-arrow\"\n                    backgroundColor=\"#DDD1FF\"\n                    borderRadius=\"12px\"\n                    size={{faSize: 20, wrapperSize: 48}}\n                  />\n                </div>\n                <div className={style.skillFocusHeaderContent}>\n                  <div data-name=\"skill-focus-title\" className={style.skillFocusHeaderTitle}>\n                    {translate('skills_focus')}\n                  </div>\n                  <div\n                    data-name=\"skill-focus-description\"\n                    className={style.skillFocusHeaderDescription}\n                  >\n                    {translate('skills_focus_description')}\n                  </div>\n                </div>\n              </div>\n              {selectedSkillsList.length >= 3 ? (\n                <ChangeSkillFocusButton onClick={handleOpenSkillPicker} />\n              ) : null}\n            </header>\n            {selectedSkillsList.length >= 3 ? (\n              <div className={style.skillFocusContent}>\n                <div className={style.radarContainer}>\n                  <ResponsiveLearningProfileRadarChart\n                    totalDataset={1}\n                    height={424}\n                    width={680}\n                    data={graphDatas}\n                    legend={graphLegends}\n                    onClick={handleOnDotClick}\n                    onExploreClick={onExploreSkill}\n                    colors={[\n                      {\n                        gradient: {\n                          fill: ['#0062ffff', '#8000ff85'],\n                          stroke: ['#0062ffff', '#8000FF']\n                        },\n                        percentage: {\n                          color: primarySkinColor,\n                          background: convert(`color(${primarySkinColor} a(0.07))`)\n                        },\n                        label: {\n                          color: '#020202ff'\n                        }\n                      }\n                    ]}\n                  />\n                </div>\n                <SkillsChartSideInformationPanel sidePanelItems={skillChartPanelProps} />\n              </div>\n            ) : (\n              <div className={style.skillFocusEmpty}>\n                <Picture\n                  className={style.img}\n                  src=\"https://static.coorpacademy.com/assets/images/mylearning-no-skill-selected-placeholder.svg\"\n                  alt=\"demo\"\n                />\n                <div className={style.skillFocusEmptyTitle}>\n                  {translate('skills_focus_empty_title')}\n                </div>\n                <div className={style.skillFocusEmptyDescription}>\n                  {translate('skills_focus_empty_description')}\n                </div>\n                <div>\n                  <ButtonLink\n                    label={translate('skills_choose_focus')}\n                    type=\"primary\"\n                    customStyle={{\n                      width: 'fit-contain',\n                      backgroundColor: primarySkinColor\n                    }}\n                    hoverBackgroundColor={convert(\n                      `hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`\n                    )}\n                    onClick={handleOpenSkillPicker}\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        ) : null}\n        <header className={style.skillListHeader}>\n          <div className={style.skillListHeaderIcon}>\n            <Icon\n              iconName=\"dumbbell\"\n              backgroundColor=\"#FFF9D1\"\n              size={{faSize: 20, wrapperSize: 48}}\n            />\n          </div>\n          <div className={style.skillListHeaderContent}>\n            <div className={style.skillListHeaderTitle}>{translate('skills_section_title')}</div>\n            <div className={style.skillListHeaderDescription}>\n              {translate('skills_section_description')}\n              <ToolTip\n                fontSize={12}\n                iconContainerClassName={style.infoIconTooltip}\n                tooltipClassName={style.tooltip}\n                TooltipContent={ReviewTooltipContent}\n                closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n              />\n            </div>\n          </div>\n        </header>\n        <div className={style.toolBarContainer}>\n          <div className={style.skillFilterContainer}>\n            {keys(filters).map((filter, index) => {\n              function handleFilterClick() {\n                setActiveFilter(filter);\n              }\n\n              return (\n                <div key={index}>\n                  <FilterButton\n                    active={activeFilter === filter}\n                    filter={\n                      filter === 'all' ? translate('all') : translate('review_mode_available')\n                    }\n                    skillTotal={filters[filter].length}\n                    onClick={handleFilterClick}\n                  />\n                </div>\n              );\n            })}\n          </div>\n          <div className={style.searchWrapper}>\n            <SearchForm\n              search={{\n                placeholder: translate('search_place_holder'),\n                value: searchValue,\n                onChange: handleSearch\n              }}\n              onReset={handleSearchReset}\n            />\n          </div>\n        </div>\n        {searchValue && searchResults.length === 0 ? (\n          <div className={style.emptySearchResultContainer}>\n            <div className={style.emptySearchResultTitle}>\n              {translate('empty_search_result_title', {searchValue})}\n            </div>\n            <div className={style.emptySearchResultDescription}>\n              {translate('empty_search_result_description')}\n            </div>\n            <div className={style.emptySearchResultClearSearch} onClick={handleSearchReset}>\n              {translate('empty_search_result_clear_search')}\n            </div>\n          </div>\n        ) : (\n          <div className={style.skillListContainer}>\n            {activeFilter === 'review_mode_available' && filters[activeFilter].length === 0 ? (\n              <div className={style.skillListEmptyContainer}>\n                <ReviewNoSkills\n                  titleNoSkills={translate('review_skill_empty')}\n                  textNoSkills={translate('review_skill_empty_description')}\n                  iconSkillAriaLabel={translate('review_skill_empty')}\n                  imagePosition=\"top\"\n                />\n              </div>\n            ) : (\n              filters[activeFilter].map((skill, index) => {\n                const defaultStats = {\n                  score: 0,\n                  content: 0,\n                  contentCompleted: 0,\n                  questionsToReview: 0\n                };\n\n                function handleReviewSkill() {\n                  onReviewSkill(skill);\n                }\n                function handleExploreSkill() {\n                  onExploreSkill(skill);\n                }\n                const {score, content, questionsToReview} = skillsInformation[skill]\n                  ? skillsInformation[skill].stats\n                  : defaultStats;\n                return (\n                  <div key={index}>\n                    <LearnerSkillCard\n                      skillTitle={skillsLocales[skill]}\n                      focus={selectedSkills.includes(skill)}\n                      metrics={{\n                        score: score.toFixed(1),\n                        content,\n                        questionsToReview\n                      }}\n                      review={\n                        skillsInformation[skill]\n                          ? skillsInformation[skill].availableForReview\n                          : false\n                      }\n                      onReviewClick={handleReviewSkill}\n                      onExploreClick={handleExploreSkill}\n                    />\n                  </div>\n                );\n              })\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nMyLearning.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nMyLearning.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.string),\n  selectedSkills: PropTypes.arrayOf(PropTypes.string),\n  skillsInformation: PropTypes.objectOf(\n    PropTypes.shape({\n      availableForReview: PropTypes.bool,\n      stats: PropTypes.shape({\n        score: PropTypes.number,\n        content: PropTypes.number,\n        contentCompleted: PropTypes.number,\n        questionsToReview: PropTypes.number,\n        learningTime: PropTypes.number\n      })\n    })\n  ),\n  skillsLocales: PropTypes.objectOf(PropTypes.string),\n  learnerFeature: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  onSkillFocusConfirm: PropTypes.func,\n  onReviewSkill: PropTypes.func,\n  onExploreSkill: PropTypes.func,\n  learningPriorities: PropTypes.shape(CardsList.propTypes)\n};\n\nexport default MyLearning;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","useMemo","PropTypes","convert","Provider","Icon","Picture","ButtonLink","ToolTip","ReviewNoSkills","SearchForm","SkillPickerModal","ResponsiveLearningProfileRadarChart","SkillsChartSideInformationPanel","LearnerSkillCard","searchValueIncluded","formatMinutes","CardsList","Title","style","ChangeSkillFocusButton","props","context","onClick","skin","translate","primarySkinColor","_get","createElement","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","icon","position","faIcon","name","size","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","func","FilterButton","active","filter","skillTotal","Content","className","skillFilterNumber","skillFilterNumberInActive","buttonProps","width","content","bool","string","number","MyLearning","skills","selectedSkills","skillsInformation","skillsLocales","learnerFeature","isLoading","onSkillFocusConfirm","onReviewSkill","onExploreSkill","learningPriorities","open","setOpen","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","_sortBy","skillRef","_getOr","activeFilter","setActiveFilter","skillsReviewReady","skill","availableForReview","graphDatas","_pipe","_map","toFixed","_fromPairs","graphLegends","filters","all","review","sumKpi","kpi","skillFocusSelectedOnChartScore","_sumBy","stats","coursedCompletedData","questionsToReviewData","learningTimeData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","value","legend","iconName","skillsScore","handleOnDotClick","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","handleSearchReset","ReviewTooltipContent","backgroundContainer","_isEmpty","cards","cardsListContainer","_extends","type","subtitle","iconColor","borderRadius","tag","_size","container","isOpen","onCancel","onConfirm","onClose","skillFocusContainer","skillFocusHeader","skillFocusHeaderWrapper","skillFocusHeaderIcon","faSize","wrapperSize","skillFocusHeaderContent","skillFocusHeaderTitle","skillFocusHeaderDescription","length","skillFocusContent","radarContainer","totalDataset","height","data","onExploreClick","colors","gradient","fill","stroke","percentage","background","sidePanelItems","skillFocusEmpty","img","src","alt","skillFocusEmptyTitle","skillFocusEmptyDescription","skillListHeader","skillListHeaderIcon","skillListHeaderContent","skillListHeaderTitle","skillListHeaderDescription","fontSize","iconContainerClassName","infoIconTooltip","tooltipClassName","tooltip","TooltipContent","closeToolTipInformationTextAriaLabel","toolBarContainer","skillFilterContainer","_keys","map","index","handleFilterClick","key","searchWrapper","search","placeholder","onChange","onReset","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","skillListContainer","skillListEmptyContainer","titleNoSkills","textNoSkills","iconSkillAriaLabel","imagePosition","defaultStats","score","contentCompleted","questionsToReview","handleReviewSkill","handleExploreSkill","skillTitle","focus","includes","metrics","onReviewClick","arrayOf","objectOf","shape","learningTime"],"sources":["../../../src/template/my-learning/index.js"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {get, keys, map, fromPairs, pipe, sumBy, getOr, sortBy, size, isEmpty} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport Picture from '../../atom/picture';\nimport ButtonLink from '../../atom/button-link';\nimport ToolTip from '../../atom/tooltip';\nimport ReviewNoSkills from '../../organism/review-no-skills';\nimport SearchForm from '../../molecule/search-form';\nimport SkillPickerModal from '../../molecule/skill-picker-modal';\nimport ResponsiveLearningProfileRadarChart from '../../molecule/learning-profile-radar-chart';\nimport SkillsChartSideInformationPanel from '../../molecule/skills-chart-side-information-panel';\nimport LearnerSkillCard from '../../molecule/learner-skill-card';\nimport searchValueIncluded from '../../util/search-value-included';\nimport {formatMinutes} from '../../util/time-format';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport Title from '../../atom/title';\nimport style from './style.css';\n\nconst ChangeSkillFocusButton = (props, context) => {\n  const {onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <div data-name=\"button-explore-wrapper\">\n      <ButtonLink\n        customStyle={{\n          backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n          color: primarySkinColor,\n          transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n        }}\n        hoverBackgroundColor={primarySkinColor}\n        hoverColor=\"#FFFFFF\"\n        onClick={onClick}\n        label={translate('skills_change_focus')}\n        data-name=\"change-skill-focus-button\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'arrows-rotate',\n            backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n            color: primarySkinColor,\n            size: 16\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nChangeSkillFocusButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nChangeSkillFocusButton.propTypes = {\n  onClick: PropTypes.func\n};\n\nconst FilterButton = (props, context) => {\n  const {active, filter, skillTotal, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const Content = useCallback(\n    () => (\n      <div>\n        {filter}\n        <span\n          className={active ? style.skillFilterNumber : style.skillFilterNumberInActive}\n          style={{\n            backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : '#EAEAEB',\n            color: active ? primarySkinColor : '#515161'\n          }}\n        >\n          {skillTotal}\n        </span>\n      </div>\n    ),\n    [filter, skillTotal, active, primarySkinColor]\n  );\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : '#FFFFFF',\n      color: active ? primarySkinColor : '#9999A8',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    onClick,\n    content: <Content />,\n    'data-name': 'change-skill-focus-button'\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  active: PropTypes.bool,\n  filter: PropTypes.string,\n  skillTotal: PropTypes.number,\n  onClick: PropTypes.func\n};\n\nconst MyLearning = (props, context) => {\n  const {\n    skills,\n    selectedSkills = [],\n    skillsInformation,\n    skillsLocales,\n    learnerFeature = true,\n    isLoading,\n    onSkillFocusConfirm,\n    onReviewSkill,\n    onExploreSkill,\n    learningPriorities\n  } = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n  const [open, setOpen] = useState(false);\n  const [selectedSkillsList, setSelectedSkillsList] = useState(selectedSkills);\n  const [skillFocusSelectedOnChart, setSkillFocusSelectedOnChart] = useState(undefined);\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(\n    sortBy(skillRef => -getOr(0, [skillRef, 'stats', 'score'], skillsInformation), skills)\n  );\n  const [activeFilter, setActiveFilter] = useState('all');\n\n  const skillsReviewReady = useMemo(() => {\n    return searchResults.filter(skill =>\n      skillsInformation[skill] ? skillsInformation[skill].availableForReview : false\n    );\n  }, [searchResults, skillsInformation]);\n\n  const graphDatas = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, getOr(0, [skill, 'stats', 'score'], skillsInformation).toFixed(1)]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsInformation]\n  );\n\n  const graphLegends = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, skillsLocales[skill]]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsLocales]\n  );\n\n  const filters = useMemo(() => {\n    return {\n      all: searchResults,\n      review: skillsReviewReady\n    };\n  }, [searchResults, skillsReviewReady]);\n\n  const sumKpi = useCallback(\n    kpi => {\n      const skillFocusSelectedOnChartScore = getOr(\n        0,\n        [skillFocusSelectedOnChart, 'stats', `${kpi}`],\n        skillsInformation\n      );\n      return skillFocusSelectedOnChart\n        ? skillFocusSelectedOnChartScore\n        : sumBy(\n            skill => (skillsInformation[skill] ? skillsInformation[skill].stats[kpi] : 0),\n            selectedSkillsList\n          );\n    },\n    [skillFocusSelectedOnChart, skillsInformation, selectedSkillsList]\n  );\n\n  const coursedCompletedData = useMemo(() => sumKpi('contentCompleted'), [sumKpi]);\n\n  const questionsToReviewData = useMemo(() => sumKpi('questionsToReview'), [sumKpi]);\n\n  const learningTimeData = useMemo(() => sumKpi('learningTime'), [sumKpi]);\n\n  const skillChartPaneLegends = useMemo(\n    () =>\n      translate('skill_scope_specifier', {\n        focusedSkill: skillFocusSelectedOnChart\n          ? skillsLocales[skillFocusSelectedOnChart]\n          : translate('focused_skills')\n      }),\n    [translate, skillsLocales, skillFocusSelectedOnChart]\n  );\n  const skillChartPanelProps = [\n    {\n      title: translate('skill_chart_side_panel_content_completed'),\n      value: `${coursedCompletedData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'book-open-cover', backgroundColor: '#D9F4F7'}\n    },\n    {\n      title: translate('skill_chart_side_panel_learning_hours'),\n      value: formatMinutes(learningTimeData),\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'clock', backgroundColor: '#FAD6DE'}\n    },\n    {\n      title: translate('skill_chart_side_panel_questions_to_review'),\n      value: `${questionsToReviewData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'circle-question', backgroundColor: '#FFDCD1'}\n    }\n  ];\n\n  const skillsScore = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, getOr(0, [skill, 'stats', 'score'], skillsInformation)]),\n        fromPairs\n      )(skills),\n    [skills, skillsInformation]\n  );\n\n  const handleOnDotClick = useCallback(\n    skillRef => {\n      setSkillFocusSelectedOnChart(skillRef);\n    },\n    [setSkillFocusSelectedOnChart]\n  );\n  const handleOpenSkillPicker = useCallback(() => setOpen(true), [setOpen]);\n  const handleCloseSkillPicker = useCallback(() => setOpen(false), [setOpen]);\n  const handleConfirmSkillPicker = useCallback(\n    focusSkillList => {\n      setSelectedSkillsList(focusSkillList);\n      onSkillFocusConfirm(focusSkillList);\n      setOpen(false);\n    },\n    [onSkillFocusConfirm, setSelectedSkillsList, setOpen]\n  );\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      setSearchResults(skills.filter(skill => searchValueIncluded(skillsLocales[skill], value)));\n    },\n    [skills, skillsLocales, setSearchValue, setSearchResults]\n  );\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    setSearchResults(skills);\n  }, [skills, setSearchValue, setSearchResults]);\n\n  const ReviewTooltipContent = useCallback(\n    () => (\n      <div>\n        <div>\n          <b>{translate('review_mode_tooltip_header')}</b>\n        </div>\n        <p>{translate('review_mode_tooltip_content')}</p>\n        <ol>\n          <li>{translate('review_mode_tooltip_content_part1')}</li>\n          <li>{translate('review_mode_tooltip_content_part2')}</li>\n          <li>{translate('review_mode_tooltip_content_part3')}</li>\n          <li>{translate('review_mode_tooltip_content_part4')}</li>\n        </ol>\n      </div>\n    ),\n    [translate]\n  );\n\n  return (\n    <div className={style.backgroundContainer}>\n      {isEmpty(learningPriorities?.cards) ? null : (\n        <div className={style.cardsListContainer}>\n          <CardsList\n            {...learningPriorities}\n            title={\n              <Title\n                {...{\n                  type: 'form-group',\n                  title: translate('learning_priorities'),\n                  subtitle: translate('learning_priorities_description'),\n                  icon: {\n                    iconName: 'sign-post',\n                    iconColor: '#A32700',\n                    borderRadius: '12px',\n                    backgroundColor: '#FFDCD1'\n                  },\n                  tag: {\n                    label: `${size(learningPriorities.cards)}`,\n                    type: 'default',\n                    size: 'S'\n                  }\n                }}\n              />\n            }\n          />\n        </div>\n      )}\n      <div className={style.container}>\n        <SkillPickerModal\n          skills={skills}\n          skillsScore={skillsScore}\n          selectedSkills={selectedSkillsList}\n          skillsLocales={skillsLocales}\n          isOpen={open}\n          isLoading={isLoading}\n          onCancel={handleCloseSkillPicker}\n          onConfirm={handleConfirmSkillPicker}\n          onClose={handleCloseSkillPicker}\n        />\n        {learnerFeature ? (\n          <div data-name=\"skill-focus-container\" className={style.skillFocusContainer}>\n            <header className={style.skillFocusHeader}>\n              <div className={style.skillFocusHeaderWrapper}>\n                <div className={style.skillFocusHeaderIcon}>\n                  <Icon\n                    iconName=\"bullseye-arrow\"\n                    backgroundColor=\"#DDD1FF\"\n                    borderRadius=\"12px\"\n                    size={{faSize: 20, wrapperSize: 48}}\n                  />\n                </div>\n                <div className={style.skillFocusHeaderContent}>\n                  <div data-name=\"skill-focus-title\" className={style.skillFocusHeaderTitle}>\n                    {translate('skills_focus')}\n                  </div>\n                  <div\n                    data-name=\"skill-focus-description\"\n                    className={style.skillFocusHeaderDescription}\n                  >\n                    {translate('skills_focus_description')}\n                  </div>\n                </div>\n              </div>\n              {selectedSkillsList.length >= 3 ? (\n                <ChangeSkillFocusButton onClick={handleOpenSkillPicker} />\n              ) : null}\n            </header>\n            {selectedSkillsList.length >= 3 ? (\n              <div className={style.skillFocusContent}>\n                <div className={style.radarContainer}>\n                  <ResponsiveLearningProfileRadarChart\n                    totalDataset={1}\n                    height={424}\n                    width={680}\n                    data={graphDatas}\n                    legend={graphLegends}\n                    onClick={handleOnDotClick}\n                    onExploreClick={onExploreSkill}\n                    colors={[\n                      {\n                        gradient: {\n                          fill: ['#0062ffff', '#8000ff85'],\n                          stroke: ['#0062ffff', '#8000FF']\n                        },\n                        percentage: {\n                          color: primarySkinColor,\n                          background: convert(`color(${primarySkinColor} a(0.07))`)\n                        },\n                        label: {\n                          color: '#020202ff'\n                        }\n                      }\n                    ]}\n                  />\n                </div>\n                <SkillsChartSideInformationPanel sidePanelItems={skillChartPanelProps} />\n              </div>\n            ) : (\n              <div className={style.skillFocusEmpty}>\n                <Picture\n                  className={style.img}\n                  src=\"https://static.coorpacademy.com/assets/images/mylearning-no-skill-selected-placeholder.svg\"\n                  alt=\"demo\"\n                />\n                <div className={style.skillFocusEmptyTitle}>\n                  {translate('skills_focus_empty_title')}\n                </div>\n                <div className={style.skillFocusEmptyDescription}>\n                  {translate('skills_focus_empty_description')}\n                </div>\n                <div>\n                  <ButtonLink\n                    label={translate('skills_choose_focus')}\n                    type=\"primary\"\n                    customStyle={{\n                      width: 'fit-contain',\n                      backgroundColor: primarySkinColor\n                    }}\n                    hoverBackgroundColor={convert(\n                      `hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`\n                    )}\n                    onClick={handleOpenSkillPicker}\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        ) : null}\n        <header className={style.skillListHeader}>\n          <div className={style.skillListHeaderIcon}>\n            <Icon\n              iconName=\"dumbbell\"\n              backgroundColor=\"#FFF9D1\"\n              size={{faSize: 20, wrapperSize: 48}}\n            />\n          </div>\n          <div className={style.skillListHeaderContent}>\n            <div className={style.skillListHeaderTitle}>{translate('skills_section_title')}</div>\n            <div className={style.skillListHeaderDescription}>\n              {translate('skills_section_description')}\n              <ToolTip\n                fontSize={12}\n                iconContainerClassName={style.infoIconTooltip}\n                tooltipClassName={style.tooltip}\n                TooltipContent={ReviewTooltipContent}\n                closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n              />\n            </div>\n          </div>\n        </header>\n        <div className={style.toolBarContainer}>\n          <div className={style.skillFilterContainer}>\n            {keys(filters).map((filter, index) => {\n              function handleFilterClick() {\n                setActiveFilter(filter);\n              }\n\n              return (\n                <div key={index}>\n                  <FilterButton\n                    active={activeFilter === filter}\n                    filter={\n                      filter === 'all' ? translate('all') : translate('review_mode_available')\n                    }\n                    skillTotal={filters[filter].length}\n                    onClick={handleFilterClick}\n                  />\n                </div>\n              );\n            })}\n          </div>\n          <div className={style.searchWrapper}>\n            <SearchForm\n              search={{\n                placeholder: translate('search_place_holder'),\n                value: searchValue,\n                onChange: handleSearch\n              }}\n              onReset={handleSearchReset}\n            />\n          </div>\n        </div>\n        {searchValue && searchResults.length === 0 ? (\n          <div className={style.emptySearchResultContainer}>\n            <div className={style.emptySearchResultTitle}>\n              {translate('empty_search_result_title', {searchValue})}\n            </div>\n            <div className={style.emptySearchResultDescription}>\n              {translate('empty_search_result_description')}\n            </div>\n            <div className={style.emptySearchResultClearSearch} onClick={handleSearchReset}>\n              {translate('empty_search_result_clear_search')}\n            </div>\n          </div>\n        ) : (\n          <div className={style.skillListContainer}>\n            {activeFilter === 'review_mode_available' && filters[activeFilter].length === 0 ? (\n              <div className={style.skillListEmptyContainer}>\n                <ReviewNoSkills\n                  titleNoSkills={translate('review_skill_empty')}\n                  textNoSkills={translate('review_skill_empty_description')}\n                  iconSkillAriaLabel={translate('review_skill_empty')}\n                  imagePosition=\"top\"\n                />\n              </div>\n            ) : (\n              filters[activeFilter].map((skill, index) => {\n                const defaultStats = {\n                  score: 0,\n                  content: 0,\n                  contentCompleted: 0,\n                  questionsToReview: 0\n                };\n\n                function handleReviewSkill() {\n                  onReviewSkill(skill);\n                }\n                function handleExploreSkill() {\n                  onExploreSkill(skill);\n                }\n                const {score, content, questionsToReview} = skillsInformation[skill]\n                  ? skillsInformation[skill].stats\n                  : defaultStats;\n                return (\n                  <div key={index}>\n                    <LearnerSkillCard\n                      skillTitle={skillsLocales[skill]}\n                      focus={selectedSkills.includes(skill)}\n                      metrics={{\n                        score: score.toFixed(1),\n                        content,\n                        questionsToReview\n                      }}\n                      review={\n                        skillsInformation[skill]\n                          ? skillsInformation[skill].availableForReview\n                          : false\n                      }\n                      onReviewClick={handleReviewSkill}\n                      onExploreClick={handleExploreSkill}\n                    />\n                  </div>\n                );\n              })\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nMyLearning.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nMyLearning.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.string),\n  selectedSkills: PropTypes.arrayOf(PropTypes.string),\n  skillsInformation: PropTypes.objectOf(\n    PropTypes.shape({\n      availableForReview: PropTypes.bool,\n      stats: PropTypes.shape({\n        score: PropTypes.number,\n        content: PropTypes.number,\n        contentCompleted: PropTypes.number,\n        questionsToReview: PropTypes.number,\n        learningTime: PropTypes.number\n      })\n    })\n  ),\n  skillsLocales: PropTypes.objectOf(PropTypes.string),\n  learnerFeature: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  onSkillFocusConfirm: PropTypes.func,\n  onReviewSkill: PropTypes.func,\n  onExploreSkill: PropTypes.func,\n  learningPriorities: PropTypes.shape(CardsList.propTypes)\n};\n\nexport default MyLearning;\n"],"mappings":"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","ignoreList":[]}

package/es/template/playlist-detail/index.js

@@ -13,7 +13,6 @@ import AllCourses from '../skill-detail/all-courses';
 import PlaylistDetailCover from '../../molecule/playlist-detail-cover';
 import { ContinueLearningButton } from '../skill-detail';
 import style from './style.css';
-
 const PlaylistDetail = (props, context) => {
   const {
     title,
@@ -103,7 +102,6 @@ const PlaylistDetail = (props, context) => {
     search: search
   })));
 };
-
 PlaylistDetail.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

package/es/template/playlist-detail/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","useEffect","useRef","PropTypes","classnames","Markdown","Provider","Tag","Select","SelectOptionPropTypes","ButtonLinkIcon","Icon","CardsGrid","AllCourses","PlaylistDetailCover","ContinueLearningButton","style","PlaylistDetail","props","context","title","coverImages","playlistRef","description","ongoingCoursesAvailable","playlistCourses","filters","sorting","onBackClick","onContinueLearningClick","search","bannerMicrolearning","descriptionRef","translate","action","bannerMicrolearningAction","oldSwitchValue","isDescriptionTruncated","setIsDescriptionTruncated","showMore","setShowMore","handleShowMore","current","clientHeight","scrollHeight","Description","truncate","backgroundContainer","container","backButton","ctaContainer","coverWrapper","showMoreWrapper","faSize","wrapperSize","continueLearningButton","type","contextTypes","skin","childContextTypes","propTypes","string","isRequired","images","bool","shape","onChange","func","options","arrayOf","oldValue"],"sources":["../../../src/template/playlist-detail/index.js"],"sourcesContent":["import React, {useCallback, useState, useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isNil} from 'lodash/fp';\nimport Markdown from 'markdown-to-jsx';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport AllCourses from '../skill-detail/all-courses';\nimport PlaylistDetailCover from '../../molecule/playlist-detail-cover';\nimport {ContinueLearningButton} from '../skill-detail';\nimport style from './style.css';\n\nconst PlaylistDetail = (props, context) => {\n  const {\n    title,\n    coverImages,\n    playlistRef,\n    description,\n    ongoingCoursesAvailable,\n    playlistCourses,\n    filters,\n    sorting,\n    onBackClick,\n    onContinueLearningClick,\n    search,\n    bannerMicrolearning = {}\n  } = props;\n  const descriptionRef = useRef(null);\n  const {translate} = context;\n  const {action: bannerMicrolearningAction, oldSwitchValue} = bannerMicrolearning;\n\n  const [isDescriptionTruncated, setIsDescriptionTruncated] = useState(false);\n  const [showMore, setShowMore] = useState(false);\n\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  useEffect(() => {\n    if (descriptionRef.current) {\n      const {clientHeight = 0, scrollHeight = 0} = descriptionRef.current;\n      setIsDescriptionTruncated(scrollHeight > clientHeight);\n    }\n  }, [description]);\n\n  const Description = useCallback(() => {\n    return (\n      <div\n        ref={descriptionRef}\n        className={classnames(style.description, !showMore && style.truncate)}\n      >\n        <Markdown>{description}</Markdown>\n      </div>\n    );\n  }, [showMore, description]);\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={playlistRef}>\n        {!isNil(onBackClick) ? (\n          <ButtonLinkIcon\n            faIcon=\"arrow-left\"\n            data-name=\"back-button\"\n            aria-label={translate('back')}\n            onClick={onBackClick}\n            className={style.backButton}\n            tooltipPlacement=\"right\"\n          />\n        ) : null}\n        <div className={style.ctaContainer}>\n          <div className={style.coverWrapper}>\n            <PlaylistDetailCover images={coverImages} />\n          </div>\n          <div>\n            <Tag label={translate('playlist')} />\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {isDescriptionTruncated ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {translate(showMore ? 'Show less' : 'Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 16}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n            <div className={style.continueLearningButton}>\n              <ContinueLearningButton\n                ongoingCoursesAvailable={ongoingCoursesAvailable}\n                onClick={onContinueLearningClick}\n              />\n            </div>\n          </div>\n        </div>\n        <AllCourses\n          content={playlistCourses}\n          filters={filters}\n          sorting={sorting}\n          bannerMicrolearning={\n            bannerMicrolearningAction\n              ? {\n                  type: 'playlist',\n                  action: bannerMicrolearningAction,\n                  oldSwitchValue\n                }\n              : {}\n          }\n          search={search}\n        />\n      </div>\n    </div>\n  );\n};\n\nPlaylistDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nPlaylistDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  coverImages: PlaylistDetailCover.propTypes.images,\n  playlistRef: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  ongoingCoursesAvailable: PropTypes.bool,\n  playlistCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  }),\n  onBackClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func,\n  bannerMicrolearning: PropTypes.shape({\n    action: PropTypes.func,\n    oldSwitchValue: PropTypes.bool\n  })\n};\n\nexport default PlaylistDetail;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","useEffect","useRef","PropTypes","classnames","Markdown","Provider","Tag","Select","SelectOptionPropTypes","ButtonLinkIcon","Icon","CardsGrid","AllCourses","PlaylistDetailCover","ContinueLearningButton","style","PlaylistDetail","props","context","title","coverImages","playlistRef","description","ongoingCoursesAvailable","playlistCourses","filters","sorting","onBackClick","onContinueLearningClick","search","bannerMicrolearning","descriptionRef","translate","action","bannerMicrolearningAction","oldSwitchValue","isDescriptionTruncated","setIsDescriptionTruncated","showMore","setShowMore","handleShowMore","current","clientHeight","scrollHeight","Description","createElement","ref","className","truncate","backgroundContainer","container","_isNil","faIcon","onClick","backButton","tooltipPlacement","ctaContainer","coverWrapper","images","label","Fragment","showMoreWrapper","iconName","size","faSize","wrapperSize","continueLearningButton","content","type","contextTypes","skin","childContextTypes","propTypes","process","env","NODE_ENV","string","isRequired","bool","shape","onChange","func","options","arrayOf","oldValue"],"sources":["../../../src/template/playlist-detail/index.js"],"sourcesContent":["import React, {useCallback, useState, useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isNil} from 'lodash/fp';\nimport Markdown from 'markdown-to-jsx';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport AllCourses from '../skill-detail/all-courses';\nimport PlaylistDetailCover from '../../molecule/playlist-detail-cover';\nimport {ContinueLearningButton} from '../skill-detail';\nimport style from './style.css';\n\nconst PlaylistDetail = (props, context) => {\n  const {\n    title,\n    coverImages,\n    playlistRef,\n    description,\n    ongoingCoursesAvailable,\n    playlistCourses,\n    filters,\n    sorting,\n    onBackClick,\n    onContinueLearningClick,\n    search,\n    bannerMicrolearning = {}\n  } = props;\n  const descriptionRef = useRef(null);\n  const {translate} = context;\n  const {action: bannerMicrolearningAction, oldSwitchValue} = bannerMicrolearning;\n\n  const [isDescriptionTruncated, setIsDescriptionTruncated] = useState(false);\n  const [showMore, setShowMore] = useState(false);\n\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  useEffect(() => {\n    if (descriptionRef.current) {\n      const {clientHeight = 0, scrollHeight = 0} = descriptionRef.current;\n      setIsDescriptionTruncated(scrollHeight > clientHeight);\n    }\n  }, [description]);\n\n  const Description = useCallback(() => {\n    return (\n      <div\n        ref={descriptionRef}\n        className={classnames(style.description, !showMore && style.truncate)}\n      >\n        <Markdown>{description}</Markdown>\n      </div>\n    );\n  }, [showMore, description]);\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={playlistRef}>\n        {!isNil(onBackClick) ? (\n          <ButtonLinkIcon\n            faIcon=\"arrow-left\"\n            data-name=\"back-button\"\n            aria-label={translate('back')}\n            onClick={onBackClick}\n            className={style.backButton}\n            tooltipPlacement=\"right\"\n          />\n        ) : null}\n        <div className={style.ctaContainer}>\n          <div className={style.coverWrapper}>\n            <PlaylistDetailCover images={coverImages} />\n          </div>\n          <div>\n            <Tag label={translate('playlist')} />\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {isDescriptionTruncated ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {translate(showMore ? 'Show less' : 'Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 16}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n            <div className={style.continueLearningButton}>\n              <ContinueLearningButton\n                ongoingCoursesAvailable={ongoingCoursesAvailable}\n                onClick={onContinueLearningClick}\n              />\n            </div>\n          </div>\n        </div>\n        <AllCourses\n          content={playlistCourses}\n          filters={filters}\n          sorting={sorting}\n          bannerMicrolearning={\n            bannerMicrolearningAction\n              ? {\n                  type: 'playlist',\n                  action: bannerMicrolearningAction,\n                  oldSwitchValue\n                }\n              : {}\n          }\n          search={search}\n        />\n      </div>\n    </div>\n  );\n};\n\nPlaylistDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nPlaylistDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  coverImages: PlaylistDetailCover.propTypes.images,\n  playlistRef: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  ongoingCoursesAvailable: PropTypes.bool,\n  playlistCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  }),\n  onBackClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func,\n  bannerMicrolearning: PropTypes.shape({\n    action: PropTypes.func,\n    oldSwitchValue: PropTypes.bool\n  })\n};\n\nexport default PlaylistDetail;\n"],"mappings":"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","ignoreList":[]}

package/es/template/review-dashboard-skills/index.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import ReviewPresentation from '../../atom/review-presentation';
 import ReviewSkills from '../app-review/skills';
 import style from './style.css';
-
 const ReviewDashboardSkills = props => {
   const {
     'aria-label': ariaLabel,
@@ -19,7 +18,6 @@ const ReviewDashboardSkills = props => {
     className: style.reviewSkillsContainer
   }, /*#__PURE__*/React.createElement(ReviewSkills, reviewSkills)));
 };
-
 ReviewDashboardSkills.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': PropTypes.string,
   reviewPresentation: PropTypes.shape(ReviewPresentation.propTypes),

package/es/template/review-dashboard-skills/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","ReviewPresentation","ReviewSkills","style","ReviewDashboardSkills","props","ariaLabel","reviewPresentation","reviewSkills","reviewDashboardContainer","reviewPresentationContainer","reviewSkillsContainer","propTypes","string","shape"],"sources":["../../../src/template/review-dashboard-skills/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReviewPresentation from '../../atom/review-presentation';\nimport ReviewSkills from '../app-review/skills';\nimport style from './style.css';\n\nconst ReviewDashboardSkills = props => {\n  const {'aria-label': ariaLabel, reviewPresentation, reviewSkills} = props;\n\n  return (\n    <div className={style.reviewDashboardContainer} aria-label={ariaLabel}>\n      <div className={style.reviewPresentationContainer}>\n        <ReviewPresentation {...reviewPresentation} />\n      </div>\n      <div className={style.reviewSkillsContainer}>\n        <ReviewSkills {...reviewSkills} />\n      </div>\n    </div>\n  );\n};\n\nReviewDashboardSkills.propTypes = {\n  'aria-label': PropTypes.string,\n  reviewPresentation: PropTypes.shape(ReviewPresentation.propTypes),\n  reviewSkills: PropTypes.shape(ReviewSkills.propTypes)\n};\nexport default ReviewDashboardSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,gCAA/B;AACA,OAAOC,YAAP,MAAyB,sBAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAAC,cAAcC,SAAf;IAA0BC,kBAA1B;IAA8CC;EAA9C,IAA8DH,KAApE;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM,wBAAtB;IAAgD,cAAYH;EAA5D,gBACE;IAAK,SAAS,EAAEH,KAAK,CAACO;EAAtB,gBACE,oBAAC,kBAAD,EAAwBH,kBAAxB,CADF,CADF,eAIE;IAAK,SAAS,EAAEJ,KAAK,CAACQ;EAAtB,gBACE,oBAAC,YAAD,EAAkBH,YAAlB,CADF,CAJF,CADF;AAUD,CAbD;;AAeAJ,qBAAqB,CAACQ,SAAtB,2CAAkC;EAChC,cAAcZ,SAAS,CAACa,MADQ;EAEhCN,kBAAkB,EAAEP,SAAS,CAACc,KAAV,CAAgBb,kBAAkB,CAACW,SAAnC,CAFY;EAGhCJ,YAAY,EAAER,SAAS,CAACc,KAAV,CAAgBZ,YAAY,CAACU,SAA7B;AAHkB,CAAlC;AAKA,eAAeR,qBAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","ReviewPresentation","ReviewSkills","style","ReviewDashboardSkills","props","ariaLabel","reviewPresentation","reviewSkills","createElement","className","reviewDashboardContainer","reviewPresentationContainer","reviewSkillsContainer","propTypes","process","env","NODE_ENV","string","shape"],"sources":["../../../src/template/review-dashboard-skills/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReviewPresentation from '../../atom/review-presentation';\nimport ReviewSkills from '../app-review/skills';\nimport style from './style.css';\n\nconst ReviewDashboardSkills = props => {\n  const {'aria-label': ariaLabel, reviewPresentation, reviewSkills} = props;\n\n  return (\n    <div className={style.reviewDashboardContainer} aria-label={ariaLabel}>\n      <div className={style.reviewPresentationContainer}>\n        <ReviewPresentation {...reviewPresentation} />\n      </div>\n      <div className={style.reviewSkillsContainer}>\n        <ReviewSkills {...reviewSkills} />\n      </div>\n    </div>\n  );\n};\n\nReviewDashboardSkills.propTypes = {\n  'aria-label': PropTypes.string,\n  reviewPresentation: PropTypes.shape(ReviewPresentation.propTypes),\n  reviewSkills: PropTypes.shape(ReviewSkills.propTypes)\n};\nexport default ReviewDashboardSkills;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,kBAAkB,MAAM,gCAAgC;AAC/D,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAAC,YAAY,EAAEC,SAAS;IAAEC,kBAAkB;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAEzE,oBACEN,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACQ,wBAAyB;IAAC,cAAYL;EAAU,gBACpEP,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACS;EAA4B,gBAChDb,KAAA,CAAAU,aAAA,CAACR,kBAAkB,EAAKM,kBAAqB,CAC1C,CAAC,eACNR,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACU;EAAsB,gBAC1Cd,KAAA,CAAAU,aAAA,CAACP,YAAY,EAAKM,YAAe,CAC9B,CACF,CAAC;AAEV,CAAC;AAEDJ,qBAAqB,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChC,YAAY,EAAEjB,SAAS,CAACkB,MAAM;EAC9BX,kBAAkB,EAAEP,SAAS,CAACmB,KAAK,CAAClB,kBAAkB,CAACa,SAAS,CAAC;EACjEN,YAAY,EAAER,SAAS,CAACmB,KAAK,CAACjB,YAAY,CAACY,SAAS;AACtD,CAAC;AACD,eAAeV,qBAAqB","ignoreList":[]}

package/es/template/skill-detail/all-courses.js

@@ -5,9 +5,7 @@ import _size from "lodash/fp/size";
 import _map from "lodash/fp/map";
 import _filter from "lodash/fp/filter";
 import _get from "lodash/fp/get";
-
-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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useState, useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
@@ -18,11 +16,9 @@ import CardsGrid from '../../organism/cards-grid';
 import InputSwitch from '../../atom/input-switch';
 import Banner from '../../molecule/banner';
 import style from './all-courses.css';
-
 const uncappedMap = _map.convert({
   cap: false
 });
-
 const FilterButton = (props, context) => {
   const {
     dataName,
@@ -34,9 +30,7 @@ const FilterButton = (props, context) => {
   const {
     skin
   } = context;
-
   const primarySkinColor = _get('common.primary', skin);
-
   const buttonProps = {
     customStyle: {
       backgroundColor: selected ? primarySkinColor : '#E1E1E3',
@@ -51,7 +45,6 @@ const FilterButton = (props, context) => {
   };
   return /*#__PURE__*/React.createElement(ButtonLink, buttonProps);
 };
-
 FilterButton.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate
@@ -63,7 +56,6 @@ FilterButton.propTypes = process.env.NODE_ENV !== "production" ? {
   label: PropTypes.string,
   onClick: PropTypes.func
 } : {};
-
 const AllCourses = (props, context) => {
   const {
     translate
@@ -167,11 +159,9 @@ const AllCourses = (props, context) => {
       value,
       selected
     } = filterProps;
-
     function handleFilterChange() {
       onChange(value);
     }
-
     return /*#__PURE__*/React.createElement("div", {
       key: index,
       className: style.filterButtonWrapper
@@ -203,7 +193,6 @@ const AllCourses = (props, context) => {
     onClick: handleSearchReset
   }, translate('empty_search_result_clear_search')))));
 };
-
 AllCourses.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate