@coorpacademy/components 11.2.7 → 11.2.8

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/html/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAO,SAAS,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAqBpE,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAqBF,QAAA,MAAM,IAAI,UAAW,KAAK,gBAsIzB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/html/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAO,SAAS,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAqBpE,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAqBF,QAAA,MAAM,IAAI,UAAW,KAAK,gBA0IzB,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,6 +1,6 @@
 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, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { View } from 'react-native';
 import RenderHTML from 'react-native-render-html';
 import { HTML_ANCHOR_TEXT_COLOR } from '../../variables/theme.native';
@@ -73,10 +73,10 @@ const Html = props => {
     img: imageStyle || {}
   });
 
-  let baseFontStyle = _extends({}, DEFAULT_TEXT_STYLE, {
+  let baseFontStyle = useMemo(() => _extends({}, DEFAULT_TEXT_STYLE, {
     fontSize,
     color: theme.colors.black
-  });
+  }), [fontSize, theme]);
 
   if (style) {
     if (Array.isArray(style)) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useState","View","RenderHTML","HTML_ANCHOR_TEXT_COLOR","useTemplateContext","Text","DEFAULT_STYLE","DEFAULT_TEXT_STYLE","HtmlBase","props","Html","templateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","u","textDecorationLine","i","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","a","color","img","baseFontStyle","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","htmlAttribs","_children","FontRenderer","replace","renderers","font","span","html","undefined"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text, {DEFAULT_STYLE as DEFAULT_TEXT_STYLE} from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles: MixedStyleRecord = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  };\n\n  let baseFontStyle: TextStyle = {...DEFAULT_TEXT_STYLE, fontSize, color: theme.colors.black};\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useMemo","useState","View","RenderHTML","HTML_ANCHOR_TEXT_COLOR","useTemplateContext","Text","DEFAULT_STYLE","DEFAULT_TEXT_STYLE","HtmlBase","props","Html","templateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","u","textDecorationLine","i","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","a","color","img","baseFontStyle","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","htmlAttribs","_children","FontRenderer","replace","renderers","font","span","html","undefined"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text, {DEFAULT_STYLE as DEFAULT_TEXT_STYLE} from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles: MixedStyleRecord = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  };\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({...DEFAULT_TEXT_STYLE, fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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"}

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","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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"}
+{"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/review-presentation/prop-types.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import PropTypes from 'prop-types';
-import { GestureResponderEvent } from 'react-native';
+import { ColorValue, GestureResponderEvent, ViewStyle } from 'react-native';
 declare const propTypes: {
     'aria-label': PropTypes.Requireable<string>;
     reviewTitle: PropTypes.Requireable<string>;
@@ -53,10 +54,15 @@ export declare type OnboardingProps = {
             tooltipText?: string | undefined;
         } | undefined;
     };
-    onPress: (event: GestureResponderEvent) => any;
+    onPress: (event: GestureResponderEvent) => void;
 };
 export declare type TipProps = {
     text: string | undefined;
-    Icon: any;
+    Icon: React.FC<{
+        height: number;
+        width: number;
+        style: ViewStyle;
+        color: ColorValue;
+    }>;
 };
 //# sourceMappingURL=prop-types.d.ts.map

package/es/atom/review-presentation/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,qBAAqB,EAAC,MAAM,cAAc,CAAC;AAOnD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,eAAO,MAAM,oBAAoB;;CAEhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAGzB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EACH;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;QACd,SAAS,CAAC,EAAE;YACV,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,CAAC;QACF,KAAK,CAAC,EACF;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;QACd,QAAQ,CAAC,EACL;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;KACf,CAAC;IACF,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,GAAG,CAAC;CAChD,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/prop-types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,UAAU,EAAE,qBAAqB,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAO1E,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,eAAO,MAAM,oBAAoB;;CAEhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAGzB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EACH;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;QACd,SAAS,CAAC,EAAE;YACV,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,CAAC;QACF,KAAK,CAAC,EACF;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;QACd,QAAQ,CAAC,EACL;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;KACf,CAAC;IACF,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAC,CAAC,CAAC;CACtF,CAAC"}

package/es/atom/review-presentation/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","levelItem","shape","text","string","tooltipText","propTypes","reviewTitle","reviewText","labelsList","skills","questions","lifes","allright","OnboardingPropsTypes","onPress","func","TipPropsTypes","Icon","any"],"sources":["../../../src/atom/review-presentation/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {GestureResponderEvent} from 'react-native';\n\nconst levelItem = PropTypes.shape({\n  text: PropTypes.string,\n  tooltipText: PropTypes.string\n});\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  reviewTitle: PropTypes.string,\n  reviewText: PropTypes.string,\n  labelsList: PropTypes.shape({\n    skills: levelItem,\n    questions: levelItem,\n    lifes: levelItem,\n    allright: levelItem\n  })\n};\n\nexport default propTypes;\n\nexport const OnboardingPropsTypes = {\n  onPress: PropTypes.func\n};\n\nexport const TipPropsTypes = {\n  text: PropTypes.string,\n  Icon: PropTypes.any\n};\n\nexport type OnboardingProps = {\n  'aria-label'?: string | undefined;\n  reviewTitle?: string | undefined;\n  reviewText?: string | undefined;\n  labelsList?: {\n    skills?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n    questions?: {\n      text?: string | undefined;\n      tooltipText?: string | undefined;\n    };\n    lifes?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n    allright?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n  };\n  onPress: (event: GestureResponderEvent) => any;\n};\n\nexport type TipProps = {\n  text: string | undefined;\n  Icon: any;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAGA,MAAMC,SAAS,GAAGD,SAAS,CAACE,KAAV,CAAgB;EAChCC,IAAI,EAAEH,SAAS,CAACI,MADgB;EAEhCC,WAAW,EAAEL,SAAS,CAACI;AAFS,CAAhB,CAAlB;AAKA,MAAME,SAAS,GAAG;EAChB,cAAcN,SAAS,CAACI,MADR;EAEhBG,WAAW,EAAEP,SAAS,CAACI,MAFP;EAGhBI,UAAU,EAAER,SAAS,CAACI,MAHN;EAIhBK,UAAU,EAAET,SAAS,CAACE,KAAV,CAAgB;IAC1BQ,MAAM,EAAET,SADkB;IAE1BU,SAAS,EAAEV,SAFe;IAG1BW,KAAK,EAAEX,SAHmB;IAI1BY,QAAQ,EAAEZ;EAJgB,CAAhB;AAJI,CAAlB;AAYA,eAAeK,SAAf;AAEA,OAAO,MAAMQ,oBAAoB,GAAG;EAClCC,OAAO,EAAEf,SAAS,CAACgB;AADe,CAA7B;AAIP,OAAO,MAAMC,aAAa,GAAG;EAC3Bd,IAAI,EAAEH,SAAS,CAACI,MADW;EAE3Bc,IAAI,EAAElB,SAAS,CAACmB;AAFW,CAAtB"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","levelItem","shape","text","string","tooltipText","propTypes","reviewTitle","reviewText","labelsList","skills","questions","lifes","allright","OnboardingPropsTypes","onPress","func","TipPropsTypes","Icon","any"],"sources":["../../../src/atom/review-presentation/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ColorValue, GestureResponderEvent, ViewStyle} from 'react-native';\n\nconst levelItem = PropTypes.shape({\n  text: PropTypes.string,\n  tooltipText: PropTypes.string\n});\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  reviewTitle: PropTypes.string,\n  reviewText: PropTypes.string,\n  labelsList: PropTypes.shape({\n    skills: levelItem,\n    questions: levelItem,\n    lifes: levelItem,\n    allright: levelItem\n  })\n};\n\nexport default propTypes;\n\nexport const OnboardingPropsTypes = {\n  onPress: PropTypes.func\n};\n\nexport const TipPropsTypes = {\n  text: PropTypes.string,\n  Icon: PropTypes.any\n};\n\nexport type OnboardingProps = {\n  'aria-label'?: string | undefined;\n  reviewTitle?: string | undefined;\n  reviewText?: string | undefined;\n  labelsList?: {\n    skills?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n    questions?: {\n      text?: string | undefined;\n      tooltipText?: string | undefined;\n    };\n    lifes?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n    allright?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n  };\n  onPress: (event: GestureResponderEvent) => void;\n};\n\nexport type TipProps = {\n  text: string | undefined;\n  Icon: React.FC<{height: number; width: number; style: ViewStyle; color: ColorValue}>;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAGA,MAAMC,SAAS,GAAGD,SAAS,CAACE,KAAV,CAAgB;EAChCC,IAAI,EAAEH,SAAS,CAACI,MADgB;EAEhCC,WAAW,EAAEL,SAAS,CAACI;AAFS,CAAhB,CAAlB;AAKA,MAAME,SAAS,GAAG;EAChB,cAAcN,SAAS,CAACI,MADR;EAEhBG,WAAW,EAAEP,SAAS,CAACI,MAFP;EAGhBI,UAAU,EAAER,SAAS,CAACI,MAHN;EAIhBK,UAAU,EAAET,SAAS,CAACE,KAAV,CAAgB;IAC1BQ,MAAM,EAAET,SADkB;IAE1BU,SAAS,EAAEV,SAFe;IAG1BW,KAAK,EAAEX,SAHmB;IAI1BY,QAAQ,EAAEZ;EAJgB,CAAhB;AAJI,CAAlB;AAYA,eAAeK,SAAf;AAEA,OAAO,MAAMQ,oBAAoB,GAAG;EAClCC,OAAO,EAAEf,SAAS,CAACgB;AADe,CAA7B;AAIP,OAAO,MAAMC,aAAa,GAAG;EAC3Bd,IAAI,EAAEH,SAAS,CAACI,MADW;EAE3Bc,IAAI,EAAElB,SAAS,CAACmB;AAFW,CAAtB"}

package/es/atom/select-modal/index.native.d.ts

@@ -6,6 +6,7 @@ export declare type ChoiceItem = {
     text: string;
     selected: boolean;
     _id: string;
+    value: string;
 };
 export declare type Props = {
     analyticsID: string;
@@ -15,7 +16,6 @@ export declare type Props = {
     values: Array<ChoiceItem>;
     value?: string;
     placeholder?: string;
-    color?: string;
     onChange: OnChangeFunction;
     onFocus: () => void;
     onBlur: () => void;

package/es/atom/select-modal/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,uBAkG3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,uBAoG3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/atom/select-modal/index.native.js

@@ -32,6 +32,7 @@ const logEvent = (eventName, analyticsID, analytics, questionType) => {
 const Select = props => {
   const templateContext = useTemplateContext();
   const {
+    brandTheme,
     theme,
     analytics
   } = templateContext;
@@ -51,7 +52,6 @@ const Select = props => {
     value,
     style,
     textStyle,
-    color,
     questionType,
     isFocused = false,
     isDisabled = false,
@@ -84,7 +84,10 @@ const Select = props => {
     textStyles = [styleSheet.text, ...textStyle];
   }
 
-  if (color) {
+  let color;
+
+  if ((selectedItem?.value?.length || 0) > 0) {
+    color = brandTheme?.colors?.primary;
     textStyles.push({
       color
     });

package/es/atom/select-modal/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","NovaCompositionNavigationArrowDown","ArrowDown","Modal","Touchable","ANALYTICS_EVENT_TYPE","Space","Text","ModalSelect","useTemplateContext","ICON_WIDTH","createStyleSheet","theme","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","push","dark"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n  text: string;\n  selected: boolean;\n  _id: string;\n};\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  color?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle[];\n  textStyle?: ViewStyle[];\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: ViewStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    color,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.selected);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n  let textStyles: TextStyle[] = [styleSheet.text];\n\n  if (textStyle) {\n    textStyles = [styleSheet.text, ...textStyle];\n  }\n  if (color) {\n    textStyles.push({color});\n  }\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={textStyles}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","NovaCompositionNavigationArrowDown","ArrowDown","Modal","Touchable","ANALYTICS_EVENT_TYPE","Space","Text","ModalSelect","useTemplateContext","ICON_WIDTH","createStyleSheet","theme","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","length","primary","push","dark"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n  text: string;\n  selected: boolean;\n  _id: string;\n  value: string;\n};\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle[];\n  textStyle?: ViewStyle[];\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: ViewStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.selected);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n  let textStyles: TextStyle[] = [styleSheet.text];\n\n  if (textStyle) {\n    textStyles = [styleSheet.text, ...textStyle];\n  }\n\n  let color;\n  if ((selectedItem?.value?.length || 0) > 0) {\n    color = brandTheme?.colors?.primary;\n    textStyles.push({color});\n  }\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={textStyles}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"mappings":"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"}

package/es/molecule/questions/mobile/template/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE3E,OAAO,EACL,eAAe,EACf,UAAU,EACV,WAAW,EAEZ,MAAM,kDAAkD,CAAC;AA+J1D,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,CAAC;IAC3D,aAAa,EAAE,CAAC,IAAI,EAAE,kBAAkB,GAAG,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,gBAAgB,UAAW,KAAK,uBA+CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE3E,OAAO,EACL,eAAe,EACf,UAAU,EACV,WAAW,EAEZ,MAAM,kDAAkD,CAAC;AAoJ1D,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,CAAC;IAC3D,aAAa,EAAE,CAAC,IAAI,EAAE,kBAAkB,GAAG,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,gBAAgB,UAAW,KAAK,uBA+CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/es/molecule/questions/mobile/template/index.native.js

@@ -60,15 +60,11 @@ const Item = props => {
   const templateContext = useTemplateContext();
   const {
     theme,
-    brandTheme,
     translations
   } = templateContext;
   const inputNames = choices.map(choice => choice.name);
   const id = `question-part-${index + 1}`;
   const isFocused = focusedSelectId === id;
-  const coloredText = brandTheme && {
-    color: brandTheme.colors?.primary
-  };
 
   if (part.type === 'answerField' && inputNames.includes(part.value)) {
     const choiceIndex = choices.findIndex(choice => choice.name === part.value);
@@ -101,17 +97,8 @@ const Item = props => {
     }
 
     const selectInputStyle = [styles.selectInput];
-
-    if (coloredText && value) {
-      selectInputStyle.push(coloredText);
-    }
-
     const selectTextStyle = [styles.selectText];
 
-    if (coloredText && value) {
-      selectTextStyle.push(coloredText);
-    }
-
     if (choice.type === 'select') {
       return /*#__PURE__*/React.createElement(View, {
         style: styles.spaced,

package/es/molecule/questions/mobile/template/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","trim","Html","Select","Space","FreeText","useTemplateContext","parseTemplateString","BOX_STYLE","createStyleSheet","theme","container","width","flexDirection","flexWrap","justifyContent","alignItems","spaced","paddingVertical","spacing","tiny","htmlText","color","colors","black","fontWeight","bold","lineHeight","selectInput","padding","borderRadius","radius","regular","minWidth","marginHorizontal","backgroundColor","white","selectText","gray","medium","fontSize","textAlign","Item","props","part","index","isDisabled","focusedSelectId","choices","onInputChange","handleBlur","handleFocus","styles","templateContext","brandTheme","translations","inputNames","map","choice","name","id","isFocused","coloredText","primary","type","includes","value","choiceIndex","findIndex","disabledSuffix","selectedSuffix","handleInputChange","_item","_value","selectInputStyle","push","selectTextStyle","items","selectAnAnswer","QuestionTemplate","template","styleSheet","setStylesheet","_stylesheet","parts"],"sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {TextStyle, View, ViewStyle} from 'react-native';\n\nimport trim from 'lodash/fp/trim';\n\nimport Html from '../../../../atom/html/index.native';\nimport Select from '../../../../atom/select-modal/index.native';\nimport Space from '../../../../atom/space/index.native';\nimport type {TemplateListOfChoices, TemplateTextChoice} from '../../types';\nimport FreeText from '../../free-text/index.native';\nimport {\n  FocusedSelectId,\n  HandleBlur,\n  HandleFocus,\n  useTemplateContext\n} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\nimport parseTemplateString from '../../../../util/parse-template-string';\nimport {BOX_STYLE} from '../../../../variables/shadow';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  spaced: ViewStyle;\n  htmlText: TextStyle;\n  selectInput: ViewStyle;\n  selectText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType => ({\n  container: {\n    width: '100%',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  spaced: {\n    paddingVertical: theme.spacing.tiny\n  },\n  htmlText: {\n    color: theme.colors.black,\n    fontWeight: theme.fontWeight.bold,\n    lineHeight: 25\n  },\n  // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n  selectInput: {\n    padding: theme.spacing.tiny,\n    borderRadius: theme.radius.regular,\n    minWidth: 175,\n    marginHorizontal: 12,\n    paddingVertical: 16,\n    ...BOX_STYLE,\n    backgroundColor: theme.colors.white\n  },\n  selectText: {\n    color: theme.colors.gray.medium,\n    fontWeight: theme.fontWeight.bold,\n    fontSize: theme.fontSize.regular,\n    textAlign: 'center'\n  }\n});\n\ntype TemplatePart = {\n  type: 'string' | 'answerField';\n  value: string;\n};\n\ntype ItemProps = {\n  part: TemplatePart;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  index: number;\n  isDisabled?: boolean;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n  styles: StyleSheetType;\n};\n\nconst Item = (props: ItemProps) => {\n  const {\n    part,\n    index,\n    isDisabled = false,\n    focusedSelectId,\n    choices,\n    onInputChange,\n    handleBlur,\n    handleFocus,\n    styles\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme, translations} = templateContext;\n\n  const inputNames = choices.map(choice => choice.name);\n  const id = `question-part-${index + 1}`;\n  const isFocused = focusedSelectId === id;\n\n  const coloredText = brandTheme && {\n    color: brandTheme.colors?.primary\n  };\n\n  if (part.type === 'answerField' && inputNames.includes(part.value)) {\n    const choiceIndex = choices.findIndex(choice => choice.name === part.value);\n    const choice = choices[choiceIndex];\n    const {value} = choice;\n\n    if (!choice || !choice.type || !choice.name) {\n      return null;\n    }\n\n    const disabledSuffix = isDisabled ? '-disabled' : '';\n    const selectedSuffix = value ? '-selected' : '';\n\n    const handleInputChange =\n      (_item: TemplateTextChoice | TemplateListOfChoices) => (_value: string) =>\n        onInputChange(_item, _value);\n\n    if (choice.type === 'text') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <FreeText\n            key={id}\n            isDisabled={isDisabled}\n            onChange={handleInputChange(choice)}\n            value={value}\n            testID={`${id}-text${selectedSuffix}${disabledSuffix}`}\n            questionType=\"template\"\n          />\n        </View>\n      );\n    }\n\n    const selectInputStyle: TextStyle[] = [styles.selectInput];\n    if (coloredText && value) {\n      selectInputStyle.push(coloredText);\n    }\n\n    const selectTextStyle: TextStyle[] = [styles.selectText];\n    if (coloredText && value) {\n      selectTextStyle.push(coloredText);\n    }\n\n    if (choice.type === 'select') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <Select\n            isDisabled={isDisabled}\n            questionType=\"template\"\n            values={choice.items}\n            value={value}\n            placeholder={translations.selectAnAnswer}\n            isFocused={isFocused}\n            onBlur={handleBlur}\n            onFocus={handleFocus(id)}\n            onChange={handleInputChange(choice)}\n            textStyle={selectTextStyle}\n            style={selectInputStyle}\n            analyticsID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n            testID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n          />\n        </View>\n      );\n    }\n  }\n\n  return (\n    <Html key={id} fontSize={theme.fontSize.regular} testID={id} style={styles.htmlText}>\n      {trim(part.value || '')}\n    </Html>\n  );\n};\n\nexport type Props = {\n  isDisabled?: boolean;\n  template: string;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n};\n\nconst QuestionTemplate = (props: Props) => {\n  const {\n    template,\n    onInputChange,\n    choices,\n    handleBlur,\n    handleFocus,\n    focusedSelectId,\n    isDisabled = false\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!template || !styleSheet) {\n    return null;\n  }\n\n  const parts: TemplatePart[] = parseTemplateString(template);\n\n  return (\n    <View style={styleSheet.container} testID=\"question-template\">\n      {parts.map((part, id) => (\n        <View key={`question-part-${id}`} style={{flexDirection: 'row'}}>\n          <Item\n            part={part}\n            choices={choices}\n            index={id}\n            focusedSelectId={focusedSelectId}\n            isDisabled={isDisabled}\n            handleBlur={handleBlur}\n            handleFocus={handleFocus}\n            onInputChange={onInputChange}\n            styles={styleSheet}\n          />\n          <Space type=\"micro\" />\n        </View>\n      ))}\n    </View>\n  );\n};\n\nexport default QuestionTemplate;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","trim","Html","Select","Space","FreeText","useTemplateContext","parseTemplateString","BOX_STYLE","createStyleSheet","theme","container","width","flexDirection","flexWrap","justifyContent","alignItems","spaced","paddingVertical","spacing","tiny","htmlText","color","colors","black","fontWeight","bold","lineHeight","selectInput","padding","borderRadius","radius","regular","minWidth","marginHorizontal","backgroundColor","white","selectText","gray","medium","fontSize","textAlign","Item","props","part","index","isDisabled","focusedSelectId","choices","onInputChange","handleBlur","handleFocus","styles","templateContext","translations","inputNames","map","choice","name","id","isFocused","type","includes","value","choiceIndex","findIndex","disabledSuffix","selectedSuffix","handleInputChange","_item","_value","selectInputStyle","selectTextStyle","items","selectAnAnswer","QuestionTemplate","template","styleSheet","setStylesheet","_stylesheet","parts"],"sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {TextStyle, View, ViewStyle} from 'react-native';\n\nimport trim from 'lodash/fp/trim';\n\nimport Html from '../../../../atom/html/index.native';\nimport Select from '../../../../atom/select-modal/index.native';\nimport Space from '../../../../atom/space/index.native';\nimport type {TemplateListOfChoices, TemplateTextChoice} from '../../types';\nimport FreeText from '../../free-text/index.native';\nimport {\n  FocusedSelectId,\n  HandleBlur,\n  HandleFocus,\n  useTemplateContext\n} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\nimport parseTemplateString from '../../../../util/parse-template-string';\nimport {BOX_STYLE} from '../../../../variables/shadow';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  spaced: ViewStyle;\n  htmlText: TextStyle;\n  selectInput: ViewStyle;\n  selectText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType => ({\n  container: {\n    width: '100%',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  spaced: {\n    paddingVertical: theme.spacing.tiny\n  },\n  htmlText: {\n    color: theme.colors.black,\n    fontWeight: theme.fontWeight.bold,\n    lineHeight: 25\n  },\n  // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n  selectInput: {\n    padding: theme.spacing.tiny,\n    borderRadius: theme.radius.regular,\n    minWidth: 175,\n    marginHorizontal: 12,\n    paddingVertical: 16,\n    ...BOX_STYLE,\n    backgroundColor: theme.colors.white\n  },\n  selectText: {\n    color: theme.colors.gray.medium,\n    fontWeight: theme.fontWeight.bold,\n    fontSize: theme.fontSize.regular,\n    textAlign: 'center'\n  }\n});\n\ntype TemplatePart = {\n  type: 'string' | 'answerField';\n  value: string;\n};\n\ntype ItemProps = {\n  part: TemplatePart;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  index: number;\n  isDisabled?: boolean;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n  styles: StyleSheetType;\n};\n\nconst Item = (props: ItemProps) => {\n  const {\n    part,\n    index,\n    isDisabled = false,\n    focusedSelectId,\n    choices,\n    onInputChange,\n    handleBlur,\n    handleFocus,\n    styles\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme, translations} = templateContext;\n\n  const inputNames = choices.map(choice => choice.name);\n  const id = `question-part-${index + 1}`;\n  const isFocused = focusedSelectId === id;\n\n  if (part.type === 'answerField' && inputNames.includes(part.value)) {\n    const choiceIndex = choices.findIndex(choice => choice.name === part.value);\n    const choice = choices[choiceIndex];\n    const {value} = choice;\n\n    if (!choice || !choice.type || !choice.name) {\n      return null;\n    }\n\n    const disabledSuffix = isDisabled ? '-disabled' : '';\n    const selectedSuffix = value ? '-selected' : '';\n\n    const handleInputChange =\n      (_item: TemplateTextChoice | TemplateListOfChoices) => (_value: string) =>\n        onInputChange(_item, _value);\n\n    if (choice.type === 'text') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <FreeText\n            key={id}\n            isDisabled={isDisabled}\n            onChange={handleInputChange(choice)}\n            value={value}\n            testID={`${id}-text${selectedSuffix}${disabledSuffix}`}\n            questionType=\"template\"\n          />\n        </View>\n      );\n    }\n\n    const selectInputStyle: TextStyle[] = [styles.selectInput];\n    const selectTextStyle: TextStyle[] = [styles.selectText];\n\n    if (choice.type === 'select') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <Select\n            isDisabled={isDisabled}\n            questionType=\"template\"\n            values={choice.items}\n            value={value}\n            placeholder={translations.selectAnAnswer}\n            isFocused={isFocused}\n            onBlur={handleBlur}\n            onFocus={handleFocus(id)}\n            onChange={handleInputChange(choice)}\n            textStyle={selectTextStyle}\n            style={selectInputStyle}\n            analyticsID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n            testID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n          />\n        </View>\n      );\n    }\n  }\n\n  return (\n    <Html key={id} fontSize={theme.fontSize.regular} testID={id} style={styles.htmlText}>\n      {trim(part.value || '')}\n    </Html>\n  );\n};\n\nexport type Props = {\n  isDisabled?: boolean;\n  template: string;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n};\n\nconst QuestionTemplate = (props: Props) => {\n  const {\n    template,\n    onInputChange,\n    choices,\n    handleBlur,\n    handleFocus,\n    focusedSelectId,\n    isDisabled = false\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!template || !styleSheet) {\n    return null;\n  }\n\n  const parts: TemplatePart[] = parseTemplateString(template);\n\n  return (\n    <View style={styleSheet.container} testID=\"question-template\">\n      {parts.map((part, id) => (\n        <View key={`question-part-${id}`} style={{flexDirection: 'row'}}>\n          <Item\n            part={part}\n            choices={choices}\n            index={id}\n            focusedSelectId={focusedSelectId}\n            isDisabled={isDisabled}\n            handleBlur={handleBlur}\n            handleFocus={handleFocus}\n            onInputChange={onInputChange}\n            styles={styleSheet}\n          />\n          <Space type=\"micro\" />\n        </View>\n      ))}\n    </View>\n  );\n};\n\nexport default QuestionTemplate;\n"],"mappings":"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"}

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

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

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

@@ -11,9 +11,10 @@ import { useTemplateContext } from '../../template/app-review/template-context';
 
 const createStyleSheet = (theme, type) => StyleSheet.create({
   wrapper: {
-    height: 'auto',
-    color: theme.colors.white,
-    display: 'flex'
+    backgroundColor: '#00000000',
+    height: 2000,
+    display: 'flex',
+    justifyContent: 'flex-end'
   },
   popin: {
     padding: theme.spacing.medium,

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useState","Animated","Easing","StyleSheet","View","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","NovaLineLoginKey1","KlfIcon","useAnimateProp","Html","Text","Touchable","useTemplateContext","createStyleSheet","theme","type","create","wrapper","height","color","colors","white","display","popin","padding","spacing","medium","borderRadius","flexDirection","alignItems","backgroundColor","negative","positive","shadowColor","shadowOpacity","shadowOffset","width","shadowRadius","elevation","correctionSection","iconCircle","justifyContent","opacity","icon","resultLabel","fontSize","fontWeight","lineHeight","marginLeft","textTransform","feedbackSection","marginVertical","labelContainer","alignSelf","paddingHorizontal","tiny","paddingVertical","micro","marginBottom","label","extraBold","htmlInfoMessage","button","base","small","buttonText","cta","bold","textAlign","containerButtonKlf","buttonKlf","buttonKlfActive","buttonKlfText","iconKey","marginRight","containerTooltip","zIndex","position","black","buttonTooltip","bottom","right","htmlTooltipText","text","primary","triangleTooltip","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderTopWidth","borderLeftColor","borderTopColor","borderRightColor","borderBottomColor","transform","rotate","left","top","KlfButton","klf","styleSheet","displayTooltip","setDisplayTooltip","fadeIn","property","fromValue","toValue","easing","bezier","handlePressKey","start","revert","tooltip","animatedStyle","ICONS","wrong","ReviewCorrectionPopin","information","next","templateContext","setStylesheet","handlePressNext","onClick","Icon","_stylesheet","message"],"sources":["../../../src/molecule/review-correction-popin/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useState} from 'react';\nimport {Animated, Easing, TextStyle, StyleSheet, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon,\n  NovaLineLoginKey1 as KlfIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp} from '@coorpacademy/react-native-animation';\nimport Html from '../../atom/html/index.native';\nimport {Theme} from '../../variables/theme.native';\nimport Text from '../../atom/text/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ReviewCorrectionPopinKLFProps, ReviewCorrectionPopinProps} from './prop-types';\n\ninterface StyleSheetType {\n  wrapper: ViewStyle;\n  popin: ViewStyle;\n  correctionSection: ViewStyle;\n  iconCircle: ViewStyle;\n  icon: ViewStyle;\n  resultLabel: TextStyle;\n  feedbackSection: ViewStyle;\n  labelContainer: ViewStyle;\n  label: TextStyle;\n  htmlInfoMessage: TextStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  buttonKlf: ViewStyle;\n  buttonKlfActive: TextStyle;\n  buttonKlfText: TextStyle;\n  iconKey: ViewStyle;\n  containerTooltip: ViewStyle;\n  buttonTooltip: ViewStyle;\n  containerButtonKlf: ViewStyle;\n  triangleTooltip: ViewStyle;\n  htmlTooltipText: TextStyle;\n}\n\nconst createStyleSheet = (theme: Theme, type: string): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      height: 'auto',\n      color: theme.colors.white,\n      display: 'flex'\n    },\n    popin: {\n      padding: theme.spacing.medium,\n      borderRadius: 16,\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      backgroundColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,\n      shadowColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,\n      shadowOpacity: 0.5,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 15,\n      elevation: 4\n    },\n    correctionSection: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      width: '80%'\n    },\n    iconCircle: {\n      width: 60,\n      height: 60,\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: theme.colors.white,\n      opacity: 0.7,\n      borderRadius: 50\n    },\n    icon: {\n      height: 30,\n      width: 30\n    },\n    resultLabel: {\n      color: theme.colors.white,\n      fontSize: 24,\n      fontWeight: '600',\n      lineHeight: 24,\n      marginLeft: 12,\n      textTransform: 'uppercase'\n    },\n    feedbackSection: {\n      marginVertical: theme.spacing.medium\n    },\n    labelContainer: {\n      alignSelf: 'flex-start',\n      backgroundColor: 'rgba(255, 255, 255, 0.3)',\n      borderRadius: 56,\n      paddingHorizontal: theme.spacing.tiny,\n      paddingVertical: theme.spacing.micro,\n      marginBottom: 8\n    },\n    label: {\n      color: theme.colors.white,\n      fontSize: 14,\n      fontWeight: theme.fontWeight.extraBold,\n      lineHeight: 17\n    },\n    htmlInfoMessage: {\n      color: theme.colors.white,\n      fontSize: 16,\n      fontWeight: '600',\n      lineHeight: 19\n    },\n    button: {\n      alignSelf: 'stretch',\n      backgroundColor: theme.colors.white,\n      borderRadius: 7,\n      paddingHorizontal: theme.spacing.base,\n      paddingVertical: theme.spacing.small\n    },\n    buttonText: {\n      color: theme.colors.cta,\n      fontSize: 14,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 20,\n      textAlign: 'center'\n    },\n    containerButtonKlf: {\n      width: '100%'\n    },\n    buttonKlf: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n      borderRadius: 7,\n      paddingHorizontal: theme.spacing.base,\n      paddingVertical: theme.spacing.small,\n      marginBottom: theme.spacing.tiny\n    },\n    buttonKlfActive: {\n      backgroundColor:\n        'linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), rgba(255, 255, 255, 0.1)'\n    },\n    buttonKlfText: {\n      color: 'white',\n      fontSize: 14,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 20,\n      textAlign: 'center'\n    },\n    iconKey: {\n      width: 12,\n      height: 12,\n      marginRight: theme.spacing.tiny\n    },\n    containerTooltip: {\n      zIndex: 30,\n      position: 'relative',\n      shadowColor: theme.colors.black,\n      shadowOpacity: 0.3,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 8\n    },\n    buttonTooltip: {\n      flexDirection: 'column',\n      justifyContent: 'center',\n      backgroundColor: theme.colors.white,\n      borderRadius: 15,\n      padding: theme.spacing.small,\n      width: '112%',\n      position: 'absolute',\n      bottom: 4,\n      right: -15,\n      zIndex: 20\n    },\n    htmlTooltipText: {\n      color: theme.colors.text.primary,\n      fontSize: 16,\n      fontWeight: '600',\n      lineHeight: 22,\n      textAlign: 'center'\n    },\n    triangleTooltip: {\n      width: 0,\n      height: 0,\n      backgroundColor: 'transparent',\n      borderStyle: 'solid',\n      borderLeftWidth: 13,\n      borderRightWidth: 13,\n      borderBottomWidth: 13,\n      borderTopWidth: 13,\n      borderLeftColor: 'transparent',\n      borderTopColor: 'transparent',\n      borderRightColor: theme.colors.white,\n      borderBottomColor: theme.colors.white,\n      transform: [{rotate: '45deg'}],\n      position: 'absolute',\n      left: 110,\n      top: -20,\n      borderRadius: 4\n    }\n  });\n\nconst KlfButton = ({\n  klf,\n  styleSheet\n}: {\n  klf: ReviewCorrectionPopinKLFProps;\n  styleSheet: StyleSheetType;\n}) => {\n  const [displayTooltip, setDisplayTooltip] = useState(false);\n  const fadeIn = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    easing: Easing.bezier(0.25, 1, 0.5, 1)\n  });\n\n  const handlePressKey = useCallback(() => {\n    setDisplayTooltip(!displayTooltip);\n    !displayTooltip ? fadeIn.start() : fadeIn.revert();\n  }, [displayTooltip, fadeIn]);\n\n  const {\n    buttonKlf,\n    buttonKlfActive,\n    buttonKlfText,\n    containerButtonKlf,\n    containerTooltip,\n    buttonTooltip,\n    htmlTooltipText,\n    iconKey,\n    triangleTooltip\n  } = styleSheet;\n\n  const {label, tooltip} = klf;\n\n  return (\n    <View style={containerButtonKlf}>\n      <Animated.View style={[containerTooltip, fadeIn.animatedStyle]}>\n        <Touchable\n          style={buttonTooltip}\n          accessibilityLabel={`aria-label-tooltip`}\n          isHighlight\n          onPress={handlePressKey}\n          testID=\"button-tooltip\"\n        >\n          <Html style={htmlTooltipText}>{tooltip}</Html>\n        </Touchable>\n        <View style={triangleTooltip} />\n      </Animated.View>\n      <Touchable\n        style={displayTooltip ? {...buttonKlf, ...buttonKlfActive} : buttonKlf}\n        accessibilityLabel={`aria-label-${label}`}\n        onPress={handlePressKey}\n        testID=\"button-klf\"\n      >\n        <KlfIcon style={iconKey} color=\"white\" />\n        <Text style={buttonKlfText}>{label}</Text>\n      </Touchable>\n    </View>\n  );\n};\n\nconst ICONS = {\n  right: RightIcon,\n  wrong: WrongIcon\n};\n\nconst ReviewCorrectionPopin = ({\n  information,\n  klf,\n  next,\n  type,\n  resultLabel\n}: ReviewCorrectionPopinProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const handlePressNext = next.onClick;\n\n  const Icon = ICONS[type];\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, type);\n    setStylesheet(_stylesheet);\n  }, [theme, type]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.wrapper}>\n      <View style={styleSheet.popin}>\n        <View style={styleSheet.correctionSection}>\n          <View style={styleSheet.iconCircle}>\n            <Icon\n              style={styleSheet.icon}\n              color={type === 'wrong' ? theme.colors.negative : theme.colors.positive}\n            />\n          </View>\n          <Text style={styleSheet.resultLabel}>{resultLabel}</Text>\n        </View>\n        <View style={styleSheet.feedbackSection} accessibilityLabel=\"answer-information\">\n          <View style={styleSheet.labelContainer} needsOffscreenAlphaCompositing>\n            <Text accessibilityLabel={information.label} style={styleSheet.label}>\n              {information.label}\n            </Text>\n          </View>\n          <Html style={styleSheet.htmlInfoMessage}>{information.message}</Html>\n        </View>\n        {klf && type === 'wrong' ? <KlfButton styleSheet={styleSheet} klf={klf} /> : null}\n        <Touchable\n          style={styleSheet.button}\n          onPress={handlePressNext}\n          accessibilityLabel={next['aria-label']}\n          testID={next['data-name']}\n        >\n          <Text style={styleSheet.buttonText}>{next.label}</Text>\n        </Touchable>\n      </View>\n    </View>\n  );\n};\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useState","Animated","Easing","StyleSheet","View","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","NovaLineLoginKey1","KlfIcon","useAnimateProp","Html","Text","Touchable","useTemplateContext","createStyleSheet","theme","type","create","wrapper","backgroundColor","height","display","justifyContent","popin","padding","spacing","medium","borderRadius","flexDirection","alignItems","colors","negative","positive","shadowColor","shadowOpacity","shadowOffset","width","shadowRadius","elevation","correctionSection","iconCircle","white","opacity","icon","resultLabel","color","fontSize","fontWeight","lineHeight","marginLeft","textTransform","feedbackSection","marginVertical","labelContainer","alignSelf","paddingHorizontal","tiny","paddingVertical","micro","marginBottom","label","extraBold","htmlInfoMessage","button","base","small","buttonText","cta","bold","textAlign","containerButtonKlf","buttonKlf","buttonKlfActive","buttonKlfText","iconKey","marginRight","containerTooltip","zIndex","position","black","buttonTooltip","bottom","right","htmlTooltipText","text","primary","triangleTooltip","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderTopWidth","borderLeftColor","borderTopColor","borderRightColor","borderBottomColor","transform","rotate","left","top","KlfButton","klf","styleSheet","displayTooltip","setDisplayTooltip","fadeIn","property","fromValue","toValue","easing","bezier","handlePressKey","start","revert","tooltip","animatedStyle","ICONS","wrong","ReviewCorrectionPopin","information","next","templateContext","setStylesheet","handlePressNext","onClick","Icon","_stylesheet","message"],"sources":["../../../src/molecule/review-correction-popin/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useState} from 'react';\nimport {Animated, Easing, TextStyle, StyleSheet, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon,\n  NovaLineLoginKey1 as KlfIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp} from '@coorpacademy/react-native-animation';\nimport Html from '../../atom/html/index.native';\nimport {Theme} from '../../variables/theme.native';\nimport Text from '../../atom/text/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ReviewCorrectionPopinKLFProps, ReviewCorrectionPopinProps} from './prop-types';\n\ninterface StyleSheetType {\n  wrapper: ViewStyle;\n  popin: ViewStyle;\n  correctionSection: ViewStyle;\n  iconCircle: ViewStyle;\n  icon: ViewStyle;\n  resultLabel: TextStyle;\n  feedbackSection: ViewStyle;\n  labelContainer: ViewStyle;\n  label: TextStyle;\n  htmlInfoMessage: TextStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  buttonKlf: ViewStyle;\n  buttonKlfActive: TextStyle;\n  buttonKlfText: TextStyle;\n  iconKey: ViewStyle;\n  containerTooltip: ViewStyle;\n  buttonTooltip: ViewStyle;\n  containerButtonKlf: ViewStyle;\n  triangleTooltip: ViewStyle;\n  htmlTooltipText: TextStyle;\n}\n\nconst createStyleSheet = (theme: Theme, type: string): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      backgroundColor: '#00000000',\n      height: 2000,\n      display: 'flex',\n      justifyContent: 'flex-end'\n    },\n    popin: {\n      padding: theme.spacing.medium,\n      borderRadius: 16,\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      backgroundColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,\n      shadowColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,\n      shadowOpacity: 0.5,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 15,\n      elevation: 4\n    },\n    correctionSection: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      width: '80%'\n    },\n    iconCircle: {\n      width: 60,\n      height: 60,\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: theme.colors.white,\n      opacity: 0.7,\n      borderRadius: 50\n    },\n    icon: {\n      height: 30,\n      width: 30\n    },\n    resultLabel: {\n      color: theme.colors.white,\n      fontSize: 24,\n      fontWeight: '600',\n      lineHeight: 24,\n      marginLeft: 12,\n      textTransform: 'uppercase'\n    },\n    feedbackSection: {\n      marginVertical: theme.spacing.medium\n    },\n    labelContainer: {\n      alignSelf: 'flex-start',\n      backgroundColor: 'rgba(255, 255, 255, 0.3)',\n      borderRadius: 56,\n      paddingHorizontal: theme.spacing.tiny,\n      paddingVertical: theme.spacing.micro,\n      marginBottom: 8\n    },\n    label: {\n      color: theme.colors.white,\n      fontSize: 14,\n      fontWeight: theme.fontWeight.extraBold,\n      lineHeight: 17\n    },\n    htmlInfoMessage: {\n      color: theme.colors.white,\n      fontSize: 16,\n      fontWeight: '600',\n      lineHeight: 19\n    },\n    button: {\n      alignSelf: 'stretch',\n      backgroundColor: theme.colors.white,\n      borderRadius: 7,\n      paddingHorizontal: theme.spacing.base,\n      paddingVertical: theme.spacing.small\n    },\n    buttonText: {\n      color: theme.colors.cta,\n      fontSize: 14,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 20,\n      textAlign: 'center'\n    },\n    containerButtonKlf: {\n      width: '100%'\n    },\n    buttonKlf: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n      borderRadius: 7,\n      paddingHorizontal: theme.spacing.base,\n      paddingVertical: theme.spacing.small,\n      marginBottom: theme.spacing.tiny\n    },\n    buttonKlfActive: {\n      backgroundColor:\n        'linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), rgba(255, 255, 255, 0.1)'\n    },\n    buttonKlfText: {\n      color: 'white',\n      fontSize: 14,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 20,\n      textAlign: 'center'\n    },\n    iconKey: {\n      width: 12,\n      height: 12,\n      marginRight: theme.spacing.tiny\n    },\n    containerTooltip: {\n      zIndex: 30,\n      position: 'relative',\n      shadowColor: theme.colors.black,\n      shadowOpacity: 0.3,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 8\n    },\n    buttonTooltip: {\n      flexDirection: 'column',\n      justifyContent: 'center',\n      backgroundColor: theme.colors.white,\n      borderRadius: 15,\n      padding: theme.spacing.small,\n      width: '112%',\n      position: 'absolute',\n      bottom: 4,\n      right: -15,\n      zIndex: 20\n    },\n    htmlTooltipText: {\n      color: theme.colors.text.primary,\n      fontSize: 16,\n      fontWeight: '600',\n      lineHeight: 22,\n      textAlign: 'center'\n    },\n    triangleTooltip: {\n      width: 0,\n      height: 0,\n      backgroundColor: 'transparent',\n      borderStyle: 'solid',\n      borderLeftWidth: 13,\n      borderRightWidth: 13,\n      borderBottomWidth: 13,\n      borderTopWidth: 13,\n      borderLeftColor: 'transparent',\n      borderTopColor: 'transparent',\n      borderRightColor: theme.colors.white,\n      borderBottomColor: theme.colors.white,\n      transform: [{rotate: '45deg'}],\n      position: 'absolute',\n      left: 110,\n      top: -20,\n      borderRadius: 4\n    }\n  });\n\nconst KlfButton = ({\n  klf,\n  styleSheet\n}: {\n  klf: ReviewCorrectionPopinKLFProps;\n  styleSheet: StyleSheetType;\n}) => {\n  const [displayTooltip, setDisplayTooltip] = useState(false);\n  const fadeIn = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    easing: Easing.bezier(0.25, 1, 0.5, 1)\n  });\n\n  const handlePressKey = useCallback(() => {\n    setDisplayTooltip(!displayTooltip);\n    !displayTooltip ? fadeIn.start() : fadeIn.revert();\n  }, [displayTooltip, fadeIn]);\n\n  const {\n    buttonKlf,\n    buttonKlfActive,\n    buttonKlfText,\n    containerButtonKlf,\n    containerTooltip,\n    buttonTooltip,\n    htmlTooltipText,\n    iconKey,\n    triangleTooltip\n  } = styleSheet;\n\n  const {label, tooltip} = klf;\n\n  return (\n    <View style={containerButtonKlf}>\n      <Animated.View style={[containerTooltip, fadeIn.animatedStyle]}>\n        <Touchable\n          style={buttonTooltip}\n          accessibilityLabel={`aria-label-tooltip`}\n          isHighlight\n          onPress={handlePressKey}\n          testID=\"button-tooltip\"\n        >\n          <Html style={htmlTooltipText}>{tooltip}</Html>\n        </Touchable>\n        <View style={triangleTooltip} />\n      </Animated.View>\n      <Touchable\n        style={displayTooltip ? {...buttonKlf, ...buttonKlfActive} : buttonKlf}\n        accessibilityLabel={`aria-label-${label}`}\n        onPress={handlePressKey}\n        testID=\"button-klf\"\n      >\n        <KlfIcon style={iconKey} color=\"white\" />\n        <Text style={buttonKlfText}>{label}</Text>\n      </Touchable>\n    </View>\n  );\n};\n\nconst ICONS = {\n  right: RightIcon,\n  wrong: WrongIcon\n};\n\nconst ReviewCorrectionPopin = ({\n  information,\n  klf,\n  next,\n  type,\n  resultLabel\n}: ReviewCorrectionPopinProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const handlePressNext = next.onClick;\n\n  const Icon = ICONS[type];\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, type);\n    setStylesheet(_stylesheet);\n  }, [theme, type]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.wrapper}>\n      <View style={styleSheet.popin}>\n        <View style={styleSheet.correctionSection}>\n          <View style={styleSheet.iconCircle}>\n            <Icon\n              style={styleSheet.icon}\n              color={type === 'wrong' ? theme.colors.negative : theme.colors.positive}\n            />\n          </View>\n          <Text style={styleSheet.resultLabel}>{resultLabel}</Text>\n        </View>\n        <View style={styleSheet.feedbackSection} accessibilityLabel=\"answer-information\">\n          <View style={styleSheet.labelContainer} needsOffscreenAlphaCompositing>\n            <Text accessibilityLabel={information.label} style={styleSheet.label}>\n              {information.label}\n            </Text>\n          </View>\n          <Html style={styleSheet.htmlInfoMessage}>{information.message}</Html>\n        </View>\n        {klf && type === 'wrong' ? <KlfButton styleSheet={styleSheet} klf={klf} /> : null}\n        <Touchable\n          style={styleSheet.button}\n          onPress={handlePressNext}\n          accessibilityLabel={next['aria-label']}\n          testID={next['data-name']}\n        >\n          <Text style={styleSheet.buttonText}>{next.label}</Text>\n        </Touchable>\n      </View>\n    </View>\n  );\n};\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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"}

package/es/organism/review-congrats/index.native.js

@@ -27,7 +27,7 @@ const createStyleSheet = theme => StyleSheet.create({
     paddingHorizontal: 20,
     flexDirection: 'column',
     justifyContent: 'space-between',
-    flex: 1
+    height: 114
   },
   title: {
     fontWeight: '400',