@coorpacademy/components 11.14.3 → 11.14.5

package/es/molecule/discipline-header/style.css

@@ -31,8 +31,9 @@
 }
 
 .courseWrapper {
-  display: inline-block;
+  display: flex;
   vertical-align: top;
+  flex-direction: column;
   padding-left: 30px;
 }
 
@@ -69,13 +70,12 @@
 }
 
 .lastUpdatedWrapperShort {
- height: 31px;
- align-items: flex-end; 
+ margin-top: auto;
 }
 
 .lastUpdatedWrapper {
   display: flex;
-  margin-top: 8px;
+  padding-top: 6px;
 }
 
 .lastUpdatedText {
@@ -100,11 +100,11 @@
   font-size: 14px;
   transition: all time ease-in-out;
   cursor: pointer;
-  order: 1;
   font-family: Gilroy;
   font-weight: bold;
   text-align: left;
   color: brand;
+  padding-top: 2px;
 }
 
 .showMore:hover {

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"names":[],"mappings":";AA+IA,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,OAAO,UAAW,KAAK,uBA0D5B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"names":[],"mappings":";AA0KA,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,OAAO,UAAW,KAAK,uBAqI5B,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1,7 +1,8 @@
-import React, { useEffect, useState } from 'react';
-import { StyleSheet, Text, View } from 'react-native';
+import React, { useEffect, useRef, useState } from 'react';
+import { Animated, StyleSheet, Text, View } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
 import { NovaCompositionCoorpacademyLogoCoorp as LogoCoorp, NovaCompositionCoorpacademyQrCode as QrCodeIcon, NovaCompositionCoorpacademyEmail as MailIcon } from '@coorpacademy/nova-icons';
+import { useAnimateProp, useTranslateY } from '@coorpacademy/react-native-animation';
 import Touchable from '../../../hoc/touchable/index.native';
 import { useTemplateContext } from '../../app-review/template-context';
 
@@ -20,12 +21,20 @@ const createStyleSheet = theme => StyleSheet.create({
     width: '100%',
     alignItems: 'flex-start'
   },
+  gradients: {
+    position: 'absolute',
+    top: 400,
+    bottom: 400,
+    left: 0,
+    right: 0,
+    flex: 1
+  },
   gradient: {
     position: 'absolute',
-    top: -100,
+    top: -730,
     bottom: 0,
-    left: -180,
-    right: 0,
+    left: -380,
+    right: -380,
     opacity: 1,
     transform: [{
       rotate: '35deg'
@@ -33,18 +42,32 @@ const createStyleSheet = theme => StyleSheet.create({
   },
   gradient2: {
     position: 'absolute',
-    top: -80,
-    bottom: 0,
-    left: 0,
-    right: -200,
-    opacity: 0.5,
+    top: -630,
+    bottom: -200,
+    left: -300,
+    right: -400,
+    opacity: 0.6,
     transform: [{
       rotate: '-35deg'
     }]
   },
+  animatedLogoWrapper: {
+    alignItems: 'center'
+  },
+  animatedLogo: {
+    position: 'absolute',
+    width: 77,
+    height: 100
+  },
   logo: {
     padding: 100
   },
+  logoBG: {
+    backgroundColor: '#fff',
+    top: 20,
+    width: 60,
+    height: 60
+  },
   title: {
     fontWeight: '600',
     fontSize: 28,
@@ -129,36 +152,102 @@ const Welcome = props => {
     theme
   } = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
+  const translateGradients = useTranslateY({
+    fromValue: 0,
+    toValue: -200,
+    duration: 300,
+    delay: 750
+  });
+  const translateContent = useTranslateY({
+    fromValue: 170,
+    toValue: 0,
+    duration: 450,
+    delay: 750
+  });
+  const fadeInContent = useAnimateProp({
+    property: 'opacity',
+    fromValue: 0,
+    toValue: 1,
+    duration: 650,
+    delay: 750
+  });
+  const fadeOutStartLogo = useAnimateProp({
+    property: 'opacity',
+    fromValue: 1,
+    toValue: 0,
+    duration: 450,
+    delay: 1000
+  });
+  const fadeInFinalLogo = useAnimateProp({
+    property: 'opacity',
+    fromValue: 0,
+    toValue: 1,
+    duration: 250,
+    delay: 900
+  });
+  const scaleAnim = useRef(new Animated.Value(0)).current;
+  const interpolateScale = scaleAnim.interpolate({
+    inputRange: [0, 0.4, 0.5, 0.6, 1],
+    outputRange: [1, 1.7, 1.7, 1.7, 1]
+  });
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
 
     setStylesheet(_stylesheet);
   }, [theme]);
+  useEffect(() => {
+    fadeInContent.start();
+    fadeInFinalLogo.start();
+    fadeOutStartLogo.start();
+    translateContent.start();
+    translateGradients.start();
+    const animatedScale = Animated.timing(scaleAnim, {
+      toValue: 1,
+      duration: 1000,
+      useNativeDriver: true
+    });
+    animatedScale.start(); // on mount only
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   if (!styleSheet) {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(View, {
-    style: styleSheet.wrapper,
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styleSheet.wrapper, translateContent.animatedStyle],
     testID: "welcome"
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styleSheet.gradients, translateGradients.animatedStyle]
   }, /*#__PURE__*/React.createElement(LinearGradient, {
     colors: ['#0061FF', '#fff'],
-    locations: [0, 0.3],
+    locations: [0, 0.95],
     style: styleSheet.gradient
   }), /*#__PURE__*/React.createElement(LinearGradient, {
     colors: ['#2199AB', '#fff'],
-    locations: [0, 0.3],
+    locations: [0, 0.95],
     style: styleSheet.gradient2
-  }), /*#__PURE__*/React.createElement(Touchable, {
+  })), /*#__PURE__*/React.createElement(Touchable, {
     onLongPress: onDemoPress,
     style: styleSheet.logo
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styleSheet.animatedLogoWrapper, {
+      transform: [{
+        scale: interpolateScale
+      }]
+    }]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styleSheet.logoBG, fadeInFinalLogo.animatedStyle]
+  }), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styleSheet.animatedLogo, fadeInFinalLogo.animatedStyle]
   }, /*#__PURE__*/React.createElement(LogoCoorp, {
-    fill: theme.colors.cta,
-    width: 77,
-    height: 75
-  })), /*#__PURE__*/React.createElement(View, {
-    style: styleSheet.content
+    fill: "#0061FF"
+  })), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styleSheet.animatedLogo, fadeOutStartLogo.animatedStyle]
+  }, /*#__PURE__*/React.createElement(LogoCoorp, {
+    fill: "#fff"
+  })))), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styleSheet.content, fadeInContent.animatedStyle]
   }, /*#__PURE__*/React.createElement(Text, {
     style: styleSheet.title
   }, locales.title), /*#__PURE__*/React.createElement(Text, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","StyleSheet","Text","View","LinearGradient","NovaCompositionCoorpacademyLogoCoorp","LogoCoorp","NovaCompositionCoorpacademyQrCode","QrCodeIcon","NovaCompositionCoorpacademyEmail","MailIcon","Touchable","useTemplateContext","createStyleSheet","theme","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","content","width","gradient","position","opacity","transform","rotate","gradient2","logo","padding","title","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQRCode","backgroundColor","colors","cta","ctaQRCodeText","marginLeft","color","qrCodeIcon","fill","height","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onDesktopButtonPress","onHelpPress","onMobileButtonPress","styleSheet","setStylesheet","_stylesheet"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, 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 Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  logo: ViewStyle;\n  content: 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    gradient: {\n      position: 'absolute',\n      top: -100,\n      bottom: 0,\n      left: -180,\n      right: 0,\n      opacity: 1,\n      transform: [{rotate: '35deg'}]\n    },\n    gradient2: {\n      position: 'absolute',\n      top: -80,\n      bottom: 0,\n      left: 0,\n      right: -200,\n      opacity: 0.5,\n      transform: [{rotate: '-35deg'}]\n    },\n    logo: {\n      padding: 100\n    },\n    title: {\n      fontWeight: '600',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      fontSize: 18,\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  onDesktopButtonPress: () => void;\n  onHelpPress: () => void;\n  onMobileButtonPress: () => 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, onDesktopButtonPress, onHelpPress, onMobileButtonPress} = props;\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.wrapper} testID=\"welcome\">\n      <LinearGradient\n        colors={['#0061FF', '#fff']}\n        locations={[0, 0.3]}\n        style={styleSheet.gradient}\n      />\n      <LinearGradient\n        colors={['#2199AB', '#fff']}\n        locations={[0, 0.3]}\n        style={styleSheet.gradient2}\n      />\n      <Touchable onLongPress={onDemoPress} style={styleSheet.logo}>\n        <LogoCoorp fill={theme.colors.cta} width={77} height={75} />\n      </Touchable>\n      <View style={styleSheet.content}>\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={onDesktopButtonPress}\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={onMobileButtonPress}\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      </View>\n    </View>\n  );\n};\n\nexport default Welcome;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useRef","useState","Animated","StyleSheet","Text","View","LinearGradient","NovaCompositionCoorpacademyLogoCoorp","LogoCoorp","NovaCompositionCoorpacademyQrCode","QrCodeIcon","NovaCompositionCoorpacademyEmail","MailIcon","useAnimateProp","useTranslateY","Touchable","useTemplateContext","createStyleSheet","theme","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","content","width","gradients","position","gradient","opacity","transform","rotate","gradient2","animatedLogoWrapper","animatedLogo","height","logo","padding","logoBG","backgroundColor","title","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQRCode","colors","cta","ctaQRCodeText","marginLeft","color","qrCodeIcon","fill","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onDesktopButtonPress","onHelpPress","onMobileButtonPress","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","translateContent","fadeInContent","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","Value","current","interpolateScale","interpolate","inputRange","outputRange","_stylesheet","start","animatedScale","timing","useNativeDriver","animatedStyle","scale"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, Text, 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';\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      fontWeight: '600',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      fontSize: 18,\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  onDesktopButtonPress: () => void;\n  onHelpPress: () => void;\n  onMobileButtonPress: () => 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, onDesktopButtonPress, onHelpPress, onMobileButtonPress} = 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={['#0061FF', '#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={onDesktopButtonPress}\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={onMobileButtonPress}\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/molecule/discipline-header/style.css

@@ -31,8 +31,9 @@
 }
 
 .courseWrapper {
-  display: inline-block;
+  display: flex;
   vertical-align: top;
+  flex-direction: column;
   padding-left: 30px;
 }
 
