@coorpacademy/components 11.40.21 → 11.40.22-slider.13

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","Animated","Dimensions","StyleSheet","View","LinearGradient","NovaSolidStatusClose","CloseIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyEmail","MailIcon","useAnimateProp","useTranslateY","Touchable","useTemplateContext","Text","SCREEN","get","createStyleSheet","theme","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","backButton","position","closeIcon","fill","width","height","gradients","gradient","opacity","transform","rotate","gradient2","content","checkIconWrapper","backgroundColor","marginVertical","borderRadius","checkIconInnerWrapper","padding","checkIcon","title","color","fontWeight","textAlign","fontSize","lineHeight","paddingVertical","description","ctaWrapper","ctaOpenInbox","flexDirection","overflow","colors","cta","ctaOpenInboxText","marginLeft","mailIcon","ConfirmEmailSent","props","locales","onClose","onOpenInbox","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","fadeInContent","property","_stylesheet","start","createElement","style","animatedStyle","locations","successTitle","successDescription","onPress","testID","successCta"],"sources":["../../../../src/template/mobile-login/confirm-email-sent/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {Animated, Dimensions, StyleSheet, TextStyle, View, ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport {\n  NovaSolidStatusClose as CloseIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\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\nconst SCREEN = Dimensions.get('screen');\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  content: ViewStyle;\n  backButton: ViewStyle;\n  closeIcon: ViewStyle;\n  gradients: ViewStyle;\n  gradient: ViewStyle;\n  gradient2: ViewStyle;\n  title: TextStyle;\n  description: TextStyle;\n  ctaWrapper: ViewStyle;\n  ctaOpenInbox: ViewStyle;\n  ctaOpenInboxText: TextStyle;\n  mailIcon: ViewStyle;\n  checkIconWrapper: ViewStyle;\n  checkIconInnerWrapper: ViewStyle;\n  checkIcon: 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: 'center',\n      alignItems: 'center',\n      paddingHorizontal: 24\n    },\n    backButton: {\n      position: 'absolute',\n      top: 60,\n      left: 30\n    },\n    closeIcon: {\n      fill: '#515161',\n      width: 20,\n      height: 20\n    },\n    gradients: {\n      position: 'absolute',\n      top: 0,\n      height: SCREEN.height,\n      left: 0,\n      right: 0,\n      flex: 1\n    },\n    gradient: {\n      position: 'absolute',\n      top: -80,\n      bottom: 400,\n      left: -180,\n      right: -180,\n      opacity: 1,\n      transform: [{rotate: '15deg'}]\n    },\n    gradient2: {\n      position: 'absolute',\n      top: -30,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      opacity: 0.6\n    },\n    content: {\n      width: '100%',\n      justifyContent: 'space-around',\n      alignItems: 'center'\n    },\n    checkIconWrapper: {\n      backgroundColor: '#E8FCF8',\n      width: 64,\n      height: 64,\n      marginVertical: 12,\n      borderRadius: 16,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    checkIconInnerWrapper: {\n      backgroundColor: '#18BB98',\n      width: 24,\n      height: 24,\n      padding: 4,\n      borderRadius: 50,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    checkIcon: {\n      fill: '#fff',\n      width: 12,\n      height: 12\n    },\n    title: {\n      color: '#1D1D2B',\n      fontWeight: '600',\n      textAlign: 'center',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      color: '#1D1D2B',\n      fontWeight: '400',\n      textAlign: 'center',\n      fontSize: 17,\n      lineHeight: 24,\n      paddingVertical: 8\n    },\n    ctaWrapper: {\n      position: 'absolute',\n      width: '100%',\n      bottom: 60\n    },\n    ctaOpenInbox: {\n      paddingVertical: 12,\n      marginVertical: 4,\n      flexDirection: 'row',\n      justifyContent: 'center',\n      borderRadius: 12,\n      alignItems: 'center',\n      overflow: 'hidden',\n      backgroundColor: theme.colors.cta\n    },\n    ctaOpenInboxText: {\n      marginLeft: 8,\n      color: '#fff',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    mailIcon: {\n      fill: '#fff',\n      height: 14,\n      width: 14\n    }\n  });\n\nexport type Props = {\n  onClose: () => void;\n  onOpenInbox: () => void;\n  locales: {\n    successTitle: string;\n    successDescription: string;\n    successCta: string;\n  };\n};\n\nconst ConfirmEmailSent = (props: Props) => {\n  const {locales, onClose, onOpenInbox} = props;\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  const translateGradients = useTranslateY({\n    fromValue: 50,\n    toValue: -SCREEN.height * 0.4,\n    duration: 250,\n    delay: 650\n  });\n\n  const fadeInContent = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 650,\n    delay: 750\n  });\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    fadeInContent.start();\n    translateGradients.start();\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Animated.View style={styleSheet.wrapper}>\n      <Animated.View style={[styleSheet.gradients, translateGradients.animatedStyle]}>\n        <LinearGradient\n          colors={['#179c57', '#fff0']}\n          locations={[0, 0.5]}\n          style={styleSheet.gradient}\n        />\n        <LinearGradient\n          colors={['#18BB98', '#18BB9800']}\n          locations={[0, 1]}\n          style={styleSheet.gradient2}\n        />\n      </Animated.View>\n      <Animated.View style={[styleSheet.content, fadeInContent.animatedStyle]}>\n        <View style={styleSheet.checkIconWrapper}>\n          <View style={styleSheet.checkIconInnerWrapper}>\n            <CheckIcon style={styleSheet.checkIcon} />\n          </View>\n        </View>\n        <Text style={styleSheet.title}>{locales.successTitle}</Text>\n        <Text style={styleSheet.description}>{locales.successDescription}</Text>\n      </Animated.View>\n\n      <Touchable style={styleSheet.backButton} onPress={onClose} testID=\"close-button\">\n        <CloseIcon style={styleSheet.closeIcon} />\n      </Touchable>\n\n      <Animated.View style={[styleSheet.ctaWrapper, fadeInContent.animatedStyle]}>\n        <Touchable style={styleSheet.ctaOpenInbox} onPress={onOpenInbox} testID=\"open-inbox-button\">\n          <MailIcon style={styleSheet.mailIcon} />\n          <Text style={styleSheet.ctaOpenInboxText}>{locales.successCta}</Text>\n        </Touchable>\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default ConfirmEmailSent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","Animated","Dimensions","StyleSheet","View","Platform","NovaSolidStatusClose","CloseIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyEmail","MailIcon","useAnimateProp","useTranslateY","Touchable","useTemplateContext","Text","SCREEN","get","createStyleSheet","theme","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","backButton","position","closeIcon","fill","width","height","gradients","gradient","opacity","transform","rotate","gradient2","content","checkIconWrapper","backgroundColor","marginVertical","borderRadius","checkIconInnerWrapper","padding","checkIcon","title","color","fontWeight","textAlign","fontSize","lineHeight","paddingVertical","description","ctaWrapper","ctaOpenInbox","flexDirection","overflow","colors","cta","ctaOpenInboxText","marginLeft","mailIcon","ConfirmEmailSent","props","locales","onClose","onOpenInbox","styleSheet","setStylesheet","translateGradients","fromValue","toValue","duration","delay","fadeInContent","property","_stylesheet","start","createElement","style","animatedStyle","select","default","experimental_backgroundImage","web","backgroundImage","successTitle","successDescription","onPress","testID","successCta"],"sources":["../../../../src/template/mobile-login/confirm-email-sent/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {Animated, Dimensions, StyleSheet, TextStyle, View, ViewStyle, Platform} from 'react-native';\nimport {\n  NovaSolidStatusClose as CloseIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\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\nconst SCREEN = Dimensions.get('screen');\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  content: ViewStyle;\n  backButton: ViewStyle;\n  closeIcon: ViewStyle & {fill?: string};\n  gradients: ViewStyle;\n  gradient: ViewStyle;\n  gradient2: ViewStyle;\n  title: TextStyle;\n  description: TextStyle;\n  ctaWrapper: ViewStyle;\n  ctaOpenInbox: ViewStyle;\n  ctaOpenInboxText: TextStyle;\n  mailIcon: ViewStyle & {fill?: string};\n  checkIconWrapper: ViewStyle;\n  checkIconInnerWrapper: ViewStyle;\n  checkIcon: ViewStyle & {fill?: string};\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create<StyleSheetType>({\n    wrapper: {\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      paddingHorizontal: 24\n    },\n    backButton: {\n      position: 'absolute',\n      top: 60,\n      left: 30\n    },\n    closeIcon: {\n      fill: '#515161',\n      width: 20,\n      height: 20\n    } as ViewStyle & {fill?: string},\n    gradients: {\n      position: 'absolute',\n      top: 0,\n      height: SCREEN.height,\n      left: 0,\n      right: 0,\n      flex: 1\n    },\n    gradient: {\n      position: 'absolute',\n      top: -80,\n      bottom: 400,\n      left: -180,\n      right: -180,\n      opacity: 1,\n      transform: [{rotate: '15deg'}]\n    },\n    gradient2: {\n      position: 'absolute',\n      top: -30,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      opacity: 0.6\n    },\n    content: {\n      width: '100%',\n      justifyContent: 'space-around',\n      alignItems: 'center'\n    },\n    checkIconWrapper: {\n      backgroundColor: '#E8FCF8',\n      width: 64,\n      height: 64,\n      marginVertical: 12,\n      borderRadius: 16,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    checkIconInnerWrapper: {\n      backgroundColor: '#18BB98',\n      width: 24,\n      height: 24,\n      padding: 4,\n      borderRadius: 50,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    checkIcon: {\n      fill: '#fff',\n      width: 12,\n      height: 12\n    } as ViewStyle & {fill?: string},\n    title: {\n      color: '#1D1D2B',\n      fontWeight: '600',\n      textAlign: 'center',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      color: '#1D1D2B',\n      fontWeight: '400',\n      textAlign: 'center',\n      fontSize: 17,\n      lineHeight: 24,\n      paddingVertical: 8\n    },\n    ctaWrapper: {\n      position: 'absolute',\n      width: '100%',\n      bottom: 60\n    },\n    ctaOpenInbox: {\n      paddingVertical: 12,\n      marginVertical: 4,\n      flexDirection: 'row',\n      justifyContent: 'center',\n      borderRadius: 12,\n      alignItems: 'center',\n      overflow: 'hidden',\n      backgroundColor: theme.colors.cta\n    },\n    ctaOpenInboxText: {\n      marginLeft: 8,\n      color: '#fff',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    mailIcon: {\n      fill: '#fff',\n      height: 14,\n      width: 14\n    } as ViewStyle & {fill?: string}\n  });\n\nexport type Props = {\n  onClose: () => void;\n  onOpenInbox: () => void;\n  locales: {\n    successTitle: string;\n    successDescription: string;\n    successCta: string;\n  };\n};\n\nconst ConfirmEmailSent = (props: Props) => {\n  const {locales, onClose, onOpenInbox} = props;\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  const translateGradients = useTranslateY({\n    fromValue: 50,\n    toValue: -SCREEN.height * 0.4,\n    duration: 250,\n    delay: 650\n  });\n\n  const fadeInContent = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 650,\n    delay: 750\n  });\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    fadeInContent.start();\n    translateGradients.start();\n    // on mount only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Animated.View style={styleSheet.wrapper}>\n      <Animated.View style={[styleSheet.gradients, translateGradients.animatedStyle]}>\n        <View\n          style={[\n            styleSheet.gradient,\n            Platform.select({\n              default: {\n                // @ts-ignore\n                experimental_backgroundImage: 'linear-gradient(180deg, #179c57 0%, #fff0 50%)'\n              },\n              web: {\n                // @ts-ignore\n                backgroundImage: 'linear-gradient(180deg, #179c57 0%, #fff0 50%)'\n              }\n            }) as ViewStyle\n          ]}\n        />\n        <View\n          style={[\n            styleSheet.gradient2,\n            Platform.select({\n              default: {\n                // @ts-ignore\n                experimental_backgroundImage: 'linear-gradient(180deg, #18BB98 0%, #18BB9800 100%)'\n              },\n              web: {\n                // @ts-ignore\n                backgroundImage: 'linear-gradient(180deg, #18BB98 0%, #18BB9800 100%)'\n              }\n            }) as ViewStyle\n          ]}\n        />\n      </Animated.View>\n      <Animated.View style={[styleSheet.content, fadeInContent.animatedStyle]}>\n        <View style={styleSheet.checkIconWrapper}>\n          <View style={styleSheet.checkIconInnerWrapper}>\n            <CheckIcon style={styleSheet.checkIcon} />\n          </View>\n        </View>\n        <Text style={styleSheet.title}>{locales.successTitle}</Text>\n        <Text style={styleSheet.description}>{locales.successDescription}</Text>\n      </Animated.View>\n\n      <Touchable style={styleSheet.backButton} onPress={onClose} testID=\"close-button\">\n        <CloseIcon style={styleSheet.closeIcon} />\n      </Touchable>\n\n      <Animated.View style={[styleSheet.ctaWrapper, fadeInContent.animatedStyle]}>\n        <Touchable style={styleSheet.ctaOpenInbox} onPress={onOpenInbox} testID=\"open-inbox-button\">\n          <MailIcon style={styleSheet.mailIcon} />\n          <Text style={styleSheet.ctaOpenInboxText}>{locales.successCta}</Text>\n        </Touchable>\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default ConfirmEmailSent;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface Props {
     hasPermission: boolean;
     onScan: (token?: string) => void;
@@ -11,6 +11,6 @@ export interface Props {
         titleHelp: string;
     };
 }
