@coorpacademy/components 11.40.20 → 11.40.22-slider.1

package/lib/atom/chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_getOr","_cssColorFunction","_reactFontawesome","_proSolidSvgIcons","_fontawesomeSvgCore","_provider","_colors","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","library","add","fas","LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","COLORS","ICON_SIZE","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","convert","exports","Chip","props","context","text","subText","textColor","cm_grey_700","selected","customIcon","onClick","leftIcon","backgroundColor","customStyle","skin","skinColor","getOr","hoveredSelectedBgColor","isHovered","setIsHovered","useState","handleClick","useMemo","handleMouseEnter","useCallback","handleMouseLeave","hoverStyle","defaultIcon","showIcon","color","white","createElement","className","classnames","style","container","unselected","onMouseEnter","onMouseLeave","left","FontAwesomeIcon","icon","fontSize","title","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","objectOf","oneOfType","number","_default"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nexport const calculateHoveredSelectedBgColor = (\n  selectedBgColor,\n  luminosityDelta = LUMINOSITY_DELTA\n) => convert(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);\n// note: luminosity decrease is relative to the selected color\n\nconst Chip = (props, context) => {\n  const {\n    text,\n    subText,\n    textColor = COLORS.cm_grey_700,\n    selected = false,\n    customIcon,\n    onClick,\n    leftIcon,\n    backgroundColor,\n    customStyle\n  } = props;\n  const {skin} = context;\n  const skinColor = getOr(DEFAULT_BACKGROUND_COLOR, 'common.primary', skin);\n  const selectedBgColor =\n    backgroundColor === 'skin' && skinColor\n      ? skinColor\n      : backgroundColor || DEFAULT_BACKGROUND_COLOR;\n  const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleClick = useMemo(() => onClick, [onClick]);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n  const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n  const showIcon = customIcon !== 'none';\n  const color = selected ? COLORS.white : textColor;\n\n  return (\n    <div\n      className={classnames(style.container, !selected && style.unselected)}\n      style={{\n        ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n        ...(selected && hoverStyle),\n        ...customStyle\n      }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      aria-label={text}\n      data-name={`chip-${text}`}\n    >\n      <div className={style.left}>\n        {leftIcon ? <FontAwesomeIcon style={{color}} icon={leftIcon} fontSize={ICON_SIZE} /> : null}\n        <div title={text}>\n          <span className={style.text} style={{color}}>\n            {text}\n          </span>\n          {subText ? (\n            <span className={style.subText} style={{color}}>\n              {subText}\n            </span>\n          ) : null}\n        </div>\n      </div>\n      {showIcon ? (\n        <FontAwesomeIcon\n          style={{color}}\n          icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n          fontSize={ICON_SIZE}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nChip.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n  text: PropTypes.string,\n  subText: PropTypes.string,\n  textColor: PropTypes.string,\n  selected: PropTypes.bool,\n  customIcon: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  onClick: PropTypes.func,\n  leftIcon: PropTypes.string,\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_getOr","_cssColorFunction","_reactFontawesome","_freeSolidSvgIcons","_fontawesomeSvgCore","_provider","_colors","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","library","add","fas","LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","COLORS","ICON_SIZE","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","convert","exports","Chip","props","context","text","subText","textColor","cm_grey_700","selected","customIcon","onClick","leftIcon","backgroundColor","customStyle","skin","skinColor","getOr","hoveredSelectedBgColor","isHovered","setIsHovered","useState","handleClick","useMemo","handleMouseEnter","useCallback","handleMouseLeave","hoverStyle","defaultIcon","showIcon","color","white","createElement","className","classnames","style","container","unselected","onMouseEnter","onMouseLeave","left","FontAwesomeIcon","icon","fontSize","title","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","objectOf","oneOfType","number","_default"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/free-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nexport const calculateHoveredSelectedBgColor = (\n  selectedBgColor,\n  luminosityDelta = LUMINOSITY_DELTA\n) => convert(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);\n// note: luminosity decrease is relative to the selected color\n\nconst Chip = (props, context) => {\n  const {\n    text,\n    subText,\n    textColor = COLORS.cm_grey_700,\n    selected = false,\n    customIcon,\n    onClick,\n    leftIcon,\n    backgroundColor,\n    customStyle\n  } = props;\n  const {skin} = context;\n  const skinColor = getOr(DEFAULT_BACKGROUND_COLOR, 'common.primary', skin);\n  const selectedBgColor =\n    backgroundColor === 'skin' && skinColor\n      ? skinColor\n      : backgroundColor || DEFAULT_BACKGROUND_COLOR;\n  const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleClick = useMemo(() => onClick, [onClick]);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n  const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n  const showIcon = customIcon !== 'none';\n  const color = selected ? COLORS.white : textColor;\n\n  return (\n    <div\n      className={classnames(style.container, !selected && style.unselected)}\n      style={{\n        ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n        ...(selected && hoverStyle),\n        ...customStyle\n      }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      aria-label={text}\n      data-name={`chip-${text}`}\n    >\n      <div className={style.left}>\n        {leftIcon ? <FontAwesomeIcon style={{color}} icon={leftIcon} fontSize={ICON_SIZE} /> : null}\n        <div title={text}>\n          <span className={style.text} style={{color}}>\n            {text}\n          </span>\n          {subText ? (\n            <span className={style.subText} style={{color}}>\n              {subText}\n            </span>\n          ) : null}\n        </div>\n      </div>\n      {showIcon ? (\n        <FontAwesomeIcon\n          style={{color}}\n          icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n          fontSize={ICON_SIZE}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nChip.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n  text: PropTypes.string,\n  subText: PropTypes.string,\n  textColor: PropTypes.string,\n  selected: PropTypes.bool,\n  customIcon: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  onClick: PropTypes.func,\n  leftIcon: PropTypes.string,\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/chips/index.d.ts