@@ -69,13 +70,12 @@
 }
 
 .lastUpdatedWrapperShort {
- height: 31px;
- align-items: flex-end; 
+ margin-top: auto;
 }
 
 .lastUpdatedWrapper {
   display: flex;
-  margin-top: 8px;
+  padding-top: 6px;
 }
 
 .lastUpdatedText {
@@ -100,11 +100,11 @@
   font-size: 14px;
   transition: all time ease-in-out;
   cursor: pointer;
-  order: 1;
   font-family: Gilroy;
   font-weight: bold;
   text-align: left;
   color: brand;
+  padding-top: 2px;
 }
 
 .showMore:hover {

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"names":[],"mappings":";AA+IA,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,OAAO,UAAW,KAAK,uBA0D5B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"names":[],"mappings":";AA0KA,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,OAAO,UAAW,KAAK,uBAqI5B,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -11,6 +11,8 @@ var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-li
 
 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");
@@ -36,12 +38,20 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     width: '100%',
     alignItems: 'flex-start'
   },
+  gradients: {
+    position: 'absolute',
+    top: 400,
+    bottom: 400,
+    left: 0,
+    right: 0,
+    flex: 1
+  },
   gradient: {
     position: 'absolute',
-    top: -100,
+    top: -730,
     bottom: 0,
-    left: -180,
-    right: 0,
+    left: -380,
+    right: -380,
     opacity: 1,
     transform: [{
       rotate: '35deg'
@@ -49,18 +59,32 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
   },
   gradient2: {
     position: 'absolute',
-    top: -80,
-    bottom: 0,
-    left: 0,
-    right: -200,
-    opacity: 0.5,
+    top: -630,
+    bottom: -200,
+    left: -300,
+    right: -400,
+    opacity: 0.6,
     transform: [{
       rotate: '-35deg'
     }]
   },
+  animatedLogoWrapper: {
+    alignItems: 'center'
+  },
+  animatedLogo: {
+    position: 'absolute',
+    width: 77,
+    height: 100
+  },
   logo: {
     padding: 100
   },
+  logoBG: {
+    backgroundColor: '#fff',
+    top: 20,
+    width: 60,
+    height: 60
+  },
   title: {
     fontWeight: '600',
     fontSize: 28,
@@ -145,36 +169,104 @@ const Welcome = props => {
     theme
   } = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  const translateGradients = (0, _reactNativeAnimation.useTranslateY)({
+    fromValue: 0,
+    toValue: -200,
+    duration: 300,
+    delay: 750
+  });
+  const translateContent = (0, _reactNativeAnimation.useTranslateY)({
+    fromValue: 170,
+    toValue: 0,
+    duration: 450,
+    delay: 750
+  });
+  const fadeInContent = (0, _reactNativeAnimation.useAnimateProp)({
+    property: 'opacity',
+    fromValue: 0,
+    toValue: 1,
+    duration: 650,
+    delay: 750
+  });
+  const fadeOutStartLogo = (0, _reactNativeAnimation.useAnimateProp)({
+    property: 'opacity',
+    fromValue: 1,
+    toValue: 0,
+    duration: 450,
+    delay: 1000
+  });
+  const fadeInFinalLogo = (0, _reactNativeAnimation.useAnimateProp)({
+    property: 'opacity',
+    fromValue: 0,
+    toValue: 1,
+    duration: 250,
+    delay: 900
+  });
+  const scaleAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const interpolateScale = scaleAnim.interpolate({
+    inputRange: [0, 0.4, 0.5, 0.6, 1],
+    outputRange: [1, 1.7, 1.7, 1.7, 1]
+  });
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
 
     setStylesheet(_stylesheet);
   }, [theme]);
+  (0, _react.useEffect)(() => {
+    fadeInContent.start();
+    fadeInFinalLogo.start();
+    fadeOutStartLogo.start();
+    translateContent.start();
+    translateGradients.start();
+
+    const animatedScale = _reactNative.Animated.timing(scaleAnim, {
+      toValue: 1,
+      duration: 1000,
+      useNativeDriver: true
+    });
+
+    animatedScale.start(); // on mount only
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   if (!styleSheet) {
     return null;
   }
 
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styleSheet.wrapper,
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styleSheet.wrapper, translateContent.animatedStyle],
     testID: "welcome"
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styleSheet.gradients, translateGradients.animatedStyle]
   }, /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
     colors: ['#0061FF', '#fff'],