-declare const QRCodeScanner: (props: Props) => JSX.Element;
+declare const QRCodeScanner: (props: Props) => React.JSX.Element;
 export default QRCodeScanner;
 //# sourceMappingURL=index.native.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/qr-code-scanner/index.native.tsx"],"names":[],"mappings":";AASA,MAAM,WAAW,KAAK;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAyPD,QAAA,MAAM,aAAa,UAAW,KAAK,gBAkDlC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/qr-code-scanner/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,MAAM,WAAW,KAAK;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AA4PD,QAAA,MAAM,aAAa,UAAW,KAAK,sBAkDlC,CAAC;AAEF,eAAe,aAAa,CAAC"}

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","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","createElement","style","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","onPress","QRCodeScanner","hasPermission","onScan","handleRead","data","undefined","blurRef","blurOpacity","testID","fadeIn","onRead","cameraStyle","cameraProps","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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","ignoreList":[]}
+{"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","createElement","style","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","onPress","QRCodeScanner","hasPermission","onScan","handleRead","data","undefined","blurRef","blurOpacity","testID","fadeIn","onRead","cameraStyle","cameraProps","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  } as ViewStyle & {fill?: string},\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: {\n  position: ViewStyle;\n  lineLength: Animated.AnimatedInterpolation<number>;\n}) => {\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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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type Props = {
     locales: {
         title: string;
@@ -9,6 +9,6 @@ export declare type Props = {
     onClose: () => void;
     onSend: (email: string) => void;
 };
-declare const ReceiveEmail: (props: Props) => JSX.Element;
+declare const ReceiveEmail: (props: Props) => React.JSX.Element;
 export default ReceiveEmail;
 //# sourceMappingURL=index.native.d.ts.map

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":";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;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,YAAY,UAAW,KAAK,gBAoFjC,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":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAqItE,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;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,YAAY,UAAW,KAAK,sBAoFjC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type Props = {
     onDemoPress: () => void;
     onHelpPress: () => void;
@@ -13,6 +13,6 @@ export declare type Props = {
         ctaHelp: string;
     };
 };
-declare const Welcome: (props: Props) => JSX.Element | null;
+declare const Welcome: (props: Props) => React.JSX.Element;
 export default Welcome;
 //# sourceMappingURL=index.native.d.ts.map

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":";AAiLA,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":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAgLlE,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,sBA2J5B,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1,6 +1,5 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Animated, StyleSheet, View } from 'react-native';
-import LinearGradient from 'react-native-linear-gradient';
+import React, { useEffect, useMemo, useState } from 'react';
+import { Animated, StyleSheet, View, Platform } from 'react-native';
 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';
@@ -191,7 +190,7 @@ const Welcome = props => {
     duration: 250,
     delay: 900
   });
