@coorpacademy/components 11.14.12-alpha.3.2 → 11.14.12

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

@@ -0,0 +1,234 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
+
+var _index = _interopRequireDefault(require("../../../hoc/touchable/index.native"));
+
+var _templateContext = require("../../app-review/template-context");
+
+var _index2 = _interopRequireDefault(require("../../../atom/text/index.native"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const SCREEN = _reactNative.Dimensions.get('screen');
+
+const createStyleSheet = theme => _reactNative.StyleSheet.create({
+  wrapper: {
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: 24
+  },
+  backButton: {
+    position: 'absolute',
+    top: 60,
+    left: 30
+  },
+  closeIcon: {
+    fill: '#515161',
+    width: 20,
+    height: 20
+  },
+  gradients: {
+    position: 'absolute',
+    top: 0,
+    height: SCREEN.height,
+    left: 0,
+    right: 0,
+    flex: 1
+  },
+  gradient: {
+    position: 'absolute',
+    top: -80,
+    bottom: 400,
+    left: -180,
+    right: -180,
+    opacity: 1,
+    transform: [{
+      rotate: '15deg'
+    }]
+  },
+  gradient2: {
+    position: 'absolute',
+    top: -30,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    opacity: 0.6
+  },
+  content: {
+    width: '100%',
+    justifyContent: 'space-around',
+    alignItems: 'center'
+  },
+  checkIconWrapper: {
+    backgroundColor: '#E8FCF8',
+    width: 64,
+    height: 64,
+    marginVertical: 12,
+    borderRadius: 16,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  checkIconInnerWrapper: {
+    backgroundColor: '#18BB98',
+    width: 24,
+    height: 24,
+    padding: 4,
+    borderRadius: 50,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  checkIcon: {
+    fill: '#fff',
+    width: 12,
+    height: 12
+  },
+  title: {
+    color: '#1D1D2B',
+    fontWeight: '600',
+    textAlign: 'center',
+    fontSize: 28,
+    lineHeight: 36,
+    paddingVertical: 8
+  },
+  description: {
+    color: '#1D1D2B',
+    fontWeight: '400',
+    textAlign: 'center',
+    fontSize: 17,
+    lineHeight: 24,
+    paddingVertical: 8
+  },
+  ctaWrapper: {
+    position: 'absolute',
+    width: '100%',
+    bottom: 60
+  },
+  ctaOpenInbox: {
+    paddingVertical: 12,
+    marginVertical: 4,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    borderRadius: 12,
+    alignItems: 'center',
+    overflow: 'hidden',
+    backgroundColor: theme.colors.cta
+  },
+  ctaOpenInboxText: {
+    marginLeft: 8,
+    color: '#fff',
+    fontWeight: '700',
+    fontSize: 14,
+    lineHeight: 24
+  },
+  mailIcon: {
+    fill: '#fff',
+    height: 14,
+    width: 14
+  }
+});
+
+const ConfirmEmailSent = props => {
+  const {
+    locales,
+    onClose,
+    onOpenInbox
+  } = props;
+  const {
+    theme
+  } = (0, _templateContext.useTemplateContext)();
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  const translateGradients = (0, _reactNativeAnimation.useTranslateY)({
+    fromValue: 50,
+    toValue: -SCREEN.height * 0.4,
+    duration: 250,
+    delay: 650
+  });
+  const fadeInContent = (0, _reactNativeAnimation.useAnimateProp)({
+    property: 'opacity',
+    fromValue: 0,
+    toValue: 1,
+    duration: 650,
+    delay: 750
+  });
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+  (0, _react.useEffect)(() => {
+    fadeInContent.start();
+    translateGradients.start(); // on mount only
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: styleSheet.wrapper
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styleSheet.gradients, translateGradients.animatedStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: ['#179c57', '#fff0'],
+    locations: [0, 0.5],
+    style: styleSheet.gradient
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: ['#18BB98', '#18BB9800'],
+    locations: [0, 1],
+    style: styleSheet.gradient2
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styleSheet.content, fadeInContent.animatedStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.checkIconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.checkIconInnerWrapper
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
+    style: styleSheet.checkIcon
+  }))), /*#__PURE__*/_react.default.createElement(_index2.default, {
+    style: styleSheet.title
+  }, locales.successTitle), /*#__PURE__*/_react.default.createElement(_index2.default, {
+    style: styleSheet.description
+  }, locales.successDescription)), /*#__PURE__*/_react.default.createElement(_index.default, {
+    style: styleSheet.backButton,
+    onPress: onClose,
+    testID: "close-button"
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
+    style: styleSheet.closeIcon
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styleSheet.ctaWrapper, fadeInContent.animatedStyle]
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    style: styleSheet.ctaOpenInbox,
+    onPress: onOpenInbox,
+    testID: "open-inbox-button"
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyEmail, {
+    style: styleSheet.mailIcon
+  }), /*#__PURE__*/_react.default.createElement(_index2.default, {
+    style: styleSheet.ctaOpenInboxText
+  }, locales.successCta))));
+};
+
+var _default = ConfirmEmailSent;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":["SCREEN","Dimensions","get","createStyleSheet","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","translateGradients","useTranslateY","fromValue","toValue","duration","delay","fadeInContent","useAnimateProp","property","useEffect","_stylesheet","start","animatedStyle","successTitle","successDescription","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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"}

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

@@ -7,6 +7,7 @@ export declare type Props = {
         cta: string;
     };
     onClose: () => void;
+    onSend: () => void;
 };
 declare const ReceiveEmail: (props: Props) => JSX.Element;
 export default ReceiveEmail;

package/lib/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;CACrB,CAAC;AAEF,QAAA,MAAM,YAAY,UAAW,KAAK,gBAyEjC,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;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,YAAY,UAAW,KAAK,gBA8EjC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -134,7 +134,8 @@ const styles = _reactNative.StyleSheet.create({
 const ReceiveEmail = props => {
   const {
     locales,
-    onClose
+    onClose,
+    onSend
   } = props;
   const [isValid, setValid] = (0, _react.useState)(false);
   const [isTextInputFocused, setTextInputFocused] = (0, _react.useState)(false);
@@ -171,7 +172,8 @@ const ReceiveEmail = props => {
     style: styles.contentWrapper
   }, /*#__PURE__*/_react.default.createElement(_index.default, {
     style: styles.backButton,
-    onPress: onClose
+    onPress: onClose,
+    testID: "close-button"
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationLeftArrow, {
     style: styles.arrowIcon
   })), isKeyboardVisible ? null : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -202,7 +204,8 @@ const ReceiveEmail = props => {
   }, /*#__PURE__*/_react.default.createElement(_index.default, {
     disabled: !isValid,
     style: [styles.ctaButton],
-    onPress: onClose
+    onPress: onSend,
+    testID: "send-button"
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademySendEmail, {
     style: styles.sendIcon
   }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {

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

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

package/locales/.mtslconfig.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.14.12-alpha.3.2+5f660fee04",
+  "version": "11.14.12",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -168,5 +168,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "5f660fee04a109b1642518d6e3b4709ce3a22abb"
+  "gitHead": "014dc648a1ffdc9ea5b69c7268da9e37737c41d7"
 }