@coorpacademy/components 11.14.10 → 11.14.12-alpha.0

package/es/template/mobile-login/qr-code-scanner/index.native.js

@@ -1,8 +1,9 @@
 import React, { useCallback, useEffect, useRef } from 'react';
-import { Animated, Easing, StyleSheet, Text, View } from 'react-native';
+import { Animated, Easing, StyleSheet, View } from 'react-native';
 import QRCodeScannerBase from 'react-native-qrcode-scanner';
 import { NovaCompositionCoorpacademyQrCode as QrCodeIcon } from '@coorpacademy/nova-icons';
 import Touchable from '../../../hoc/touchable/index.native';
+import Text from '../../../atom/text/index.native';
 const HEIGHT = 280;
 const WIDTH = 280;
 const COLOR = '#fff';
@@ -101,13 +102,13 @@ const explanationsStyle = StyleSheet.create({
   explanations: {
     position: 'absolute',
     width: '100%',
-    height: 260,
     bottom: 0,
     backgroundColor: '#fff',
     borderTopLeftRadius: 30,
     borderTopRightRadius: 30,
     paddingHorizontal: 24,
-    paddingVertical: 8
+    paddingTop: 8,
+    paddingBottom: 30
   },
   titleWrapper: {
     flexDirection: 'row',
@@ -124,9 +125,9 @@ const explanationsStyle = StyleSheet.create({
     fontWeight: '600',
     color: '#1D1D2B',
     fontSize: 21,
-    lineHeight: 30,
+    lineHeight: 24,
     letterSpacing: 0.5,
-    marginLeft: 5
+    marginLeft: 7
   },
   line: {
     flexDirection: 'row',

package/es/template/mobile-login/qr-code-scanner/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useRef","Animated","Easing","StyleSheet","Text","View","QRCodeScannerBase","NovaCompositionCoorpacademyQrCode","QrCodeIcon","Touchable","HEIGHT","WIDTH","COLOR","BORDER_RADIUS","LINE_WIDTH","styles","create","container","width","height","camera","blurs","position","opacity","blurTop","backgroundColor","transform","translateY","blurBottom","bottom","blurLeft","left","top","translateX","blurRight","right","targetStyle","target","borderRadius","overflow","square","stroke","explanationsStyle","explanations","borderTopLeftRadius","borderTopRightRadius","paddingHorizontal","paddingVertical","titleWrapper","flexDirection","alignItems","justifyContent","qrCodeIcon","fill","titleText","fontWeight","color","fontSize","lineHeight","letterSpacing","marginLeft","line","paddingRight","lineText","marginRight","help","marginTop","titleHelp","ctaHelp","textDecorationLine","Corner","props","lineLength","Target","animationRef","Value","current","interpolate","inputRange","outputRange","animation","timing","toValue","duration","delay","easing","out","sin","useNativeDriver","start","rotate","Explanations","locales","onHelpPress","animateBottom","title","explanation1","explanation2","QRCodeScanner","hasPermission","onScan","handleRead","data","undefined","blurRef","blurOpacity","captureAudio"],"sources":["../../../../src/template/mobile-login/qr-code-scanner/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useRef} from 'react';\nimport {Animated, Easing, StyleSheet, Text, View, ViewStyle} from 'react-native';\n\nimport QRCodeScannerBase from 'react-native-qrcode-scanner';\nimport type {BarCodeReadEvent} from 'react-native-camera';\nimport {NovaCompositionCoorpacademyQrCode as QrCodeIcon} from '@coorpacademy/nova-icons';\nimport Touchable from '../../../hoc/touchable/index.native';\n\nexport interface Props {\n  hasPermission: boolean;\n  onScan: (token?: string) => void;\n  onHelpPress: () => void;\n  locales: {\n    title: string;\n    explanation1: string;\n    explanation2: string;\n    ctaHelp: string;\n    titleHelp: string;\n  };\n}\n\nconst HEIGHT = 280;\nconst WIDTH = 280;\nconst COLOR = '#fff';\nconst BORDER_RADIUS = 8;\n\nconst LINE_WIDTH = 7;\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    height: '100%'\n  },\n  camera: {\n    width: '100%',\n    height: '100%'\n  },\n  blurs: {\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    opacity: 0.6\n  },\n  blurTop: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '100%',\n    height: '35%',\n    transform: [{translateY: -HEIGHT / 2 + LINE_WIDTH / 2}]\n  },\n  blurBottom: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '100%',\n    height: '65%',\n    bottom: 0,\n    transform: [{translateY: HEIGHT / 2 - LINE_WIDTH / 2}]\n  },\n  blurLeft: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '50%',\n    height: HEIGHT - LINE_WIDTH,\n    left: 0,\n    top: '35%',\n    transform: [\n      {translateX: -WIDTH / 2 + LINE_WIDTH / 2},\n      {translateY: -HEIGHT / 2 + LINE_WIDTH / 2}\n    ]\n  },\n  blurRight: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '50%',\n    height: HEIGHT - LINE_WIDTH,\n    right: 0,\n    top: '35%',\n    transform: [\n      {translateX: WIDTH / 2 - LINE_WIDTH / 2},\n      {translateY: -HEIGHT / 2 + LINE_WIDTH / 2}\n    ]\n  }\n});\n\nconst targetStyle = StyleSheet.create({\n  target: {\n    width: HEIGHT,\n    height: WIDTH,\n    top: '35%',\n    left: '50%',\n    transform: [{translateX: -WIDTH / 2}, {translateY: -HEIGHT / 2}],\n    borderRadius: BORDER_RADIUS,\n    position: 'absolute',\n    overflow: 'hidden'\n  },\n  square: {\n    position: 'absolute',\n    width: '35%',\n    height: '35%'\n  },\n  stroke: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    backgroundColor: COLOR,\n    borderRadius: BORDER_RADIUS\n  }\n});\n\nconst explanationsStyle = StyleSheet.create({\n  explanations: {\n    position: 'absolute',\n    width: '100%',\n    height: 260,\n    bottom: 0,\n    backgroundColor: '#fff',\n    borderTopLeftRadius: 30,\n    borderTopRightRadius: 30,\n    paddingHorizontal: 24,\n    paddingVertical: 8\n  },\n  titleWrapper: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    paddingVertical: 16\n  },\n  qrCodeIcon: {\n    fill: '#000',\n    height: 14,\n    width: 14\n  },\n  titleText: {\n    fontWeight: '600',\n    color: '#1D1D2B',\n    fontSize: 21,\n    lineHeight: 30,\n    letterSpacing: 0.5,\n    marginLeft: 5\n  },\n  line: {\n    flexDirection: 'row',\n    paddingRight: 24,\n    paddingVertical: 8\n  },\n  lineText: {\n    fontWeight: '400',\n    color: '#1D1D2B',\n    fontSize: 18,\n    lineHeight: 24,\n    letterSpacing: 0.5,\n    marginRight: 7\n  },\n  help: {\n    flexDirection: 'row',\n    marginTop: 12\n  },\n  titleHelp: {\n    fontSize: 16,\n    color: '#9999A8'\n  },\n  ctaHelp: {\n    marginLeft: 5,\n    fontSize: 16,\n    letterSpacing: 0.5,\n    textDecorationLine: 'underline',\n    color: '#9999A8'\n  }\n});\n\nconst Corner = (props: {position: ViewStyle; lineLength: Animated.AnimatedInterpolation}) => {\n  const {position, lineLength} = props;\n\n  return (\n    <View style={[targetStyle.square, position]}>\n      <Animated.View style={[targetStyle.stroke, {height: LINE_WIDTH, width: lineLength}]} />\n      <Animated.View style={[targetStyle.stroke, {width: LINE_WIDTH, height: lineLength}]} />\n    </View>\n  );\n};\n\nconst Target = () => {\n  const animationRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const lineLength = animationRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [0, WIDTH * 0.35]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(animationRef, {\n      toValue: 1,\n      duration: 700,\n      delay: 400,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <View style={targetStyle.target}>\n      <Corner lineLength={lineLength} position={{top: 0, left: 0, transform: [{rotate: '0deg'}]}} />\n      <Corner\n        lineLength={lineLength}\n        position={{top: 0, right: 0, transform: [{rotate: '90deg'}]}}\n      />\n      <Corner\n        lineLength={lineLength}\n        position={{bottom: 0, right: 0, transform: [{rotate: '180deg'}]}}\n      />\n      <Corner\n        lineLength={lineLength}\n        position={{bottom: 0, left: 0, transform: [{rotate: '270deg'}]}}\n      />\n    </View>\n  );\n};\n\nconst Explanations = (props: {locales: Props['locales']; onHelpPress: Props['onHelpPress']}) => {\n  const {locales, onHelpPress} = props;\n\n  const animationRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const animateBottom = animationRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [-300, 0]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(animationRef, {\n      toValue: 1,\n      duration: 600,\n      delay: 400,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Animated.View style={[explanationsStyle.explanations, {bottom: animateBottom}]}>\n      <View style={explanationsStyle.titleWrapper}>\n        <QrCodeIcon style={explanationsStyle.qrCodeIcon} />\n        <Text style={explanationsStyle.titleText}>{locales.title}</Text>\n      </View>\n      <View style={explanationsStyle.line}>\n        <Text style={explanationsStyle.lineText}>1.</Text>\n        <Text style={explanationsStyle.lineText}>{locales.explanation1}</Text>\n      </View>\n      <View style={explanationsStyle.line}>\n        <Text style={explanationsStyle.lineText}>2.</Text>\n        <Text style={explanationsStyle.lineText}>{locales.explanation2}</Text>\n      </View>\n\n      <Touchable onPress={onHelpPress} style={explanationsStyle.help}>\n        <Text style={explanationsStyle.titleHelp}>{locales.titleHelp}</Text>\n        <Text style={explanationsStyle.ctaHelp}>{locales.ctaHelp}</Text>\n      </Touchable>\n    </Animated.View>\n  );\n};\n\nconst QRCodeScanner = (props: Props) => {\n  const {hasPermission, locales, onScan, onHelpPress} = props;\n\n  const handleRead = useCallback(({data}: BarCodeReadEvent) => {\n    onScan(typeof data === 'string' ? data : undefined);\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const blurRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const blurOpacity = blurRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [0, 0.7]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(blurRef, {\n      toValue: 1,\n      duration: 800,\n      delay: 600,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <View style={styles.container} testID=\"qr-code-scanner\">\n      {hasPermission ? (\n        <QRCodeScannerBase\n          fadeIn={false}\n          onRead={handleRead}\n          cameraStyle={styles.camera}\n          cameraProps={{captureAudio: false}}\n        />\n      ) : null}\n      <Animated.View style={[styles.blurs, {opacity: blurOpacity}]}>\n        <View style={styles.blurTop} />\n        <View style={styles.blurBottom} />\n        <View style={styles.blurLeft} />\n        <View style={styles.blurRight} />\n      </Animated.View>\n      <Target />\n      <Explanations locales={locales} onHelpPress={onHelpPress} />\n    </View>\n  );\n};\n\nexport default QRCodeScanner;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useRef","Animated","Easing","StyleSheet","View","QRCodeScannerBase","NovaCompositionCoorpacademyQrCode","QrCodeIcon","Touchable","Text","HEIGHT","WIDTH","COLOR","BORDER_RADIUS","LINE_WIDTH","styles","create","container","width","height","camera","blurs","position","opacity","blurTop","backgroundColor","transform","translateY","blurBottom","bottom","blurLeft","left","top","translateX","blurRight","right","targetStyle","target","borderRadius","overflow","square","stroke","explanationsStyle","explanations","borderTopLeftRadius","borderTopRightRadius","paddingHorizontal","paddingTop","paddingBottom","titleWrapper","flexDirection","alignItems","justifyContent","paddingVertical","qrCodeIcon","fill","titleText","fontWeight","color","fontSize","lineHeight","letterSpacing","marginLeft","line","paddingRight","lineText","marginRight","help","marginTop","titleHelp","ctaHelp","textDecorationLine","Corner","props","lineLength","Target","animationRef","Value","current","interpolate","inputRange","outputRange","animation","timing","toValue","duration","delay","easing","out","sin","useNativeDriver","start","rotate","Explanations","locales","onHelpPress","animateBottom","title","explanation1","explanation2","QRCodeScanner","hasPermission","onScan","handleRead","data","undefined","blurRef","blurOpacity","captureAudio"],"sources":["../../../../src/template/mobile-login/qr-code-scanner/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useRef} from 'react';\nimport {Animated, Easing, StyleSheet, View, ViewStyle} from 'react-native';\n\nimport QRCodeScannerBase from 'react-native-qrcode-scanner';\nimport type {BarCodeReadEvent} from 'react-native-camera';\nimport {NovaCompositionCoorpacademyQrCode as QrCodeIcon} from '@coorpacademy/nova-icons';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport Text from '../../../atom/text/index.native';\n\nexport interface Props {\n  hasPermission: boolean;\n  onScan: (token?: string) => void;\n  onHelpPress: () => void;\n  locales: {\n    title: string;\n    explanation1: string;\n    explanation2: string;\n    ctaHelp: string;\n    titleHelp: string;\n  };\n}\n\nconst HEIGHT = 280;\nconst WIDTH = 280;\nconst COLOR = '#fff';\nconst BORDER_RADIUS = 8;\n\nconst LINE_WIDTH = 7;\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    height: '100%'\n  },\n  camera: {\n    width: '100%',\n    height: '100%'\n  },\n  blurs: {\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    opacity: 0.6\n  },\n  blurTop: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '100%',\n    height: '35%',\n    transform: [{translateY: -HEIGHT / 2 + LINE_WIDTH / 2}]\n  },\n  blurBottom: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '100%',\n    height: '65%',\n    bottom: 0,\n    transform: [{translateY: HEIGHT / 2 - LINE_WIDTH / 2}]\n  },\n  blurLeft: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '50%',\n    height: HEIGHT - LINE_WIDTH,\n    left: 0,\n    top: '35%',\n    transform: [\n      {translateX: -WIDTH / 2 + LINE_WIDTH / 2},\n      {translateY: -HEIGHT / 2 + LINE_WIDTH / 2}\n    ]\n  },\n  blurRight: {\n    position: 'absolute',\n    backgroundColor: '#000',\n    width: '50%',\n    height: HEIGHT - LINE_WIDTH,\n    right: 0,\n    top: '35%',\n    transform: [\n      {translateX: WIDTH / 2 - LINE_WIDTH / 2},\n      {translateY: -HEIGHT / 2 + LINE_WIDTH / 2}\n    ]\n  }\n});\n\nconst targetStyle = StyleSheet.create({\n  target: {\n    width: HEIGHT,\n    height: WIDTH,\n    top: '35%',\n    left: '50%',\n    transform: [{translateX: -WIDTH / 2}, {translateY: -HEIGHT / 2}],\n    borderRadius: BORDER_RADIUS,\n    position: 'absolute',\n    overflow: 'hidden'\n  },\n  square: {\n    position: 'absolute',\n    width: '35%',\n    height: '35%'\n  },\n  stroke: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    backgroundColor: COLOR,\n    borderRadius: BORDER_RADIUS\n  }\n});\n\nconst explanationsStyle = StyleSheet.create({\n  explanations: {\n    position: 'absolute',\n    width: '100%',\n    bottom: 0,\n    backgroundColor: '#fff',\n    borderTopLeftRadius: 30,\n    borderTopRightRadius: 30,\n    paddingHorizontal: 24,\n    paddingTop: 8,\n    paddingBottom: 30\n  },\n  titleWrapper: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    paddingVertical: 16\n  },\n  qrCodeIcon: {\n    fill: '#000',\n    height: 14,\n    width: 14\n  },\n  titleText: {\n    fontWeight: '600',\n    color: '#1D1D2B',\n    fontSize: 21,\n    lineHeight: 24,\n    letterSpacing: 0.5,\n    marginLeft: 7\n  },\n  line: {\n    flexDirection: 'row',\n    paddingRight: 24,\n    paddingVertical: 8\n  },\n  lineText: {\n    fontWeight: '400',\n    color: '#1D1D2B',\n    fontSize: 18,\n    lineHeight: 24,\n    letterSpacing: 0.5,\n    marginRight: 7\n  },\n  help: {\n    flexDirection: 'row',\n    marginTop: 12\n  },\n  titleHelp: {\n    fontSize: 16,\n    color: '#9999A8'\n  },\n  ctaHelp: {\n    marginLeft: 5,\n    fontSize: 16,\n    letterSpacing: 0.5,\n    textDecorationLine: 'underline',\n    color: '#9999A8'\n  }\n});\n\nconst Corner = (props: {position: ViewStyle; lineLength: Animated.AnimatedInterpolation}) => {\n  const {position, lineLength} = props;\n\n  return (\n    <View style={[targetStyle.square, position]}>\n      <Animated.View style={[targetStyle.stroke, {height: LINE_WIDTH, width: lineLength}]} />\n      <Animated.View style={[targetStyle.stroke, {width: LINE_WIDTH, height: lineLength}]} />\n    </View>\n  );\n};\n\nconst Target = () => {\n  const animationRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const lineLength = animationRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [0, WIDTH * 0.35]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(animationRef, {\n      toValue: 1,\n      duration: 700,\n      delay: 400,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <View style={targetStyle.target}>\n      <Corner lineLength={lineLength} position={{top: 0, left: 0, transform: [{rotate: '0deg'}]}} />\n      <Corner\n        lineLength={lineLength}\n        position={{top: 0, right: 0, transform: [{rotate: '90deg'}]}}\n      />\n      <Corner\n        lineLength={lineLength}\n        position={{bottom: 0, right: 0, transform: [{rotate: '180deg'}]}}\n      />\n      <Corner\n        lineLength={lineLength}\n        position={{bottom: 0, left: 0, transform: [{rotate: '270deg'}]}}\n      />\n    </View>\n  );\n};\n\nconst Explanations = (props: {locales: Props['locales']; onHelpPress: Props['onHelpPress']}) => {\n  const {locales, onHelpPress} = props;\n\n  const animationRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const animateBottom = animationRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [-300, 0]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(animationRef, {\n      toValue: 1,\n      duration: 600,\n      delay: 400,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Animated.View style={[explanationsStyle.explanations, {bottom: animateBottom}]}>\n      <View style={explanationsStyle.titleWrapper}>\n        <QrCodeIcon style={explanationsStyle.qrCodeIcon} />\n        <Text style={explanationsStyle.titleText}>{locales.title}</Text>\n      </View>\n      <View style={explanationsStyle.line}>\n        <Text style={explanationsStyle.lineText}>1.</Text>\n        <Text style={explanationsStyle.lineText}>{locales.explanation1}</Text>\n      </View>\n      <View style={explanationsStyle.line}>\n        <Text style={explanationsStyle.lineText}>2.</Text>\n        <Text style={explanationsStyle.lineText}>{locales.explanation2}</Text>\n      </View>\n\n      <Touchable onPress={onHelpPress} style={explanationsStyle.help}>\n        <Text style={explanationsStyle.titleHelp}>{locales.titleHelp}</Text>\n        <Text style={explanationsStyle.ctaHelp}>{locales.ctaHelp}</Text>\n      </Touchable>\n    </Animated.View>\n  );\n};\n\nconst QRCodeScanner = (props: Props) => {\n  const {hasPermission, locales, onScan, onHelpPress} = props;\n\n  const handleRead = useCallback(({data}: BarCodeReadEvent) => {\n    onScan(typeof data === 'string' ? data : undefined);\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const blurRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const blurOpacity = blurRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [0, 0.7]\n  });\n\n  useEffect(() => {\n    const animation = Animated.timing(blurRef, {\n      toValue: 1,\n      duration: 800,\n      delay: 600,\n      easing: Easing.out(Easing.sin),\n      useNativeDriver: false\n    });\n\n    animation.start();\n\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <View style={styles.container} testID=\"qr-code-scanner\">\n      {hasPermission ? (\n        <QRCodeScannerBase\n          fadeIn={false}\n          onRead={handleRead}\n          cameraStyle={styles.camera}\n          cameraProps={{captureAudio: false}}\n        />\n      ) : null}\n      <Animated.View style={[styles.blurs, {opacity: blurOpacity}]}>\n        <View style={styles.blurTop} />\n        <View style={styles.blurBottom} />\n        <View style={styles.blurLeft} />\n        <View style={styles.blurRight} />\n      </Animated.View>\n      <Target />\n      <Explanations locales={locales} onHelpPress={onHelpPress} />\n    </View>\n  );\n};\n\nexport default QRCodeScanner;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/receive-email/index.native.tsx"],"names":[],"mappings":";AAuHA,oBAAY,KAAK,GAAG;IAClB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,YAAY,UAAW,KAAK,gBAoEjC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/receive-email/index.native.tsx"],"names":[],"mappings":";AAoIA,oBAAY,KAAK,GAAG;IAClB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,YAAY,UAAW,KAAK,gBAyEjC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,13 +1,17 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { Animated, Easing, StyleSheet, Text, TextInput, View } from 'react-native';
+import { Animated, Easing, KeyboardAvoidingView, Platform, StyleSheet, Text, TextInput, View } from 'react-native';
 import { NovaCompositionNavigationLeftArrow as ArrowIcon, NovaCompositionCoorpacademyEmail as MailIcon, NovaCompositionCoorpacademySendEmail as SendIcon } from '@coorpacademy/nova-icons';
 import Touchable from '../../../hoc/touchable/index.native';
 import useMobileKeyboardVisibility from '../../../util/use-mobile-keyboard-visibility';
+const enabledColor = '#0061ff';
+const disabledColor = '#9999A8';
+const emailRegex = /^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
 const styles = StyleSheet.create({
   container: {
     width: '100%',
     height: '100%',
     flex: 1,
+    justifyContent: 'space-between',
     alignItems: 'flex-start',
     paddingVertical: 50,
     paddingHorizontal: 24
@@ -74,6 +78,8 @@ const styles = StyleSheet.create({
     height: 48,
     width: '100%',
     backgroundColor: '#F4F4F5',
+    borderColor: enabledColor,
+    borderWidth: 2,
     fontSize: 15,
     lineHeight: 16,
     alignContent: 'center',
@@ -82,16 +88,17 @@ const styles = StyleSheet.create({
     paddingHorizontal: 40
   },
   ctaWrapper: {
-    width: '100%'
+    width: '100%',
+    overflow: 'hidden',
+    borderRadius: 12,
+    marginTop: 30,
+    marginBottom: 50
   },
   ctaButton: {
-    borderRadius: 12,
-    paddingHorizontal: 50,
-    paddingVertical: 16,
     flexDirection: 'row',
     justifyContent: 'center',
     alignItems: 'center',
-    marginTop: 30
+    paddingVertical: 16
   },
   sendIcon: {
     fill: '#fff',
@@ -106,9 +113,6 @@ const styles = StyleSheet.create({
     lineHeight: 24
   }
 });
-const enabledColor = '#0061ff';
-const disabledColor = '#9999A8';
-const emailRegex = /^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
 
 const ReceiveEmail = props => {
   const {
@@ -116,14 +120,21 @@ const ReceiveEmail = props => {
     onClose
   } = props;
   const [isValid, setValid] = useState(false);
+  const [isTextInputFocused, setTextInputFocused] = useState(false);
   const isKeyboardVisible = useMobileKeyboardVisibility();
   const handleChangeText = useCallback(value => {
     setValid(emailRegex.test(value));
   }, []);
+  const handleTextInputFocus = useCallback(() => {
+    setTextInputFocused(true);
+  }, []);
+  const handleTextInputBlur = useCallback(() => {
+    setTextInputFocused(false);
+  }, []);
   const animationRef = useRef(new Animated.Value(0)).current;
-  const animatedOpacity = animationRef.interpolate({
+  const animatedColor = animationRef.interpolate({
     inputRange: [0, 1],
-    outputRange: [0, 1]
+    outputRange: [disabledColor, enabledColor]
   });
   useEffect(() => {
     const animation = Animated.timing(animationRef, {
@@ -134,10 +145,9 @@ const ReceiveEmail = props => {
     });
     animation.start();
   }, [animationRef, isValid]);
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
-      justifyContent: isKeyboardVisible ? 'flex-start' : 'space-between'
-    }],
+  return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+    behavior: Platform.OS === 'ios' ? 'padding' : 'height',
+    style: [styles.container],
     testID: "receive-email"
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.contentWrapper
@@ -157,21 +167,23 @@ const ReceiveEmail = props => {
   }, locales.explanation), /*#__PURE__*/React.createElement(Text, {
     style: styles.subtitle
   }, locales.subtitle), /*#__PURE__*/React.createElement(TextInput, {
-    style: styles.textInput,
+    style: [styles.textInput, {
+      borderWidth: isTextInputFocused ? 2 : 0
+    }],
     placeholder: "john.doe@company.com",
     placeholderTextColor: disabledColor,
-    onChangeText: handleChangeText
+    onChangeText: handleChangeText,
+    onFocus: handleTextInputFocus,
+    onBlur: handleTextInputBlur
   }), /*#__PURE__*/React.createElement(MailIcon, {
     style: styles.innerMailIcon
   })), /*#__PURE__*/React.createElement(Animated.View, {
     style: [styles.ctaWrapper, {
-      opacity: animatedOpacity
+      backgroundColor: animatedColor
     }]
   }, /*#__PURE__*/React.createElement(Touchable, {
     disabled: !isValid,
-    style: [styles.ctaButton, {
-      backgroundColor: isValid ? enabledColor : disabledColor
-    }],
+    style: [styles.ctaButton],
     onPress: onClose
   }, /*#__PURE__*/React.createElement(SendIcon, {
     style: styles.sendIcon

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useRef","useState","Animated","Easing","StyleSheet","Text","TextInput","View","NovaCompositionNavigationLeftArrow","ArrowIcon","NovaCompositionCoorpacademyEmail","MailIcon","NovaCompositionCoorpacademySendEmail","SendIcon","Touchable","useMobileKeyboardVisibility","styles","create","container","width","height","flex","alignItems","paddingVertical","paddingHorizontal","contentWrapper","backButton","arrowIcon","fill","mailIconWrapper","backgroundColor","padding","marginVertical","borderRadius","justifyContent","mailIcon","innerMailIcon","marginTop","marginLeft","title","color","fontSize","fontWeight","lineHeight","textAlign","marginBottom","explanation","letterSpacing","subtitle","textInput","alignContent","ctaWrapper","ctaButton","flexDirection","sendIcon","marginRight","ctaText","enabledColor","disabledColor","emailRegex","ReceiveEmail","props","locales","onClose","isValid","setValid","isKeyboardVisible","handleChangeText","value","test","animationRef","Value","current","animatedOpacity","interpolate","inputRange","outputRange","animation","timing","toValue","duration","easing","out","sin","useNativeDriver","start","opacity","cta"],"sources":["../../../../src/template/mobile-login/receive-email/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport {Animated, Easing, StyleSheet, Text, TextInput, View} 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 styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    height: '100%',\n    flex: 1,\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    fontSize: 15,\n    lineHeight: 16,\n    alignContent: 'center',\n    color: '#515161',\n    borderRadius: 7,\n    paddingHorizontal: 40\n  },\n  ctaWrapper: {\n    width: '100%'\n  },\n  ctaButton: {\n    borderRadius: 12,\n    paddingHorizontal: 50,\n    paddingVertical: 16,\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    marginTop: 30\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\nconst enabledColor = '#0061ff';\nconst disabledColor = '#9999A8';\nconst emailRegex = /^\\w+([-+.']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$/;\n\nexport type Props = {\n  locales: {\n    title: string;\n    explanation: string;\n    subtitle: string;\n    cta: string;\n  };\n  onClose: () => void;\n};\n\nconst ReceiveEmail = (props: Props) => {\n  const {locales, onClose} = props;\n\n  const [isValid, setValid] = useState<boolean>(false);\n  const isKeyboardVisible = useMobileKeyboardVisibility();\n\n  const handleChangeText = useCallback(value => {\n    setValid(emailRegex.test(value));\n  }, []);\n\n  const animationRef = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const animatedOpacity = animationRef.interpolate({\n    inputRange: [0, 1],\n    outputRange: [0, 1]\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    <View\n      style={[\n        styles.container,\n        {justifyContent: isKeyboardVisible ? 'flex-start' : 'space-between'}\n      ]}\n      testID=\"receive-email\"\n    >\n      <View style={styles.contentWrapper}>\n        <Touchable style={styles.backButton} onPress={onClose}>\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}\n          placeholder=\"john.doe@company.com\"\n          placeholderTextColor={disabledColor}\n          onChangeText={handleChangeText}\n        />\n        <MailIcon style={styles.innerMailIcon} />\n      </View>\n\n      <Animated.View style={[styles.ctaWrapper, {opacity: animatedOpacity}]}>\n        <Touchable\n          disabled={!isValid}\n          style={[styles.ctaButton, {backgroundColor: isValid ? enabledColor : disabledColor}]}\n          onPress={onClose}\n        >\n          <SendIcon style={styles.sendIcon} />\n          <Text style={styles.ctaText}>{locales.cta}</Text>\n        </Touchable>\n      </Animated.View>\n    </View>\n  );\n};\n\nexport default ReceiveEmail;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useRef","useState","Animated","Easing","KeyboardAvoidingView","Platform","StyleSheet","Text","TextInput","View","NovaCompositionNavigationLeftArrow","ArrowIcon","NovaCompositionCoorpacademyEmail","MailIcon","NovaCompositionCoorpacademySendEmail","SendIcon","Touchable","useMobileKeyboardVisibility","enabledColor","disabledColor","emailRegex","styles","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","isValid","setValid","isTextInputFocused","setTextInputFocused","isKeyboardVisible","handleChangeText","value","test","handleTextInputFocus","handleTextInputBlur","animationRef","Value","current","animatedColor","interpolate","inputRange","outputRange","animation","timing","toValue","duration","easing","out","sin","useNativeDriver","start","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};\n\nconst ReceiveEmail = (props: Props) => {\n  const {locales, onClose} = props;\n\n  const [isValid, setValid] = useState<boolean>(false);\n  const [isTextInputFocused, setTextInputFocused] = useState<boolean>(false);\n  const isKeyboardVisible = useMobileKeyboardVisibility();\n\n  const handleChangeText = useCallback(value => {\n    setValid(emailRegex.test(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}>\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 disabled={!isValid} style={[styles.ctaButton]} onPress={onClose}>\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":"AAAA,OAAOA,KAAP,IAAeC,WAAf,EAA4BC,SAA5B,EAAuCC,MAAvC,EAA+CC,QAA/C,QAA8D,OAA9D;AACA,SACEC,QADF,EAEEC,MAFF,EAGEC,oBAHF,EAIEC,QAJF,EAKEC,UALF,EAMEC,IANF,EAOEC,SAPF,EAQEC,IARF,QASO,cATP;AAUA,SACEC,kCAAkC,IAAIC,SADxC,EAEEC,gCAAgC,IAAIC,QAFtC,EAGEC,oCAAoC,IAAIC,QAH1C,QAIO,0BAJP;AAMA,OAAOC,SAAP,MAAsB,qCAAtB;AACA,OAAOC,2BAAP,MAAwC,8CAAxC;AAEA,MAAMC,YAAY,GAAG,SAArB;AACA,MAAMC,aAAa,GAAG,SAAtB;AACA,MAAMC,UAAU,GAAG,gDAAnB;AAEA,MAAMC,MAAM,GAAGf,UAAU,CAACgB,MAAX,CAAkB;EAC/BC,SAAS,EAAE;IACTC,KAAK,EAAE,MADE;IAETC,MAAM,EAAE,MAFC;IAGTC,IAAI,EAAE,CAHG;IAITC,cAAc,EAAE,eAJP;IAKTC,UAAU,EAAE,YALH;IAMTC,eAAe,EAAE,EANR;IAOTC,iBAAiB,EAAE;EAPV,CADoB;EAU/BC,cAAc,EAAE;IACdP,KAAK,EAAE;EADO,CAVe;EAa/BQ,UAAU,EAAE;IACVH,eAAe,EAAE;EADP,CAbmB;EAgB/BI,SAAS,EAAE;IACTC,IAAI,EAAE,SADG;IAETV,KAAK,EAAE,EAFE;IAGTC,MAAM,EAAE;EAHC,CAhBoB;EAqB/BU,eAAe,EAAE;IACfC,eAAe,EAAE,SADF;IAEfZ,KAAK,EAAE,EAFQ;IAGfC,MAAM,EAAE,EAHO;IAIfY,OAAO,EAAE,EAJM;IAKfC,cAAc,EAAE,EALD;IAMfC,YAAY,EAAE,EANC;IAOfZ,cAAc,EAAE,QAPD;IAQfC,UAAU,EAAE;EARG,CArBc;EA+B/BY,QAAQ,EAAE;IACRN,IAAI,EAAE,SADE;IAERV,KAAK,EAAE,EAFC;IAGRC,MAAM,EAAE;EAHA,CA/BqB;EAoC/BgB,aAAa,EAAE;IACbP,IAAI,EAAE,SADO;IAEbV,KAAK,EAAE,EAFM;IAGbC,MAAM,EAAE,EAHK;IAIbiB,SAAS,EAAE,CAAC,EAJC;IAKbC,UAAU,EAAE;EALC,CApCgB;EA2C/BC,KAAK,EAAE;IACLC,KAAK,EAAE,SADF;IAELC,QAAQ,EAAE,EAFL;IAGLC,UAAU,EAAE,KAHP;IAILC,UAAU,EAAE,EAJP;IAKLC,SAAS,EAAE,MALN;IAMLC,YAAY,EAAE;EANT,CA3CwB;EAmD/BC,WAAW,EAAE;IACXN,KAAK,EAAE,SADI;IAEXC,QAAQ,EAAE,EAFC;IAGXM,aAAa,EAAE,GAHJ;IAIXL,UAAU,EAAE,KAJD;IAKXC,UAAU,EAAE,EALD;IAMXC,SAAS,EAAE,MANA;IAOXC,YAAY,EAAE;EAPH,CAnDkB;EA4D/BG,QAAQ,EAAE;IACRR,KAAK,EAAE,SADC;IAERC,QAAQ,EAAE,EAFF;IAGRC,UAAU,EAAE,KAHJ;IAIRC,UAAU,EAAE,EAJJ;IAKRC,SAAS,EAAE,MALH;IAMRC,YAAY,EAAE;EANN,CA5DqB;EAoE/BI,SAAS,EAAE;IACT7B,MAAM,EAAE,EADC;IAETD,KAAK,EAAE,MAFE;IAGTY,eAAe,EAAE,SAHR;IAITmB,WAAW,EAAErC,YAJJ;IAKTsC,WAAW,EAAE,CALJ;IAMTV,QAAQ,EAAE,EAND;IAOTE,UAAU,EAAE,EAPH;IAQTS,YAAY,EAAE,QARL;IASTZ,KAAK,EAAE,SATE;IAUTN,YAAY,EAAE,CAVL;IAWTT,iBAAiB,EAAE;EAXV,CApEoB;EAiF/B4B,UAAU,EAAE;IACVlC,KAAK,EAAE,MADG;IAEVmC,QAAQ,EAAE,QAFA;IAGVpB,YAAY,EAAE,EAHJ;IAIVG,SAAS,EAAE,EAJD;IAKVQ,YAAY,EAAE;EALJ,CAjFmB;EAwF/BU,SAAS,EAAE;IACTC,aAAa,EAAE,KADN;IAETlC,cAAc,EAAE,QAFP;IAGTC,UAAU,EAAE,QAHH;IAITC,eAAe,EAAE;EAJR,CAxFoB;EA8F/BiC,QAAQ,EAAE;IACR5B,IAAI,EAAE,MADE;IAERV,KAAK,EAAE,EAFC;IAGRC,MAAM,EAAE,EAHA;IAIRsC,WAAW,EAAE;EAJL,CA9FqB;EAoG/BC,OAAO,EAAE;IACPnB,KAAK,EAAE,MADA;IAEPE,UAAU,EAAE,KAFL;IAGPD,QAAQ,EAAE,EAHH;IAIPE,UAAU,EAAE;EAJL;AApGsB,CAAlB,CAAf;;AAsHA,MAAMiB,YAAY,GAAIC,KAAD,IAAkB;EACrC,MAAM;IAACC,OAAD;IAAUC;EAAV,IAAqBF,KAA3B;EAEA,MAAM,CAACG,OAAD,EAAUC,QAAV,IAAsBrE,QAAQ,CAAU,KAAV,CAApC;EACA,MAAM,CAACsE,kBAAD,EAAqBC,mBAArB,IAA4CvE,QAAQ,CAAU,KAAV,CAA1D;EACA,MAAMwE,iBAAiB,GAAGxD,2BAA2B,EAArD;EAEA,MAAMyD,gBAAgB,GAAG5E,WAAW,CAAC6E,KAAK,IAAI;IAC5CL,QAAQ,CAAClD,UAAU,CAACwD,IAAX,CAAgBD,KAAhB,CAAD,CAAR;EACD,CAFmC,EAEjC,EAFiC,CAApC;EAIA,MAAME,oBAAoB,GAAG/E,WAAW,CAAC,MAAM;IAC7C0E,mBAAmB,CAAC,IAAD,CAAnB;EACD,CAFuC,EAErC,EAFqC,CAAxC;EAIA,MAAMM,mBAAmB,GAAGhF,WAAW,CAAC,MAAM;IAC5C0E,mBAAmB,CAAC,KAAD,CAAnB;EACD,CAFsC,EAEpC,EAFoC,CAAvC;EAIA,MAAMO,YAAY,GAAG/E,MAAM,CAAiB,IAAIE,QAAQ,CAAC8E,KAAb,CAAmB,CAAnB,CAAjB,CAAN,CAA8CC,OAAnE;EACA,MAAMC,aAAa,GAAGH,YAAY,CAACI,WAAb,CAAyB;IAC7CC,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,CADiC;IAE7CC,WAAW,EAAE,CAAClE,aAAD,EAAgBD,YAAhB;EAFgC,CAAzB,CAAtB;EAKAnB,SAAS,CAAC,MAAM;IACd,MAAMuF,SAAS,GAAGpF,QAAQ,CAACqF,MAAT,CAAgBR,YAAhB,EAA8B;MAC9CS,OAAO,EAAEnB,OAAO,GAAG,CAAH,GAAO,CADuB;MAE9CoB,QAAQ,EAAE,GAFoC;MAG9CC,MAAM,EAAEvF,MAAM,CAACwF,GAAP,CAAWxF,MAAM,CAACyF,GAAlB,CAHsC;MAI9CC,eAAe,EAAE;IAJ6B,CAA9B,CAAlB;IAOAP,SAAS,CAACQ,KAAV;EACD,CATQ,EASN,CAACf,YAAD,EAAeV,OAAf,CATM,CAAT;EAWA,oBACE,oBAAC,oBAAD;IACE,QAAQ,EAAEhE,QAAQ,CAAC0F,EAAT,KAAgB,KAAhB,GAAwB,SAAxB,GAAoC,QADhD;IAEE,KAAK,EAAE,CAAC1E,MAAM,CAACE,SAAR,CAFT;IAGE,MAAM,EAAC;EAHT,gBAKE,oBAAC,IAAD;IAAM,KAAK,EAAEF,MAAM,CAACU;EAApB,gBACE,oBAAC,SAAD;IAAW,KAAK,EAAEV,MAAM,CAACW,UAAzB;IAAqC,OAAO,EAAEoC;EAA9C,gBACE,oBAAC,SAAD;IAAW,KAAK,EAAE/C,MAAM,CAACY;EAAzB,EADF,CADF,EAIGwC,iBAAiB,GAAG,IAAH,gBAChB,oBAAC,IAAD;IAAM,KAAK,EAAEpD,MAAM,CAACc;EAApB,gBACE,oBAAC,QAAD;IAAU,KAAK,EAAEd,MAAM,CAACmB;EAAxB,EADF,CALJ,eASE,oBAAC,IAAD;IAAM,KAAK,EAAEnB,MAAM,CAACuB;EAApB,GAA4BuB,OAAO,CAACvB,KAApC,CATF,eAUE,oBAAC,IAAD;IAAM,KAAK,EAAEvB,MAAM,CAAC8B;EAApB,GAAkCgB,OAAO,CAAChB,WAA1C,CAVF,eAWE,oBAAC,IAAD;IAAM,KAAK,EAAE9B,MAAM,CAACgC;EAApB,GAA+Bc,OAAO,CAACd,QAAvC,CAXF,eAYE,oBAAC,SAAD;IACE,KAAK,EAAE,CAAChC,MAAM,CAACiC,SAAR,EAAmB;MAACE,WAAW,EAAEe,kBAAkB,GAAG,CAAH,GAAO;IAAvC,CAAnB,CADT;IAEE,WAAW,EAAC,sBAFd;IAGE,oBAAoB,EAAEpD,aAHxB;IAIE,YAAY,EAAEuD,gBAJhB;IAKE,OAAO,EAAEG,oBALX;IAME,MAAM,EAAEC;EANV,EAZF,eAoBE,oBAAC,QAAD;IAAU,KAAK,EAAEzD,MAAM,CAACoB;EAAxB,EApBF,CALF,eA4BE,oBAAC,QAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAACpB,MAAM,CAACqC,UAAR,EAAoB;MAACtB,eAAe,EAAE8C;IAAlB,CAApB;EAAtB,gBACE,oBAAC,SAAD;IAAW,QAAQ,EAAE,CAACb,OAAtB;IAA+B,KAAK,EAAE,CAAChD,MAAM,CAACuC,SAAR,CAAtC;IAA0D,OAAO,EAAEQ;EAAnE,gBACE,oBAAC,QAAD;IAAU,KAAK,EAAE/C,MAAM,CAACyC;EAAxB,EADF,eAEE,oBAAC,IAAD;IAAM,KAAK,EAAEzC,MAAM,CAAC2C;EAApB,GAA8BG,OAAO,CAAC6B,GAAtC,CAFF,CADF,CA5BF,CADF;AAqCD,CAzED;;AA2EA,eAAe/B,YAAf"}

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":";AA6KA,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,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,uBAuI5B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"names":[],"mappings":";AA8KA,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,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,uBAuI5B,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1,10 +1,11 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { Animated, StyleSheet, Text, View } from 'react-native';
+import { Animated, StyleSheet, 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';
+import Text from '../../../atom/text/index.native';
 
 const createStyleSheet = theme => StyleSheet.create({
   wrapper: {
@@ -77,8 +78,8 @@ const createStyleSheet = theme => StyleSheet.create({
   },
   description: {
     color: '#1D1D2B',
-    fontWeight: '500',
-    fontSize: 18,
+    fontWeight: '400',
+    fontSize: 17,
     lineHeight: 24,
     paddingVertical: 8
   },

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useRef","useState","Animated","StyleSheet","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","color","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQrCode","colors","cta","ctaQrCodeText","marginLeft","qrCodeIcon","fill","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onQRCodeButtonPress","onHelpPress","onReceiveEmailButtonPress","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","translateContent","fadeInContent","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","Value","current","interpolateScale","interpolate","inputRange","outputRange","_stylesheet","start","animatedScale","timing","useNativeDriver","animatedStyle","scale"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, 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      color: '#1D1D2B',\n      fontWeight: '600',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      color: '#1D1D2B',\n      fontWeight: '500',\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  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={['#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={onQRCodeButtonPress}\n              testID=\"qr-code-button\"\n            >\n              <QrCodeIcon style={styleSheet.qrCodeIcon} />\n              <Text style={styleSheet.ctaQrCodeText}>{locales.ctaQrCode}</Text>\n            </Touchable>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaReceiveMail]}\n              onPress={onReceiveEmailButtonPress}\n              testID=\"receive-email-button\"\n            >\n              <MailIcon style={styleSheet.mailIcon} />\n              <Text style={styleSheet.ctaReceiveMailText}>{locales.ctaReceiveMail}</Text>\n            </Touchable>\n          </View>\n          <Touchable onPress={onHelpPress} style={styleSheet.help}>\n            <Text style={styleSheet.titleHelp}>{locales.titleHelp}</Text>\n            <Text style={styleSheet.ctaHelp}>{locales.ctaHelp}</Text>\n          </Touchable>\n        </View>\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Welcome;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useRef","useState","Animated","StyleSheet","View","LinearGradient","NovaCompositionCoorpacademyLogoCoorp","LogoCoorp","NovaCompositionCoorpacademyQrCode","QrCodeIcon","NovaCompositionCoorpacademyEmail","MailIcon","useAnimateProp","useTranslateY","Touchable","useTemplateContext","Text","createStyleSheet","theme","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","content","width","gradients","position","gradient","opacity","transform","rotate","gradient2","animatedLogoWrapper","animatedLogo","height","logo","padding","logoBG","backgroundColor","title","color","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQrCode","colors","cta","ctaQrCodeText","marginLeft","qrCodeIcon","fill","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onQRCodeButtonPress","onHelpPress","onReceiveEmailButtonPress","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","translateContent","fadeInContent","property","fadeOutStartLogo","fadeInFinalLogo","scaleAnim","Value","current","interpolateScale","interpolate","inputRange","outputRange","_stylesheet","start","animatedScale","timing","useNativeDriver","animatedStyle","scale"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, TextStyle, View, ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport {\n  NovaCompositionCoorpacademyLogoCoorp as LogoCoorp,\n  NovaCompositionCoorpacademyQrCode as QrCodeIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport Text from '../../../atom/text/index.native';\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={['#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={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/atom/button/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AA8B9D,aAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,uBAuBjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AA8B9D,aAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,uBA4BjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/atom/button/index.native.js

@@ -19,6 +19,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _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 createStyle = (theme, brandTheme) => _reactNative.StyleSheet.create({
   wrapper: {
     backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,
@@ -57,6 +59,9 @@ const Button = props => {
     setStylesheet(_style);
   }, [theme, brandTheme]);
   if (!styleSheet) return null;
+
+  const _textStyle = _extends({}, styleSheet.text, textStyle);
+
   return /*#__PURE__*/_react.default.createElement(_index2.default, {
     testID: testID,
     onPress: onPress,
@@ -64,7 +69,7 @@ const Button = props => {
     accessibilityLabel: accessibilityLabel,
     style: [styleSheet.wrapper, style]
   }, /*#__PURE__*/_react.default.createElement(_index.default, {
-    style: [styleSheet.text, textStyle]
+    style: _textStyle
   }, submitValue));
 };
 

package/lib/atom/button/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyle","theme","brandTheme","StyleSheet","create","wrapper","backgroundColor","colors","primary","text","borderRadius","width","fontSize","lineHeight","fontWeight","color","white","marginBottom","marginTop","textAlign","Button","props","accessibilityLabel","disabled","onPress","style","submitValue","testID","textStyle","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_style"],"sources":["../../../src/atom/button/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, TextStyle, ViewStyle} from 'react-native';\nimport Text from '../text/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Brand} from '../../variables/brand.native';\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  text: ViewStyle;\n};\n\nconst createStyle = (theme: Theme, brandTheme: Brand): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,\n      borderRadius: 7,\n      width: '100%'\n    },\n    text: {\n      fontSize: 14,\n      lineHeight: 20,\n      fontWeight: '700',\n      color: theme.colors.white,\n      marginBottom: 16,\n      marginTop: 16,\n      textAlign: 'center'\n    }\n  });\n\ntype ButtonProps = {\n  accessibilityLabel?: string;\n  disabled?: boolean;\n  onPress: () => void;\n  style?: ViewStyle;\n  submitValue: string;\n  testID?: string;\n  textStyle?: TextStyle;\n};\n\nconst Button = (props: ButtonProps) => {\n  const {accessibilityLabel, disabled, onPress, style, submitValue, testID, textStyle} = props;\n  const {theme, brandTheme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const _style = createStyle(theme, brandTheme);\n    setStylesheet(_style);\n  }, [theme, brandTheme]);\n\n  if (!styleSheet) return null;\n\n  return (\n    <Touchable\n      testID={testID}\n      onPress={onPress}\n      disabled={disabled}\n      accessibilityLabel={accessibilityLabel}\n      style={[styleSheet.wrapper, style]}\n    >\n      <Text style={[styleSheet.text, textStyle]}>{submitValue}</Text>\n    </Touchable>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAQA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAeC,UAAf,KAClBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,OAAO,EAAE;IACPC,eAAe,EAAEJ,UAAU,EAAEK,MAAZ,EAAoBC,OAApB,IAA+BP,KAAK,CAACM,MAAN,CAAaE,IAAb,CAAkBD,OAD3D;IAEPE,YAAY,EAAE,CAFP;IAGPC,KAAK,EAAE;EAHA,CADO;EAMhBF,IAAI,EAAE;IACJG,QAAQ,EAAE,EADN;IAEJC,UAAU,EAAE,EAFR;IAGJC,UAAU,EAAE,KAHR;IAIJC,KAAK,EAAEd,KAAK,CAACM,MAAN,CAAaS,KAJhB;IAKJC,YAAY,EAAE,EALV;IAMJC,SAAS,EAAE,EANP;IAOJC,SAAS,EAAE;EAPP;AANU,CAAlB,CADF;;AA4BA,MAAMC,MAAM,GAAIC,KAAD,IAAwB;EACrC,MAAM;IAACC,kBAAD;IAAqBC,QAArB;IAA+BC,OAA/B;IAAwCC,KAAxC;IAA+CC,WAA/C;IAA4DC,MAA5D;IAAoEC;EAApE,IAAiFP,KAAvF;EACA,MAAM;IAACpB,KAAD;IAAQC;EAAR,IAAsB,IAAA2B,mCAAA,GAA5B;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,GAApC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,MAAM,GAAGlC,WAAW,CAACC,KAAD,EAAQC,UAAR,CAA1B;;IACA6B,aAAa,CAACG,MAAD,CAAb;EACD,CAHD,EAGG,CAACjC,KAAD,EAAQC,UAAR,CAHH;EAKA,IAAI,CAAC4B,UAAL,EAAiB,OAAO,IAAP;EAEjB,oBACE,6BAAC,eAAD;IACE,MAAM,EAAEH,MADV;IAEE,OAAO,EAAEH,OAFX;IAGE,QAAQ,EAAED,QAHZ;IAIE,kBAAkB,EAAED,kBAJtB;IAKE,KAAK,EAAE,CAACQ,UAAU,CAACzB,OAAZ,EAAqBoB,KAArB;EALT,gBAOE,6BAAC,cAAD;IAAM,KAAK,EAAE,CAACK,UAAU,CAACrB,IAAZ,EAAkBmB,SAAlB;EAAb,GAA4CF,WAA5C,CAPF,CADF;AAWD,CAvBD;;eAyBeN,M"}
+{"version":3,"file":"index.native.js","names":["createStyle","theme","brandTheme","StyleSheet","create","wrapper","backgroundColor","colors","primary","text","borderRadius","width","fontSize","lineHeight","fontWeight","color","white","marginBottom","marginTop","textAlign","Button","props","accessibilityLabel","disabled","onPress","style","submitValue","testID","textStyle","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_style","_textStyle"],"sources":["../../../src/atom/button/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, TextStyle, ViewStyle} from 'react-native';\nimport Text from '../text/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Brand} from '../../variables/brand.native';\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  text: TextStyle;\n};\n\nconst createStyle = (theme: Theme, brandTheme: Brand): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,\n      borderRadius: 7,\n      width: '100%'\n    },\n    text: {\n      fontSize: 14,\n      lineHeight: 20,\n      fontWeight: '700',\n      color: theme.colors.white,\n      marginBottom: 16,\n      marginTop: 16,\n      textAlign: 'center'\n    }\n  });\n\ntype ButtonProps = {\n  accessibilityLabel?: string;\n  disabled?: boolean;\n  onPress: () => void;\n  style?: ViewStyle;\n  submitValue: string;\n  testID?: string;\n  textStyle?: TextStyle;\n};\n\nconst Button = (props: ButtonProps) => {\n  const {accessibilityLabel, disabled, onPress, style, submitValue, testID, textStyle} = props;\n  const {theme, brandTheme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const _style = createStyle(theme, brandTheme);\n    setStylesheet(_style);\n  }, [theme, brandTheme]);\n\n  if (!styleSheet) return null;\n\n  const _textStyle = {\n    ...styleSheet.text,\n    ...textStyle\n  };\n\n  return (\n    <Touchable\n      testID={testID}\n      onPress={onPress}\n      disabled={disabled}\n      accessibilityLabel={accessibilityLabel}\n      style={[styleSheet.wrapper, style]}\n    >\n      <Text style={_textStyle}>{submitValue}</Text>\n    </Touchable>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAQA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAeC,UAAf,KAClBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,OAAO,EAAE;IACPC,eAAe,EAAEJ,UAAU,EAAEK,MAAZ,EAAoBC,OAApB,IAA+BP,KAAK,CAACM,MAAN,CAAaE,IAAb,CAAkBD,OAD3D;IAEPE,YAAY,EAAE,CAFP;IAGPC,KAAK,EAAE;EAHA,CADO;EAMhBF,IAAI,EAAE;IACJG,QAAQ,EAAE,EADN;IAEJC,UAAU,EAAE,EAFR;IAGJC,UAAU,EAAE,KAHR;IAIJC,KAAK,EAAEd,KAAK,CAACM,MAAN,CAAaS,KAJhB;IAKJC,YAAY,EAAE,EALV;IAMJC,SAAS,EAAE,EANP;IAOJC,SAAS,EAAE;EAPP;AANU,CAAlB,CADF;;AA4BA,MAAMC,MAAM,GAAIC,KAAD,IAAwB;EACrC,MAAM;IAACC,kBAAD;IAAqBC,QAArB;IAA+BC,OAA/B;IAAwCC,KAAxC;IAA+CC,WAA/C;IAA4DC,MAA5D;IAAoEC;EAApE,IAAiFP,KAAvF;EACA,MAAM;IAACpB,KAAD;IAAQC;EAAR,IAAsB,IAAA2B,mCAAA,GAA5B;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,GAApC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,MAAM,GAAGlC,WAAW,CAACC,KAAD,EAAQC,UAAR,CAA1B;;IACA6B,aAAa,CAACG,MAAD,CAAb;EACD,CAHD,EAGG,CAACjC,KAAD,EAAQC,UAAR,CAHH;EAKA,IAAI,CAAC4B,UAAL,EAAiB,OAAO,IAAP;;EAEjB,MAAMK,UAAU,gBACXL,UAAU,CAACrB,IADA,EAEXmB,SAFW,CAAhB;;EAKA,oBACE,6BAAC,eAAD;IACE,MAAM,EAAED,MADV;IAEE,OAAO,EAAEH,OAFX;IAGE,QAAQ,EAAED,QAHZ;IAIE,kBAAkB,EAAED,kBAJtB;IAKE,KAAK,EAAE,CAACQ,UAAU,CAACzB,OAAZ,EAAqBoB,KAArB;EALT,gBAOE,6BAAC,cAAD;IAAM,KAAK,EAAEU;EAAb,GAA0BT,WAA1B,CAPF,CADF;AAWD,CA5BD;;eA8BeN,M"}

package/lib/atom/button-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AAyB7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;CAqEzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AAwB7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;CAqEzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/lib/atom/button-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getButtonContent","icon","label","type","position","Icon","ICONS","style","buttonContent","ButtonLink","props","disabled","dataName","dataTestId","ariaLabel","link","onClick","onKeyDown","className","customStyle","useTitle","contentView","styleButton","classnames","button","primary","secondary","tertiary","text","dangerous","handleOnClick","useCallback","handleOnKeyDown","event","title","propTypes"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport {ICONS} from '../../util/button-icons';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst getButtonContent = (icon?: IconType, label?: string) => {\n  const {type, position} = icon || {type: '', position: ''};\n  const Icon = type && ICONS[type];\n\n  if (!Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? <Icon className={style.icon} /> : null}\n      <span className={style.label}>{label}</span>\n      {position === 'right' ? <Icon className={style.icon} /> : null}\n    </div>\n  );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n  const {\n    type,\n    label,\n    disabled,\n    icon,\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    link,\n    onClick = noop,\n    onKeyDown = noop,\n    className,\n    customStyle,\n    useTitle = true\n  } = props;\n  const contentView = getButtonContent(icon, label);\n  const styleButton = classnames(\n    className,\n    style.button,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        {...(useTitle && {\n          title: ariaLabel || label\n        })}\n        style={customStyle}\n        className={styleButton}\n        data-name={dataName}\n        data-testid={dataTestId}\n        aria-label={ariaLabel || label}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      {...(useTitle && {\n        title: ariaLabel || label\n      })}\n      type=\"button\"\n      aria-label={ariaLabel || label}\n      data-name={dataName}\n      data-testid={dataTestId}\n      style={customStyle}\n      className={styleButton}\n      onClick={handleOnClick}\n      onKeyDown={handleOnKeyDown}\n      tabIndex={0}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getButtonContent","icon","label","type","position","Icon","ICONS","style","buttonContent","ButtonLink","props","disabled","dataName","dataTestId","ariaLabel","link","onClick","onKeyDown","className","customStyle","useTitle","contentView","styleButton","classnames","button","primary","secondary","tertiary","text","dangerous","handleOnClick","useCallback","handleOnKeyDown","event","title","propTypes"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport {ICONS} from '../../util/button-icons';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (icon?: IconType, label?: string) => {\n  const {type, position} = icon || {type: '', position: ''};\n  const Icon = type && ICONS[type];\n\n  if (!Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? <Icon className={style.icon} /> : null}\n      <span className={style.label}>{label}</span>\n      {position === 'right' ? <Icon className={style.icon} /> : null}\n    </div>\n  );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n  const {\n    type,\n    label,\n    disabled,\n    icon,\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    link,\n    onClick = noop,\n    onKeyDown = noop,\n    className,\n    customStyle,\n    useTitle = true\n  } = props;\n  const contentView = getButtonContent(icon, label);\n  const styleButton = classnames(\n    className,\n    style.button,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        {...(useTitle && {\n          title: ariaLabel || label\n        })}\n        style={customStyle}\n        className={styleButton}\n        data-name={dataName}\n        data-testid={dataTestId}\n        aria-label={ariaLabel || label}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      {...(useTitle && {\n        title: ariaLabel || label\n      })}\n      type=\"button\"\n      aria-label={ariaLabel || label}\n      data-name={dataName}\n      data-testid={dataTestId}\n      style={customStyle}\n      className={styleButton}\n      onClick={handleOnClick}\n      onKeyDown={handleOnKeyDown}\n      tabIndex={0}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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"}

package/lib/atom/html/index.native.js

@@ -13,7 +13,7 @@ var _theme = require("../../variables/theme.native");
 
 var _templateContext = require("../../template/app-review/template-context");
 
-var _index = _interopRequireWildcard(require("../text/index.native"));
+var _index = _interopRequireDefault(require("../text/index.native"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -89,7 +89,7 @@ const Html = props => {
     img: imageStyle || {}
   });
 
-  let baseFontStyle = (0, _react.useMemo)(() => _extends({}, _index.DEFAULT_STYLE, {
+  let baseFontStyle = (0, _react.useMemo)(() => ({
     fontSize,
     color: theme.colors.black
   }), [fontSize, theme]);