-  const scaleAnim = useRef(new Animated.Value(0)).current;
+  const scaleAnim = useMemo(() => new Animated.Value(0), []);
   const interpolateScale = scaleAnim.interpolate({
     inputRange: [0, 0.4, 0.5, 0.6, 1],
     outputRange: [1, 1.7, 1.7, 1.7, 1]
@@ -224,14 +223,28 @@ const Welcome = props => {
     testID: "welcome"
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: [styleSheet.gradients, translateGradients.animatedStyle]
-  }, /*#__PURE__*/React.createElement(LinearGradient, {
-    colors: [cm_primary_blue, '#fff'],
-    locations: [0, 0.95],
-    style: styleSheet.gradient
-  }), /*#__PURE__*/React.createElement(LinearGradient, {
-    colors: ['#2199AB', '#fff'],
-    locations: [0, 0.95],
-    style: styleSheet.gradient2
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styleSheet.gradient, Platform.select({
+      default: {
+        // @ts-ignore
+        experimental_backgroundImage: `linear-gradient(180deg, ${cm_primary_blue} 0%, #fff 95%)`
+      },
+      web: {
+        // @ts-ignore
+        backgroundImage: `linear-gradient(180deg, ${cm_primary_blue} 0%, #fff 95%)`
+      }
+    })]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styleSheet.gradient2, Platform.select({
+      default: {
+        // @ts-ignore
+        experimental_backgroundImage: 'linear-gradient(180deg, #2199AB 0%, #fff 95%)'
+      },
+      web: {
+        // @ts-ignore
+        backgroundImage: 'linear-gradient(180deg, #2199AB 0%, #fff 95%)'
+      }
+    })]
   })), /*#__PURE__*/React.createElement(Touchable, {
     onLongPress: onDemoPress,
     style: styleSheet.logo

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

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

package/es/template/my-learning/index.d.ts

@@ -1,5 +1,5 @@
 export default MyLearning;
-declare function MyLearning(props: any, context: any): JSX.Element;
+declare function MyLearning(props: any, context: any): React.JSX.Element;
 declare namespace MyLearning {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -26,8 +26,8 @@ declare namespace MyLearning {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
     }
     namespace propTypes {
-        const skills: PropTypes.Requireable<(string | null | undefined)[]>;
-        const selectedSkills: PropTypes.Requireable<(string | null | undefined)[]>;
+        const skills: PropTypes.Requireable<string[]>;
+        const selectedSkills: PropTypes.Requireable<string[]>;
         const skillsInformation: PropTypes.Requireable<{
             [x: string]: PropTypes.InferProps<{
                 availableForReview: PropTypes.Requireable<boolean>;
@@ -38,10 +38,10 @@ declare namespace MyLearning {
                     questionsToReview: PropTypes.Requireable<number>;
                     learningTime: PropTypes.Requireable<number>;
                 }>>;
-            }> | null | undefined;
+            }>;
         }>;
         const skillsLocales: PropTypes.Requireable<{
-            [x: string]: string | null | undefined;
+            [x: string]: string;
         }>;
         const learnerFeature: PropTypes.Requireable<boolean>;
         const isLoading: PropTypes.Requireable<boolean>;
@@ -52,7 +52,7 @@ declare namespace MyLearning {
             dataName: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
             showMore: PropTypes.Requireable<string>;
-            cards: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
+            cards: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 badge: PropTypes.Requireable<string>;
                 image: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
@@ -108,18 +108,18 @@ declare namespace MyLearning {
                 tagLabel: PropTypes.Requireable<string>;
                 progression: PropTypes.Requireable<number>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            }> | null | undefined> | null | undefined)[]>;
+            }>>[]>;
             tabs: PropTypes.Requireable<PropTypes.InferProps<{
-                items: PropTypes.Requireable<(PropTypes.InferProps<{
+                items: PropTypes.Requireable<PropTypes.InferProps<{
                     title: PropTypes.Requireable<string>;
                     count: PropTypes.Requireable<number>;
                     'aria-label': PropTypes.Requireable<string>;
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     isActive: PropTypes.Requireable<boolean>;
-                }> | null | undefined)[]>;
+                }>[]>;
             }>>;
             customStyle: PropTypes.Requireable<{
-                [x: string]: string | null | undefined;
+                [x: string]: string;
             }>;
             onScroll: PropTypes.Requireable<(...args: any[]) => any>;
             onShowMore: PropTypes.Requireable<(...args: any[]) => any>;
@@ -132,5 +132,6 @@ declare namespace MyLearning {
         }>>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/template/my-learning/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/my-learning/index.js"],"names":[],"mappings":";AAqHA,mEA2ZC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/my-learning/index.js"],"names":[],"mappings":";AAqHA,yEA2ZC"}