npm - @coorpacademy/components - Versions diffs - 11.14.4 → 11.14.6 - Mend

@coorpacademy/components 11.14.4 → 11.14.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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":";;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;;;;;;;AA6BA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,OAAO,EAAE;IACPC,GAAG,EAAE,CADE;IAEPC,MAAM,EAAE,CAFD;IAGPC,IAAI,EAAE,CAHC;IAIPC,KAAK,EAAE,CAJA;IAKPC,IAAI,EAAE,CALC;IAMPC,cAAc,EAAE,cANT;IAOPC,UAAU,EAAE,QAPL;IAQPC,iBAAiB,EAAE;EARZ,CADO;EAWhBC,OAAO,EAAE;IACPC,KAAK,EAAE,MADA;IAEPH,UAAU,EAAE;EAFL,CAXO;EAehBI,SAAS,EAAE;IACTC,QAAQ,EAAE,UADD;IAETX,GAAG,EAAE,GAFI;IAGTC,MAAM,EAAE,GAHC;IAITC,IAAI,EAAE,CAJG;IAKTC,KAAK,EAAE,CALE;IAMTC,IAAI,EAAE;EANG,CAfK;EAuBhBQ,QAAQ,EAAE;IACRD,QAAQ,EAAE,UADF;IAERX,GAAG,EAAE,CAAC,GAFE;IAGRC,MAAM,EAAE,CAHA;IAIRC,IAAI,EAAE,CAAC,GAJC;IAKRC,KAAK,EAAE,CAAC,GALA;IAMRU,OAAO,EAAE,CAND;IAORC,SAAS,EAAE,CAAC;MAACC,MAAM,EAAE;IAAT,CAAD;EAPH,CAvBM;EAgChBC,SAAS,EAAE;IACTL,QAAQ,EAAE,UADD;IAETX,GAAG,EAAE,CAAC,GAFG;IAGTC,MAAM,EAAE,CAAC,GAHA;IAITC,IAAI,EAAE,CAAC,GAJE;IAKTC,KAAK,EAAE,CAAC,GALC;IAMTU,OAAO,EAAE,GANA;IAOTC,SAAS,EAAE,CAAC;MAACC,MAAM,EAAE;IAAT,CAAD;EAPF,CAhCK;EAyChBE,mBAAmB,EAAE;IACnBX,UAAU,EAAE;EADO,CAzCL;EA4ChBY,YAAY,EAAE;IACZP,QAAQ,EAAE,UADE;IAEZF,KAAK,EAAE,EAFK;IAGZU,MAAM,EAAE;EAHI,CA5CE;EAiDhBC,IAAI,EAAE;IACJC,OAAO,EAAE;EADL,CAjDU;EAoDhBC,MAAM,EAAE;IACNC,eAAe,EAAE,MADX;IAENvB,GAAG,EAAE,EAFC;IAGNS,KAAK,EAAE,EAHD;IAINU,MAAM,EAAE;EAJF,CApDQ;EA0DhBK,KAAK,EAAE;IACLC,UAAU,EAAE,KADP;IAELC,QAAQ,EAAE,EAFL;IAGLC,UAAU,EAAE,EAHP;IAILC,eAAe,EAAE;EAJZ,CA1DS;EAgEhBC,WAAW,EAAE;IACXH,QAAQ,EAAE,EADC;IAEXC,UAAU,EAAE,EAFD;IAGXC,eAAe,EAAE;EAHN,CAhEG;EAqEhBE,OAAO,EAAE;IACPrB,KAAK,EAAE;EADA,CArEO;EAwEhBsB,OAAO,EAAE;IACPH,eAAe,EAAE,EADV;IAEPtB,UAAU,EAAE;EAFL,CAxEO;EA4EhB0B,MAAM,EAAE;IACNJ,eAAe,EAAE,EADX;IAENK,cAAc,EAAE,CAFV;IAGNxB,KAAK,EAAE,MAHD;IAINyB,aAAa,EAAE,KAJT;IAKN7B,cAAc,EAAE,QALV;IAMN8B,YAAY,EAAE,EANR;IAON7B,UAAU,EAAE,QAPN;IAQN8B,QAAQ,EAAE;EARJ,CA5EQ;EAsFhBC,SAAS,EAAE;IACTd,eAAe,EAAE3B,KAAK,CAAC0C,MAAN,CAAaC;EADrB,CAtFK;EAyFhBC,aAAa,EAAE;IACbC,UAAU,EAAE,CADC;IAEbC,KAAK,EAAE,MAFM;IAGbjB,UAAU,EAAE,KAHC;IAIbC,QAAQ,EAAE,EAJG;IAKbC,UAAU,EAAE;EALC,CAzFC;EAgGhBgB,UAAU,EAAE;IACVC,IAAI,EAAE,MADI;IAEVzB,MAAM,EAAE,EAFE;IAGVV,KAAK,EAAE;EAHG,CAhGI;EAqGhBoC,cAAc,EAAE;IACdtB,eAAe,EAAE;EADH,CArGA;EAwGhBuB,kBAAkB,EAAE;IAClBL,UAAU,EAAE,CADM;IAElBC,KAAK,EAAE,SAFW;IAGlBjB,UAAU,EAAE,KAHM;IAIlBC,QAAQ,EAAE,EAJQ;IAKlBC,UAAU,EAAE;EALM,CAxGJ;EA+GhBoB,QAAQ,EAAE;IACRH,IAAI,EAAE,SADE;IAERzB,MAAM,EAAE,EAFA;IAGRV,KAAK,EAAE;EAHC,CA/GM;EAoHhBuC,IAAI,EAAE;IACJd,aAAa,EAAE,KADX;IAEJ7B,cAAc,EAAE;EAFZ,CApHU;EAwHhB4C,SAAS,EAAE;IACTP,KAAK,EAAE;EADE,CAxHK;EA2HhBQ,OAAO,EAAE;IACPT,UAAU,EAAE,CADL;IAEPU,kBAAkB,EAAE,WAFb;IAGPT,KAAK,EAAE;EAHA;AA3HO,CAAlB,CADF;;AAkJA,MAAMU,OAAO,GAAIC,KAAD,IAAkB;EAChC,MAAM;IAACC,OAAD;IAAUC,WAAV;IAAuBC,oBAAvB;IAA6CC,WAA7C;IAA0DC;EAA1D,IAAiFL,KAAvF;EACA,MAAM;IAACzD;EAAD,IAAU,IAAA+D,mCAAA,GAAhB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EAEA,MAAMC,kBAAkB,GAAG,IAAAC,mCAAA,EAAc;IACvCC,SAAS,EAAE,CAD4B;IAEvCC,OAAO,EAAE,CAAC,GAF6B;IAGvCC,QAAQ,EAAE,GAH6B;IAIvCC,KAAK,EAAE;EAJgC,CAAd,CAA3B;EAOA,MAAMC,gBAAgB,GAAG,IAAAL,mCAAA,EAAc;IACrCC,SAAS,EAAE,GAD0B;IAErCC,OAAO,EAAE,CAF4B;IAGrCC,QAAQ,EAAE,GAH2B;IAIrCC,KAAK,EAAE;EAJ8B,CAAd,CAAzB;EAOA,MAAME,aAAa,GAAG,IAAAC,oCAAA,EAAe;IACnCC,QAAQ,EAAE,SADyB;IAEnCP,SAAS,EAAE,CAFwB;IAGnCC,OAAO,EAAE,CAH0B;IAInCC,QAAQ,EAAE,GAJyB;IAKnCC,KAAK,EAAE;EAL4B,CAAf,CAAtB;EAQA,MAAMK,gBAAgB,GAAG,IAAAF,oCAAA,EAAe;IACtCC,QAAQ,EAAE,SAD4B;IAEtCP,SAAS,EAAE,CAF2B;IAGtCC,OAAO,EAAE,CAH6B;IAItCC,QAAQ,EAAE,GAJ4B;IAKtCC,KAAK,EAAE;EAL+B,CAAf,CAAzB;EAQA,MAAMM,eAAe,GAAG,IAAAH,oCAAA,EAAe;IACrCC,QAAQ,EAAE,SAD2B;IAErCP,SAAS,EAAE,CAF0B;IAGrCC,OAAO,EAAE,CAH4B;IAIrCC,QAAQ,EAAE,GAJ2B;IAKrCC,KAAK,EAAE;EAL8B,CAAf,CAAxB;EAQA,MAAMO,SAAS,GAAG,IAAAC,aAAA,EAAuB,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAAvB,EAA8CC,OAAhE;EACA,MAAMC,gBAAgB,GAAGL,SAAS,CAACM,WAAV,CAAsB;IAC7CC,UAAU,EAAE,CAAC,CAAD,EAAI,GAAJ,EAAS,GAAT,EAAc,GAAd,EAAmB,CAAnB,CADiC;IAE7CC,WAAW,EAAE,CAAC,CAAD,EAAI,GAAJ,EAAS,GAAT,EAAc,GAAd,EAAmB,CAAnB;EAFgC,CAAtB,CAAzB;EAKA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG1F,gBAAgB,CAACC,KAAD,CAApC;;IACAiE,aAAa,CAACwB,WAAD,CAAb;EACD,CAHD,EAGG,CAACzF,KAAD,CAHH;EAKA,IAAAwF,gBAAA,EAAU,MAAM;IACdd,aAAa,CAACgB,KAAd;IACAZ,eAAe,CAACY,KAAhB;IACAb,gBAAgB,CAACa,KAAjB;IACAjB,gBAAgB,CAACiB,KAAjB;IACAvB,kBAAkB,CAACuB,KAAnB;;IAEA,MAAMC,aAAa,GAAGV,qBAAA,CAASW,MAAT,CAAgBb,SAAhB,EAA2B;MAC/CT,OAAO,EAAE,CADsC;MAE/CC,QAAQ,EAAE,IAFqC;MAG/CsB,eAAe,EAAE;IAH8B,CAA3B,CAAtB;;IAMAF,aAAa,CAACD,KAAd,GAbc,CAed;IACA;EACD,CAjBD,EAiBG,EAjBH;;EAmBA,IAAI,CAAC1B,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EACD,oBACE,6BAAC,qBAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAACA,UAAU,CAAC7D,OAAZ,EAAqBsE,gBAAgB,CAACqB,aAAtC,CAAtB;IAA4E,MAAM,EAAC;EAAnF,gBACE,6BAAC,qBAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAAC9B,UAAU,CAAClD,SAAZ,EAAuBqD,kBAAkB,CAAC2B,aAA1C;EAAtB,gBACE,6BAAC,kCAAD;IACE,MAAM,EAAE,CAAC,SAAD,EAAY,MAAZ,CADV;IAEE,SAAS,EAAE,CAAC,CAAD,EAAI,IAAJ,CAFb;IAGE,KAAK,EAAE9B,UAAU,CAAChD;EAHpB,EADF,eAME,6BAAC,kCAAD;IACE,MAAM,EAAE,CAAC,SAAD,EAAY,MAAZ,CADV;IAEE,SAAS,EAAE,CAAC,CAAD,EAAI,IAAJ,CAFb;IAGE,KAAK,EAAEgD,UAAU,CAAC5C;EAHpB,EANF,CADF,eAcE,6BAAC,cAAD;IAAW,WAAW,EAAEuC,WAAxB;IAAqC,KAAK,EAAEK,UAAU,CAACxC;EAAvD,gBACE,6BAAC,qBAAD,CAAU,IAAV;IACE,KAAK,EAAE,CAACwC,UAAU,CAAC3C,mBAAZ,EAAiC;MAACH,SAAS,EAAE,CAAC;QAAC6E,KAAK,EAAEX;MAAR,CAAD;IAAZ,CAAjC;EADT,gBAGE,6BAAC,qBAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAACpB,UAAU,CAACtC,MAAZ,EAAoBoD,eAAe,CAACgB,aAApC;EAAtB,EAHF,eAIE,6BAAC,qBAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAAC9B,UAAU,CAAC1C,YAAZ,EAA0BwD,eAAe,CAACgB,aAA1C;EAAtB,gBACE,6BAAC,+CAAD;IAAW,IAAI,EAAC;EAAhB,EADF,CAJF,eAOE,6BAAC,qBAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAAC9B,UAAU,CAAC1C,YAAZ,EAA0BuD,gBAAgB,CAACiB,aAA3C;EAAtB,gBACE,6BAAC,+CAAD;IAAW,IAAI,EAAC;EAAhB,EADF,CAPF,CADF,CAdF,eA2BE,6BAAC,qBAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAAC9B,UAAU,CAACpD,OAAZ,EAAqB8D,aAAa,CAACoB,aAAnC;EAAtB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE9B,UAAU,CAACpC;EAAxB,GAAgC8B,OAAO,CAAC9B,KAAxC,CADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAEoC,UAAU,CAAC/B;EAAxB,GAAsCyB,OAAO,CAACzB,WAA9C,CAFF,eAIE,6BAAC,iBAAD;IAAM,KAAK,EAAE+B,UAAU,CAAC9B;EAAxB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE8B,UAAU,CAAC7B;EAAxB,gBACE,6BAAC,cAAD;IACE,KAAK,EAAE,CAAC6B,UAAU,CAAC5B,MAAZ,EAAoB4B,UAAU,CAACvB,SAA/B,CADT;IAEE,OAAO,EAAEmB;EAFX,gBAIE,6BAAC,4CAAD;IAAY,KAAK,EAAEI,UAAU,CAACjB;EAA9B,EAJF,eAKE,6BAAC,iBAAD;IAAM,KAAK,EAAEiB,UAAU,CAACpB;EAAxB,GAAwCc,OAAO,CAACjB,SAAhD,CALF,CADF,eAQE,6BAAC,cAAD;IACE,KAAK,EAAE,CAACuB,UAAU,CAAC5B,MAAZ,EAAoB4B,UAAU,CAACf,cAA/B,CADT;IAEE,OAAO,EAAEa;EAFX,gBAIE,6BAAC,2CAAD;IAAU,KAAK,EAAEE,UAAU,CAACb;EAA5B,EAJF,eAKE,6BAAC,iBAAD;IAAM,KAAK,EAAEa,UAAU,CAACd;EAAxB,GAA6CQ,OAAO,CAACT,cAArD,CALF,CARF,CADF,eAiBE,6BAAC,cAAD;IAAW,OAAO,EAAEY,WAApB;IAAiC,KAAK,EAAEG,UAAU,CAACZ;EAAnD,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEY,UAAU,CAACX;EAAxB,GAAoCK,OAAO,CAACL,SAA5C,CADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAEW,UAAU,CAACV;EAAxB,GAAkCI,OAAO,CAACJ,OAA1C,CAFF,CAjBF,CAJF,CA3BF,CADF;AAyDD,CArID;;eAuIeE,O"}

package/locales/.mtslconfig.json ADDED Viewed

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.14.4",
+  "version": "11.14.6",
   "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",
@@ -148,9 +148,11 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-native": "^0.68.2",
+    "react-native-camera": "https://github.com/CoorpAcademy/react-native-camera#master",
     "react-native-jw-media-player": "^0.2.34",
     "react-native-linear-gradient": "^2.6.2",
     "react-native-modal": "11.5.6",
+    "react-native-qrcode-scanner": "^1.5.3",
     "react-native-render-html": "^6.3.4",
     "react-native-vimeo-iframe": "^1.2.0",
     "react-native-youtube": "^2.0.1",
@@ -166,5 +168,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "24387437a4745a82310ac099c9032bc44872897b"
+  "gitHead": "298364f952f3c2cfae797b66ba3b60a89f8dd9f5"
 }