-    locations: [0, 0.3],
+    locations: [0, 0.95],
     style: styleSheet.gradient
   }), /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
     colors: ['#2199AB', '#fff'],
-    locations: [0, 0.3],
+    locations: [0, 0.95],
     style: styleSheet.gradient2
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+  })), /*#__PURE__*/_react.default.createElement(_index.default, {
     onLongPress: onDemoPress,
     style: styleSheet.logo
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styleSheet.animatedLogoWrapper, {
+      transform: [{
+        scale: interpolateScale
+      }]
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styleSheet.logoBG, fadeInFinalLogo.animatedStyle]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styleSheet.animatedLogo, fadeInFinalLogo.animatedStyle]
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLogoCoorp, {
-    fill: theme.colors.cta,
-    width: 77,
-    height: 75
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styleSheet.content
+    fill: "#0061FF"
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styleSheet.animatedLogo, fadeOutStartLogo.animatedStyle]
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLogoCoorp, {
+    fill: "#fff"
+  })))), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styleSheet.content, fadeInContent.animatedStyle]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styleSheet.title
   }, locales.title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","content","width","gradient","position","opacity","transform","rotate","gradient2","logo","padding","title","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQRCode","backgroundColor","colors","cta","ctaQRCodeText","marginLeft","color","qrCodeIcon","fill","height","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onDesktopButtonPress","onHelpPress","onMobileButtonPress","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, 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 Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  logo: ViewStyle;\n  content: 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    gradient: {\n      position: 'absolute',\n      top: -100,\n      bottom: 0,\n      left: -180,\n      right: 0,\n      opacity: 1,\n      transform: [{rotate: '35deg'}]\n    },\n    gradient2: {\n      position: 'absolute',\n      top: -80,\n      bottom: 0,\n      left: 0,\n      right: -200,\n      opacity: 0.5,\n      transform: [{rotate: '-35deg'}]\n    },\n    logo: {\n      padding: 100\n    },\n    title: {\n      fontWeight: '600',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      fontSize: 18,\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  onDesktopButtonPress: () => void;\n  onHelpPress: () => void;\n  onMobileButtonPress: () => 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, onDesktopButtonPress, onHelpPress, onMobileButtonPress} = props;\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.wrapper} testID=\"welcome\">\n      <LinearGradient\n        colors={['#0061FF', '#fff']}\n        locations={[0, 0.3]}\n        style={styleSheet.gradient}\n      />\n      <LinearGradient\n        colors={['#2199AB', '#fff']}\n        locations={[0, 0.3]}\n        style={styleSheet.gradient2}\n      />\n      <Touchable onLongPress={onDemoPress} style={styleSheet.logo}>\n        <LogoCoorp fill={theme.colors.cta} width={77} height={75} />\n      </Touchable>\n      <View style={styleSheet.content}>\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={onDesktopButtonPress}\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={onMobileButtonPress}\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      </View>\n    </View>\n  );\n};\n\nexport default Welcome;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["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","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQRCode","colors","cta","ctaQRCodeText","marginLeft","color","qrCodeIcon","fill","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onDesktopButtonPress","onHelpPress","onMobileButtonPress","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, Text, 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';\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      fontWeight: '600',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      fontSize: 18,\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  onDesktopButtonPress: () => void;\n  onHelpPress: () => void;\n  onMobileButtonPress: () => 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, onDesktopButtonPress, onHelpPress, onMobileButtonPress} = 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={['#0061FF', '#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={onDesktopButtonPress}\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={onMobileButtonPress}\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/locales/.mtslconfig.json

@@ -0,0 +1 @@
+{"ignore_dirs":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.14.3",
+  "version": "11.14.5",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -56,7 +56,7 @@
     "Soualmi Djamel <djamel.soualmi@coorpacademy.com>"
   ],
   "dependencies": {
-    "@coorpacademy/nova-icons": "4.2.1",
+    "@coorpacademy/nova-icons": "4.2.2",
     "@coorpacademy/react-native-animation": "1.0.3",
     "@jwplayer/jwplayer-react": "^1.1.0",
     "@types/react": "^17.0.50",
@@ -166,5 +166,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "905386ccdcaef73129a29416aed7364f6dc02c8a"
+  "gitHead": "93e43b87969bd5ccb28ab75f4014e439dcbadc11"
 }