@coorpacademy/components 11.9.3-alpha.25.24 → 11.9.3-alpha.29

package/lib/atom/empty-search-result/index.js

@@ -2,15 +2,10 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const EmptySearchResult = props => {
   const {
     firstMessage,
@@ -24,7 +19,6 @@ const EmptySearchResult = props => {
     className: _style.default.secondMessage
   }, secondMessage));
 };
-
 EmptySearchResult.propTypes = process.env.NODE_ENV !== "production" ? {
   firstMessage: _propTypes.default.string.isRequired,
   secondMessage: _propTypes.default.string.isRequired

package/lib/atom/empty-search-result/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["EmptySearchResult","props","firstMessage","secondMessage","style","container","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/atom/empty-search-result/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst EmptySearchResult = props => {\n  const {firstMessage, secondMessage} = props;\n  return (\n    <div className={style.container}>\n      <span className={style.firstMessage}>{firstMessage}</span>\n      <span className={style.secondMessage}>{secondMessage}</span>\n    </div>\n  );\n};\n\nEmptySearchResult.propTypes = {\n  firstMessage: PropTypes.string.isRequired,\n  secondMessage: PropTypes.string.isRequired\n};\n\nexport default EmptySearchResult;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,YAAD;IAAeC;EAAf,IAAgCF,KAAtC;EACA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE;IAAM,SAAS,EAAED,cAAA,CAAMF;EAAvB,GAAsCA,YAAtC,CADF,eAEE;IAAM,SAAS,EAAEE,cAAA,CAAMD;EAAvB,GAAuCA,aAAvC,CAFF,CADF;AAMD,CARD;;AAUAH,iBAAiB,CAACM,SAAlB,2CAA8B;EAC5BJ,YAAY,EAAEK,kBAAA,CAAUC,MAAV,CAAiBC,UADH;EAE5BN,aAAa,EAAEI,kBAAA,CAAUC,MAAV,CAAiBC;AAFJ,CAA9B;eAKeT,iB"}
+{"version":3,"file":"index.js","names":["EmptySearchResult","props","firstMessage","secondMessage","style","container","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/atom/empty-search-result/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst EmptySearchResult = props => {\n  const {firstMessage, secondMessage} = props;\n  return (\n    <div className={style.container}>\n      <span className={style.firstMessage}>{firstMessage}</span>\n      <span className={style.secondMessage}>{secondMessage}</span>\n    </div>\n  );\n};\n\nEmptySearchResult.propTypes = {\n  firstMessage: PropTypes.string.isRequired,\n  secondMessage: PropTypes.string.isRequired\n};\n\nexport default EmptySearchResult;\n"],"mappings":";;;;AAAA;AACA;AACA;AAAgC;AAEhC,MAAMA,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,YAAY;IAAEC;EAAa,CAAC,GAAGF,KAAK;EAC3C,oBACE;IAAK,SAAS,EAAEG,cAAK,CAACC;EAAU,gBAC9B;IAAM,SAAS,EAAED,cAAK,CAACF;EAAa,GAAEA,YAAY,CAAQ,eAC1D;IAAM,SAAS,EAAEE,cAAK,CAACD;EAAc,GAAEA,aAAa,CAAQ,CACxD;AAEV,CAAC;AAEDH,iBAAiB,CAACM,SAAS,2CAAG;EAC5BJ,YAAY,EAAEK,kBAAS,CAACC,MAAM,CAACC,UAAU;EACzCN,aAAa,EAAEI,kBAAS,CAACC,MAAM,CAACC;AAClC,CAAC;AAAC,eAEaT,iBAAiB;AAAA"}

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ViewStyle } from 'react-native';
-export declare type Props = {
+export type Props = {
     children?: ReactNode;
     colors: Array<string>;
     transparencyPosition?: 'top' | 'bottom';

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

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

@@ -2,15 +2,10 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
-
 var _color = _interopRequireDefault(require("color"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Gradient = ({
   children,
   colors,
@@ -21,7 +16,6 @@ const Gradient = ({
   pointerEvents
 }) => {
   let calculatedColors = colors;
-
   if (colors.length === 1) {
     const {
       r,
@@ -30,19 +24,15 @@ const Gradient = ({
     } = (0, _color.default)(colors[0]).object();
     calculatedColors = transparencyPosition === 'top' ? [`rgba(${r}, ${g}, ${b}, 0)`, colors[0], colors[0]] : [colors[0], colors[0], `rgba(${r}, ${g}, ${b}, 0)`];
   }
-
   const _style = [];
-
   if (style) {
     _style.push(style);
   }
-
   if (height) {
     _style.push({
       height
     });
   }
-
   return /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
     colors: calculatedColors,
     style: _style,
@@ -50,7 +40,6 @@ const Gradient = ({
     testID: testID
   }, children) || null;
 };
-
 var _default = Gradient;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","calculatedColors","length","r","g","b","Color","object","_style","push"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport Color from 'color';\n\nexport type Props = {\n  children?: ReactNode;\n  colors: Array<string>;\n  transparencyPosition?: 'top' | 'bottom';\n  height?: number;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;\n};\n\nconst Gradient = ({\n  children,\n  colors,\n  transparencyPosition = 'top',\n  height,\n  style,\n  testID,\n  pointerEvents\n}: Props) => {\n  let calculatedColors = colors;\n  if (colors.length === 1) {\n    const {r, g, b} = Color(colors[0]).object();\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [`rgba(${r}, ${g}, ${b}, 0)`, colors[0], colors[0]]\n        : [colors[0], colors[0], `rgba(${r}, ${g}, ${b}, 0)`];\n  }\n\n  const _style = [];\n\n  if (style) {\n    _style.push(style);\n  }\n  if (height) {\n    _style.push({height});\n  }\n\n  return (\n    (\n      <LinearGradient\n        colors={calculatedColors}\n        style={_style}\n        pointerEvents={pointerEvents}\n        testID={testID}\n      >\n        {children}\n      </LinearGradient>\n    ) || null\n  );\n};\n\nexport default Gradient;\n"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;AAYA,MAAMA,QAAQ,GAAG,CAAC;EAChBC,QADgB;EAEhBC,MAFgB;EAGhBC,oBAAoB,GAAG,KAHP;EAIhBC,MAJgB;EAKhBC,KALgB;EAMhBC,MANgB;EAOhBC;AAPgB,CAAD,KAQJ;EACX,IAAIC,gBAAgB,GAAGN,MAAvB;;EACA,IAAIA,MAAM,CAACO,MAAP,KAAkB,CAAtB,EAAyB;IACvB,MAAM;MAACC,CAAD;MAAIC,CAAJ;MAAOC;IAAP,IAAY,IAAAC,cAAA,EAAMX,MAAM,CAAC,CAAD,CAAZ,EAAiBY,MAAjB,EAAlB;IACAN,gBAAgB,GACdL,oBAAoB,KAAK,KAAzB,GACI,CAAE,QAAOO,CAAE,KAAIC,CAAE,KAAIC,CAAE,MAAvB,EAA8BV,MAAM,CAAC,CAAD,CAApC,EAAyCA,MAAM,CAAC,CAAD,CAA/C,CADJ,GAEI,CAACA,MAAM,CAAC,CAAD,CAAP,EAAYA,MAAM,CAAC,CAAD,CAAlB,EAAwB,QAAOQ,CAAE,KAAIC,CAAE,KAAIC,CAAE,MAA7C,CAHN;EAID;;EAED,MAAMG,MAAM,GAAG,EAAf;;EAEA,IAAIV,KAAJ,EAAW;IACTU,MAAM,CAACC,IAAP,CAAYX,KAAZ;EACD;;EACD,IAAID,MAAJ,EAAY;IACVW,MAAM,CAACC,IAAP,CAAY;MAACZ;IAAD,CAAZ;EACD;;EAED,OACE,aACE,6BAAC,kCAAD;IACE,MAAM,EAAEI,gBADV;IAEE,KAAK,EAAEO,MAFT;IAGE,aAAa,EAAER,aAHjB;IAIE,MAAM,EAAED;EAJV,GAMGL,QANH,CADF,IASK,IAVP;AAYD,CAvCD;;eAyCeD,Q"}
+{"version":3,"file":"index.native.js","names":["Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","calculatedColors","length","r","g","b","Color","object","_style","push"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport Color from 'color';\n\nexport type Props = {\n  children?: ReactNode;\n  colors: Array<string>;\n  transparencyPosition?: 'top' | 'bottom';\n  height?: number;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;\n};\n\nconst Gradient = ({\n  children,\n  colors,\n  transparencyPosition = 'top',\n  height,\n  style,\n  testID,\n  pointerEvents\n}: Props) => {\n  let calculatedColors = colors;\n  if (colors.length === 1) {\n    const {r, g, b} = Color(colors[0]).object();\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [`rgba(${r}, ${g}, ${b}, 0)`, colors[0], colors[0]]\n        : [colors[0], colors[0], `rgba(${r}, ${g}, ${b}, 0)`];\n  }\n\n  const _style = [];\n\n  if (style) {\n    _style.push(style);\n  }\n  if (height) {\n    _style.push({height});\n  }\n\n  return (\n    (\n      <LinearGradient\n        colors={calculatedColors}\n        style={_style}\n        pointerEvents={pointerEvents}\n        testID={testID}\n      >\n        {children}\n      </LinearGradient>\n    ) || null\n  );\n};\n\nexport default Gradient;\n"],"mappings":";;;;AAAA;AAEA;AACA;AAA0B;AAY1B,MAAMA,QAAQ,GAAG,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;MAACC,CAAC;MAAEC,CAAC;MAAEC;IAAC,CAAC,GAAG,IAAAC,cAAK,EAACX,MAAM,CAAC,CAAC,CAAC,CAAC,CAACY,MAAM,EAAE;IAC3CN,gBAAgB,GACdL,oBAAoB,KAAK,KAAK,GAC1B,CAAE,QAAOO,CAAE,KAAIC,CAAE,KAAIC,CAAE,MAAK,EAAEV,MAAM,CAAC,CAAC,CAAC,EAAEA,MAAM,CAAC,CAAC,CAAC,CAAC,GACnD,CAACA,MAAM,CAAC,CAAC,CAAC,EAAEA,MAAM,CAAC,CAAC,CAAC,EAAG,QAAOQ,CAAE,KAAIC,CAAE,KAAIC,CAAE,MAAK,CAAC;EAC3D;EAEA,MAAMG,MAAM,GAAG,EAAE;EAEjB,IAAIV,KAAK,EAAE;IACTU,MAAM,CAACC,IAAI,CAACX,KAAK,CAAC;EACpB;EACA,IAAID,MAAM,EAAE;IACVW,MAAM,CAACC,IAAI,CAAC;MAACZ;IAAM,CAAC,CAAC;EACvB;EAEA,OACE,aACE,6BAAC,kCAAc;IACb,MAAM,EAAEI,gBAAiB;IACzB,KAAK,EAAEO,MAAO;IACd,aAAa,EAAER,aAAc;IAC7B,MAAM,EAAED;EAAO,GAEdL,QAAQ,CACM,IACd,IAAI;AAEb,CAAC;AAAC,eAEaD,QAAQ;AAAA"}

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

@@ -3,7 +3,7 @@ import { GestureResponderEvent } from 'react-native';
 export declare const HOME_ICON_HEIGHT = 20;
 export declare const CLOSE_ICON_HEIGHT = 16;
 export declare const BACK_ICON_HEIGHT = 20;
-export declare type Props = {
+export type Props = {
     type: 'close' | 'back' | 'home';
     color?: string;
     onPress?: (event: GestureResponderEvent) => void;

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":";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,MAAM,MAAM,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"}

package/lib/atom/header-back-button/index.native.js

@@ -2,32 +2,21 @@
 
 exports.__esModule = true;
 exports.default = exports.HOME_ICON_HEIGHT = exports.CLOSE_ICON_HEIGHT = exports.BACK_ICON_HEIGHT = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _templateContext = require("../../template/app-review/template-context");
-
 var _index = _interopRequireDefault(require("../../hoc/touchable/index.native"));
-
 var _index2 = _interopRequireDefault(require("../header-back-icon/index.native"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const HOME_ICON_HEIGHT = 20;
 exports.HOME_ICON_HEIGHT = HOME_ICON_HEIGHT;
 const CLOSE_ICON_HEIGHT = 16;
 exports.CLOSE_ICON_HEIGHT = CLOSE_ICON_HEIGHT;
 const BACK_ICON_HEIGHT = 20;
 exports.BACK_ICON_HEIGHT = BACK_ICON_HEIGHT;
-
 const createStyleSheet = (theme, statusBarHeight) => _reactNative.StyleSheet.create({
   container: {
     paddingLeft: theme.spacing.base
@@ -41,7 +30,6 @@ const createStyleSheet = (theme, statusBarHeight) => _reactNative.StyleSheet.cre
     top: 0
   }
 });
-
 const HeaderBackButton = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -61,14 +49,11 @@ const HeaderBackButton = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme, statusBarHeight);
-
     setStylesheet(_stylesheet);
   }, [theme, statusBarHeight]);
-
   if (!styleSheet) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styleSheet.container, isFloating && styleSheet.floating, isFloating && noSafeArea && styleSheet.noSafeArea]
   }, /*#__PURE__*/_react.default.createElement(_index.default, {
@@ -89,7 +74,6 @@ const HeaderBackButton = props => {
     color: color
   }) : null));
 };
-
 var _default = HeaderBackButton;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["HOME_ICON_HEIGHT","CLOSE_ICON_HEIGHT","BACK_ICON_HEIGHT","createStyleSheet","theme","statusBarHeight","StyleSheet","create","container","paddingLeft","spacing","base","floating","paddingTop","position","top","noSafeArea","HeaderBackButton","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","display","type","color","colors","white","onPress","isFloating","testID","useEffect","_stylesheet"],"sources":["../../../src/atom/header-back-button/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\n\nimport {\n  NovaSolidPlacesPlacesHome2 as HomeIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport HeaderBackIcon from '../header-back-icon/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport const HOME_ICON_HEIGHT = 20;\nexport const CLOSE_ICON_HEIGHT = 16;\nexport const BACK_ICON_HEIGHT = 20;\n\nexport type Props = {\n  type: 'close' | 'back' | 'home';\n  color?: string;\n  onPress?: (event: GestureResponderEvent) => void;\n  isFloating?: boolean;\n  noSafeArea?: boolean;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  floating: ViewStyle;\n  noSafeArea: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, statusBarHeight: number): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      paddingLeft: theme.spacing.base\n    },\n    floating: {\n      paddingTop: theme.spacing.base,\n      position: 'absolute',\n      top: statusBarHeight\n    },\n    noSafeArea: {\n      top: 0\n    }\n  });\n\nconst HeaderBackButton = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {\n    theme,\n    display: {statusBarHeight}\n  } = templateContext;\n\n  const {\n    type,\n    color = theme.colors.white,\n    onPress,\n    isFloating = true,\n    noSafeArea = false,\n    testID = 'default-header-back-button-test-id'\n  } = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, statusBarHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, statusBarHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View\n      style={[\n        styleSheet.container,\n        isFloating && styleSheet.floating,\n        isFloating && noSafeArea && styleSheet.noSafeArea\n      ]}\n    >\n      <Touchable testID={testID} onPress={onPress} analyticsID=\"button-close\">\n        {type === 'home' ? (\n          <HomeIcon height={HOME_ICON_HEIGHT} width={HOME_ICON_HEIGHT} color={color} />\n        ) : null}\n        {type === 'close' ? (\n          <CloseIcon height={CLOSE_ICON_HEIGHT} width={CLOSE_ICON_HEIGHT} color={color} />\n        ) : null}\n        {type === 'back' ? (\n          <HeaderBackIcon height={BACK_ICON_HEIGHT} width={BACK_ICON_HEIGHT} color={color} />\n        ) : null}\n      </Touchable>\n    </View>\n  );\n};\n\nexport default HeaderBackButton;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;AACA;;;;;;;;AAGO,MAAMA,gBAAgB,GAAG,EAAzB;;AACA,MAAMC,iBAAiB,GAAG,EAA1B;;AACA,MAAMC,gBAAgB,GAAG,EAAzB;;;AAiBP,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAeC,eAAf,KACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,WAAW,EAAEL,KAAK,CAACM,OAAN,CAAcC;EADlB,CADK;EAIhBC,QAAQ,EAAE;IACRC,UAAU,EAAET,KAAK,CAACM,OAAN,CAAcC,IADlB;IAERG,QAAQ,EAAE,UAFF;IAGRC,GAAG,EAAEV;EAHG,CAJM;EAShBW,UAAU,EAAE;IACVD,GAAG,EAAE;EADK;AATI,CAAlB,CADF;;AAeA,MAAME,gBAAgB,GAAIC,KAAD,IAAkB;EACzC,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IACJnB,KADI;IAEJoB,OAAO,EAAE;MAACnB;IAAD;EAFL,IAGFc,eAHJ;EAKA,MAAM;IACJM,IADI;IAEJC,KAAK,GAAGtB,KAAK,CAACuB,MAAN,CAAaC,KAFjB;IAGJC,OAHI;IAIJC,UAAU,GAAG,IAJT;IAKJd,UAAU,GAAG,KALT;IAMJe,MAAM,GAAG;EANL,IAOFb,KAPJ;EASA,IAAAc,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG9B,gBAAgB,CAACC,KAAD,EAAQC,eAAR,CAApC;;IACAiB,aAAa,CAACW,WAAD,CAAb;EACD,CAHD,EAGG,CAAC7B,KAAD,EAAQC,eAAR,CAHH;;EAKA,IAAI,CAACgB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLA,UAAU,CAACb,SADN,EAELsB,UAAU,IAAIT,UAAU,CAACT,QAFpB,EAGLkB,UAAU,IAAId,UAAd,IAA4BK,UAAU,CAACL,UAHlC;EADT,gBAOE,6BAAC,cAAD;IAAW,MAAM,EAAEe,MAAnB;IAA2B,OAAO,EAAEF,OAApC;IAA6C,WAAW,EAAC;EAAzD,GACGJ,IAAI,KAAK,MAAT,gBACC,6BAAC,qCAAD;IAAU,MAAM,EAAEzB,gBAAlB;IAAoC,KAAK,EAAEA,gBAA3C;IAA6D,KAAK,EAAE0B;EAApE,EADD,GAEG,IAHN,EAIGD,IAAI,KAAK,OAAT,gBACC,6BAAC,+BAAD;IAAW,MAAM,EAAExB,iBAAnB;IAAsC,KAAK,EAAEA,iBAA7C;IAAgE,KAAK,EAAEyB;EAAvE,EADD,GAEG,IANN,EAOGD,IAAI,KAAK,MAAT,gBACC,6BAAC,eAAD;IAAgB,MAAM,EAAEvB,gBAAxB;IAA0C,KAAK,EAAEA,gBAAjD;IAAmE,KAAK,EAAEwB;EAA1E,EADD,GAEG,IATN,CAPF,CADF;AAqBD,CA/CD;;eAiDeT,gB"}
+{"version":3,"file":"index.native.js","names":["HOME_ICON_HEIGHT","CLOSE_ICON_HEIGHT","BACK_ICON_HEIGHT","createStyleSheet","theme","statusBarHeight","StyleSheet","create","container","paddingLeft","spacing","base","floating","paddingTop","position","top","noSafeArea","HeaderBackButton","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","display","type","color","colors","white","onPress","isFloating","testID","useEffect","_stylesheet"],"sources":["../../../src/atom/header-back-button/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\n\nimport {\n  NovaSolidPlacesPlacesHome2 as HomeIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport HeaderBackIcon from '../header-back-icon/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport const HOME_ICON_HEIGHT = 20;\nexport const CLOSE_ICON_HEIGHT = 16;\nexport const BACK_ICON_HEIGHT = 20;\n\nexport type Props = {\n  type: 'close' | 'back' | 'home';\n  color?: string;\n  onPress?: (event: GestureResponderEvent) => void;\n  isFloating?: boolean;\n  noSafeArea?: boolean;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  floating: ViewStyle;\n  noSafeArea: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, statusBarHeight: number): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      paddingLeft: theme.spacing.base\n    },\n    floating: {\n      paddingTop: theme.spacing.base,\n      position: 'absolute',\n      top: statusBarHeight\n    },\n    noSafeArea: {\n      top: 0\n    }\n  });\n\nconst HeaderBackButton = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {\n    theme,\n    display: {statusBarHeight}\n  } = templateContext;\n\n  const {\n    type,\n    color = theme.colors.white,\n    onPress,\n    isFloating = true,\n    noSafeArea = false,\n    testID = 'default-header-back-button-test-id'\n  } = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, statusBarHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, statusBarHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View\n      style={[\n        styleSheet.container,\n        isFloating && styleSheet.floating,\n        isFloating && noSafeArea && styleSheet.noSafeArea\n      ]}\n    >\n      <Touchable testID={testID} onPress={onPress} analyticsID=\"button-close\">\n        {type === 'home' ? (\n          <HomeIcon height={HOME_ICON_HEIGHT} width={HOME_ICON_HEIGHT} color={color} />\n        ) : null}\n        {type === 'close' ? (\n          <CloseIcon height={CLOSE_ICON_HEIGHT} width={CLOSE_ICON_HEIGHT} color={color} />\n        ) : null}\n        {type === 'back' ? (\n          <HeaderBackIcon height={BACK_ICON_HEIGHT} width={BACK_ICON_HEIGHT} color={color} />\n        ) : null}\n      </Touchable>\n    </View>\n  );\n};\n\nexport default HeaderBackButton;\n"],"mappings":";;;;AAAA;AACA;AAEA;AAIA;AACA;AACA;AAA8D;AAAA;AAAA;AAGvD,MAAMA,gBAAgB,GAAG,EAAE;AAAC;AAC5B,MAAMC,iBAAiB,GAAG,EAAE;AAAC;AAC7B,MAAMC,gBAAgB,GAAG,EAAE;AAAC;AAiBnC,MAAMC,gBAAgB,GAAG,CAACC,KAAY,EAAEC,eAAuB,KAC7DC,uBAAU,CAACC,MAAM,CAAC;EAChBC,SAAS,EAAE;IACTC,WAAW,EAAEL,KAAK,CAACM,OAAO,CAACC;EAC7B,CAAC;EACDC,QAAQ,EAAE;IACRC,UAAU,EAAET,KAAK,CAACM,OAAO,CAACC,IAAI;IAC9BG,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAEV;EACP,CAAC;EACDW,UAAU,EAAE;IACVD,GAAG,EAAE;EACP;AACF,CAAC,CAAC;AAEJ,MAAME,gBAAgB,GAAIC,KAAY,IAAK;EACzC,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,GAAE;EAC5C,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EACzE,MAAM;IACJnB,KAAK;IACLoB,OAAO,EAAE;MAACnB;IAAe;EAC3B,CAAC,GAAGc,eAAe;EAEnB,MAAM;IACJM,IAAI;IACJC,KAAK,GAAGtB,KAAK,CAACuB,MAAM,CAACC,KAAK;IAC1BC,OAAO;IACPC,UAAU,GAAG,IAAI;IACjBd,UAAU,GAAG,KAAK;IAClBe,MAAM,GAAG;EACX,CAAC,GAAGb,KAAK;EAET,IAAAc,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAG9B,gBAAgB,CAACC,KAAK,EAAEC,eAAe,CAAC;IAC5DiB,aAAa,CAACW,WAAW,CAAC;EAC5B,CAAC,EAAE,CAAC7B,KAAK,EAAEC,eAAe,CAAC,CAAC;EAE5B,IAAI,CAACgB,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE,6BAAC,iBAAI;IACH,KAAK,EAAE,CACLA,UAAU,CAACb,SAAS,EACpBsB,UAAU,IAAIT,UAAU,CAACT,QAAQ,EACjCkB,UAAU,IAAId,UAAU,IAAIK,UAAU,CAACL,UAAU;EACjD,gBAEF,6BAAC,cAAS;IAAC,MAAM,EAAEe,MAAO;IAAC,OAAO,EAAEF,OAAQ;IAAC,WAAW,EAAC;EAAc,GACpEJ,IAAI,KAAK,MAAM,gBACd,6BAAC,qCAAQ;IAAC,MAAM,EAAEzB,gBAAiB;IAAC,KAAK,EAAEA,gBAAiB;IAAC,KAAK,EAAE0B;EAAM,EAAG,GAC3E,IAAI,EACPD,IAAI,KAAK,OAAO,gBACf,6BAAC,+BAAS;IAAC,MAAM,EAAExB,iBAAkB;IAAC,KAAK,EAAEA,iBAAkB;IAAC,KAAK,EAAEyB;EAAM,EAAG,GAC9E,IAAI,EACPD,IAAI,KAAK,MAAM,gBACd,6BAAC,eAAc;IAAC,MAAM,EAAEvB,gBAAiB;IAAC,KAAK,EAAEA,gBAAiB;IAAC,KAAK,EAAEwB;EAAM,EAAG,GACjF,IAAI,CACE,CACP;AAEX,CAAC;AAAC,eAEaT,gBAAgB;AAAA"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ViewStyle } from 'react-native';
-export declare type Props = {
+export type Props = {
     color?: string;
     height?: number;
     width?: number;

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":";AACA,OAAO,EAAO,SAAS,EAAC,MAAM,cAAc,CAAC;AAI7C,MAAM,MAAM,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"}

package/lib/atom/header-back-icon/index.native.js

@@ -2,17 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _templateContext = require("../../template/app-review/template-context");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const HeaderBackIcon = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const {
@@ -32,7 +26,6 @@ const HeaderBackIcon = props => {
     width: width
   }));
 };
-
 var _default = HeaderBackIcon;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["HeaderBackIcon","props","templateContext","useTemplateContext","theme","color","colors","gray","dark","height","width","style"],"sources":["../../../src/atom/header-back-icon/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {View, ViewStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  color?: string;\n  height?: number;\n  width?: number;\n  style?: ViewStyle;\n};\n\nconst HeaderBackIcon = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const {color = theme.colors.gray.dark, height = 16, width = 16, style} = props;\n\n  return (\n    <View style={style}>\n      <BackIcon color={color} height={height} width={width} />\n    </View>\n  );\n};\n\nexport default HeaderBackIcon;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AASA,MAAMA,cAAc,GAAIC,KAAD,IAAkB;EACvC,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM;IAACC;EAAD,IAAUF,eAAhB;EAEA,MAAM;IAACG,KAAK,GAAGD,KAAK,CAACE,MAAN,CAAaC,IAAb,CAAkBC,IAA3B;IAAiCC,MAAM,GAAG,EAA1C;IAA8CC,KAAK,GAAG,EAAtD;IAA0DC;EAA1D,IAAmEV,KAAzE;EAEA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEU;EAAb,gBACE,6BAAC,6CAAD;IAAU,KAAK,EAAEN,KAAjB;IAAwB,MAAM,EAAEI,MAAhC;IAAwC,KAAK,EAAEC;EAA/C,EADF,CADF;AAKD,CAXD;;eAaeV,c"}
+{"version":3,"file":"index.native.js","names":["HeaderBackIcon","props","templateContext","useTemplateContext","theme","color","colors","gray","dark","height","width","style"],"sources":["../../../src/atom/header-back-icon/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {View, ViewStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  color?: string;\n  height?: number;\n  width?: number;\n  style?: ViewStyle;\n};\n\nconst HeaderBackIcon = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const {color = theme.colors.gray.dark, height = 16, width = 16, style} = props;\n\n  return (\n    <View style={style}>\n      <BackIcon color={color} height={height} width={width} />\n    </View>\n  );\n};\n\nexport default HeaderBackIcon;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAA8E;AAS9E,MAAMA,cAAc,GAAIC,KAAY,IAAK;EACvC,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,GAAE;EAC5C,MAAM;IAACC;EAAK,CAAC,GAAGF,eAAe;EAE/B,MAAM;IAACG,KAAK,GAAGD,KAAK,CAACE,MAAM,CAACC,IAAI,CAACC,IAAI;IAAEC,MAAM,GAAG,EAAE;IAAEC,KAAK,GAAG,EAAE;IAAEC;EAAK,CAAC,GAAGV,KAAK;EAE9E,oBACE,6BAAC,iBAAI;IAAC,KAAK,EAAEU;EAAM,gBACjB,6BAAC,6CAAQ;IAAC,KAAK,EAAEN,KAAM;IAAC,MAAM,EAAEI,MAAO;IAAC,KAAK,EAAEC;EAAM,EAAG,CACnD;AAEX,CAAC;AAAC,eAEaV,cAAc;AAAA"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ViewStyle, ImageStyle, TextStyle } from 'react-native';
-export declare type Props = {
+export type Props = {
     children: string;
     fontSize?: TextStyle['fontSize'];
     numberOfLines?: number;

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":";AACA,OAAO,EAAO,SAAS,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAqBpE,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAqBF,QAAA,MAAM,IAAI,UAAW,KAAK,gBA0IzB,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -2,31 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeRenderHtml = _interopRequireDefault(require("react-native-render-html"));
-
 var _theme = require("../../variables/theme.native");
-
 var _templateContext = require("../../template/app-review/template-context");
-
 var _index = _interopRequireWildcard(require("../text/index.native"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const HtmlBase = props => {
   return /*#__PURE__*/_react.default.createElement(_reactNativeRenderHtml.default, props);
 };
-
 const Html = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = (0, _react.useState)(false);
@@ -43,8 +31,9 @@ const Html = props => {
     anchorTextColor = _theme.HTML_ANCHOR_TEXT_COLOR,
     isTextCentered,
     numberOfLines
-  } = props; // Don't use StyleSheet there, it's not a react style
+  } = props;
 
+  // Don't use StyleSheet there, it's not a react style
   const styles = {
     p: {
       marginVertical: 0,
@@ -63,7 +52,6 @@ const Html = props => {
       textDecorationLine: 'line-through'
     }
   };
-
   const tagsStyles = _extends({}, styles, {
     h1: {
       fontSize
@@ -88,12 +76,10 @@ const Html = props => {
     },
     img: imageStyle || {}
   });
-
   let baseFontStyle = (0, _react.useMemo)(() => _extends({}, _index.DEFAULT_STYLE, {
     fontSize,
     color: theme.colors.black
   }), [fontSize, theme]);
-
   if (style) {
     if (Array.isArray(style)) {
       const styleObject = style.reduce((result, child) => _extends({}, result, child));
@@ -102,7 +88,6 @@ const Html = props => {
       baseFontStyle = _extends({}, baseFontStyle, style);
     }
   }
-
   const SpanRenderer = (0, _react.useCallback)((htmlAttribs, _children) => /*#__PURE__*/_react.default.createElement(_index.default, {
     numberOfLines: numberOfLines
   }, _children), [numberOfLines]);
@@ -110,7 +95,6 @@ const Html = props => {
     if (htmlAttribs.color) {
       disableBaseFontStyleColor(true);
     }
-
     return /*#__PURE__*/_react.default.createElement(_index.default, {
       key: 1,
       style: _extends({}, baseFontStyle, {
@@ -125,7 +109,8 @@ const Html = props => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     testID: testID,
     style: containerStyle
-  }, /*#__PURE__*/_react.default.createElement(HtmlBase // to text-align center on android
+  }, /*#__PURE__*/_react.default.createElement(HtmlBase
+  // to text-align center on android
   // we have to encapsulate between <p> tag
   // and use custom style define on <p>
   // definition in component style doesn't work
@@ -138,7 +123,8 @@ const Html = props => {
     baseFontStyle: _extends({}, baseFontStyle, {
       color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color
     }),
-    renderers: renderers // this is exceptionally for the onboarding course
+    renderers: renderers
+    // this is exceptionally for the onboarding course
     // is the only course that has a gif in the context but the img tag
     // comes with width & height attr and these makes this lib do not render the gif
     // so to avoid it, we decided to ignore these attr
@@ -147,7 +133,6 @@ const Html = props => {
     testID: "html-base"
   }));
 };
-
 var _default = Html;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

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

package/lib/atom/image-background/index.native.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ViewStyle, ImageStyle } from 'react-native';
-export declare type Props = ImageStyle & {
+export type Props = ImageStyle & {
     children?: ReactNode;
     gradient?: Array<string>;
     gradientStyle?: ViewStyle;

package/lib/atom/image-background/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/image-background/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAGL,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAiBtB,oBAAY,KAAK,GAAG,UAAU,GAAG;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE;QAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;KAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,eAAe,iEAOlB,KAAK,gBAgDP,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/image-background/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAGL,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAiBtB,MAAM,MAAM,KAAK,GAAG,UAAU,GAAG;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE;QAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;KAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,eAAe,iEAOlB,KAAK,gBAgDP,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/atom/image-background/index.native.js

@@ -2,26 +2,16 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _getCleanUri = _interopRequireDefault(require("../../util/get-clean-uri"));
-
 var _getResizedImage = _interopRequireDefault(require("../../util/get-resized-image"));
-
 var _index = _interopRequireDefault(require("../gradient/index.native"));
-
 const _excluded = ["source", "gradient", "gradientStyle", "style", "testID"],
-      _excluded2 = ["children"];
-
+  _excluded2 = ["children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 const styles = _reactNative.StyleSheet.create({
   image: {
     width: '100%',
@@ -31,26 +21,22 @@ const styles = _reactNative.StyleSheet.create({
     flex: 1
   }
 });
-
 const ImageBackground = _ref => {
   let {
-    source,
-    gradient,
-    gradientStyle,
-    style,
-    testID = 'image-background'
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+      source,
+      gradient,
+      gradientStyle,
+      style,
+      testID = 'image-background'
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   let uri = source && source.uri;
-
   if (uri) {
     const {
       width: _width,
       height: _height,
       resizeMode
     } = props;
-
     const {
       width,
       height
@@ -58,7 +44,6 @@ const ImageBackground = _ref => {
       width: _width,
       height: _height
     }, style]);
-
     const maxHeight = typeof height === 'number' ? height : undefined;
     const maxWidth = typeof width === 'number' ? width : undefined;
     uri = (0, _getResizedImage.default)((0, _getCleanUri.default)(uri), {
@@ -67,23 +52,18 @@ const ImageBackground = _ref => {
       resizeMode
     });
   }
-
   const resizedSource = uri && {
     uri
   } || source;
-
   if (gradient) {
     const {
-      children
-    } = props,
-          remainingProps = _objectWithoutPropertiesLoose(props, _excluded2);
-
+        children
+      } = props,
+      remainingProps = _objectWithoutPropertiesLoose(props, _excluded2);
     const _style = [styles.gradient];
-
     if (gradientStyle) {
       _style.push(gradientStyle);
     }
-
     return /*#__PURE__*/_react.default.createElement(_reactNative.ImageBackground, _extends({}, remainingProps, {
       source: resizedSource,
       style: [styles.image, style],
@@ -94,14 +74,12 @@ const ImageBackground = _ref => {
       style: _style
     }, children));
   }
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.ImageBackground, _extends({}, props, {
     source: resizedSource,
     style: [styles.image, style],
     testID: testID
   }));
 };
-
 var _default = ImageBackground;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map