@coorpacademy/components 10.30.1 → 10.30.3

package/es/atom/gradient/index.native.d.ts

@@ -5,7 +5,7 @@ export declare type Props = {
     colors: Array<string>;
     transparencyPosition?: 'top' | 'bottom';
     height?: number;
-    style?: ViewStyle | ViewStyle[] | undefined;
+    style?: ViewStyle | ViewStyle[];
     testID?: string;
     pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;
 };

package/es/atom/gradient/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/gradient/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAIvC,oBAAY,KAAK,GAAG;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,oBAAoB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,GAAG,SAAS,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,QAAA,MAAM,QAAQ,qFAQX,KAAK,gBA+BP,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/gradient/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAIvC,oBAAY,KAAK,GAAG;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,oBAAoB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,QAAA,MAAM,QAAQ,qFAQX,KAAK,gBA+BP,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/atom/gradient/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","LinearGradient","Color","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","calculatedColors","length","r","g","b","object","_style","push"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport Color from 'color';\n\nexport type Props = {\n  children?: ReactNode;\n  colors: Array<string>;\n  transparencyPosition?: 'top' | 'bottom';\n  height?: number;\n  style?: ViewStyle | ViewStyle[] | undefined;\n  testID?: string;\n  pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;\n};\n\nconst Gradient = ({\n  children,\n  colors,\n  transparencyPosition = 'top',\n  height,\n  style,\n  testID,\n  pointerEvents\n}: Props) => {\n  let calculatedColors = colors;\n  if (colors.length === 1) {\n    const {r, g, b} = Color(colors[0]).object();\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [`rgba(${r}, ${g}, ${b}, 0)`, colors[0], colors[0]]\n        : [colors[0], colors[0], `rgba(${r}, ${g}, ${b}, 0)`];\n  }\n\n  const _style = [];\n\n  if (style) {\n    _style.push(style);\n  }\n  if (height) {\n    _style.push({height});\n  }\n\n  return (\n    (\n      <LinearGradient\n        colors={calculatedColors}\n        style={_style}\n        pointerEvents={pointerEvents}\n        testID={testID}\n      >\n        {children}\n      </LinearGradient>\n    ) || null\n  );\n};\n\nexport default Gradient;\n"],"mappings":"AAAA,OAAOA,KAAP,MAA+B,OAA/B;AAEA,OAAOC,cAAP,MAA2B,8BAA3B;AACA,OAAOC,KAAP,MAAkB,OAAlB;;AAYA,MAAMC,QAAQ,GAAG,CAAC;EAChBC,QADgB;EAEhBC,MAFgB;EAGhBC,oBAAoB,GAAG,KAHP;EAIhBC,MAJgB;EAKhBC,KALgB;EAMhBC,MANgB;EAOhBC;AAPgB,CAAD,KAQJ;EACX,IAAIC,gBAAgB,GAAGN,MAAvB;;EACA,IAAIA,MAAM,CAACO,MAAP,KAAkB,CAAtB,EAAyB;IACvB,MAAM;MAACC,CAAD;MAAIC,CAAJ;MAAOC;IAAP,IAAYb,KAAK,CAACG,MAAM,CAAC,CAAD,CAAP,CAAL,CAAiBW,MAAjB,EAAlB;IACAL,gBAAgB,GACdL,oBAAoB,KAAK,KAAzB,GACI,CAAE,QAAOO,CAAE,KAAIC,CAAE,KAAIC,CAAE,MAAvB,EAA8BV,MAAM,CAAC,CAAD,CAApC,EAAyCA,MAAM,CAAC,CAAD,CAA/C,CADJ,GAEI,CAACA,MAAM,CAAC,CAAD,CAAP,EAAYA,MAAM,CAAC,CAAD,CAAlB,EAAwB,QAAOQ,CAAE,KAAIC,CAAE,KAAIC,CAAE,MAA7C,CAHN;EAID;;EAED,MAAME,MAAM,GAAG,EAAf;;EAEA,IAAIT,KAAJ,EAAW;IACTS,MAAM,CAACC,IAAP,CAAYV,KAAZ;EACD;;EACD,IAAID,MAAJ,EAAY;IACVU,MAAM,CAACC,IAAP,CAAY;MAACX;IAAD,CAAZ;EACD;;EAED,OACE,aACE,oBAAC,cAAD;IACE,MAAM,EAAEI,gBADV;IAEE,KAAK,EAAEM,MAFT;IAGE,aAAa,EAAEP,aAHjB;IAIE,MAAM,EAAED;EAJV,GAMGL,QANH,CADF,IASK,IAVP;AAYD,CAvCD;;AAyCA,eAAeD,QAAf"}
+{"version":3,"file":"index.native.js","names":["React","LinearGradient","Color","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","calculatedColors","length","r","g","b","object","_style","push"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport Color from 'color';\n\nexport type Props = {\n  children?: ReactNode;\n  colors: Array<string>;\n  transparencyPosition?: 'top' | 'bottom';\n  height?: number;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;\n};\n\nconst Gradient = ({\n  children,\n  colors,\n  transparencyPosition = 'top',\n  height,\n  style,\n  testID,\n  pointerEvents\n}: Props) => {\n  let calculatedColors = colors;\n  if (colors.length === 1) {\n    const {r, g, b} = Color(colors[0]).object();\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [`rgba(${r}, ${g}, ${b}, 0)`, colors[0], colors[0]]\n        : [colors[0], colors[0], `rgba(${r}, ${g}, ${b}, 0)`];\n  }\n\n  const _style = [];\n\n  if (style) {\n    _style.push(style);\n  }\n  if (height) {\n    _style.push({height});\n  }\n\n  return (\n    (\n      <LinearGradient\n        colors={calculatedColors}\n        style={_style}\n        pointerEvents={pointerEvents}\n        testID={testID}\n      >\n        {children}\n      </LinearGradient>\n    ) || null\n  );\n};\n\nexport default Gradient;\n"],"mappings":"AAAA,OAAOA,KAAP,MAA+B,OAA/B;AAEA,OAAOC,cAAP,MAA2B,8BAA3B;AACA,OAAOC,KAAP,MAAkB,OAAlB;;AAYA,MAAMC,QAAQ,GAAG,CAAC;EAChBC,QADgB;EAEhBC,MAFgB;EAGhBC,oBAAoB,GAAG,KAHP;EAIhBC,MAJgB;EAKhBC,KALgB;EAMhBC,MANgB;EAOhBC;AAPgB,CAAD,KAQJ;EACX,IAAIC,gBAAgB,GAAGN,MAAvB;;EACA,IAAIA,MAAM,CAACO,MAAP,KAAkB,CAAtB,EAAyB;IACvB,MAAM;MAACC,CAAD;MAAIC,CAAJ;MAAOC;IAAP,IAAYb,KAAK,CAACG,MAAM,CAAC,CAAD,CAAP,CAAL,CAAiBW,MAAjB,EAAlB;IACAL,gBAAgB,GACdL,oBAAoB,KAAK,KAAzB,GACI,CAAE,QAAOO,CAAE,KAAIC,CAAE,KAAIC,CAAE,MAAvB,EAA8BV,MAAM,CAAC,CAAD,CAApC,EAAyCA,MAAM,CAAC,CAAD,CAA/C,CADJ,GAEI,CAACA,MAAM,CAAC,CAAD,CAAP,EAAYA,MAAM,CAAC,CAAD,CAAlB,EAAwB,QAAOQ,CAAE,KAAIC,CAAE,KAAIC,CAAE,MAA7C,CAHN;EAID;;EAED,MAAME,MAAM,GAAG,EAAf;;EAEA,IAAIT,KAAJ,EAAW;IACTS,MAAM,CAACC,IAAP,CAAYV,KAAZ;EACD;;EACD,IAAID,MAAJ,EAAY;IACVU,MAAM,CAACC,IAAP,CAAY;MAACX;IAAD,CAAZ;EACD;;EAED,OACE,aACE,oBAAC,cAAD;IACE,MAAM,EAAEI,gBADV;IAEE,KAAK,EAAEM,MAFT;IAGE,aAAa,EAAEP,aAHjB;IAIE,MAAM,EAAED;EAJV,GAMGL,QANH,CADF,IASK,IAVP;AAYD,CAvCD;;AAyCA,eAAeD,QAAf"}

package/es/atom/review-presentation/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAC,eAAe,EAAW,MAAM,cAAc,CAAC;AAyFvD,QAAA,MAAM,UAAU,UAAW,eAAe,uBA0CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAC,eAAe,EAAW,MAAM,cAAc,CAAC;AA8FvD,QAAA,MAAM,UAAU,UAAW,eAAe,uBA0CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/atom/review-presentation/index.native.js

@@ -1,12 +1,14 @@
 import React, { useState, useEffect } from 'react';
 import { View, StyleSheet, Text } from 'react-native';
-import { NovaLineSelectionCursorsCursorArrowTarget as TargetIcon, NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon, NovaSolidStatusCheckCircle2 as CheckCircle2Icon, NovaCompositionCoorpacademyHeart as HeartIcon } from '@coorpacademy/nova-icons';
+import { NovaLineSelectionCursorsCursorArrowTarget as TargetIcon, NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon, NovaSolidStatusCheckCircle2 as CheckCircle2Icon, NovaCompositionCoorpacademyVoteHeartOutline as HeartIcon } from '@coorpacademy/nova-icons';
 import { useTemplateContext } from '../../template/app-review/template-context';
 import { HEADER_HEIGHT } from '../../organism/header-v2/index.native';
 import Touchable from '../../hoc/touchable/index.native';
+import Html from '../html/index.native';
 
-const createStyleSheet = theme => StyleSheet.create({
+const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
   container: {
+    backgroundColor: theme.colors.white,
     justifyContent: 'space-between',
     flex: 1,
     padding: 20,
@@ -38,7 +40,8 @@ const createStyleSheet = theme => StyleSheet.create({
     marginBottom: theme.spacing.micro
   },
   tipText: {
-    fontSize: theme.fontSize.large,
+    fontSize: 16,
+    lineHeight: 22,
     color: theme.colors.text.primary
   },
   icon: {
@@ -48,12 +51,15 @@ const createStyleSheet = theme => StyleSheet.create({
     height: 52,
     borderRadius: 7,
     marginBottom: theme.spacing.large,
-    marginTop: theme.spacing.large
+    marginTop: theme.spacing.large,
+    backgroundColor: brandTheme?.colors?.primary || theme.colors.cta,
+    justifyContent: 'center'
   },
   buttonText: {
+    alignSelf: 'center',
     fontWeight: theme.fontWeight.bold,
     fontSize: theme.fontSize.large,
-    color: theme.colors.text.secondary
+    color: '#fff'
   }
 });
 
@@ -61,6 +67,7 @@ const Tip = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
   const {
+    brandTheme,
     theme
   } = templateContext;
   const {
@@ -68,10 +75,10 @@ const Tip = props => {
     text
   } = props;
   useEffect(() => {
-    const _stylesheet = createStyleSheet(theme);
+    const _stylesheet = createStyleSheet(brandTheme, theme);
 
     setStylesheet(_stylesheet);
-  }, [theme]);
+  }, [brandTheme, theme]);
 
   if (!styleSheet) {
     return null;
@@ -93,6 +100,7 @@ const Onboarding = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
   const {
+    brandTheme,
     theme,
     translations
   } = templateContext;
@@ -100,10 +108,10 @@ const Onboarding = props => {
     onPress
   } = props;
   useEffect(() => {
-    const _stylesheet = createStyleSheet(theme);
+    const _stylesheet = createStyleSheet(brandTheme, theme);
 
     setStylesheet(_stylesheet);
-  }, [theme]); // ------------------------------------
+  }, [brandTheme, theme]); // ------------------------------------
 
   if (!styleSheet) {
     return null;
@@ -111,30 +119,30 @@ const Onboarding = props => {
 
   return /*#__PURE__*/React.createElement(View, {
     style: styleSheet.container
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Html, {
     style: styleSheet.title
-  }, translations.appReview?.presentation.title), /*#__PURE__*/React.createElement(Text, {
+  }, translations.appReview.presentation.title), /*#__PURE__*/React.createElement(Html, {
     style: styleSheet.text
-  }, translations.appReview?.presentation.text), /*#__PURE__*/React.createElement(Tip, {
+  }, translations.appReview.presentation.text), /*#__PURE__*/React.createElement(Tip, {
     Icon: TargetIcon,
-    text: translations.appReview?.presentation?.labelList?.skills?.text
+    text: translations.appReview.presentation.labelList.skills.text
   }), /*#__PURE__*/React.createElement(Tip, {
     Icon: QuestionMarkIcon,
-    text: translations.appReview?.presentation?.labelList?.questions?.text
+    text: translations.appReview.presentation.labelList.questions.text
   }), /*#__PURE__*/React.createElement(Tip, {
     Icon: HeartIcon,
-    text: translations.appReview?.presentation?.labelList?.lifes?.text
+    text: translations.appReview.presentation.labelList.lifes.text
   }), /*#__PURE__*/React.createElement(Tip, {
     Icon: CheckCircle2Icon,
-    text: translations.appReview?.presentation?.labelList?.allright?.text
+    text: translations.appReview.presentation.labelList.allright.text
   }), /*#__PURE__*/React.createElement(Touchable, {
-    testID: `button-quit-revision-onboarding`,
+    testID: "button-quit-revision-onboarding",
     onPress: onPress,
     analyticsID: "button-start",
     style: styleSheet.button
   }, /*#__PURE__*/React.createElement(Text, {
     style: styleSheet.buttonText
-  }, translations.appReview?.presentation.button)));
+  }, translations.ok)));
 };
 
 export default Onboarding;

package/es/atom/review-presentation/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionMarkIcon","NovaSolidStatusCheckCircle2","CheckCircle2Icon","NovaCompositionCoorpacademyHeart","HeartIcon","useTemplateContext","HEADER_HEIGHT","Touchable","createStyleSheet","theme","create","container","justifyContent","flex","padding","paddingTop","title","height","width","fontSize","xxlarge","fontWeight","bold","lineHeight","color","colors","text","primary","marginBottom","spacing","small","large","opacity","tip","flexDirection","overflow","alignItems","borderRadius","backgroundColor","gray","extra","marginTop","micro","tipText","icon","margin","button","buttonText","secondary","Tip","props","templateContext","styleSheet","setStylesheet","Icon","_stylesheet","Onboarding","translations","onPress","appReview","presentation","labelList","skills","questions","lifes","allright"],"sources":["../../../src/atom/review-presentation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon,\n  NovaSolidStatusCheckCircle2 as CheckCircle2Icon,\n  NovaCompositionCoorpacademyHeart as HeartIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {HEADER_HEIGHT} from '../../organism/header-v2/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {OnboardingProps, TipProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  title: TextStyle;\n  text: TextStyle;\n  tip: ViewStyle;\n  tipText: TextStyle;\n  icon: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      justifyContent: 'space-between',\n      flex: 1,\n      padding: 20,\n      paddingTop: HEADER_HEIGHT + 20\n    },\n    title: {\n      height: 72,\n      width: 268,\n      fontSize: theme.fontSize.xxlarge,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 36,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.small\n    },\n    text: {\n      fontSize: theme.fontSize.large,\n      color: theme.colors.text.primary,\n      opacity: 0.7,\n      marginBottom: theme.spacing.small\n    },\n    tip: {\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 54,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.extra,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro\n    },\n    tipText: {\n      fontSize: theme.fontSize.large,\n      color: theme.colors.text.primary\n    },\n    icon: {\n      margin: 10\n    },\n    button: {\n      height: 52,\n      borderRadius: 7,\n      marginBottom: theme.spacing.large,\n      marginTop: theme.spacing.large\n    },\n    buttonText: {\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.large,\n      color: theme.colors.text.secondary\n    }\n  });\n\nconst Tip = (props: TipProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {Icon, text} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.tip}>\n      {<Icon height={16} width={16} style={styleSheet.icon} color={theme.colors.text.primary} />}\n      <Text style={styleSheet.tipText}>{text}</Text>\n    </View>\n  );\n};\n\nconst Onboarding = (props: OnboardingProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme, translations} = templateContext;\n  const {onPress} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <Text style={styleSheet.title}>{translations.appReview?.presentation.title}</Text>\n      <Text style={styleSheet.text}>{translations.appReview?.presentation.text}</Text>\n\n      <Tip Icon={TargetIcon} text={translations.appReview?.presentation?.labelList?.skills?.text} />\n      <Tip\n        Icon={QuestionMarkIcon}\n        text={translations.appReview?.presentation?.labelList?.questions?.text}\n      />\n      <Tip Icon={HeartIcon} text={translations.appReview?.presentation?.labelList?.lifes?.text} />\n      <Tip\n        Icon={CheckCircle2Icon}\n        text={translations.appReview?.presentation?.labelList?.allright?.text}\n      />\n      <Touchable\n        testID={`button-quit-revision-onboarding`}\n        onPress={onPress}\n        analyticsID=\"button-start\"\n        style={styleSheet.button}\n      >\n        <Text style={styleSheet.buttonText}>{translations.appReview?.presentation.button}</Text>\n      </Touchable>\n    </View>\n  );\n};\n\nexport default Onboarding;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,QAA2D,cAA3D;AACA,SACEC,yCAAyC,IAAIC,UAD/C,EAEEC,+CAA+C,IAAIC,gBAFrD,EAGEC,2BAA2B,IAAIC,gBAHjC,EAIEC,gCAAgC,IAAIC,SAJtC,QAKO,0BALP;AAOA,SAAQC,kBAAR,QAAiC,4CAAjC;AAEA,SAAQC,aAAR,QAA4B,uCAA5B;AACA,OAAOC,SAAP,MAAsB,kCAAtB;;AAcA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBd,UAAU,CAACe,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,cAAc,EAAE,eADP;IAETC,IAAI,EAAE,CAFG;IAGTC,OAAO,EAAE,EAHA;IAITC,UAAU,EAAET,aAAa,GAAG;EAJnB,CADK;EAOhBU,KAAK,EAAE;IACLC,MAAM,EAAE,EADH;IAELC,KAAK,EAAE,GAFF;IAGLC,QAAQ,EAAEV,KAAK,CAACU,QAAN,CAAeC,OAHpB;IAILC,UAAU,EAAEZ,KAAK,CAACY,UAAN,CAAiBC,IAJxB;IAKLC,UAAU,EAAE,EALP;IAMLC,KAAK,EAAEf,KAAK,CAACgB,MAAN,CAAaC,IAAb,CAAkBC,OANpB;IAOLC,YAAY,EAAEnB,KAAK,CAACoB,OAAN,CAAcC;EAPvB,CAPS;EAgBhBJ,IAAI,EAAE;IACJP,QAAQ,EAAEV,KAAK,CAACU,QAAN,CAAeY,KADrB;IAEJP,KAAK,EAAEf,KAAK,CAACgB,MAAN,CAAaC,IAAb,CAAkBC,OAFrB;IAGJK,OAAO,EAAE,GAHL;IAIJJ,YAAY,EAAEnB,KAAK,CAACoB,OAAN,CAAcC;EAJxB,CAhBU;EAsBhBG,GAAG,EAAE;IACHC,aAAa,EAAE,KADZ;IAEHC,QAAQ,EAAE,QAFP;IAGHC,UAAU,EAAE,QAHT;IAIHnB,MAAM,EAAE,EAJL;IAKHoB,YAAY,EAAE,CALX;IAMHC,eAAe,EAAE7B,KAAK,CAACgB,MAAN,CAAac,IAAb,CAAkBC,KANhC;IAOHC,SAAS,EAAEhC,KAAK,CAACoB,OAAN,CAAca,KAPtB;IAQHd,YAAY,EAAEnB,KAAK,CAACoB,OAAN,CAAca;EARzB,CAtBW;EAgChBC,OAAO,EAAE;IACPxB,QAAQ,EAAEV,KAAK,CAACU,QAAN,CAAeY,KADlB;IAEPP,KAAK,EAAEf,KAAK,CAACgB,MAAN,CAAaC,IAAb,CAAkBC;EAFlB,CAhCO;EAoChBiB,IAAI,EAAE;IACJC,MAAM,EAAE;EADJ,CApCU;EAuChBC,MAAM,EAAE;IACN7B,MAAM,EAAE,EADF;IAENoB,YAAY,EAAE,CAFR;IAGNT,YAAY,EAAEnB,KAAK,CAACoB,OAAN,CAAcE,KAHtB;IAINU,SAAS,EAAEhC,KAAK,CAACoB,OAAN,CAAcE;EAJnB,CAvCQ;EA6ChBgB,UAAU,EAAE;IACV1B,UAAU,EAAEZ,KAAK,CAACY,UAAN,CAAiBC,IADnB;IAEVH,QAAQ,EAAEV,KAAK,CAACU,QAAN,CAAeY,KAFf;IAGVP,KAAK,EAAEf,KAAK,CAACgB,MAAN,CAAaC,IAAb,CAAkBsB;EAHf;AA7CI,CAAlB,CADF;;AAqDA,MAAMC,GAAG,GAAIC,KAAD,IAAqB;EAC/B,MAAMC,eAAe,GAAG9C,kBAAkB,EAA1C;EACA,MAAM,CAAC+C,UAAD,EAAaC,aAAb,IAA8B7D,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACiB;EAAD,IAAU0C,eAAhB;EACA,MAAM;IAACG,IAAD;IAAO5B;EAAP,IAAewB,KAArB;EAEAzD,SAAS,CAAC,MAAM;IACd,MAAM8D,WAAW,GAAG/C,gBAAgB,CAACC,KAAD,CAApC;;IACA4C,aAAa,CAACE,WAAD,CAAb;EACD,CAHQ,EAGN,CAAC9C,KAAD,CAHM,CAAT;;EAKA,IAAI,CAAC2C,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAACnB;EAAxB,gBACG,oBAAC,IAAD;IAAM,MAAM,EAAE,EAAd;IAAkB,KAAK,EAAE,EAAzB;IAA6B,KAAK,EAAEmB,UAAU,CAACR,IAA/C;IAAqD,KAAK,EAAEnC,KAAK,CAACgB,MAAN,CAAaC,IAAb,CAAkBC;EAA9E,EADH,eAEE,oBAAC,IAAD;IAAM,KAAK,EAAEyB,UAAU,CAACT;EAAxB,GAAkCjB,IAAlC,CAFF,CADF;AAMD,CArBD;;AAuBA,MAAM8B,UAAU,GAAIN,KAAD,IAA4B;EAC7C,MAAMC,eAAe,GAAG9C,kBAAkB,EAA1C;EACA,MAAM,CAAC+C,UAAD,EAAaC,aAAb,IAA8B7D,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACiB,KAAD;IAAQgD;EAAR,IAAwBN,eAA9B;EACA,MAAM;IAACO;EAAD,IAAYR,KAAlB;EAEAzD,SAAS,CAAC,MAAM;IACd,MAAM8D,WAAW,GAAG/C,gBAAgB,CAACC,KAAD,CAApC;;IACA4C,aAAa,CAACE,WAAD,CAAb;EACD,CAHQ,EAGN,CAAC9C,KAAD,CAHM,CAAT,CAN6C,CAW7C;;EAEA,IAAI,CAAC2C,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAACzC;EAAxB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEyC,UAAU,CAACpC;EAAxB,GAAgCyC,YAAY,CAACE,SAAb,EAAwBC,YAAxB,CAAqC5C,KAArE,CADF,eAEE,oBAAC,IAAD;IAAM,KAAK,EAAEoC,UAAU,CAAC1B;EAAxB,GAA+B+B,YAAY,CAACE,SAAb,EAAwBC,YAAxB,CAAqClC,IAApE,CAFF,eAIE,oBAAC,GAAD;IAAK,IAAI,EAAE5B,UAAX;IAAuB,IAAI,EAAE2D,YAAY,CAACE,SAAb,EAAwBC,YAAxB,EAAsCC,SAAtC,EAAiDC,MAAjD,EAAyDpC;EAAtF,EAJF,eAKE,oBAAC,GAAD;IACE,IAAI,EAAE1B,gBADR;IAEE,IAAI,EAAEyD,YAAY,CAACE,SAAb,EAAwBC,YAAxB,EAAsCC,SAAtC,EAAiDE,SAAjD,EAA4DrC;EAFpE,EALF,eASE,oBAAC,GAAD;IAAK,IAAI,EAAEtB,SAAX;IAAsB,IAAI,EAAEqD,YAAY,CAACE,SAAb,EAAwBC,YAAxB,EAAsCC,SAAtC,EAAiDG,KAAjD,EAAwDtC;EAApF,EATF,eAUE,oBAAC,GAAD;IACE,IAAI,EAAExB,gBADR;IAEE,IAAI,EAAEuD,YAAY,CAACE,SAAb,EAAwBC,YAAxB,EAAsCC,SAAtC,EAAiDI,QAAjD,EAA2DvC;EAFnE,EAVF,eAcE,oBAAC,SAAD;IACE,MAAM,EAAG,iCADX;IAEE,OAAO,EAAEgC,OAFX;IAGE,WAAW,EAAC,cAHd;IAIE,KAAK,EAAEN,UAAU,CAACN;EAJpB,gBAME,oBAAC,IAAD;IAAM,KAAK,EAAEM,UAAU,CAACL;EAAxB,GAAqCU,YAAY,CAACE,SAAb,EAAwBC,YAAxB,CAAqCd,MAA1E,CANF,CAdF,CADF;AAyBD,CA1CD;;AA4CA,eAAeU,UAAf"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionMarkIcon","NovaSolidStatusCheckCircle2","CheckCircle2Icon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIcon","useTemplateContext","HEADER_HEIGHT","Touchable","Html","createStyleSheet","brandTheme","theme","create","container","backgroundColor","colors","white","justifyContent","flex","padding","paddingTop","title","height","width","fontSize","xxlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","small","large","opacity","tip","flexDirection","overflow","alignItems","borderRadius","gray","extra","marginTop","micro","tipText","icon","margin","button","cta","buttonText","alignSelf","Tip","props","templateContext","styleSheet","setStylesheet","Icon","_stylesheet","Onboarding","translations","onPress","appReview","presentation","labelList","skills","questions","lifes","allright","ok"],"sources":["../../../src/atom/review-presentation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon,\n  NovaSolidStatusCheckCircle2 as CheckCircle2Icon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {HEADER_HEIGHT} from '../../organism/header-v2/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport Html from '../html/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {OnboardingProps, TipProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  title: TextStyle;\n  text: TextStyle;\n  tip: ViewStyle;\n  tipText: TextStyle;\n  icon: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      backgroundColor: theme.colors.white,\n      justifyContent: 'space-between',\n      flex: 1,\n      padding: 20,\n      paddingTop: HEADER_HEIGHT + 20\n    },\n    title: {\n      height: 72,\n      width: 268,\n      fontSize: theme.fontSize.xxlarge,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 36,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.small\n    },\n    text: {\n      fontSize: theme.fontSize.large,\n      color: theme.colors.text.primary,\n      opacity: 0.7,\n      marginBottom: theme.spacing.small\n    },\n    tip: {\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 54,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.extra,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro\n    },\n    tipText: {\n      fontSize: 16,\n      lineHeight: 22,\n      color: theme.colors.text.primary\n    },\n    icon: {\n      margin: 10\n    },\n    button: {\n      height: 52,\n      borderRadius: 7,\n      marginBottom: theme.spacing.large,\n      marginTop: theme.spacing.large,\n      backgroundColor: brandTheme?.colors?.primary || theme.colors.cta,\n      justifyContent: 'center'\n    },\n    buttonText: {\n      alignSelf: 'center',\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.large,\n      color: '#fff'\n    }\n  });\n\nconst Tip = (props: TipProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme} = templateContext;\n  const {Icon, text} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.tip}>\n      {<Icon height={16} width={16} style={styleSheet.icon} color={theme.colors.text.primary} />}\n      <Text style={styleSheet.tipText}>{text}</Text>\n    </View>\n  );\n};\n\nconst Onboarding = (props: OnboardingProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const {onPress} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <Html style={styleSheet.title}>{translations.appReview.presentation.title}</Html>\n      <Html style={styleSheet.text}>{translations.appReview.presentation.text}</Html>\n\n      <Tip Icon={TargetIcon} text={translations.appReview.presentation.labelList.skills.text} />\n      <Tip\n        Icon={QuestionMarkIcon}\n        text={translations.appReview.presentation.labelList.questions.text}\n      />\n      <Tip Icon={HeartIcon} text={translations.appReview.presentation.labelList.lifes.text} />\n      <Tip\n        Icon={CheckCircle2Icon}\n        text={translations.appReview.presentation.labelList.allright.text}\n      />\n      <Touchable\n        testID=\"button-quit-revision-onboarding\"\n        onPress={onPress}\n        analyticsID=\"button-start\"\n        style={styleSheet.button}\n      >\n        <Text style={styleSheet.buttonText}>{translations.ok}</Text>\n      </Touchable>\n    </View>\n  );\n};\n\nexport default Onboarding;\n"],"mappings":"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"}

package/es/atom/text/index.native.d.ts

@@ -6,6 +6,7 @@ export declare type Props = {
     testID?: string;
     numberOfLines?: number;
     allowFontScaling?: boolean;
+    accessibilityLabel?: string;
 };
 export declare const DEFAULT_STYLE: {
     fontFamily?: string | undefined;

package/es/atom/text/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/text/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE/E,oBAAY,KAAK,GAAG;IAElB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa;;CAMzB,CAAC;AAQF,QAAA,MAAM,IAAI,UAAW,KAAK,gBAazB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/text/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE/E,oBAAY,KAAK,GAAG;IAElB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,aAAa;;CAMzB,CAAC;AAQF,QAAA,MAAM,IAAI,UAAW,KAAK,gBAqBzB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/es/atom/text/index.native.js

@@ -17,13 +17,15 @@ const Text = props => {
     style,
     testID,
     numberOfLines,
-    allowFontScaling = true
+    allowFontScaling = true,
+    accessibilityLabel
   } = props;
   return /*#__PURE__*/React.createElement(TextBase, {
     allowFontScaling: allowFontScaling,
     style: [styles.text, style],
     testID: testID,
-    numberOfLines: numberOfLines
+    numberOfLines: numberOfLines,
+    accessibilityLabel: accessibilityLabel
   }, children);
 };
 

package/es/atom/text/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","Text","TextBase","Platform","StyleSheet","DEFAULT_STYLE","select","android","fontFamily","styles","create","text","props","children","style","testID","numberOfLines","allowFontScaling"],"sources":["../../../src/atom/text/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {Text as TextBase, Platform, StyleSheet, TextStyle} from 'react-native';\n\nexport type Props = {\n  // copied from node_modules/react-native/Libraries/Text/TextProps.js\n  children: React.ReactNode;\n  style?: TextStyle | TextStyle[];\n  testID?: string;\n  numberOfLines?: number;\n  allowFontScaling?: boolean;\n};\n\nexport const DEFAULT_STYLE = {\n  ...Platform.select({\n    android: {\n      fontFamily: 'Roboto'\n    }\n  })\n};\n\nconst styles = StyleSheet.create({\n  text: {\n    ...DEFAULT_STYLE\n  }\n});\n\nconst Text = (props: Props) => {\n  const {children, style, testID, numberOfLines, allowFontScaling = true} = props;\n\n  return (\n    <TextBase\n      allowFontScaling={allowFontScaling}\n      style={[styles.text, style]}\n      testID={testID}\n      numberOfLines={numberOfLines}\n    >\n      {children}\n    </TextBase>\n  );\n};\n\nexport default Text;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAAQC,IAAI,IAAIC,QAAhB,EAA0BC,QAA1B,EAAoCC,UAApC,QAAgE,cAAhE;AAWA,OAAO,MAAMC,aAAa,gBACrBF,QAAQ,CAACG,MAAT,CAAgB;EACjBC,OAAO,EAAE;IACPC,UAAU,EAAE;EADL;AADQ,CAAhB,CADqB,CAAnB;AAQP,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAX,CAAkB;EAC/BC,IAAI,eACCN,aADD;AAD2B,CAAlB,CAAf;;AAMA,MAAMJ,IAAI,GAAIW,KAAD,IAAkB;EAC7B,MAAM;IAACC,QAAD;IAAWC,KAAX;IAAkBC,MAAlB;IAA0BC,aAA1B;IAAyCC,gBAAgB,GAAG;EAA5D,IAAoEL,KAA1E;EAEA,oBACE,oBAAC,QAAD;IACE,gBAAgB,EAAEK,gBADpB;IAEE,KAAK,EAAE,CAACR,MAAM,CAACE,IAAR,EAAcG,KAAd,CAFT;IAGE,MAAM,EAAEC,MAHV;IAIE,aAAa,EAAEC;EAJjB,GAMGH,QANH,CADF;AAUD,CAbD;;AAeA,eAAeZ,IAAf"}
+{"version":3,"file":"index.native.js","names":["React","Text","TextBase","Platform","StyleSheet","DEFAULT_STYLE","select","android","fontFamily","styles","create","text","props","children","style","testID","numberOfLines","allowFontScaling","accessibilityLabel"],"sources":["../../../src/atom/text/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {Text as TextBase, Platform, StyleSheet, TextStyle} from 'react-native';\n\nexport type Props = {\n  // copied from node_modules/react-native/Libraries/Text/TextProps.js\n  children: React.ReactNode;\n  style?: TextStyle | TextStyle[];\n  testID?: string;\n  numberOfLines?: number;\n  allowFontScaling?: boolean;\n  accessibilityLabel?: string;\n};\n\nexport const DEFAULT_STYLE = {\n  ...Platform.select({\n    android: {\n      fontFamily: 'Roboto'\n    }\n  })\n};\n\nconst styles = StyleSheet.create({\n  text: {\n    ...DEFAULT_STYLE\n  }\n});\n\nconst Text = (props: Props) => {\n  const {\n    children,\n    style,\n    testID,\n    numberOfLines,\n    allowFontScaling = true,\n    accessibilityLabel\n  } = props;\n\n  return (\n    <TextBase\n      allowFontScaling={allowFontScaling}\n      style={[styles.text, style]}\n      testID={testID}\n      numberOfLines={numberOfLines}\n      accessibilityLabel={accessibilityLabel}\n    >\n      {children}\n    </TextBase>\n  );\n};\n\nexport default Text;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAAQC,IAAI,IAAIC,QAAhB,EAA0BC,QAA1B,EAAoCC,UAApC,QAAgE,cAAhE;AAYA,OAAO,MAAMC,aAAa,gBACrBF,QAAQ,CAACG,MAAT,CAAgB;EACjBC,OAAO,EAAE;IACPC,UAAU,EAAE;EADL;AADQ,CAAhB,CADqB,CAAnB;AAQP,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAX,CAAkB;EAC/BC,IAAI,eACCN,aADD;AAD2B,CAAlB,CAAf;;AAMA,MAAMJ,IAAI,GAAIW,KAAD,IAAkB;EAC7B,MAAM;IACJC,QADI;IAEJC,KAFI;IAGJC,MAHI;IAIJC,aAJI;IAKJC,gBAAgB,GAAG,IALf;IAMJC;EANI,IAOFN,KAPJ;EASA,oBACE,oBAAC,QAAD;IACE,gBAAgB,EAAEK,gBADpB;IAEE,KAAK,EAAE,CAACR,MAAM,CAACE,IAAR,EAAcG,KAAd,CAFT;IAGE,MAAM,EAAEC,MAHV;IAIE,aAAa,EAAEC,aAJjB;IAKE,kBAAkB,EAAEE;EALtB,GAOGL,QAPH,CADF;AAWD,CArBD;;AAuBA,eAAeZ,IAAf"}

package/es/hoc/touchable/index.native.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 import { Analytics, AnalyticsEventParams } from '../../variables/analytics';
 import { Vibration } from '../../variables/vibration';
 export declare type Props = {
+    accessibilityLabel?: string;
     accessible?: boolean;
     children?: React.ReactNode;
     delayLongPress?: number;

package/es/hoc/touchable/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/touchable/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACd,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAuB,SAAS,EAAE,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAChG,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AASpD,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAeF,QAAA,MAAM,SAAS,UAAW,KAAK,gBAkE9B,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/touchable/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACd,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAuB,SAAS,EAAE,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAChG,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AASpD,oBAAY,KAAK,GAAG;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAeF,QAAA,MAAM,SAAS,UAAW,KAAK,gBAkE9B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/hoc/touchable/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["TouchableOpacity","TouchableHighlight","React","useMemo","useTemplateContext","ANALYTICS_EVENT_TYPE","hitSlop","left","right","bottom","top","logEvent","eventName","analyticsID","analytics","analyticsParams","id","Touchable","props","templateContext","theme","vibration","onPress","onLongPress","isWithoutFeedback","isHighlight","activeOpacity","disabled","handlePress","event","vibrate","PRESS","handleLongPress","LONG_PRESS","colors","gray","light"],"sources":["../../../src/hoc/touchable/index.native.tsx"],"sourcesContent":["import {\n  TouchableOpacity,\n  TouchableHighlight,\n  ViewStyle,\n  LayoutChangeEvent,\n  NativeSyntheticEvent,\n  GestureResponderEvent,\n  TargetedEvent\n} from 'react-native';\n\nimport React, {useMemo} from 'react';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics, AnalyticsEventParams} from '../../variables/analytics';\nimport {Vibration} from '../../variables/vibration';\n\nconst hitSlop = {\n  left: 12,\n  right: 12,\n  bottom: 12,\n  top: 12\n};\n\nexport type Props = {\n  accessible?: boolean;\n  children?: React.ReactNode;\n  delayLongPress?: number;\n  delayPressIn?: number;\n  delayPressOut?: number;\n  disabled?: boolean;\n  focusable?: boolean;\n  onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onLayout?: (event: LayoutChangeEvent) => void;\n  onLongPress?: (event: GestureResponderEvent) => void;\n  onPress?: (event: GestureResponderEvent) => void;\n  onPressIn?: (event: GestureResponderEvent) => void;\n  onPressOut?: (event: GestureResponderEvent) => void;\n  testID?: string;\n  isHighlight?: boolean;\n  isWithoutFeedback?: boolean;\n  // for TouchableOpacity\n  activeOpacity?: number;\n  style?: ViewStyle;\n  // Analytics\n  analytics?: Analytics;\n  analyticsID?: string;\n  analyticsParams?: AnalyticsEventParams;\n  vibration?: Vibration;\n};\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  analyticsParams?: AnalyticsEventParams\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      ...(analyticsParams || {}),\n      id: analyticsID\n    });\n};\n\nconst Touchable = (props: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme, vibration, analytics} = templateContext;\n\n  const {\n    analyticsID,\n    analyticsParams,\n    onPress,\n    onLongPress,\n    isWithoutFeedback,\n    isHighlight,\n    activeOpacity,\n    disabled\n  } = props;\n\n  const handlePress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.PRESS, analyticsID, analytics, analyticsParams);\n      onPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onPress, vibration]\n  );\n\n  const handleLongPress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onLongPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);\n      onLongPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onLongPress, vibration]\n  );\n\n  if (isHighlight) {\n    return (\n      <TouchableHighlight\n        {...props}\n        hitSlop={hitSlop}\n        underlayColor={theme.colors.gray.light}\n        onPress={handlePress}\n        onLongPress={handleLongPress}\n        activeOpacity={activeOpacity || (disabled ? 1 : 0.85)}\n      />\n    );\n  }\n\n  return (\n    <TouchableOpacity\n      {...props}\n      hitSlop={hitSlop}\n      onPress={handlePress}\n      onLongPress={handleLongPress}\n      activeOpacity={(isWithoutFeedback && 1) || activeOpacity || (disabled ? 1 : 0.2)}\n    />\n  );\n};\n\nexport default Touchable;\n"],"mappings":";;AAAA,SACEA,gBADF,EAEEC,kBAFF,QAQO,cARP;AAUA,OAAOC,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;AACA,SAAQC,oBAAR,QAAoE,2BAApE;AAGA,MAAMC,OAAO,GAAG;EACdC,IAAI,EAAE,EADQ;EAEdC,KAAK,EAAE,EAFO;EAGdC,MAAM,EAAE,EAHM;EAIdC,GAAG,EAAE;AAJS,CAAhB;;AAmCA,MAAMC,QAAQ,GAAG,CACfC,SADe,EAEfC,WAFe,EAGfC,SAHe,EAIfC,eAJe,KAKZ;EACHD,SAAS,IACPA,SAAS,CAACH,QAAV,CAAmBC,SAAnB,eACMG,eAAe,IAAI,EADzB;IAEEC,EAAE,EAAEH;EAFN,GADF;AAKD,CAXD;;AAaA,MAAMI,SAAS,GAAIC,KAAD,IAAkB;EAClC,MAAMC,eAAe,GAAGf,kBAAkB,EAA1C;EAEA,MAAM;IAACgB,KAAD;IAAQC,SAAR;IAAmBP;EAAnB,IAAgCK,eAAtC;EAEA,MAAM;IACJN,WADI;IAEJE,eAFI;IAGJO,OAHI;IAIJC,WAJI;IAKJC,iBALI;IAMJC,WANI;IAOJC,aAPI;IAQJC;EARI,IASFT,KATJ;EAWA,MAAMU,WAAW,GAAGzB,OAAO,CACzB,MAAO0B,KAAD,IAAkC;IACtC,IAAI,CAACP,OAAL,EAAc;IAEdD,SAAS,EAAES,OAAX;IAEAhB,SAAS,IACPD,WADF,IAEEF,QAAQ,CAACN,oBAAoB,CAAC0B,KAAtB,EAA6BlB,WAA7B,EAA0CC,SAA1C,EAAqDC,eAArD,CAFV;IAGAO,OAAO,CAACO,KAAD,CAAP;EACD,CAVwB,EAWzB,CAACf,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CO,OAA1C,EAAmDD,SAAnD,CAXyB,CAA3B;EAcA,MAAMW,eAAe,GAAG7B,OAAO,CAC7B,MAAO0B,KAAD,IAAkC;IACtC,IAAI,CAACN,WAAL,EAAkB;IAElBF,SAAS,EAAES,OAAX;IAEAhB,SAAS,IACPD,WADF,IAEEF,QAAQ,CAACN,oBAAoB,CAAC4B,UAAtB,EAAkCpB,WAAlC,EAA+CC,SAA/C,EAA0DC,eAA1D,CAFV;IAGAQ,WAAW,CAACM,KAAD,CAAX;EACD,CAV4B,EAW7B,CAACf,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CQ,WAA1C,EAAuDF,SAAvD,CAX6B,CAA/B;;EAcA,IAAII,WAAJ,EAAiB;IACf,oBACE,oBAAC,kBAAD,eACMP,KADN;MAEE,OAAO,EAAEZ,OAFX;MAGE,aAAa,EAAEc,KAAK,CAACc,MAAN,CAAaC,IAAb,CAAkBC,KAHnC;MAIE,OAAO,EAAER,WAJX;MAKE,WAAW,EAAEI,eALf;MAME,aAAa,EAAEN,aAAa,KAAKC,QAAQ,GAAG,CAAH,GAAO,IAApB;IAN9B,GADF;EAUD;;EAED,oBACE,oBAAC,gBAAD,eACMT,KADN;IAEE,OAAO,EAAEZ,OAFX;IAGE,OAAO,EAAEsB,WAHX;IAIE,WAAW,EAAEI,eAJf;IAKE,aAAa,EAAGR,iBAAiB,IAAI,CAAtB,IAA4BE,aAA5B,KAA8CC,QAAQ,GAAG,CAAH,GAAO,GAA7D;EALjB,GADF;AASD,CAlED;;AAoEA,eAAeV,SAAf"}
+{"version":3,"file":"index.native.js","names":["TouchableOpacity","TouchableHighlight","React","useMemo","useTemplateContext","ANALYTICS_EVENT_TYPE","hitSlop","left","right","bottom","top","logEvent","eventName","analyticsID","analytics","analyticsParams","id","Touchable","props","templateContext","theme","vibration","onPress","onLongPress","isWithoutFeedback","isHighlight","activeOpacity","disabled","handlePress","event","vibrate","PRESS","handleLongPress","LONG_PRESS","colors","gray","light"],"sources":["../../../src/hoc/touchable/index.native.tsx"],"sourcesContent":["import {\n  TouchableOpacity,\n  TouchableHighlight,\n  ViewStyle,\n  LayoutChangeEvent,\n  NativeSyntheticEvent,\n  GestureResponderEvent,\n  TargetedEvent\n} from 'react-native';\n\nimport React, {useMemo} from 'react';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics, AnalyticsEventParams} from '../../variables/analytics';\nimport {Vibration} from '../../variables/vibration';\n\nconst hitSlop = {\n  left: 12,\n  right: 12,\n  bottom: 12,\n  top: 12\n};\n\nexport type Props = {\n  accessibilityLabel?: string;\n  accessible?: boolean;\n  children?: React.ReactNode;\n  delayLongPress?: number;\n  delayPressIn?: number;\n  delayPressOut?: number;\n  disabled?: boolean;\n  focusable?: boolean;\n  onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onLayout?: (event: LayoutChangeEvent) => void;\n  onLongPress?: (event: GestureResponderEvent) => void;\n  onPress?: (event: GestureResponderEvent) => void;\n  onPressIn?: (event: GestureResponderEvent) => void;\n  onPressOut?: (event: GestureResponderEvent) => void;\n  testID?: string;\n  isHighlight?: boolean;\n  isWithoutFeedback?: boolean;\n  // for TouchableOpacity\n  activeOpacity?: number;\n  style?: ViewStyle;\n  // Analytics\n  analytics?: Analytics;\n  analyticsID?: string;\n  analyticsParams?: AnalyticsEventParams;\n  vibration?: Vibration;\n};\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  analyticsParams?: AnalyticsEventParams\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      ...(analyticsParams || {}),\n      id: analyticsID\n    });\n};\n\nconst Touchable = (props: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme, vibration, analytics} = templateContext;\n\n  const {\n    analyticsID,\n    analyticsParams,\n    onPress,\n    onLongPress,\n    isWithoutFeedback,\n    isHighlight,\n    activeOpacity,\n    disabled\n  } = props;\n\n  const handlePress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.PRESS, analyticsID, analytics, analyticsParams);\n      onPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onPress, vibration]\n  );\n\n  const handleLongPress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onLongPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);\n      onLongPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onLongPress, vibration]\n  );\n\n  if (isHighlight) {\n    return (\n      <TouchableHighlight\n        {...props}\n        hitSlop={hitSlop}\n        underlayColor={theme.colors.gray.light}\n        onPress={handlePress}\n        onLongPress={handleLongPress}\n        activeOpacity={activeOpacity || (disabled ? 1 : 0.85)}\n      />\n    );\n  }\n\n  return (\n    <TouchableOpacity\n      {...props}\n      hitSlop={hitSlop}\n      onPress={handlePress}\n      onLongPress={handleLongPress}\n      activeOpacity={(isWithoutFeedback && 1) || activeOpacity || (disabled ? 1 : 0.2)}\n    />\n  );\n};\n\nexport default Touchable;\n"],"mappings":";;AAAA,SACEA,gBADF,EAEEC,kBAFF,QAQO,cARP;AAUA,OAAOC,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;AACA,SAAQC,oBAAR,QAAoE,2BAApE;AAGA,MAAMC,OAAO,GAAG;EACdC,IAAI,EAAE,EADQ;EAEdC,KAAK,EAAE,EAFO;EAGdC,MAAM,EAAE,EAHM;EAIdC,GAAG,EAAE;AAJS,CAAhB;;AAoCA,MAAMC,QAAQ,GAAG,CACfC,SADe,EAEfC,WAFe,EAGfC,SAHe,EAIfC,eAJe,KAKZ;EACHD,SAAS,IACPA,SAAS,CAACH,QAAV,CAAmBC,SAAnB,eACMG,eAAe,IAAI,EADzB;IAEEC,EAAE,EAAEH;EAFN,GADF;AAKD,CAXD;;AAaA,MAAMI,SAAS,GAAIC,KAAD,IAAkB;EAClC,MAAMC,eAAe,GAAGf,kBAAkB,EAA1C;EAEA,MAAM;IAACgB,KAAD;IAAQC,SAAR;IAAmBP;EAAnB,IAAgCK,eAAtC;EAEA,MAAM;IACJN,WADI;IAEJE,eAFI;IAGJO,OAHI;IAIJC,WAJI;IAKJC,iBALI;IAMJC,WANI;IAOJC,aAPI;IAQJC;EARI,IASFT,KATJ;EAWA,MAAMU,WAAW,GAAGzB,OAAO,CACzB,MAAO0B,KAAD,IAAkC;IACtC,IAAI,CAACP,OAAL,EAAc;IAEdD,SAAS,EAAES,OAAX;IAEAhB,SAAS,IACPD,WADF,IAEEF,QAAQ,CAACN,oBAAoB,CAAC0B,KAAtB,EAA6BlB,WAA7B,EAA0CC,SAA1C,EAAqDC,eAArD,CAFV;IAGAO,OAAO,CAACO,KAAD,CAAP;EACD,CAVwB,EAWzB,CAACf,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CO,OAA1C,EAAmDD,SAAnD,CAXyB,CAA3B;EAcA,MAAMW,eAAe,GAAG7B,OAAO,CAC7B,MAAO0B,KAAD,IAAkC;IACtC,IAAI,CAACN,WAAL,EAAkB;IAElBF,SAAS,EAAES,OAAX;IAEAhB,SAAS,IACPD,WADF,IAEEF,QAAQ,CAACN,oBAAoB,CAAC4B,UAAtB,EAAkCpB,WAAlC,EAA+CC,SAA/C,EAA0DC,eAA1D,CAFV;IAGAQ,WAAW,CAACM,KAAD,CAAX;EACD,CAV4B,EAW7B,CAACf,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CQ,WAA1C,EAAuDF,SAAvD,CAX6B,CAA/B;;EAcA,IAAII,WAAJ,EAAiB;IACf,oBACE,oBAAC,kBAAD,eACMP,KADN;MAEE,OAAO,EAAEZ,OAFX;MAGE,aAAa,EAAEc,KAAK,CAACc,MAAN,CAAaC,IAAb,CAAkBC,KAHnC;MAIE,OAAO,EAAER,WAJX;MAKE,WAAW,EAAEI,eALf;MAME,aAAa,EAAEN,aAAa,KAAKC,QAAQ,GAAG,CAAH,GAAO,IAApB;IAN9B,GADF;EAUD;;EAED,oBACE,oBAAC,gBAAD,eACMT,KADN;IAEE,OAAO,EAAEZ,OAFX;IAGE,OAAO,EAAEsB,WAHX;IAIE,WAAW,EAAEI,eAJf;IAKE,aAAa,EAAGR,iBAAiB,IAAI,CAAtB,IAA4BE,aAA5B,KAA8CC,QAAQ,GAAG,CAAH,GAAO,GAA7D;EALjB,GADF;AASD,CAlED;;AAoEA,eAAeV,SAAf"}

package/es/molecule/review-correction-popin/index.native.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ReviewCorrectionPopinProps } from './prop-types';
+declare const ReviewCorrectionPopin: ({ information, klf, next, type, resultLabel }: ReviewCorrectionPopinProps) => JSX.Element | null;
+export default ReviewCorrectionPopin;
+//# sourceMappingURL=index.native.d.ts.map

package/es/molecule/review-correction-popin/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.native.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAgC,0BAA0B,EAAC,MAAM,cAAc,CAAC;AA4QvF,QAAA,MAAM,qBAAqB,kDAMxB,0BAA0B,uBAiD5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/es/molecule/review-correction-popin/index.native.js

@@ -0,0 +1,316 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { Animated, Easing, StyleSheet, View } from 'react-native';
+import { NovaCompositionCoorpacademyCheck as RightIcon, NovaSolidStatusClose as WrongIcon, NovaLineLoginKey1 as KlfIcon } from '@coorpacademy/nova-icons';
+import Html from '../../atom/html/index.native';
+import Text from '../../atom/text/index.native';
+import Touchable from '../../hoc/touchable/index.native';
+import { useTemplateContext } from '../../template/app-review/template-context';
+
+const createStyleSheet = (theme, type) => StyleSheet.create({
+  wrapper: {
+    height: 'auto',
+    color: theme.colors.white,
+    display: 'flex'
+  },
+  popin: {
+    padding: theme.spacing.medium,
+    borderRadius: 16,
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    backgroundColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,
+    shadowColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,
+    shadowOpacity: 0.5,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    shadowRadius: 15,
+    elevation: 4
+  },
+  correctionSection: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: '80%'
+  },
+  iconCircle: {
+    width: 60,
+    height: 60,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: theme.colors.white,
+    opacity: 0.7,
+    borderRadius: 50
+  },
+  icon: {
+    height: 30,
+    width: 30
+  },
+  resultLabel: {
+    color: theme.colors.white,
+    fontSize: 24,
+    fontWeight: '600',
+    lineHeight: 24,
+    marginLeft: 12,
+    textTransform: 'uppercase',
+    wordBreak: 'break-word'
+  },
+  feedbackSection: {
+    marginVertical: theme.spacing.medium
+  },
+  labelContainer: {
+    alignSelf: 'flex-start',
+    backgroundColor: 'rgba(255, 255, 255, 0.3)',
+    borderRadius: 56,
+    paddingHorizontal: theme.spacing.tiny,
+    paddingVertical: theme.spacing.micro,
+    marginBottom: 8
+  },
+  label: {
+    color: theme.colors.white,
+    fontSize: 14,
+    fontWeight: theme.fontWeight.extraBold,
+    lineHeight: 17,
+    wordBreak: 'break-word'
+  },
+  htmlInfoMessage: {
+    color: theme.colors.white,
+    fontSize: 16,
+    fontWeight: '600',
+    lineHeight: 19
+  },
+  button: {
+    alignSelf: 'stretch',
+    backgroundColor: theme.colors.white,
+    borderRadius: 7,
+    paddingHorizontal: theme.spacing.base,
+    paddingVertical: theme.spacing.small
+  },
+  buttonText: {
+    color: theme.colors.cta,
+    fontSize: 14,
+    fontWeight: theme.fontWeight.bold,
+    lineHeight: 20,
+    textAlign: 'center'
+  },
+  containerButtonKlf: {
+    width: '100%'
+  },
+  buttonKlf: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: 'rgba(255, 255, 255, 0.1)',
+    borderRadius: 7,
+    paddingHorizontal: theme.spacing.base,
+    paddingVertical: theme.spacing.small,
+    marginBottom: theme.spacing.tiny
+  },
+  buttonKlfActive: {
+    backgroundColor: 'linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), rgba(255, 255, 255, 0.1)'
+  },
+  buttonKlfText: {
+    color: 'white',
+    fontSize: 14,
+    fontWeight: theme.fontWeight.bold,
+    lineHeight: 20,
+    textAlign: 'center'
+  },
+  iconKey: {
+    width: 12,
+    height: 12,
+    marginRight: theme.spacing.tiny
+  },
+  containerTooltip: {
+    zIndex: 30,
+    position: 'relative',
+    shadowColor: theme.colors.black,
+    shadowOpacity: 0.3,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    shadowRadius: 8
+  },
+  buttonTooltip: {
+    flexDirection: 'column',
+    justifyContent: 'center',
+    backgroundColor: theme.colors.white,
+    borderRadius: 15,
+    padding: theme.spacing.small,
+    width: '112%',
+    position: 'absolute',
+    bottom: 4,
+    right: -15,
+    zIndex: 20
+  },
+  htmlTooltipText: {
+    color: theme.colors.text.primary,
+    fontSize: 16,
+    fontWeight: '600',
+    lineHeight: 22,
+    textAlign: 'center'
+  },
+  triangleTooltip: {
+    width: 0,
+    height: 0,
+    backgroundColor: 'transparent',
+    borderStyle: 'solid',
+    borderLeftWidth: 13,
+    borderRightWidth: 13,
+    borderBottomWidth: 13,
+    borderTopWidth: 13,
+    borderLeftColor: 'transparent',
+    borderTopColor: 'transparent',
+    borderRightColor: theme.colors.white,
+    borderBottomColor: theme.colors.white,
+    transform: [{
+      rotate: '45deg'
+    }],
+    position: 'absolute',
+    left: 110,
+    top: -20,
+    borderRadius: 4
+  }
+});
+
+const KlfButton = ({
+  klf,
+  styleSheet
+}) => {
+  const [displayTooltip, setDisplayTooltip] = useState(false);
+  const fadeAnim = useRef(new Animated.Value(0)).current;
+  const fadeIn = useCallback(() => {
+    Animated.timing(fadeAnim, {
+      toValue: 1,
+      duration: 1000,
+      easing: Easing.bezier(0.25, 1, 0.5, 1),
+      useNativeDriver: true
+    }).start();
+  }, [fadeAnim]);
+  const fadeOut = useCallback(() => {
+    Animated.timing(fadeAnim, {
+      toValue: 0,
+      duration: 500,
+      easing: Easing.bezier(0.25, 1, 0.5, 1),
+      useNativeDriver: true
+    }).start();
+  }, [fadeAnim]);
+  const handlePressKey = useCallback(() => {
+    setDisplayTooltip(!displayTooltip);
+    !displayTooltip ? fadeIn() : fadeOut();
+  }, [displayTooltip, fadeIn, fadeOut]);
+  const {
+    buttonKlf,
+    buttonKlfActive,
+    buttonKlfText,
+    containerButtonKlf,
+    containerTooltip,
+    buttonTooltip,
+    htmlTooltipText,
+    iconKey,
+    triangleTooltip
+  } = styleSheet;
+  const {
+    label,
+    tooltip
+  } = klf;
+  return /*#__PURE__*/React.createElement(View, {
+    style: containerButtonKlf
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [containerTooltip, {
+      opacity: fadeAnim
+    }]
+  }, /*#__PURE__*/React.createElement(Touchable, {
+    style: buttonTooltip,
+    accessibilityLabel: `aria-label-tooltip`,
+    isHighlight: true,
+    onPress: handlePressKey,
+    testID: "button-tooltip"
+  }, /*#__PURE__*/React.createElement(Html, {
+    style: htmlTooltipText
+  }, tooltip)), /*#__PURE__*/React.createElement(View, {
+    style: triangleTooltip
+  })), /*#__PURE__*/React.createElement(Touchable, {
+    style: displayTooltip ? _extends({}, buttonKlf, buttonKlfActive) : buttonKlf,
+    accessibilityLabel: `aria-label-${label}`,
+    onPress: handlePressKey,
+    testID: "button-klf"
+  }, /*#__PURE__*/React.createElement(KlfIcon, {
+    style: iconKey,
+    color: "white"
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: buttonKlfText
+  }, label)));
+};
+
+const ICONS = {
+  right: RightIcon,
+  wrong: WrongIcon
+};
+
+const ReviewCorrectionPopin = ({
+  information,
+  klf,
+  next,
+  type,
+  resultLabel
+}) => {
+  const templateContext = useTemplateContext();
+  const [styleSheet, setStylesheet] = useState(null);
+  const {
+    theme
+  } = templateContext;
+  const handlePressNext = next.onClick;
+  const Icon = ICONS[type];
+  useEffect(() => {
+    const _stylesheet = createStyleSheet(theme, type);
+
+    setStylesheet(_stylesheet);
+  }, [theme, type]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.wrapper
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.popin
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.correctionSection
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.iconCircle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    style: styleSheet.icon,
+    color: type === 'wrong' ? theme.colors.negative : theme.colors.positive
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.resultLabel
+  }, resultLabel)), /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.feedbackSection,
+    accessibilityLabel: "answer-information"
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.labelContainer,
+    needsOffscreenAlphaCompositing: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    accessibilityLabel: information.label,
+    style: styleSheet.label
+  }, information.label)), /*#__PURE__*/React.createElement(Html, {
+    style: styleSheet.htmlInfoMessage
+  }, information.message)), klf && type === 'wrong' ? /*#__PURE__*/React.createElement(KlfButton, {
+    styleSheet: styleSheet,
+    klf: klf
+  }) : null, /*#__PURE__*/React.createElement(Touchable, {
+    style: styleSheet.button,
+    onPress: handlePressNext,
+    accessibilityLabel: next['aria-label'],
+    testID: next['data-name']
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.buttonText
+  }, next.label))));
+};
+
+export default ReviewCorrectionPopin;
+//# sourceMappingURL=index.native.js.map