@coorpacademy/components 11.33.1 → 11.33.2-alpha.1

package/lib/template/mobile-login/receive-email/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_index","_interopRequireDefault","_useMobileKeyboardVisibility","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","enabledColor","disabledColor","emailRegex","styles","StyleSheet","create","container","width","height","flex","justifyContent","alignItems","paddingVertical","paddingHorizontal","contentWrapper","backButton","arrowIcon","fill","mailIconWrapper","backgroundColor","padding","marginVertical","borderRadius","mailIcon","innerMailIcon","marginTop","marginLeft","title","color","fontSize","fontWeight","lineHeight","textAlign","marginBottom","explanation","letterSpacing","subtitle","textInput","borderColor","borderWidth","alignContent","ctaWrapper","overflow","ctaButton","flexDirection","sendIcon","marginRight","ctaText","ReceiveEmail","props","locales","onClose","onSend","email","setEmail","useState","isValid","setValid","isTextInputFocused","setTextInputFocused","isKeyboardVisible","useMobileKeyboardVisibility","handleSend","useCallback","handleChangeText","value","test","handleTextInputFocus","handleTextInputBlur","animationRef","useRef","Animated","Value","current","animatedColor","interpolate","inputRange","outputRange","useEffect","animation","timing","toValue","duration","easing","Easing","out","sin","useNativeDriver","start","createElement","KeyboardAvoidingView","behavior","Platform","OS","style","testID","View","onPress","NovaCompositionNavigationLeftArrow","NovaCompositionCoorpacademyEmail","Text","TextInput","placeholder","placeholderTextColor","onChangeText","onFocus","onBlur","disabled","NovaCompositionCoorpacademySendEmail","cta","_default","exports"],"sources":["../../../../src/template/mobile-login/receive-email/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport {\n  Animated,\n  Easing,\n  KeyboardAvoidingView,\n  Platform,\n  StyleSheet,\n  Text,\n  TextInput,\n  View\n} from 'react-native';\nimport {\n  NovaCompositionNavigationLeftArrow as ArrowIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon,\n  NovaCompositionCoorpacademySendEmail as SendIcon\n} from '@coorpacademy/nova-icons';\n\nimport Touchable from '../../../hoc/touchable/index.native';\nimport useMobileKeyboardVisibility from '../../../util/use-mobile-keyboard-visibility';\n\nconst enabledColor = '#0061ff';\nconst disabledColor = '#9999A8';\nconst emailRegex = /^\\w+([-+.']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$/;\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    height: '100%',\n    flex: 1,\n    justifyContent: 'space-between',\n    alignItems: 'flex-start',\n    paddingVertical: 50,\n    paddingHorizontal: 24\n  },\n  contentWrapper: {\n    width: '100%'\n  },\n  backButton: {\n    paddingVertical: 20\n  },\n  arrowIcon: {\n    fill: '#515161',\n    width: 24,\n    height: 15\n  },\n  mailIconWrapper: {\n    backgroundColor: '#f1f6fe',\n    width: 64,\n    height: 64,\n    padding: 23,\n    marginVertical: 24,\n    borderRadius: 16,\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  mailIcon: {\n    fill: '#0061ff',\n    width: 24,\n    height: 18\n  },\n  innerMailIcon: {\n    fill: '#515161',\n    width: 16,\n    height: 12,\n    marginTop: -30,\n    marginLeft: 16\n  },\n  title: {\n    color: '#1D1D2B',\n    fontSize: 24,\n    fontWeight: '600',\n    lineHeight: 32,\n    textAlign: 'left',\n    marginBottom: 12\n  },\n  explanation: {\n    color: '#515161',\n    fontSize: 17,\n    letterSpacing: 0.4,\n    fontWeight: '500',\n    lineHeight: 22,\n    textAlign: 'left',\n    marginBottom: 24\n  },\n  subtitle: {\n    color: '#1D1D2B',\n    fontSize: 15,\n    fontWeight: '600',\n    lineHeight: 20,\n    textAlign: 'left',\n    marginBottom: 8\n  },\n  textInput: {\n    height: 48,\n    width: '100%',\n    backgroundColor: '#F4F4F5',\n    borderColor: enabledColor,\n    borderWidth: 2,\n    fontSize: 15,\n    lineHeight: 16,\n    alignContent: 'center',\n    color: '#515161',\n    borderRadius: 7,\n    paddingHorizontal: 40\n  },\n  ctaWrapper: {\n    width: '100%',\n    overflow: 'hidden',\n    borderRadius: 12,\n    marginTop: 30,\n    marginBottom: 50\n  },\n  ctaButton: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    paddingVertical: 16\n  },\n  sendIcon: {\n    fill: '#fff',\n    width: 16,\n    height: 16,\n    marginRight: 8\n  },\n  ctaText: {\n    color: '#fff',\n    fontWeight: '700',\n    fontSize: 15,\n    lineHeight: 24\n  }\n});\n\nexport type Props = {\n  locales: {\n    title: string;\n    explanation: string;\n    subtitle: string;\n    cta: string;\n  };\n  onClose: () => void;\n  onSend: (email: string) => void;\n};\n\nconst ReceiveEmail = (props: Props) => {\n  const {locales, onClose, onSend} = props;\n\n  const [email, setEmail] = useState<string>('');\n  const [isValid, setValid] = useState<boolean>(false);\n  const [isTextInputFocused, setTextInputFocused] = useState<boolean>(false);\n  const isKeyboardVisible = useMobileKeyboardVisibility();\n\n  const handleSend = useCallback(() => {\n    onSend(email);\n  }, [email, onSend]);\n\n  const handleChangeText = useCallback(value => {\n    setValid(emailRegex.test(value));\n    setEmail(value);\n  }, []);\n\n  const handleTextInputFocus = useCallback(() => {\n    setTextInputFocused(true);\n  }, []);\n\n  const handleTextInputBlur = useCallback(() => {\n    setTextInputFocused(false);\n  }, []);\n\n  const animationRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const animatedColor = animationRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [disabledColor, enabledColor]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(animationRef, {\n      toValue: isValid ? 1 : 0,\n      duration: 250,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n  }, [animationRef, isValid]);\n\n  return (\n    <KeyboardAvoidingView\n      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}\n      style={[styles.container]}\n      testID=\"receive-email\"\n    >\n      <View style={styles.contentWrapper}>\n        <Touchable style={styles.backButton} onPress={onClose} testID=\"close-button\">\n          <ArrowIcon style={styles.arrowIcon} />\n        </Touchable>\n        {isKeyboardVisible ? null : (\n          <View style={styles.mailIconWrapper}>\n            <MailIcon style={styles.mailIcon} />\n          </View>\n        )}\n        <Text style={styles.title}>{locales.title}</Text>\n        <Text style={styles.explanation}>{locales.explanation}</Text>\n        <Text style={styles.subtitle}>{locales.subtitle}</Text>\n        <TextInput\n          style={[styles.textInput, {borderWidth: isTextInputFocused ? 2 : 0}]}\n          placeholder=\"john.doe@company.com\"\n          placeholderTextColor={disabledColor}\n          onChangeText={handleChangeText}\n          onFocus={handleTextInputFocus}\n          onBlur={handleTextInputBlur}\n        />\n        <MailIcon style={styles.innerMailIcon} />\n      </View>\n\n      <Animated.View style={[styles.ctaWrapper, {backgroundColor: animatedColor}]}>\n        <Touchable\n          disabled={!isValid}\n          style={[styles.ctaButton]}\n          onPress={handleSend}\n          testID=\"send-button\"\n        >\n          <SendIcon style={styles.sendIcon} />\n          <Text style={styles.ctaText}>{locales.cta}</Text>\n        </Touchable>\n      </Animated.View>\n    </KeyboardAvoidingView>\n  );\n};\n\nexport default ReceiveEmail;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["enabledColor","disabledColor","emailRegex","styles","StyleSheet","create","container","width","height","flex","justifyContent","alignItems","paddingVertical","paddingHorizontal","contentWrapper","backButton","arrowIcon","fill","mailIconWrapper","backgroundColor","padding","marginVertical","borderRadius","mailIcon","innerMailIcon","marginTop","marginLeft","title","color","fontSize","fontWeight","lineHeight","textAlign","marginBottom","explanation","letterSpacing","subtitle","textInput","borderColor","borderWidth","alignContent","ctaWrapper","overflow","ctaButton","flexDirection","sendIcon","marginRight","ctaText","ReceiveEmail","props","locales","onClose","onSend","email","setEmail","useState","isValid","setValid","isTextInputFocused","setTextInputFocused","isKeyboardVisible","useMobileKeyboardVisibility","handleSend","useCallback","handleChangeText","value","test","handleTextInputFocus","handleTextInputBlur","animationRef","useRef","Animated","Value","current","animatedColor","interpolate","inputRange","outputRange","useEffect","animation","timing","toValue","duration","easing","Easing","out","sin","useNativeDriver","start","Platform","OS","cta"],"sources":["../../../../src/template/mobile-login/receive-email/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport {\n  Animated,\n  Easing,\n  KeyboardAvoidingView,\n  Platform,\n  StyleSheet,\n  Text,\n  TextInput,\n  View\n} from 'react-native';\nimport {\n  NovaCompositionNavigationLeftArrow as ArrowIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon,\n  NovaCompositionCoorpacademySendEmail as SendIcon\n} from '@coorpacademy/nova-icons';\n\nimport Touchable from '../../../hoc/touchable/index.native';\nimport useMobileKeyboardVisibility from '../../../util/use-mobile-keyboard-visibility';\n\nconst enabledColor = '#0061ff';\nconst disabledColor = '#9999A8';\nconst emailRegex = /^\\w+([-+.']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$/;\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    height: '100%',\n    flex: 1,\n    justifyContent: 'space-between',\n    alignItems: 'flex-start',\n    paddingVertical: 50,\n    paddingHorizontal: 24\n  },\n  contentWrapper: {\n    width: '100%'\n  },\n  backButton: {\n    paddingVertical: 20\n  },\n  arrowIcon: {\n    fill: '#515161',\n    width: 24,\n    height: 15\n  },\n  mailIconWrapper: {\n    backgroundColor: '#f1f6fe',\n    width: 64,\n    height: 64,\n    padding: 23,\n    marginVertical: 24,\n    borderRadius: 16,\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  mailIcon: {\n    fill: '#0061ff',\n    width: 24,\n    height: 18\n  },\n  innerMailIcon: {\n    fill: '#515161',\n    width: 16,\n    height: 12,\n    marginTop: -30,\n    marginLeft: 16\n  },\n  title: {\n    color: '#1D1D2B',\n    fontSize: 24,\n    fontWeight: '600',\n    lineHeight: 32,\n    textAlign: 'left',\n    marginBottom: 12\n  },\n  explanation: {\n    color: '#515161',\n    fontSize: 17,\n    letterSpacing: 0.4,\n    fontWeight: '500',\n    lineHeight: 22,\n    textAlign: 'left',\n    marginBottom: 24\n  },\n  subtitle: {\n    color: '#1D1D2B',\n    fontSize: 15,\n    fontWeight: '600',\n    lineHeight: 20,\n    textAlign: 'left',\n    marginBottom: 8\n  },\n  textInput: {\n    height: 48,\n    width: '100%',\n    backgroundColor: '#F4F4F5',\n    borderColor: enabledColor,\n    borderWidth: 2,\n    fontSize: 15,\n    lineHeight: 16,\n    alignContent: 'center',\n    color: '#515161',\n    borderRadius: 7,\n    paddingHorizontal: 40\n  },\n  ctaWrapper: {\n    width: '100%',\n    overflow: 'hidden',\n    borderRadius: 12,\n    marginTop: 30,\n    marginBottom: 50\n  },\n  ctaButton: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    paddingVertical: 16\n  },\n  sendIcon: {\n    fill: '#fff',\n    width: 16,\n    height: 16,\n    marginRight: 8\n  },\n  ctaText: {\n    color: '#fff',\n    fontWeight: '700',\n    fontSize: 15,\n    lineHeight: 24\n  }\n});\n\nexport type Props = {\n  locales: {\n    title: string;\n    explanation: string;\n    subtitle: string;\n    cta: string;\n  };\n  onClose: () => void;\n  onSend: (email: string) => void;\n};\n\nconst ReceiveEmail = (props: Props) => {\n  const {locales, onClose, onSend} = props;\n\n  const [email, setEmail] = useState<string>('');\n  const [isValid, setValid] = useState<boolean>(false);\n  const [isTextInputFocused, setTextInputFocused] = useState<boolean>(false);\n  const isKeyboardVisible = useMobileKeyboardVisibility();\n\n  const handleSend = useCallback(() => {\n    onSend(email);\n  }, [email, onSend]);\n\n  const handleChangeText = useCallback(value => {\n    setValid(emailRegex.test(value));\n    setEmail(value);\n  }, []);\n\n  const handleTextInputFocus = useCallback(() => {\n    setTextInputFocused(true);\n  }, []);\n\n  const handleTextInputBlur = useCallback(() => {\n    setTextInputFocused(false);\n  }, []);\n\n  const animationRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const animatedColor = animationRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [disabledColor, enabledColor]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(animationRef, {\n      toValue: isValid ? 1 : 0,\n      duration: 250,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n  }, [animationRef, isValid]);\n\n  return (\n    <KeyboardAvoidingView\n      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}\n      style={[styles.container]}\n      testID=\"receive-email\"\n    >\n      <View style={styles.contentWrapper}>\n        <Touchable style={styles.backButton} onPress={onClose} testID=\"close-button\">\n          <ArrowIcon style={styles.arrowIcon} />\n        </Touchable>\n        {isKeyboardVisible ? null : (\n          <View style={styles.mailIconWrapper}>\n            <MailIcon style={styles.mailIcon} />\n          </View>\n        )}\n        <Text style={styles.title}>{locales.title}</Text>\n        <Text style={styles.explanation}>{locales.explanation}</Text>\n        <Text style={styles.subtitle}>{locales.subtitle}</Text>\n        <TextInput\n          style={[styles.textInput, {borderWidth: isTextInputFocused ? 2 : 0}]}\n          placeholder=\"john.doe@company.com\"\n          placeholderTextColor={disabledColor}\n          onChangeText={handleChangeText}\n          onFocus={handleTextInputFocus}\n          onBlur={handleTextInputBlur}\n        />\n        <MailIcon style={styles.innerMailIcon} />\n      </View>\n\n      <Animated.View style={[styles.ctaWrapper, {backgroundColor: animatedColor}]}>\n        <Touchable\n          disabled={!isValid}\n          style={[styles.ctaButton]}\n          onPress={handleSend}\n          testID=\"send-button\"\n        >\n          <SendIcon style={styles.sendIcon} />\n          <Text style={styles.ctaText}>{locales.cta}</Text>\n        </Touchable>\n      </Animated.View>\n    </KeyboardAvoidingView>\n  );\n};\n\nexport default ReceiveEmail;\n"],"mappings":"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"}

package/lib/template/mobile-login/welcome/index.native.js

@@ -2,21 +2,35 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
+
 var _index = _interopRequireDefault(require("../../../hoc/touchable/index.native"));
+
 var _templateContext = require("../../app-review/template-context");
+
 var _index2 = _interopRequireDefault(require("../../../atom/text/index.native"));
+
 var _colors = require("../../../variables/colors");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const {
   cm_primary_blue
 } = _colors.COLORS;
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   wrapper: {
     top: 0,
@@ -153,6 +167,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     color: '#9999A8'
   }
 });
