@coorpacademy/components 11.40.14-react18.83 → 11.40.14-react18.86

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,OAAO,KAAK,EAAE,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,sBAyCP,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/gradient/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAAO,SAAS,EAAuB,MAAM,cAAc,CAAC;AAGnE,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,sBAoDP,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LinearGradient } from 'expo-linear-gradient';
+import { View, StyleSheet, Platform } from 'react-native';
 import Color from 'colorjs.io';
 const Gradient = ({
   children,
@@ -34,9 +34,22 @@ const Gradient = ({
       height
     });
   }
-  return /*#__PURE__*/React.createElement(LinearGradient, {
-    colors: calculatedColors,
-    style: _style,
+
+  // Build CSS gradient string (vertical by default)
+  const gradientString = `linear-gradient(180deg, ${calculatedColors.join(', ')})`;
+  const gradientStyle = Platform.select({
+    default: {
+      // @ts-ignore - experimental_backgroundImage is not yet in types
+      experimental_backgroundImage: gradientString
+    },
+    web: {
+      // @ts-ignore
+      backgroundImage: gradientString
+    }
+  });
+  const combinedStyle = StyleSheet.flatten([gradientStyle, ..._style]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: combinedStyle,
     pointerEvents: pointerEvents,
     testID: testID
   }, children);

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","validColors","filter","c","length","console","warn","createElement","Fragment","calculatedColors","raw","transparent","to","alpha","toString","_style","push"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {ViewStyle} from 'react-native';\nimport {LinearGradient} from 'expo-linear-gradient';\nimport Color from 'colorjs.io';\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  // Validate colors array - ensure all values are valid strings\n  const validColors = colors?.filter(c => c && typeof c === 'string') || [];\n\n  // Fallback if no valid colors provided\n  if (validColors.length === 0) {\n    console.warn('Gradient: No valid colors provided, using transparent fallback');\n    return <>{children}</>;\n  }\n\n  let calculatedColors = validColors;\n  if (validColors.length === 1) {\n    const [raw] = validColors;\n    const transparent = new Color(raw).to('srgb');\n    transparent.alpha = 0;\n\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [transparent.toString(), raw, raw]\n        : [raw, raw, transparent.toString()];\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    <LinearGradient\n      colors={calculatedColors}\n      style={_style}\n      pointerEvents={pointerEvents}\n      testID={testID}\n    >\n      {children}\n    </LinearGradient>\n  );\n};\n\nexport default Gradient;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAmB,OAAO;AAEtC,SAAQC,cAAc,QAAO,sBAAsB;AACnD,OAAOC,KAAK,MAAM,YAAY;AAY9B,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,QAAQ;EACRC,MAAM;EACNC,oBAAoB,GAAG,KAAK;EAC5BC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC;AACK,CAAC,KAAK;EACX;EACA,MAAMC,WAAW,GAAGN,MAAM,EAAEO,MAAM,CAACC,CAAC,IAAIA,CAAC,IAAI,OAAOA,CAAC,KAAK,QAAQ,CAAC,IAAI,EAAE;;EAEzE;EACA,IAAIF,WAAW,CAACG,MAAM,KAAK,CAAC,EAAE;IAC5BC,OAAO,CAACC,IAAI,CAAC,gEAAgE,CAAC;IAC9E,oBAAOhB,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,QAAGd,QAAW,CAAC;EACxB;EAEA,IAAIe,gBAAgB,GAAGR,WAAW;EAClC,IAAIA,WAAW,CAACG,MAAM,KAAK,CAAC,EAAE;IAC5B,MAAM,CAACM,GAAG,CAAC,GAAGT,WAAW;IACzB,MAAMU,WAAW,GAAG,IAAInB,KAAK,CAACkB,GAAG,CAAC,CAACE,EAAE,CAAC,MAAM,CAAC;IAC7CD,WAAW,CAACE,KAAK,GAAG,CAAC;IAErBJ,gBAAgB,GACdb,oBAAoB,KAAK,KAAK,GAC1B,CAACe,WAAW,CAACG,QAAQ,CAAC,CAAC,EAAEJ,GAAG,EAAEA,GAAG,CAAC,GAClC,CAACA,GAAG,EAAEA,GAAG,EAAEC,WAAW,CAACG,QAAQ,CAAC,CAAC,CAAC;EAC1C;EAEA,MAAMC,MAAM,GAAG,EAAE;EAEjB,IAAIjB,KAAK,EAAE;IACTiB,MAAM,CAACC,IAAI,CAAClB,KAAK,CAAC;EACpB;EACA,IAAID,MAAM,EAAE;IACVkB,MAAM,CAACC,IAAI,CAAC;MAACnB;IAAM,CAAC,CAAC;EACvB;EAEA,oBACEP,KAAA,CAAAiB,aAAA,CAAChB,cAAc;IACbI,MAAM,EAAEc,gBAAiB;IACzBX,KAAK,EAAEiB,MAAO;IACdf,aAAa,EAAEA,aAAc;IAC7BD,MAAM,EAAEA;EAAO,GAEdL,QACa,CAAC;AAErB,CAAC;AAED,eAAeD,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","View","StyleSheet","Platform","Color","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","validColors","filter","c","length","console","warn","createElement","Fragment","calculatedColors","raw","transparent","to","alpha","toString","_style","push","gradientString","join","gradientStyle","select","default","experimental_backgroundImage","web","backgroundImage","combinedStyle","flatten"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {View, ViewStyle, StyleSheet, Platform} from 'react-native';\nimport Color from 'colorjs.io';\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  // Validate colors array - ensure all values are valid strings\n  const validColors = colors?.filter(c => c && typeof c === 'string') || [];\n\n  // Fallback if no valid colors provided\n  if (validColors.length === 0) {\n    console.warn('Gradient: No valid colors provided, using transparent fallback');\n    return <>{children}</>;\n  }\n\n  let calculatedColors = validColors;\n  if (validColors.length === 1) {\n    const [raw] = validColors;\n    const transparent = new Color(raw).to('srgb');\n    transparent.alpha = 0;\n\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [transparent.toString(), raw, raw]\n        : [raw, raw, transparent.toString()];\n  }\n\n  const _style: ViewStyle[] = [];\n\n  if (style) {\n    _style.push(style as ViewStyle);\n  }\n  if (height) {\n    _style.push({height});\n  }\n\n  // Build CSS gradient string (vertical by default)\n  const gradientString = `linear-gradient(180deg, ${calculatedColors.join(', ')})`;\n\n  const gradientStyle: ViewStyle = Platform.select({\n    default: {\n      // @ts-ignore - experimental_backgroundImage is not yet in types\n      experimental_backgroundImage: gradientString\n    },\n    web: {\n      // @ts-ignore\n      backgroundImage: gradientString\n    }\n  });\n\n  const combinedStyle = StyleSheet.flatten([gradientStyle, ..._style]);\n\n  return (\n    <View style={combinedStyle} pointerEvents={pointerEvents} testID={testID}>\n      {children}\n    </View>\n  );\n};\n\nexport default Gradient;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC,SAAQC,IAAI,EAAaC,UAAU,EAAEC,QAAQ,QAAO,cAAc;AAClE,OAAOC,KAAK,MAAM,YAAY;AAY9B,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,QAAQ;EACRC,MAAM;EACNC,oBAAoB,GAAG,KAAK;EAC5BC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC;AACK,CAAC,KAAK;EACX;EACA,MAAMC,WAAW,GAAGN,MAAM,EAAEO,MAAM,CAACC,CAAC,IAAIA,CAAC,IAAI,OAAOA,CAAC,KAAK,QAAQ,CAAC,IAAI,EAAE;;EAEzE;EACA,IAAIF,WAAW,CAACG,MAAM,KAAK,CAAC,EAAE;IAC5BC,OAAO,CAACC,IAAI,CAAC,gEAAgE,CAAC;IAC9E,oBAAOlB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,QAAA,QAAGd,QAAW,CAAC;EACxB;EAEA,IAAIe,gBAAgB,GAAGR,WAAW;EAClC,IAAIA,WAAW,CAACG,MAAM,KAAK,CAAC,EAAE;IAC5B,MAAM,CAACM,GAAG,CAAC,GAAGT,WAAW;IACzB,MAAMU,WAAW,GAAG,IAAInB,KAAK,CAACkB,GAAG,CAAC,CAACE,EAAE,CAAC,MAAM,CAAC;IAC7CD,WAAW,CAACE,KAAK,GAAG,CAAC;IAErBJ,gBAAgB,GACdb,oBAAoB,KAAK,KAAK,GAC1B,CAACe,WAAW,CAACG,QAAQ,CAAC,CAAC,EAAEJ,GAAG,EAAEA,GAAG,CAAC,GAClC,CAACA,GAAG,EAAEA,GAAG,EAAEC,WAAW,CAACG,QAAQ,CAAC,CAAC,CAAC;EAC1C;EAEA,MAAMC,MAAmB,GAAG,EAAE;EAE9B,IAAIjB,KAAK,EAAE;IACTiB,MAAM,CAACC,IAAI,CAAClB,KAAkB,CAAC;EACjC;EACA,IAAID,MAAM,EAAE;IACVkB,MAAM,CAACC,IAAI,CAAC;MAACnB;IAAM,CAAC,CAAC;EACvB;;EAEA;EACA,MAAMoB,cAAc,GAAG,2BAA2BR,gBAAgB,CAACS,IAAI,CAAC,IAAI,CAAC,GAAG;EAEhF,MAAMC,aAAwB,GAAG5B,QAAQ,CAAC6B,MAAM,CAAC;IAC/CC,OAAO,EAAE;MACP;MACAC,4BAA4B,EAAEL;IAChC,CAAC;IACDM,GAAG,EAAE;MACH;MACAC,eAAe,EAAEP;IACnB;EACF,CAAC,CAAC;EAEF,MAAMQ,aAAa,GAAGnC,UAAU,CAACoC,OAAO,CAAC,CAACP,aAAa,EAAE,GAAGJ,MAAM,CAAC,CAAC;EAEpE,oBACE3B,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACS,KAAK,EAAE2B,aAAc;IAACzB,aAAa,EAAEA,aAAc;IAACD,MAAM,EAAEA;EAAO,GACtEL,QACG,CAAC;AAEX,CAAC;AAED,eAAeD,QAAQ","ignoreList":[]}

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":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,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,sBA0IzB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/html/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAO,SAAS,EAAE,UAAU,EAAE,SAAS,EAAsB,MAAM,cAAc,CAAC;AAqBzF,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,sBA4IzB,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo, useState } from 'react';
-import { View } from 'react-native';
+import { View, useWindowDimensions } from 'react-native';
 import RenderHTML from 'react-native-render-html';
 import { HTML_ANCHOR_TEXT_COLOR } from '../../variables/theme.native';
 import { useTemplateContext } from '../../template/app-review/template-context';
@@ -9,6 +9,9 @@ const HtmlBase = props => {
 };
 const Html = props => {
   const templateContext = useTemplateContext();
+  const {
+    width: contentWidth
+  } = useWindowDimensions();
   const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState(false);
   const {
     theme
@@ -122,6 +125,7 @@ const Html = props => {
       // eslint-disable-next-line no-nested-ternary
       html: isTextCentered ? `<p>${children}</p>` : numberOfLines ? `<span>${children}</span>` : `${children}`
     },
+    contentWidth: contentWidth,
     tagsStyles: tagsStyles,
     baseFontStyle: {
       ...baseFontStyle,

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useMemo","useState","View","RenderHTML","HTML_ANCHOR_TEXT_COLOR","useTemplateContext","Text","HtmlBase","props","createElement","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","key","replace","renderers","font","span","source","html","undefined","ignoredStyles"],"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 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 = {\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  } as MixedStyleRecord;\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({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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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useMemo","useState","View","useWindowDimensions","RenderHTML","HTML_ANCHOR_TEXT_COLOR","useTemplateContext","Text","HtmlBase","props","createElement","Html","templateContext","width","contentWidth","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","key","replace","renderers","font","span","source","html","undefined","ignoredStyles"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle, useWindowDimensions} 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 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 {width: contentWidth} = useWindowDimensions();\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 = {\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  } as MixedStyleRecord;\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({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        contentWidth={contentWidth}\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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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/confirm-email-sent/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AA2JjD,oBAAY,KAAK,GAAG;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE;QACP,YAAY,EAAE,MAAM,CAAC;QACrB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,gBAAgB,UAAW,KAAK,sBAwErC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/confirm-email-sent/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AA0JjD,oBAAY,KAAK,GAAG;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE;QACP,YAAY,EAAE,MAAM,CAAC;QACrB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,gBAAgB,UAAW,KAAK,sBA4FrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -1,6 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { Animated, Dimensions, StyleSheet, View } from 'react-native';
-import { LinearGradient } from 'expo-linear-gradient';
+import { Animated, Dimensions, StyleSheet, View, Platform } from 'react-native';
 import { NovaSolidStatusClose as CloseIcon, NovaCompositionCoorpacademyCheck as CheckIcon, NovaCompositionCoorpacademyEmail as MailIcon } from '@coorpacademy/nova-icons';
 import { useAnimateProp, useTranslateY } from '@coorpacademy/react-native-animation';
 import Touchable from '../../../hoc/touchable/index.native';
@@ -167,14 +166,28 @@ const ConfirmEmailSent = props => {
     style: styleSheet.wrapper
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: [styleSheet.gradients, translateGradients.animatedStyle]
-  }, /*#__PURE__*/React.createElement(LinearGradient, {
-    colors: ['#179c57', '#fff0'],
-    locations: [0, 0.5],
-    style: styleSheet.gradient
-  }), /*#__PURE__*/React.createElement(LinearGradient, {
-    colors: ['#18BB98', '#18BB9800'],
-    locations: [0, 1],
-    style: styleSheet.gradient2
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styleSheet.gradient, Platform.select({
+      default: {
+        // @ts-ignore
+        experimental_backgroundImage: 'linear-gradient(180deg, #179c57 0%, #fff0 50%)'
+      },
+      web: {
+        // @ts-ignore
+        backgroundImage: 'linear-gradient(180deg, #179c57 0%, #fff0 50%)'
+      }
+    })]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styleSheet.gradient2, Platform.select({
+      default: {
+        // @ts-ignore
+        experimental_backgroundImage: 'linear-gradient(180deg, #18BB98 0%, #18BB9800 100%)'
+      },
+      web: {
+        // @ts-ignore
+        backgroundImage: 'linear-gradient(180deg, #18BB98 0%, #18BB9800 100%)'
+      }
+    })]
   })), /*#__PURE__*/React.createElement(Animated.View, {
     style: [styleSheet.content, fadeInContent.animatedStyle]
   }, /*#__PURE__*/React.createElement(View, {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAiLlE,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,OAAO,UAAW,KAAK,sBAuI5B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAgLlE,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,OAAO,UAAW,KAAK,sBA2J5B,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1,6 +1,5 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import { Animated, StyleSheet, View } from 'react-native';
-import { LinearGradient } from 'expo-linear-gradient';
+import { Animated, StyleSheet, View, Platform } from 'react-native';
 import { NovaCompositionCoorpacademyLogoCoorp as LogoCoorp, NovaCompositionCoorpacademyQrCode as QrCodeIcon, NovaCompositionCoorpacademyEmail as MailIcon } from '@coorpacademy/nova-icons';
 import { useAnimateProp, useTranslateY } from '@coorpacademy/react-native-animation';
 import Touchable from '../../../hoc/touchable/index.native';
@@ -224,14 +223,28 @@ const Welcome = props => {
     testID: "welcome"
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: [styleSheet.gradients, translateGradients.animatedStyle]
-  }, /*#__PURE__*/React.createElement(LinearGradient, {
-    colors: [cm_primary_blue, '#fff'],
-    locations: [0, 0.95],
-    style: styleSheet.gradient
-  }), /*#__PURE__*/React.createElement(LinearGradient, {
-    colors: ['#2199AB', '#fff'],
-    locations: [0, 0.95],
-    style: styleSheet.gradient2
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styleSheet.gradient, Platform.select({
+      default: {
+        // @ts-ignore
+        experimental_backgroundImage: `linear-gradient(180deg, ${cm_primary_blue} 0%, #fff 95%)`
+      },
+      web: {
+        // @ts-ignore
+        backgroundImage: `linear-gradient(180deg, ${cm_primary_blue} 0%, #fff 95%)`
+      }
+    })]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styleSheet.gradient2, Platform.select({
+      default: {
+        // @ts-ignore
+        experimental_backgroundImage: 'linear-gradient(180deg, #2199AB 0%, #fff 95%)'
+      },
+      web: {
+        // @ts-ignore
+        backgroundImage: 'linear-gradient(180deg, #2199AB 0%, #fff 95%)'
+      }
+    })]
   })), /*#__PURE__*/React.createElement(Touchable, {
     onLongPress: onDemoPress,
     style: styleSheet.logo

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

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

package/lib/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,OAAO,KAAK,EAAE,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,sBAyCP,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/gradient/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAAO,SAAS,EAAuB,MAAM,cAAc,CAAC;AAGnE,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,sBAoDP,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _expoLinearGradient = require("expo-linear-gradient");
+var _reactNative = require("react-native");
 var _colorjs = _interopRequireDefault(require("colorjs.io"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Gradient = ({
@@ -39,9 +39,22 @@ const Gradient = ({
       height
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_expoLinearGradient.LinearGradient, {
-    colors: calculatedColors,
-    style: _style,
+
+  // Build CSS gradient string (vertical by default)
+  const gradientString = `linear-gradient(180deg, ${calculatedColors.join(', ')})`;
+  const gradientStyle = _reactNative.Platform.select({
+    default: {
+      // @ts-ignore - experimental_backgroundImage is not yet in types
+      experimental_backgroundImage: gradientString
+    },
+    web: {
+      // @ts-ignore
+      backgroundImage: gradientString
+    }
+  });
+  const combinedStyle = _reactNative.StyleSheet.flatten([gradientStyle, ..._style]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: combinedStyle,
     pointerEvents: pointerEvents,
     testID: testID
   }, children);

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireDefault","require","_expoLinearGradient","_colorjs","e","__esModule","default","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","validColors","filter","c","length","console","warn","createElement","Fragment","calculatedColors","raw","transparent","Color","to","alpha","toString","_style","push","LinearGradient","_default","exports"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {ViewStyle} from 'react-native';\nimport {LinearGradient} from 'expo-linear-gradient';\nimport Color from 'colorjs.io';\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  // Validate colors array - ensure all values are valid strings\n  const validColors = colors?.filter(c => c && typeof c === 'string') || [];\n\n  // Fallback if no valid colors provided\n  if (validColors.length === 0) {\n    console.warn('Gradient: No valid colors provided, using transparent fallback');\n    return <>{children}</>;\n  }\n\n  let calculatedColors = validColors;\n  if (validColors.length === 1) {\n    const [raw] = validColors;\n    const transparent = new Color(raw).to('srgb');\n    transparent.alpha = 0;\n\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [transparent.toString(), raw, raw]\n        : [raw, raw, transparent.toString()];\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    <LinearGradient\n      colors={calculatedColors}\n      style={_style}\n      pointerEvents={pointerEvents}\n      testID={testID}\n    >\n      {children}\n    </LinearGradient>\n  );\n};\n\nexport default Gradient;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA+B,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAY/B,MAAMG,QAAQ,GAAGA,CAAC;EAChBC,QAAQ;EACRC,MAAM;EACNC,oBAAoB,GAAG,KAAK;EAC5BC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC;AACK,CAAC,KAAK;EACX;EACA,MAAMC,WAAW,GAAGN,MAAM,EAAEO,MAAM,CAACC,CAAC,IAAIA,CAAC,IAAI,OAAOA,CAAC,KAAK,QAAQ,CAAC,IAAI,EAAE;;EAEzE;EACA,IAAIF,WAAW,CAACG,MAAM,KAAK,CAAC,EAAE;IAC5BC,OAAO,CAACC,IAAI,CAAC,gEAAgE,CAAC;IAC9E,oBAAOrB,MAAA,CAAAO,OAAA,CAAAe,aAAA,CAAAtB,MAAA,CAAAO,OAAA,CAAAgB,QAAA,QAAGd,QAAW,CAAC;EACxB;EAEA,IAAIe,gBAAgB,GAAGR,WAAW;EAClC,IAAIA,WAAW,CAACG,MAAM,KAAK,CAAC,EAAE;IAC5B,MAAM,CAACM,GAAG,CAAC,GAAGT,WAAW;IACzB,MAAMU,WAAW,GAAG,IAAIC,gBAAK,CAACF,GAAG,CAAC,CAACG,EAAE,CAAC,MAAM,CAAC;IAC7CF,WAAW,CAACG,KAAK,GAAG,CAAC;IAErBL,gBAAgB,GACdb,oBAAoB,KAAK,KAAK,GAC1B,CAACe,WAAW,CAACI,QAAQ,CAAC,CAAC,EAAEL,GAAG,EAAEA,GAAG,CAAC,GAClC,CAACA,GAAG,EAAEA,GAAG,EAAEC,WAAW,CAACI,QAAQ,CAAC,CAAC,CAAC;EAC1C;EAEA,MAAMC,MAAM,GAAG,EAAE;EAEjB,IAAIlB,KAAK,EAAE;IACTkB,MAAM,CAACC,IAAI,CAACnB,KAAK,CAAC;EACpB;EACA,IAAID,MAAM,EAAE;IACVmB,MAAM,CAACC,IAAI,CAAC;MAACpB;IAAM,CAAC,CAAC;EACvB;EAEA,oBACEZ,MAAA,CAAAO,OAAA,CAAAe,aAAA,CAACnB,mBAAA,CAAA8B,cAAc;IACbvB,MAAM,EAAEc,gBAAiB;IACzBX,KAAK,EAAEkB,MAAO;IACdhB,aAAa,EAAEA,aAAc;IAC7BD,MAAM,EAAEA;EAAO,GAEdL,QACa,CAAC;AAErB,CAAC;AAAC,IAAAyB,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEaC,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireDefault","require","_reactNative","_colorjs","e","__esModule","default","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","validColors","filter","c","length","console","warn","createElement","Fragment","calculatedColors","raw","transparent","Color","to","alpha","toString","_style","push","gradientString","join","gradientStyle","Platform","select","experimental_backgroundImage","web","backgroundImage","combinedStyle","StyleSheet","flatten","View","_default","exports"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {View, ViewStyle, StyleSheet, Platform} from 'react-native';\nimport Color from 'colorjs.io';\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  // Validate colors array - ensure all values are valid strings\n  const validColors = colors?.filter(c => c && typeof c === 'string') || [];\n\n  // Fallback if no valid colors provided\n  if (validColors.length === 0) {\n    console.warn('Gradient: No valid colors provided, using transparent fallback');\n    return <>{children}</>;\n  }\n\n  let calculatedColors = validColors;\n  if (validColors.length === 1) {\n    const [raw] = validColors;\n    const transparent = new Color(raw).to('srgb');\n    transparent.alpha = 0;\n\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [transparent.toString(), raw, raw]\n        : [raw, raw, transparent.toString()];\n  }\n\n  const _style: ViewStyle[] = [];\n\n  if (style) {\n    _style.push(style as ViewStyle);\n  }\n  if (height) {\n    _style.push({height});\n  }\n\n  // Build CSS gradient string (vertical by default)\n  const gradientString = `linear-gradient(180deg, ${calculatedColors.join(', ')})`;\n\n  const gradientStyle: ViewStyle = Platform.select({\n    default: {\n      // @ts-ignore - experimental_backgroundImage is not yet in types\n      experimental_backgroundImage: gradientString\n    },\n    web: {\n      // @ts-ignore\n      backgroundImage: gradientString\n    }\n  });\n\n  const combinedStyle = StyleSheet.flatten([gradientStyle, ..._style]);\n\n  return (\n    <View style={combinedStyle} pointerEvents={pointerEvents} testID={testID}>\n      {children}\n    </View>\n  );\n};\n\nexport default Gradient;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA+B,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAY/B,MAAMG,QAAQ,GAAGA,CAAC;EAChBC,QAAQ;EACRC,MAAM;EACNC,oBAAoB,GAAG,KAAK;EAC5BC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC;AACK,CAAC,KAAK;EACX;EACA,MAAMC,WAAW,GAAGN,MAAM,EAAEO,MAAM,CAACC,CAAC,IAAIA,CAAC,IAAI,OAAOA,CAAC,KAAK,QAAQ,CAAC,IAAI,EAAE;;EAEzE;EACA,IAAIF,WAAW,CAACG,MAAM,KAAK,CAAC,EAAE;IAC5BC,OAAO,CAACC,IAAI,CAAC,gEAAgE,CAAC;IAC9E,oBAAOrB,MAAA,CAAAO,OAAA,CAAAe,aAAA,CAAAtB,MAAA,CAAAO,OAAA,CAAAgB,QAAA,QAAGd,QAAW,CAAC;EACxB;EAEA,IAAIe,gBAAgB,GAAGR,WAAW;EAClC,IAAIA,WAAW,CAACG,MAAM,KAAK,CAAC,EAAE;IAC5B,MAAM,CAACM,GAAG,CAAC,GAAGT,WAAW;IACzB,MAAMU,WAAW,GAAG,IAAIC,gBAAK,CAACF,GAAG,CAAC,CAACG,EAAE,CAAC,MAAM,CAAC;IAC7CF,WAAW,CAACG,KAAK,GAAG,CAAC;IAErBL,gBAAgB,GACdb,oBAAoB,KAAK,KAAK,GAC1B,CAACe,WAAW,CAACI,QAAQ,CAAC,CAAC,EAAEL,GAAG,EAAEA,GAAG,CAAC,GAClC,CAACA,GAAG,EAAEA,GAAG,EAAEC,WAAW,CAACI,QAAQ,CAAC,CAAC,CAAC;EAC1C;EAEA,MAAMC,MAAmB,GAAG,EAAE;EAE9B,IAAIlB,KAAK,EAAE;IACTkB,MAAM,CAACC,IAAI,CAACnB,KAAkB,CAAC;EACjC;EACA,IAAID,MAAM,EAAE;IACVmB,MAAM,CAACC,IAAI,CAAC;MAACpB;IAAM,CAAC,CAAC;EACvB;;EAEA;EACA,MAAMqB,cAAc,GAAG,2BAA2BT,gBAAgB,CAACU,IAAI,CAAC,IAAI,CAAC,GAAG;EAEhF,MAAMC,aAAwB,GAAGC,qBAAQ,CAACC,MAAM,CAAC;IAC/C9B,OAAO,EAAE;MACP;MACA+B,4BAA4B,EAAEL;IAChC,CAAC;IACDM,GAAG,EAAE;MACH;MACAC,eAAe,EAAEP;IACnB;EACF,CAAC,CAAC;EAEF,MAAMQ,aAAa,GAAGC,uBAAU,CAACC,OAAO,CAAC,CAACR,aAAa,EAAE,GAAGJ,MAAM,CAAC,CAAC;EAEpE,oBACE/B,MAAA,CAAAO,OAAA,CAAAe,aAAA,CAACnB,YAAA,CAAAyC,IAAI;IAAC/B,KAAK,EAAE4B,aAAc;IAAC1B,aAAa,EAAEA,aAAc;IAACD,MAAM,EAAEA;EAAO,GACtEL,QACG,CAAC;AAEX,CAAC;AAAC,IAAAoC,QAAA,GAAAC,OAAA,CAAAvC,OAAA,GAEaC,QAAQ","ignoreList":[]}

package/lib/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":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,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,sBA0IzB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/html/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAO,SAAS,EAAE,UAAU,EAAE,SAAS,EAAsB,MAAM,cAAc,CAAC;AAqBzF,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,sBA4IzB,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -16,6 +16,9 @@ const HtmlBase = props => {
 };
 const Html = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
+  const {
+    width: contentWidth
+  } = (0, _reactNative.useWindowDimensions)();
   const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = (0, _react.useState)(false);
   const {
     theme
@@ -129,6 +132,7 @@ const Html = props => {
       // eslint-disable-next-line no-nested-ternary
       html: isTextCentered ? `<p>${children}</p>` : numberOfLines ? `<span>${children}</span>` : `${children}`
     },
+    contentWidth: contentWidth,
     tagsStyles: tagsStyles,
     baseFontStyle: {
       ...baseFontStyle,

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeRenderHtml","_interopRequireDefault","_theme","_templateContext","_index","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HtmlBase","props","createElement","Html","templateContext","useTemplateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","useState","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","HTML_ANCHOR_TEXT_COLOR","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","textDecorationLine","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","color","img","baseFontStyle","useMemo","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","useCallback","htmlAttribs","_children","FontRenderer","key","replace","renderers","font","span","View","source","html","undefined","ignoredStyles","_default","exports"],"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 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 = {\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  } as MixedStyleRecord;\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({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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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeRenderHtml","_interopRequireDefault","_theme","_templateContext","_index","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HtmlBase","props","createElement","Html","templateContext","useTemplateContext","width","contentWidth","useWindowDimensions","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","useState","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","HTML_ANCHOR_TEXT_COLOR","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","textDecorationLine","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","color","img","baseFontStyle","useMemo","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","useCallback","htmlAttribs","_children","FontRenderer","key","replace","renderers","font","span","View","source","html","undefined","ignoredStyles","_default","exports"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle, useWindowDimensions} 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 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 {width: contentWidth} = useWindowDimensions();\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 = {\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  } as MixedStyleRecord;\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({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        contentWidth={contentWidth}\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":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAOA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAH,sBAAA,CAAAH,OAAA;AAAwC,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAOxC,MAAMW,QAAQ,GAAIC,KAA4B,IAAK;EACjD,oBAAO9B,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC3B,sBAAA,CAAAO,OAAU,EAAKmB,KAAQ,CAAC;AAClC,CAAC;AAkCD,MAAME,IAAI,GAAIF,KAAY,IAAK;EAC7B,MAAMG,eAAe,GAAG,IAAAC,mCAAkB,EAAC,CAAC;EAC5C,MAAM;IAACC,KAAK,EAAEC;EAAY,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACnD,MAAM,CAACC,4BAA4B,EAAEC,yBAAyB,CAAC,GAAG,IAAAC,eAAQ,EAAU,KAAK,CAAC;EAC1F,MAAM;IAACC;EAAK,CAAC,GAAGR,eAAe;EAC/B,MAAM;IACJS,QAAQ;IACRC,QAAQ;IACRC,cAAc;IACdC,UAAU;IACVC,KAAK;IACLC,MAAM;IACNC,eAAe,GAAGC,6BAAsB;IACxCC,cAAc;IACdC;EACF,CAAC,GAAGrB,KAAK;;EAET;EACA,MAAMsB,MAAc,GAAG;IACrBC,CAAC,EAAE;MACDC,cAAc,EAAE,CAAC;MACjBC,SAAS,EAAE;IACb,CAAC;IACD/B,CAAC,EAAE;MACDgC,kBAAkB,EAAE;IACtB,CAAC;IACD7B,CAAC,EAAE;MACD8B,SAAS,EAAE;IACb,CAAC;IACDC,CAAC,EAAE;MACDC,UAAU,EAAElB,KAAK,CAACkB,UAAU,CAACC;IAC/B,CAAC;IACDC,CAAC,EAAE;MACDL,kBAAkB,EAAE;IACtB;EACF,CAAC;EAED,MAAMM,UAAU,GAAG;IACjB,GAAGV,MAAM;IACTW,EAAE,EAAE;MAACpB;IAAQ,CAAC;IACdqB,EAAE,EAAE;MAACrB;IAAQ,CAAC;IACdsB,EAAE,EAAE;MAACtB;IAAQ,CAAC;IACduB,EAAE,EAAE;MAACvB;IAAQ,CAAC;IACdwB,EAAE,EAAE;MAACxB;IAAQ,CAAC;IACdyB,EAAE,EAAE;MAACzB;IAAQ,CAAC;IACdvB,CAAC,EAAE;MAACiD,KAAK,EAAErB;IAAe,CAAC;IAC3BsB,GAAG,EAAEzB,UAAU,IAAI,CAAC;EACtB,CAAqB;EAErB,IAAI0B,aAAwB,GAAG,IAAAC,cAAO,EACpC,OAAO;IAAC7B,QAAQ;IAAE0B,KAAK,EAAE5B,KAAK,CAACgC,MAAM,CAACC;EAAK,CAAC,CAAC,EAC7C,CAAC/B,QAAQ,EAAEF,KAAK,CAClB,CAAC;EAED,IAAIK,KAAK,EAAE;IACT,IAAI6B,KAAK,CAACC,OAAO,CAAC9B,KAAK,CAAC,EAAE;MACxB,MAAM+B,WAAW,GAAG/B,KAAK,CAACgC,MAAM,CAAC,CAACC,MAAM,EAAEC,KAAK,MAAM;QACnD,GAAGD,MAAM;QACT,GAAGC;MACL,CAAC,CAAC,CAAC;MACHT,aAAa,GAAG;QACd,GAAGA,aAAa;QAChB,GAAGM;MACL,CAAC;IACH,CAAC,MAAM;MACLN,aAAa,GAAG;QACd,GAAGA,aAAa;QAChB,GAAGzB;MACL,CAAC;IACH;EACF;EAEA,MAAMmC,YAAY,GAAG,IAAAC,kBAAW,EAC9B,CAACC,WAAwC,EAAEC,SAAiB,kBAC1DpF,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAACvB,MAAA,CAAAG,OAAI;IAACwC,aAAa,EAAEA;EAAc,GAAEiC,SAAgB,CACtD,EACD,CAACjC,aAAa,CAChB,CAAC;EAMD,MAAMkC,YAAY,GAAG,IAAAH,kBAAW,EAC9B,CAACC,WAAuB,EAAEC,SAAiB,KAAK;IAC9C,IAAID,WAAW,CAACd,KAAK,EAAE;MACrB9B,yBAAyB,CAAC,IAAI,CAAC;IACjC;IAEA,oBACEvC,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAACvB,MAAA,CAAAG,OAAI;MACH2E,GAAG,EAAE,CAAE;MACPxC,KAAK,EAAE;QACL,GAAGyB,aAAa;QAChBF,KAAK,EAAEc,WAAW,CAACd,KAAK,EAAEkB,OAAO,CAAC,IAAI,EAAE,EAAE;MAC5C;IAAE,GAEDH,SACG,CAAC;EAEX,CAAC,EACD,CAACb,aAAa,CAChB,CAAC;EAED,MAAMiB,SAAS,GAAG;IAChBC,IAAI,EAAEJ,YAAY;IAClBK,IAAI,EAAET;EACR,CAAC;EAED,oBACEjF,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC5B,YAAA,CAAAwF,IAAI;IAAC5C,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAEF;EAAe,gBAC1C5C,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAACF;EACC;EACA;EACA;EACA;EAAA;IACA+D,MAAM,EAAE;MACN;MACAC,IAAI,EAAE3C,cAAc,GAChB,MAAMR,QAAQ,MAAM,GACpBS,aAAa,GACb,SAAST,QAAQ,SAAS,GAC1B,GAAGA,QAAQ;IACjB,CAAE;IACFN,YAAY,EAAEA,YAAa;IAC3B0B,UAAU,EAAEA,UAAW;IACvBS,aAAa,EAAE;MACb,GAAGA,aAAa;MAChBF,KAAK,EAAE/B,4BAA4B,GAAGwD,SAAS,GAAGvB,aAAa,CAACF;IAClE,CAAE;IACFmB,SAAS,EAAEA;IACX;IACA;IACA;IACA;IAAA;IACAO,aAAa,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAE;IACnChD,MAAM,EAAC;EAAW,CACnB,CACG,CAAC;AAEX,CAAC;AAAC,IAAAiD,QAAA,GAAAC,OAAA,CAAAtF,OAAA,GAEaqB,IAAI","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/confirm-email-sent/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AA2JjD,oBAAY,KAAK,GAAG;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE;QACP,YAAY,EAAE,MAAM,CAAC;QACrB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,gBAAgB,UAAW,KAAK,sBAwErC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/confirm-email-sent/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AA0JjD,oBAAY,KAAK,GAAG;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE;QACP,YAAY,EAAE,MAAM,CAAC;QACrB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,gBAAgB,UAAW,KAAK,sBA4FrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -4,7 +4,6 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _expoLinearGradient = require("expo-linear-gradient");
 var _novaIcons = require("@coorpacademy/nova-icons");
 var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
 var _index = _interopRequireDefault(require("../../../hoc/touchable/index.native"));
@@ -174,14 +173,28 @@ const ConfirmEmailSent = props => {
     style: styleSheet.wrapper
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
     style: [styleSheet.gradients, translateGradients.animatedStyle]
-  }, /*#__PURE__*/_react.default.createElement(_expoLinearGradient.LinearGradient, {
-    colors: ['#179c57', '#fff0'],
-    locations: [0, 0.5],
-    style: styleSheet.gradient
-  }), /*#__PURE__*/_react.default.createElement(_expoLinearGradient.LinearGradient, {
-    colors: ['#18BB98', '#18BB9800'],
-    locations: [0, 1],
-    style: styleSheet.gradient2
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styleSheet.gradient, _reactNative.Platform.select({
+      default: {
+        // @ts-ignore
+        experimental_backgroundImage: 'linear-gradient(180deg, #179c57 0%, #fff0 50%)'
+      },
+      web: {
+        // @ts-ignore
+        backgroundImage: 'linear-gradient(180deg, #179c57 0%, #fff0 50%)'
+      }
+    })]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styleSheet.gradient2, _reactNative.Platform.select({
+      default: {
+        // @ts-ignore
+        experimental_backgroundImage: 'linear-gradient(180deg, #18BB98 0%, #18BB9800 100%)'
+      },
+      web: {
+        // @ts-ignore
+        backgroundImage: 'linear-gradient(180deg, #18BB98 0%, #18BB9800 100%)'
+      }
+    })]
   })), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
     style: [styleSheet.content, fadeInContent.animatedStyle]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAiLlE,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,OAAO,UAAW,KAAK,sBAuI5B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAgLlE,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,OAAO,UAAW,KAAK,sBA2J5B,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -4,7 +4,6 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _expoLinearGradient = require("expo-linear-gradient");
 var _novaIcons = require("@coorpacademy/nova-icons");
 var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
 var _index = _interopRequireDefault(require("../../../hoc/touchable/index.native"));
@@ -231,14 +230,28 @@ const Welcome = props => {
     testID: "welcome"
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
     style: [styleSheet.gradients, translateGradients.animatedStyle]
-  }, /*#__PURE__*/_react.default.createElement(_expoLinearGradient.LinearGradient, {
-    colors: [cm_primary_blue, '#fff'],
-    locations: [0, 0.95],
-    style: styleSheet.gradient
-  }), /*#__PURE__*/_react.default.createElement(_expoLinearGradient.LinearGradient, {
-    colors: ['#2199AB', '#fff'],
-    locations: [0, 0.95],
-    style: styleSheet.gradient2
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styleSheet.gradient, _reactNative.Platform.select({
+      default: {
+        // @ts-ignore
+        experimental_backgroundImage: `linear-gradient(180deg, ${cm_primary_blue} 0%, #fff 95%)`
+      },
+      web: {
+        // @ts-ignore
+        backgroundImage: `linear-gradient(180deg, ${cm_primary_blue} 0%, #fff 95%)`
+      }
+    })]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styleSheet.gradient2, _reactNative.Platform.select({
+      default: {
+        // @ts-ignore
+        experimental_backgroundImage: 'linear-gradient(180deg, #2199AB 0%, #fff 95%)'
+      },
+      web: {
+        // @ts-ignore
+        backgroundImage: 'linear-gradient(180deg, #2199AB 0%, #fff 95%)'
+      }
+    })]
   })), /*#__PURE__*/_react.default.createElement(_index.default, {
     onLongPress: onDemoPress,
     style: styleSheet.logo

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.40.14-react18.83+d32c0f193",
+  "version": "11.40.14-react18.86+fba789bc2",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -46,7 +46,7 @@
     "chromatic": "npx chromatic --build-script-name storybook:export"
   },
   "engines": {
-    "node": ">=18.12.0"
+    "node": ">=24.11.0"
   },
   "contributors": [
     "Arthur Weber <arthur.weber@coorpacademy.com>",
@@ -60,7 +60,7 @@
   ],
   "dependencies": {
     "@coorpacademy/nova-icons": "4.5.2-react18.695+c1684bf25",
-    "@coorpacademy/react-native-animation": "1.1.1-react18.1301+d32c0f193",
+    "@coorpacademy/react-native-animation": "1.1.1-react18.1297+c1684bf25",
     "@fortawesome/fontawesome-svg-core": "^6.5.1",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
@@ -138,7 +138,6 @@
     "enzyme": "^3.11.0",
     "eslint": "^7.3.1",
     "eventsource-polyfill": "^0.9.6",
-    "expo-linear-gradient": "^15.0.7",
     "file-loader": "^6.2.0",
     "glob": "^8.0.3",
     "lottie-react-native": "^5.1.4",
@@ -169,5 +168,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "d32c0f19305627d617221fe9390358c88fd10287"
+  "gitHead": "fba789bc25317122e3e91f7bb563d203cb120673"
 }