@@ -1,5 +1,5 @@
 export default Chips;
-declare function Chips(props: any): JSX.Element;
+declare function Chips(props: any): React.JSX.Element;
 declare namespace Chips {
     namespace propTypes {
         const text: PropTypes.Requireable<string>;
@@ -8,5 +8,6 @@ declare namespace Chips {
         const onClick: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/chips/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chips/index.js"],"names":[],"mappings":";AAWA,gDAuBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chips/index.js"],"names":[],"mappings":";AAWA,sDAuBC"}

package/lib/atom/choice/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ViewStyle } from 'react-native';
 import type { Media, QuestionType } from '../../molecule/questions/types';
 export declare type Props = {
@@ -12,6 +12,6 @@ export declare type Props = {
     style?: ViewStyle;
     questionType: QuestionType;
 };
-declare const Choice: ({ children, isSelected, squeezed, isDisabled, onPress, media, testID: prefixTestID, style, questionType }: Props) => JSX.Element | null;
+declare const Choice: ({ children, isSelected, squeezed, isDisabled, onPress, media, testID: prefixTestID, style, questionType }: Props) => React.JSX.Element;
 export default Choice;
 //# sourceMappingURL=index.native.d.ts.map

package/lib/atom/choice/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/choice/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMxE,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAqEF,QAAA,MAAM,MAAM,8GAUT,KAAK,uBAuFP,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/choice/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAmB,SAAS,EAAkB,MAAM,cAAc,CAAC;AAI1E,OAAO,KAAK,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMxE,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAqEF,QAAA,MAAM,MAAM,8GAUT,KAAK,sBA2FP,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -47,7 +47,7 @@ const createStyleSheet = (theme, squeezed) => _reactNative.StyleSheet.create({
   },
   text: {
     fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,
-    fontWeight: theme.fontWeight.bold,
+    fontWeight: '700',
     color: theme.colors.black,
     textAlign: 'center'
   },
@@ -140,9 +140,11 @@ const Choice = ({
     style: styleSheet.image
   })) : null, children ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: textWrapperStyle
-  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+  }, children.includes('<') ? /*#__PURE__*/_react.default.createElement(_index.default, {
     style: textStyle,
     isTextCentered: true
+  }, children) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: Object.assign({}, ...textStyle)
   }, children)) : null));
 };
 var _default = exports.default = Choice;

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_index","_interopRequireDefault","_index2","_getCleanUri","_index3","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","theme","squeezed","StyleSheet","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","container","colors","white","borderRadius","radius","regular","flexDirection","alignItems","minHeight","textContainer","paddingHorizontal","paddingVertical","justifyContent","flex","squeezedTextContainer","padding","spacing","small","paddingLeft","undefined","paddingRight","text","fontSize","medium","fontWeight","bold","color","black","textAlign","textSelected","unselectedImageContainer","borderRightColor","border","imageContainer","overflow","borderTopLeftRadius","borderBottomLeftRadius","image","Choice","children","isSelected","isDisabled","onPress","media","testID","prefixTestID","style","questionType","templateContext","useTemplateContext","brandTheme","styleSheet","setStylesheet","useState","useEffect","_stylesheet","selectedSuffix","mediaType","type","toLowerCase","url","src","length","getCleanUri","source","uri","mediaSuffix","textStyle","textWrapperStyle","push","selectionStyle","primary","borderColor","borderTopRightRadius","borderBottomRightRadius","createElement","analyticsID","analyticsParams","View","isTextCentered","_default","exports"],"sources":["../../../src/atom/choice/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\n\nimport Html from '../html/index.native';\nimport ImageBackground from '../image-background/index.native';\nimport type {Media, QuestionType} from '../../molecule/questions/types';\nimport getCleanUri from '../../util/get-clean-uri';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  onPress: () => void;\n  children?: string;\n  isDisabled?: boolean;\n  testID?: string;\n  media?: Media;\n  squeezed?: boolean;\n  style?: ViewStyle;\n  questionType: QuestionType;\n};\n\ntype StyleSheetType = {\n  boxShadow: ViewStyle;\n  container: ViewStyle;\n  text: TextStyle;\n  textSelected: TextStyle;\n  textContainer: ViewStyle;\n  squeezedTextContainer: ViewStyle;\n  unselectedImageContainer: ViewStyle;\n  imageContainer: ViewStyle;\n  image: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, squeezed: boolean): StyleSheetType =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 8,\n      elevation: 8,\n      backgroundColor: '#0000'\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      flexDirection: 'row',\n      alignItems: 'stretch',\n      minHeight: 60\n    },\n    textContainer: {\n      paddingHorizontal: 24,\n      paddingVertical: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      flex: 1\n    },\n    squeezedTextContainer: {\n      padding: theme.spacing.small,\n      paddingLeft: undefined,\n      paddingVertical: undefined,\n      paddingRight: undefined,\n      flex: 0\n    },\n    text: {\n      fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.black,\n      textAlign: 'center'\n    },\n    textSelected: {\n      color: theme.colors.white\n    },\n    unselectedImageContainer: {\n      borderRightColor: theme.colors.border\n    },\n    imageContainer: {\n      height: '100%',\n      width: '25%',\n      overflow: 'hidden',\n      borderTopLeftRadius: theme.radius.regular,\n      borderBottomLeftRadius: theme.radius.regular\n    },\n    image: {\n      flex: 1\n    }\n  });\n\nconst Choice = ({\n  children,\n  isSelected = false,\n  squeezed = false,\n  isDisabled,\n  onPress,\n  media,\n  testID: prefixTestID,\n  style,\n  questionType\n}: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, squeezed);\n    setStylesheet(_stylesheet);\n  }, [theme, squeezed]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n  const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();\n  const url =\n    media &&\n    media.type === 'img' &&\n    media.src &&\n    media.src.length > 0 &&\n    getCleanUri(media.src[0].url);\n\n  const source = {uri: url ? getCleanUri(url) : undefined};\n  const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';\n\n  const textStyle: TextStyle[] = [styleSheet.text];\n  const textWrapperStyle: ViewStyle[] = [styleSheet.textContainer];\n\n  if (squeezed) {\n    textWrapperStyle.push(styleSheet.squeezedTextContainer);\n  }\n\n  if (isSelected) {\n    textStyle.push(styleSheet.textSelected);\n\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    const selectionStyle = brandTheme && {\n      backgroundColor: brandTheme.colors?.primary,\n      borderColor: brandTheme.colors?.primary,\n      ...(url\n        ? {\n            borderTopRightRadius: theme.radius.regular,\n            borderBottomRightRadius: theme.radius.regular\n          }\n        : {\n            borderRadius: theme.radius.regular\n          })\n    };\n\n    if (selectionStyle) {\n      textWrapperStyle.push(selectionStyle);\n    }\n  }\n\n  return (\n    <Touchable\n      onPress={!isDisabled ? onPress : undefined}\n      style={style}\n      analyticsID=\"question-choice\"\n      analyticsParams={{questionType}}\n    >\n      <View\n        style={[styleSheet.boxShadow, styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {url ? (\n          <View style={styleSheet.imageContainer}>\n            <ImageBackground\n              testID={prefixTestID && `${prefixTestID}${mediaSuffix}`}\n              source={source}\n              style={styleSheet.image}\n            />\n          </View>\n        ) : null}\n\n        {children ? (\n          <View style={textWrapperStyle}>\n            <Html style={textStyle} isTextCentered>\n              {children}\n            </Html>\n          </View>\n        ) : null}\n      </View>\n    </Touchable>\n  );\n};\n\nexport default Choice;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_index","_interopRequireDefault","_index2","_getCleanUri","_index3","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","theme","squeezed","StyleSheet","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","container","colors","white","borderRadius","radius","regular","flexDirection","alignItems","minHeight","textContainer","paddingHorizontal","paddingVertical","justifyContent","flex","squeezedTextContainer","padding","spacing","small","paddingLeft","undefined","paddingRight","text","fontSize","medium","fontWeight","color","black","textAlign","textSelected","unselectedImageContainer","borderRightColor","border","imageContainer","overflow","borderTopLeftRadius","borderBottomLeftRadius","image","Choice","children","isSelected","isDisabled","onPress","media","testID","prefixTestID","style","questionType","templateContext","useTemplateContext","brandTheme","styleSheet","setStylesheet","useState","useEffect","_stylesheet","selectedSuffix","mediaType","type","toLowerCase","url","src","length","getCleanUri","source","uri","mediaSuffix","textStyle","textWrapperStyle","push","selectionStyle","primary","borderColor","borderTopRightRadius","borderBottomRightRadius","createElement","analyticsID","analyticsParams","View","includes","isTextCentered","Text","assign","_default","exports"],"sources":["../../../src/atom/choice/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle, Text} from 'react-native';\n\nimport Html from '../html/index.native';\nimport ImageBackground from '../image-background/index.native';\nimport type {Media, QuestionType} from '../../molecule/questions/types';\nimport getCleanUri from '../../util/get-clean-uri';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  onPress: () => void;\n  children?: string;\n  isDisabled?: boolean;\n  testID?: string;\n  media?: Media;\n  squeezed?: boolean;\n  style?: ViewStyle;\n  questionType: QuestionType;\n};\n\ntype StyleSheetType = {\n  boxShadow: ViewStyle;\n  container: ViewStyle;\n  text: TextStyle;\n  textSelected: TextStyle;\n  textContainer: ViewStyle;\n  squeezedTextContainer: ViewStyle;\n  unselectedImageContainer: ViewStyle;\n  imageContainer: ViewStyle;\n  image: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, squeezed: boolean): StyleSheetType =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 8,\n      elevation: 8,\n      backgroundColor: '#0000'\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      flexDirection: 'row',\n      alignItems: 'stretch',\n      minHeight: 60\n    },\n    textContainer: {\n      paddingHorizontal: 24,\n      paddingVertical: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      flex: 1\n    },\n    squeezedTextContainer: {\n      padding: theme.spacing.small,\n      paddingLeft: undefined,\n      paddingVertical: undefined,\n      paddingRight: undefined,\n      flex: 0\n    },\n    text: {\n      fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,\n      fontWeight: '700',\n      color: theme.colors.black,\n      textAlign: 'center'\n    },\n    textSelected: {\n      color: theme.colors.white\n    },\n    unselectedImageContainer: {\n      borderRightColor: theme.colors.border\n    },\n    imageContainer: {\n      height: '100%',\n      width: '25%',\n      overflow: 'hidden',\n      borderTopLeftRadius: theme.radius.regular,\n      borderBottomLeftRadius: theme.radius.regular\n    },\n    image: {\n      flex: 1\n    }\n  });\n\nconst Choice = ({\n  children,\n  isSelected = false,\n  squeezed = false,\n  isDisabled,\n  onPress,\n  media,\n  testID: prefixTestID,\n  style,\n  questionType\n}: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, squeezed);\n    setStylesheet(_stylesheet);\n  }, [theme, squeezed]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n  const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();\n  const url =\n    media &&\n    media.type === 'img' &&\n    media.src &&\n    media.src.length > 0 &&\n    getCleanUri(media.src[0].url);\n\n  const source = {uri: url ? getCleanUri(url) : undefined};\n  const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';\n\n  const textStyle: TextStyle[] = [styleSheet.text];\n  const textWrapperStyle: ViewStyle[] = [styleSheet.textContainer];\n\n  if (squeezed) {\n    textWrapperStyle.push(styleSheet.squeezedTextContainer);\n  }\n\n  if (isSelected) {\n    textStyle.push(styleSheet.textSelected);\n\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    const selectionStyle = brandTheme && {\n      backgroundColor: brandTheme.colors?.primary,\n      borderColor: brandTheme.colors?.primary,\n      ...(url\n        ? {\n            borderTopRightRadius: theme.radius.regular,\n            borderBottomRightRadius: theme.radius.regular\n          }\n        : {\n            borderRadius: theme.radius.regular\n          })\n    };\n\n    if (selectionStyle) {\n      textWrapperStyle.push(selectionStyle);\n    }\n  }\n\n  return (\n    <Touchable\n      onPress={!isDisabled ? onPress : undefined}\n      style={style}\n      analyticsID=\"question-choice\"\n      analyticsParams={{questionType}}\n    >\n      <View\n        style={[styleSheet.boxShadow, styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {url ? (\n          <View style={styleSheet.imageContainer}>\n            <ImageBackground\n              testID={prefixTestID && `${prefixTestID}${mediaSuffix}`}\n              source={source}\n              style={styleSheet.image}\n            />\n          </View>\n        ) : null}\n\n        {children ? (\n          <View style={textWrapperStyle}>\n            {children.includes('<') ? (\n              <Html style={textStyle} isTextCentered>\n                {children}\n              </Html>\n            ) : (\n              <Text style={Object.assign({}, ...textStyle)}>{children}</Text>\n            )}\n          </View>\n        ) : null}\n      </View>\n    </Touchable>\n  );\n};\n\nexport default Choice;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/circular-progress-bar/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { LearningPriorityCardPropTypes } from './types';
 declare const CircularProgressBar: {
-    ({ label, progression, size, strokeWidth, "aria-label": ariaLabel, "data-name": dataName }: LearningPriorityCardPropTypes): JSX.Element;
+    ({ label, progression, size, strokeWidth, "aria-label": ariaLabel, "data-name": dataName }: LearningPriorityCardPropTypes): React.JSX.Element;
     propTypes: {
         label: import("prop-types").Requireable<string>;
         progression: import("prop-types").Validator<number>;

package/lib/atom/circular-progress-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/circular-progress-bar/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,6BAA6B,EAA+B,MAAM,SAAS,CAAC;AAmBpF,QAAA,MAAM,mBAAmB;gGAOtB,6BAA6B;;;;;;;;;CAgD/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/circular-progress-bar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAC,6BAA6B,EAA+B,MAAM,SAAS,CAAC;AAmBpF,QAAA,MAAM,mBAAmB;gGAOtB,6BAA6B;;;;;;;;;CAgD/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}

package/lib/atom/clue/index.d.ts

@@ -30,14 +30,14 @@ declare class Clue extends React.Component<any, any, any> {
         translate: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static getDerivedStateFromProps(props: any): {
-        isLoading: false;
-    } | null;
+        isLoading: boolean;
+    };
     constructor(props: any, context: any);
     state: {
         isLoading: boolean;
     };
     handleClick(e: any): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/lib/atom/clue/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/clue/index.js"],"names":[],"mappings":";AAwBA;IACE;;;;MAIE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF;;aAMC;IAED,sCAMC;IAJC;;MAEC;IAIH,0BASC;IAED,sBAyBC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/clue/index.js"],"names":[],"mappings":";AAwBA;IACE;;;;MAIE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF;;MAMC;IAED,sCAMC;IAJC;;MAEC;IAIH,0BASC;IAED,4BAyBC;CACF"}

package/lib/atom/content-badge/index.d.ts

@@ -1,10 +1,11 @@
 export default ContentBadge;
-declare function ContentBadge(props: any): JSX.Element;
+declare function ContentBadge(props: any): React.JSX.Element;
 declare namespace ContentBadge {
     namespace propTypes {
         const category: PropTypes.Requireable<string>;
         const label: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/content-badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/content-badge/index.js"],"names":[],"mappings":";AAkBA,uDAGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/content-badge/index.js"],"names":[],"mappings":";AAkBA,6DAGC"}

package/lib/atom/cta/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import type { WebContextValues } from '../provider/web-context';
 import type { CTAProps } from './prop-types';
 declare const CTA: {
-    (props: CTAProps, legacyContext: WebContextValues): JSX.Element;
+    (props: CTAProps, legacyContext: WebContextValues): React.JSX.Element;
     propTypes: {
         'aria-label': import("prop-types").Requireable<string>;
         submitValue: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;

package/lib/atom/cta/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/cta/index.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAI9D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAE3C,QAAA,MAAM,GAAG;YAAW,QAAQ,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuG5D,CAAC;AAQF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/cta/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAI9D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAE3C,QAAA,MAAM,GAAG;YAAW,QAAQ,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuG5D,CAAC;AAQF,eAAe,GAAG,CAAC"}

package/lib/atom/difficulty-level/index.d.ts

@@ -2,7 +2,7 @@ export default DifficultyLevel;
 declare function DifficultyLevel({ level, children }: {
     level: any;
     children: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace DifficultyLevel {
     namespace propTypes {
         import level = level;
@@ -10,9 +10,10 @@ declare namespace DifficultyLevel {
         export const children: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 declare function Icon({ level }: {
-    level?: number | undefined;
-}): JSX.Element;
+    level?: number;
+}): React.JSX.Element;
 declare namespace Icon {
     export namespace propTypes_1 {
         const level_1: PropTypes.Requireable<number>;

package/lib/atom/difficulty-level/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/difficulty-level/index.js"],"names":[],"mappings":";AA6BA;;;gBAcC;;;;;;;;AA/BD;;gBAWC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/difficulty-level/index.js"],"names":[],"mappings":";AA6BA;;;sBAcC;;;;;;;;;AA/BD;;sBAWC"}

package/lib/atom/drag-and-drop/index.d.ts

@@ -28,7 +28,7 @@ declare class DragAndDrop extends React.Component<any, any, any> {
     };
     handleDragStart(): void;
     handleDragStop(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/lib/atom/drag-and-drop/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAiBA;IACE;;;;;;;;;;;;;;;;;;;;;MAqBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBA4MC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAiBA;IACE;;;;;;;;;;;;;;;;;;;;;MAqBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,4BA4MC;CACF"}

package/lib/atom/empty-search-result/index.d.ts

@@ -1,5 +1,5 @@
 export default EmptySearchResult;
-declare function EmptySearchResult(props: any): JSX.Element;
+declare function EmptySearchResult(props: any): React.JSX.Element;
 declare namespace EmptySearchResult {
     namespace propTypes {
         const firstMessage: PropTypes.Validator<string>;
@@ -7,5 +7,6 @@ declare namespace EmptySearchResult {
         const isBulk: PropTypes.Requireable<boolean>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/empty-search-result/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/empty-search-result/index.js"],"names":[],"mappings":";AAIA,4DAUC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/empty-search-result/index.js"],"names":[],"mappings":";AAIA,kEAUC"}

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { ViewStyle } from 'react-native';
 export declare type Props = {
     children?: ReactNode;
@@ -9,6 +9,6 @@ export declare type Props = {
     testID?: string;
     pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;
 };
-declare const Gradient: ({ children, colors, transparencyPosition, height, style, testID, pointerEvents }: Props) => JSX.Element;
+declare const Gradient: ({ children, colors, transparencyPosition, height, style, testID, pointerEvents }: Props) => React.JSX.Element;
 export default Gradient;
 //# sourceMappingURL=index.native.d.ts.map

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,OAAc,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAIvC,oBAAY,KAAK,GAAG;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,oBAAoB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,QAAA,MAAM,QAAQ,qFAQX,KAAK,gBAkCP,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 _reactNativeLinearGradient = _interopRequireDefault(require("react-native-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 = ({
@@ -15,9 +15,17 @@ const Gradient = ({
   testID,
   pointerEvents
 }) => {
-  let calculatedColors = colors;
-  if (colors.length === 1) {
-    const [raw] = colors;
+  // Validate colors array - ensure all values are valid strings
+  const validColors = colors?.filter(c => c && typeof c === 'string') || [];
+
+  // Fallback if no valid colors provided
+  if (validColors.length === 0) {
+    console.warn('Gradient: No valid colors provided, using transparent fallback');
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+  }
+  let calculatedColors = validColors;
+  if (validColors.length === 1) {
+    const [raw] = validColors;
     const transparent = new _colorjs.default(raw).to('srgb');
     transparent.alpha = 0;
     calculatedColors = transparencyPosition === 'top' ? [transparent.toString(), raw, raw] : [raw, raw, transparent.toString()];
@@ -31,12 +39,25 @@ const Gradient = ({
       height
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
-    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) || null;
+  }, children);
 };
 var _default = exports.default = Gradient;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireDefault","require","_reactNativeLinearGradient","_colorjs","e","__esModule","default","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","calculatedColors","length","raw","transparent","Color","to","alpha","toString","_style","push","createElement","_default","exports"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport Color from '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  let calculatedColors = colors;\n  if (colors.length === 1) {\n    const [raw] = colors;\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    (\n      <LinearGradient\n        colors={calculatedColors}\n        style={_style}\n        pointerEvents={pointerEvents}\n        testID={testID}\n      >\n        {children}\n      </LinearGradient>\n    ) || null\n  );\n};\n\nexport default Gradient;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,0BAAA,GAAAF,sBAAA,CAAAC,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,IAAIC,gBAAgB,GAAGN,MAAM;EAC7B,IAAIA,MAAM,CAACO,MAAM,KAAK,CAAC,EAAE;IACvB,MAAM,CAACC,GAAG,CAAC,GAAGR,MAAM;IACpB,MAAMS,WAAW,GAAG,IAAIC,gBAAK,CAACF,GAAG,CAAC,CAACG,EAAE,CAAC,MAAM,CAAC;IAC7CF,WAAW,CAACG,KAAK,GAAG,CAAC;IAErBN,gBAAgB,GACdL,oBAAoB,KAAK,KAAK,GAC1B,CAACQ,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,IAAIX,KAAK,EAAE;IACTW,MAAM,CAACC,IAAI,CAACZ,KAAK,CAAC;EACpB;EACA,IAAID,MAAM,EAAE;IACVY,MAAM,CAACC,IAAI,CAAC;MAACb;IAAM,CAAC,CAAC;EACvB;EAEA,OACE,aACEZ,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,0BAAA,CAAAI,OAAc;IACbG,MAAM,EAAEM,gBAAiB;IACzBH,KAAK,EAAEW,MAAO;IACdT,aAAa,EAAEA,aAAc;IAC7BD,MAAM,EAAEA;EAAO,GAEdL,QACa,CAAC,IACd,IAAI;AAEb,CAAC;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAArB,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 = 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 as ViewStyle, ..._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,aAAa,GAAGC,qBAAQ,CAACC,MAAM,CAAC;IACpC9B,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;EAEjF,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/header-back-button/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { GestureResponderEvent } from 'react-native';
 export declare const HOME_ICON_HEIGHT = 20;
 export declare const CLOSE_ICON_HEIGHT = 16;
@@ -11,6 +11,6 @@ export declare type Props = {
     noSafeArea?: boolean;
     testID?: string;
 };
-declare const HeaderBackButton: (props: Props) => JSX.Element | null;
+declare const HeaderBackButton: (props: Props) => React.JSX.Element;
 export default HeaderBackButton;
 //# sourceMappingURL=index.native.d.ts.map

package/lib/atom/header-back-button/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/header-back-button/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAWhF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,oBAAY,KAAK,GAAG;IAClB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAuBF,QAAA,MAAM,gBAAgB,UAAW,KAAK,uBA+CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/header-back-button/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAmB,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAWhF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,oBAAY,KAAK,GAAG;IAClB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAuBF,QAAA,MAAM,gBAAgB,UAAW,KAAK,sBA+CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/atom/header-back-icon/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ViewStyle } from 'react-native';
 export declare type Props = {
     color?: string;
@@ -6,6 +6,6 @@ export declare type Props = {
     width?: number;
     style?: ViewStyle;
 };
-declare const HeaderBackIcon: (props: Props) => JSX.Element;
+declare const HeaderBackIcon: (props: Props) => React.JSX.Element;
 export default HeaderBackIcon;
 //# sourceMappingURL=index.native.d.ts.map

package/lib/atom/header-back-icon/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/header-back-icon/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAO,SAAS,EAAC,MAAM,cAAc,CAAC;AAI7C,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,cAAc,UAAW,KAAK,gBAWnC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/header-back-icon/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,SAAS,EAAC,MAAM,cAAc,CAAC;AAI7C,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,cAAc,UAAW,KAAK,sBAWnC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/atom/html/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ViewStyle, ImageStyle, TextStyle } from 'react-native';
 export declare type Props = {
     children: string;
@@ -12,6 +12,6 @@ export declare type Props = {
     testID?: string;
     isTextCentered?: boolean;
 };
-declare const Html: (props: Props) => JSX.Element;
+declare const Html: (props: Props) => React.JSX.Element;
 export default Html;
 //# sourceMappingURL=index.native.d.ts.map

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":";AACA,OAAO,EAAO,SAAS,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAqBpE,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAqBF,QAAA,MAAM,IAAI,UAAW,KAAK,gBA0IzB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"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,sBA6IzB,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
@@ -31,6 +34,27 @@ const Html = props => {
     isTextCentered,
     numberOfLines
   } = props;
+  let baseFontStyle = (0, _react.useMemo)(() => ({
+    fontSize,
+    color: theme.colors.black
+  }), [fontSize, theme]);
+  if (style) {
+    if (Array.isArray(style)) {
+      const styleObject = style.reduce((result, child) => ({
+        ...result,
+        ...child
+      }));
+      baseFontStyle = {
+        ...baseFontStyle,
+        ...styleObject
+      };
+    } else {
+      baseFontStyle = {
+        ...baseFontStyle,
+        ...style
+      };
+    }
+  }
 
   // Don't use StyleSheet there, it's not a react style
   const styles = {
@@ -53,6 +77,9 @@ const Html = props => {
   };
   const tagsStyles = {
     ...styles,
+    body: {
+      color: baseFontStyle.color
+    },
     h1: {
       fontSize
     },
@@ -76,27 +103,6 @@ const Html = props => {
     },
     img: imageStyle || {}
   };
-  let baseFontStyle = (0, _react.useMemo)(() => ({
-    fontSize,
-    color: theme.colors.black
-  }), [fontSize, theme]);
-  if (style) {
-    if (Array.isArray(style)) {
-      const styleObject = style.reduce((result, child) => ({
-        ...result,
-        ...child
-      }));
-      baseFontStyle = {
-        ...baseFontStyle,
-        ...styleObject
-      };
-    } else {
-      baseFontStyle = {
-        ...baseFontStyle,
-        ...style
-      };
-    }
-  }
   const SpanRenderer = (0, _react.useCallback)((htmlAttribs, _children) => /*#__PURE__*/_react.default.createElement(_index.default, {
     numberOfLines: numberOfLines
   }, _children), [numberOfLines]);
@@ -129,6 +135,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,