+
 const Welcome = props => {
   const {
     locales,
@@ -205,6 +220,7 @@ const Welcome = props => {
   });
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
   (0, _react.useEffect)(() => {
@@ -213,19 +229,21 @@ const Welcome = props => {
     fadeOutStartLogo.start();
     translateContent.start();
     translateGradients.start();
+
     const animatedScale = _reactNative.Animated.timing(scaleAnim, {
       toValue: 1,
       duration: 1000,
       useNativeDriver: true
     });
-    animatedScale.start();
 
-    // on mount only
+    animatedScale.start(); // on mount only
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
     style: [styleSheet.wrapper, translateContent.animatedStyle],
     testID: "welcome"
@@ -293,5 +311,7 @@ const Welcome = props => {
     style: styleSheet.ctaHelp
   }, locales.ctaHelp)))));
 };
-var _default = exports.default = Welcome;
+
+var _default = Welcome;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeLinearGradient","_interopRequireDefault","_novaIcons","_reactNativeAnimation","_index","_templateContext","_index2","_colors","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","cm_primary_blue","COLORS","createStyleSheet","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","translateGradients","useTranslateY","fromValue","toValue","duration","delay","translateContent","fadeInContent","useAnimateProp","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","useRef","Animated","Value","current","interpolateScale","interpolate","inputRange","outputRange","useEffect","_stylesheet","start","animatedScale","timing","useNativeDriver","createElement","View","style","animatedStyle","testID","locations","onLongPress","scale","NovaCompositionCoorpacademyLogoCoorp","onPress","NovaCompositionCoorpacademyQrCode","NovaCompositionCoorpacademyEmail","_default","exports"],"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":[]}
+{"version":3,"file":"index.native.js","names":["cm_primary_blue","COLORS","createStyleSheet","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","translateGradients","useTranslateY","fromValue","toValue","duration","delay","translateContent","fadeInContent","useAnimateProp","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","useRef","Animated","Value","current","interpolateScale","interpolate","inputRange","outputRange","useEffect","_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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"}

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

@@ -2,39 +2,73 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _size2 = _interopRequireDefault(require("lodash/fp/size"));
+
 var _sortBy2 = _interopRequireDefault(require("lodash/fp/sortBy"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _sumBy2 = _interopRequireDefault(require("lodash/fp/sumBy"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _fromPairs2 = _interopRequireDefault(require("lodash/fp/fromPairs"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _cssColorFunction = require("css-color-function");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _icon = _interopRequireDefault(require("../../atom/icon"));
+
 var _picture = _interopRequireDefault(require("../../atom/picture"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _tooltip = _interopRequireDefault(require("../../atom/tooltip"));
+
 var _reviewNoSkills = _interopRequireDefault(require("../../organism/review-no-skills"));
+
 var _searchForm = _interopRequireDefault(require("../../molecule/search-form"));
+
 var _skillPickerModal = _interopRequireDefault(require("../../molecule/skill-picker-modal"));
+
 var _learningProfileRadarChart = _interopRequireDefault(require("../../molecule/learning-profile-radar-chart"));
+
 var _skillsChartSideInformationPanel = _interopRequireDefault(require("../../molecule/skills-chart-side-information-panel"));
+
 var _learnerSkillCard = _interopRequireDefault(require("../../molecule/learner-skill-card"));
+
 var _searchValueIncluded = _interopRequireDefault(require("../../util/search-value-included"));
+
 var _timeFormat = require("../../util/time-format");
+
 var _cardsList = _interopRequireDefault(require("../../molecule/dashboard/cards-list"));
+
 var _title = _interopRequireDefault(require("../../atom/title"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const ChangeSkillFocusButton = (props, context) => {
   const {
     onClick
@@ -68,6 +102,7 @@ const ChangeSkillFocusButton = (props, context) => {
     }
   }));
 };
+
 ChangeSkillFocusButton.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -75,6 +110,7 @@ ChangeSkillFocusButton.contextTypes = {
 ChangeSkillFocusButton.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes.default.func
 } : {};
+
 const FilterButton = (props, context) => {
   const {
     active,
@@ -106,6 +142,7 @@ const FilterButton = (props, context) => {
   };
   return /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps);
 };
+
 FilterButton.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -116,6 +153,7 @@ FilterButton.propTypes = process.env.NODE_ENV !== "production" ? {
   skillTotal: _propTypes.default.number,
   onClick: _propTypes.default.func
 } : {};
+
 const MyLearning = (props, context) => {
   const {
     skills,
@@ -343,6 +381,7 @@ const MyLearning = (props, context) => {
     function handleFilterClick() {
       setActiveFilter(filter);
     }
+
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index
     }, /*#__PURE__*/_react.default.createElement(FilterButton, {
@@ -387,12 +426,15 @@ const MyLearning = (props, context) => {
       contentCompleted: 0,
       questionsToReview: 0
     };
+
     function handleReviewSkill() {
       onReviewSkill(skill);
     }
+
     function handleExploreSkill() {
       onExploreSkill(skill);
     }
+
     const {
       score,
       content,
@@ -414,6 +456,7 @@ const MyLearning = (props, context) => {
     }));
   }))));
 };
+
 MyLearning.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -439,5 +482,6 @@ MyLearning.propTypes = process.env.NODE_ENV !== "production" ? {
   onExploreSkill: _propTypes.default.func,
   learningPriorities: _propTypes.default.shape(_cardsList.default.propTypes)
 } : {};
-var _default = exports.default = MyLearning;
+var _default = MyLearning;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_provider","_icon","_picture","_buttonLink","_tooltip","_reviewNoSkills","_searchForm","_skillPickerModal","_learningProfileRadarChart","_skillsChartSideInformationPanel","_learnerSkillCard","_searchValueIncluded","_timeFormat","_cardsList","_title","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ChangeSkillFocusButton","props","context","onClick","skin","translate","primarySkinColor","_get2","createElement","customStyle","backgroundColor","convert","color","transition","hoverBackgroundColor","hoverColor","label","icon","position","faIcon","name","size","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","func","FilterButton","active","filter","skillTotal","Content","useCallback","className","style","skillFilterNumber","skillFilterNumberInActive","buttonProps","width","content","bool","string","number","MyLearning","skills","selectedSkills","skillsInformation","skillsLocales","learnerFeature","isLoading","onSkillFocusConfirm","onReviewSkill","onExploreSkill","learningPriorities","open","setOpen","useState","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","_sortBy2","skillRef","_getOr2","activeFilter","setActiveFilter","skillsReviewReady","useMemo","skill","availableForReview","graphDatas","_pipe2","_map2","toFixed","_fromPairs2","graphLegends","filters","all","review","sumKpi","kpi","skillFocusSelectedOnChartScore","_sumBy2","stats","coursedCompletedData","questionsToReviewData","learningTimeData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","value","legend","iconName","formatMinutes","skillsScore","handleOnDotClick","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","searchValueIncluded","handleSearchReset","ReviewTooltipContent","backgroundContainer","_isEmpty2","cards","cardsListContainer","type","subtitle","iconColor","borderRadius","tag","_size2","container","isOpen","onCancel","onConfirm","onClose","skillFocusContainer","skillFocusHeader","skillFocusHeaderWrapper","skillFocusHeaderIcon","faSize","wrapperSize","skillFocusHeaderContent","skillFocusHeaderTitle","skillFocusHeaderDescription","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","_keys2","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","CardsList","_default","exports"],"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":[]}
+{"version":3,"file":"index.js","names":["ChangeSkillFocusButton","props","context","onClick","skin","translate","primarySkinColor","backgroundColor","convert","color","transition","position","faIcon","name","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","func","FilterButton","active","filter","skillTotal","Content","useCallback","style","skillFilterNumber","skillFilterNumberInActive","buttonProps","customStyle","width","content","bool","string","number","MyLearning","skills","selectedSkills","skillsInformation","skillsLocales","learnerFeature","isLoading","onSkillFocusConfirm","onReviewSkill","onExploreSkill","learningPriorities","open","setOpen","useState","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","skillRef","activeFilter","setActiveFilter","skillsReviewReady","useMemo","skill","availableForReview","graphDatas","toFixed","graphLegends","filters","all","review","sumKpi","kpi","skillFocusSelectedOnChartScore","stats","coursedCompletedData","questionsToReviewData","learningTimeData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","value","legend","icon","iconName","formatMinutes","skillsScore","handleOnDotClick","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","searchValueIncluded","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","CardsList"],"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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"}