@coorpacademy/components 10.22.6 → 10.22.9

package/lib/template/app-review/player/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":["quizzerStyle","StyleSheet","create","container","flex","padding","justifyContent","alignItems","SLIDE_HEIGHT","height","creatSlideStyle","num","width","slide","position","top","backgroundColor","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","category","fontSize","lineHeight","textAlign","question","fontWeight","instruction","button","createOptionStyle","selected","box","marginTop","marginBottom","text","choicesStyle","Choices","choices","map","index","optionStyle","propTypes","PropTypes","arrayOf","bool","Slide","props","validateSlide","slideStyle","validateLabel","templateContext","analytics","answerUI","isDisabled","value","model","type","onChange","Slides","stack","slides","validateButton","PlayerReviewPropTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA,MAAMA,YAAY,GAAGC,wBAAWC,MAAX,CAAkB;AACrCC,EAAAA,SAAS,EAAE;AACTC,IAAAA,IAAI,EAAE,CADG;AAETC,IAAAA,OAAO,EAAE,EAFA;AAGT;AACA;AACAC,IAAAA,cAAc,EAAE,eALP;AAMTC,IAAAA,UAAU,EAAE;AANH;AAD0B,CAAlB,CAArB;;AAWA,MAAMC,YAAY,GAAG,MAAM,wCAAsBC,MAAtB,GAA+B,IAA1D,C,CAEA;;;AACA,MAAMC,eAAe,GAAG,CAACC,GAAD,EAAMC,KAAN,EAAaH,MAAb,KACtBR,wBAAWC,MAAX,CAAkB;AAChBW,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,UADL;AAELC,IAAAA,GAAG,EAAEN,MAAM,GAAG,CAAT,GAAaD,YAAY,KAAK,CAA9B,GAAkCG,GAAG,GAAG,CAFxC;AAGLP,IAAAA,IAAI,EAAE,CAHD;AAILY,IAAAA,eAAe,EAAE,MAJZ;AAKL;AACAP,IAAAA,MAAM,EAAED,YAAY,EANf;AAOLI,IAAAA,KAAK,EAAEA,KAAK,GAAG,EAAR,GAAaD,GAAG,GAAG,CAPrB;AAQLL,IAAAA,cAAc,EAAE,eARX;AASLC,IAAAA,UAAU,EAAE,QATP;AAULF,IAAAA,OAAO,EAAE,EAVJ;AAWLY,IAAAA,WAAW,EAAE,MAXR;AAYLC,IAAAA,YAAY,EAAE;AAACN,MAAAA,KAAK,EAAE,CAAR;AAAWH,MAAAA,MAAM,EAAE,CAAC;AAApB,KAZT;AAaLU,IAAAA,aAAa,EAAE,IAbV;AAcLC,IAAAA,YAAY,EAAE,EAdT;AAeLC,IAAAA,SAAS,EAAE,KAAKV,GAAG,GAAG,CAfjB;AAgBLW,IAAAA,YAAY,EAAE;AAhBT,GADS;AAmBhBC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,QAAQ,EAAE,EADF;AAERC,IAAAA,UAAU,EAAE,EAFJ;AAGR;AACA;AACA;AACAC,IAAAA,SAAS,EAAE;AANH,GAnBM;AA2BhBC,EAAAA,QAAQ,EAAE;AACRH,IAAAA,QAAQ,EAAE,EADF;AAERC,IAAAA,UAAU,EAAE,EAFJ;AAGRG,IAAAA,UAAU,EAAE,KAHJ;AAIR;AACAF,IAAAA,SAAS,EAAE;AALH,GA3BM;AAkChBG,EAAAA,WAAW,EAAE;AACXL,IAAAA,QAAQ,EAAE,EADC;AAEXC,IAAAA,UAAU,EAAE,EAFD;AAGX;AACA;AACA;AACAC,IAAAA,SAAS,EAAE;AANA,GAlCG;AA0ChBI,EAAAA,MAAM,EAAE;AACNlB,IAAAA,KAAK,EAAE,GADD;AAENH,IAAAA,MAAM,EAAE,EAFF;AAGNa,IAAAA,YAAY,EAAE,CAHR,CAIN;;AAJM;AA1CQ,CAAlB,CADF;;AAmDA,MAAMS,iBAAiB,GAAGC,QAAQ,IAAI;AACpC;AAEA,SAAO/B,wBAAWC,MAAX,CAAkB;AACvB+B,IAAAA,GAAG,EAAE;AACHrB,MAAAA,KAAK,EAAE,MADJ;AAEH;AACAK,MAAAA,WAAW,EAAE,MAHV;AAIHC,MAAAA,YAAY,EAAE;AAACN,QAAAA,KAAK,EAAE,CAAR;AAAWH,QAAAA,MAAM,EAAE,CAAC;AAApB,OAJX;AAKHU,MAAAA,aAAa,EAAE,GALZ;AAMHC,MAAAA,YAAY,EAAE,EANX;AAOHC,MAAAA,SAAS,EAAE,CAPR;AAQH;AACAhB,MAAAA,OAAO,EAAE,EATN;AAUH6B,MAAAA,SAAS,EAAE,CAVR;AAWHC,MAAAA,YAAY,EAAE,CAXX;AAYHb,MAAAA,YAAY,EAAE;AAZX,KADkB;AAevBc,IAAAA,IAAI,EAAE;AACJZ,MAAAA,QAAQ,EAAE,EADN;AAEJI,MAAAA,UAAU,EAAE,MAFR;AAGJH,MAAAA,UAAU,EAAE,EAHR;AAIJ;AACAC,MAAAA,SAAS,EAAE;AALP;AAfiB,GAAlB,CAAP;AAuBD,CA1BD;;AA4BA,MAAMW,YAAY,GAAGpC,wBAAWC,MAAX,CAAkB;AACrCC,EAAAA,SAAS,EAAE;AACTC,IAAAA,IAAI,EAAE,CADG;AAETQ,IAAAA,KAAK,EAAE,MAFE;AAGTN,IAAAA,cAAc,EAAE,QAHP;AAITC,IAAAA,UAAU,EAAE;AAJH;AAD0B,CAAlB,CAArB;AASA;;;AACA,MAAM+B,OAAO,GAAG,CAAC;AAACC,EAAAA,OAAO,GAAG;AAAX,CAAD,kBACd,6BAAC,iBAAD;AAAM,EAAA,KAAK,EAAEF,YAAY,CAAClC;AAA1B,GACGoC,OAAO,CAACC,GAAR,CAAY,CAAC;AAACJ,EAAAA,IAAD;AAAOJ,EAAAA,QAAQ,GAAG;AAAlB,CAAD,EAA2BS,KAA3B,KAAqC;AAChD,QAAMC,WAAW,GAAGX,iBAAiB,CAACC,QAAD,CAArC;AACA,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEU,WAAW,CAACT,GAAzB;AAA8B,IAAA,GAAG,EAAG,UAASQ,KAAM;AAAnD,kBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC,WAAW,CAACN;AAAzB,KACGA,IADH,OACUJ,QADV,CADF,CADF;AAOD,CATA,CADH,CADF;;AAeAM,OAAO,CAACK,SAAR,2CAAoB;AAClBJ,EAAAA,OAAO,EAAEK,mBAAUC,OAAV,CAAkB;AACzBT,IAAAA,IAAI,EAAEQ,mBAAUR,IADS;AAEzBJ,IAAAA,QAAQ,EAAEY,mBAAUE;AAFK,GAAlB;AADS,CAApB;;AAOA,MAAMC,KAAK,GAAGC,KAAK,IAAI;AACrB,QAAM;AAACC,IAAAA,aAAD;AAAgBpC,IAAAA,KAAhB;AAAuBF,IAAAA;AAAvB,MAA8BqC,KAApC;AACA,QAAM;AAACpC,IAAAA,KAAD;AAAQH,IAAAA;AAAR,MAAkB,uCAAxB;AAEA,QAAMyC,UAAU,GAAGxC,eAAe,CAACC,GAAD,EAAMC,KAAN,EAAaH,MAAb,CAAlC;AACA,QAAM0C,aAAa,GAAG,YAAtB,CALqB,CAKe;;AAEpC,QAAMC,eAAe,GAAG,0CAAxB;AACA,QAAM;AAACC,IAAAA;AAAD,MAAcD,eAApB;AAEA,QAAM;AACJE,IAAAA,QAAQ,EAAE;AAACC,MAAAA,UAAU,GAAG,KAAd;AAAqBC,MAAAA,KAAK,GAAG,EAA7B;AAAiCC,MAAAA,KAAK,EAAE;AAACC,QAAAA,IAAD;AAAOC,QAAAA;AAAP;AAAxC,QAA4D;AACpEJ,MAAAA,UAAU,EAAE,KADwD;AAEpEC,MAAAA,KAAK,EAAE,EAF6D;AAGpEC,MAAAA,KAAK,EAAE;AAACC,QAAAA,IAAI,EAAE,UAAP;AAAmBC,QAAAA,QAAQ,EAAE,MAAM;AAAnC;AAH6D;AADlE,MAMF9C,KANJ;;AAQA,UAAQ6C,IAAR;AACE,SAAK,UAAL;AAAiB;AACf,4BACE,6BAAC,iBAAD;AAAM,UAAA,KAAK,EAAER,UAAU,CAACrC;AAAxB,wBACE,6BAAC,iBAAD;AACE,UAAA,UAAU,EAAE0C,UADd;AAEE,UAAA,QAAQ,EAAEI,QAFZ;AAGE,UAAA,KAAK,EAAEH,KAHT;AAIE,UAAA,MAAM,EAAC,WAJT;AAKE,UAAA,YAAY,EAAC,OALf;AAME,UAAA,SAAS,EAAEH;AANb,UADF,CADF;AAYD;;AACD;AAfF;;AAkBA,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEH,UAAU,CAACrC;AAAxB,kBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEqC,UAAU,CAAC3B;AAAxB,KAAmCZ,GAAnC,CADF,eAEE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEuC,UAAU,CAACvB;AAAxB,KAAmCd,KAAK,CAACc,QAAzC,CAFF,eAGE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEuB,UAAU,CAACrB;AAAxB,KAAsChB,KAAK,CAACgB,WAA5C,CAHF,eAKE,6BAAC,OAAD;AAAS,IAAA,OAAO,EAAEhB,KAAK,CAAC0B;AAAxB,IALF,eAOE,6BAAC,mBAAD;AAAQ,IAAA,KAAK,EAAEW,UAAU,CAACpB,MAA1B;AAAkC,IAAA,OAAO,EAAEmB,aAA3C;AAA0D,IAAA,MAAM,EAAG;AAAnE,KACGE,aADH,CAPF,CADF;AAaD,CAjDD,C,CAmDA;;;AACA,MAAMS,MAAM,GAAGZ,KAAK,IAAI;AACtB,QAAM;AAACa,IAAAA;AAAD,MAAUb,KAAhB;AACA,QAAM;AAACc,IAAAA,MAAD;AAASC,IAAAA,cAAc,EAAEd;AAAzB,MAA0CY,KAAhD;;AACA,MAAI,CAACC,MAAL,EAAa;AACX,wBAAO,6BAAC,iBAAD,OAAP;AACD;;AAED,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAE9D,YAAY,CAACG;AAA1B,kBACE,6BAAC,KAAD;AAAO,IAAA,aAAa,EAAE8C,aAAtB;AAAqC,IAAA,KAAK,EAAEa,MAAM,CAAC,CAAD,CAAlD;AAAuD,IAAA,GAAG,EAAE,CAA5D;AAA+D,IAAA,GAAG,EAAG,SAAQ,CAAE;AAA/E,IADF,CADF;AAaD,CApBD;;AAsBAF,MAAM,CAACjB,SAAP,2CAAmBqB,iCAAnB;eAEeJ,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {View, StyleSheet, Text, useWindowDimensions, Button} from 'react-native';\n\nimport FreeText from '../../../molecule/questions/free-text';\nimport {useTemplateContext} from '../template-context';\nimport {PlayerReviewPropTypes} from './prop-types';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import {BrandThemeContext} from '../../../app-shared/components/brand-theme-provider';\n// import Button from '../../../app-shared/components/button';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n\n// export type _Choice_ = {\n//   text?: string,\n//   selected: boolean\n// };\n\n// export type _Slide_ = {\n//   category: string,\n//   question: string,\n//   instruction: string,\n//   type: 'multiSelection' | 'singleSelection' | 'trueOrFalse',\n//   choices?: _Choice_[]\n// };\n\n// interface Props {\n//   slide: _Slide_;\n//   num: number;\n// }\n\nconst quizzerStyle = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 20,\n    // paddingTop: HEADER_HEIGHT + 20,      @todo with props\n    // backgroundColor: theme.colors.white, @todo with props\n    justifyContent: 'space-between',\n    alignItems: 'center'\n  }\n});\n\nconst SLIDE_HEIGHT = () => useWindowDimensions().height * 0.75;\n\n// const creatSlideStyle = (num: number) =>\nconst creatSlideStyle = (num, width, height) =>\n  StyleSheet.create({\n    slide: {\n      position: 'absolute',\n      top: height / 2 - SLIDE_HEIGHT() / 2 - num * 4,\n      flex: 1,\n      backgroundColor: '#fff',\n      // backgroundColor: theme.colors.white, @todo with props and useEffect\n      height: SLIDE_HEIGHT(),\n      width: width - 40 - num * 8,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    },\n    category: {\n      fontSize: 12,\n      lineHeight: 16,\n      // color: theme.colors.text.primary, @todo with props\n      // marginBottom: theme.spacing.tiny, @todo with props\n      // marginTop: theme.spacing.small,   @todo with props\n      textAlign: 'center'\n    },\n    question: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      // color: theme.colors.text.primary, @todo with props\n      textAlign: 'center'\n    },\n    instruction: {\n      fontSize: 12,\n      lineHeight: 16,\n      // color: theme.colors.gray.medium,  @todo with props\n      // marginBottom: theme.spacing.base, @todo with props\n      // marginTop: theme.spacing.small,   @todo with props\n      textAlign: 'center'\n    },\n    button: {\n      width: 287,\n      height: 52,\n      borderRadius: 7\n      // marginTop: theme.spacing.base  @todo with props\n    }\n  });\n\nconst createOptionStyle = selected => {\n  // const brandTheme = React.useContext(BrandThemeContext); @todo with props\n\n  return StyleSheet.create({\n    box: {\n      width: '100%',\n      // https://stackoverflow.com/a/66561995/959219\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.2,\n      shadowRadius: 16,\n      elevation: 8,\n      // backgroundColor: selected ? brandTheme.colors.primary : theme.colors.white, @todo with props\n      padding: 12,\n      marginTop: 4,\n      marginBottom: 4,\n      borderRadius: 8\n    },\n    text: {\n      fontSize: 15,\n      fontWeight: 'bold',\n      lineHeight: 24,\n      // color: selected ? theme.colors.white : theme.colors.text.primary, @todo with props\n      textAlign: 'center'\n    }\n  });\n};\n\nconst choicesStyle = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%',\n    justifyContent: 'center',\n    alignItems: 'center'\n  }\n});\n\n/* {choices.map(({text, selected = false}: _Choice_) => { */\nconst Choices = ({choices = []}) => (\n  <View style={choicesStyle.container}>\n    {choices.map(({text, selected = false}, index) => {\n      const optionStyle = createOptionStyle(selected);\n      return (\n        <View style={optionStyle.box} key={`choice-${index}`}>\n          <Text style={optionStyle.text}>\n            {text} {selected}\n          </Text>\n        </View>\n      );\n    })}\n  </View>\n);\n\nChoices.propTypes = {\n  choices: PropTypes.arrayOf({\n    text: PropTypes.text,\n    selected: PropTypes.bool\n  })\n};\n\nconst Slide = props => {\n  const {validateSlide, slide, num} = props;\n  const {width, height} = useWindowDimensions();\n\n  const slideStyle = creatSlideStyle(num, width, height);\n  const validateLabel = '__validate'; // translations.validate\n\n  const templateContext = useTemplateContext();\n  const {analytics} = templateContext;\n\n  const {\n    answerUI: {isDisabled = false, value = '', model: {type, onChange}} = {\n      isDisabled: false,\n      value: '',\n      model: {type: 'freeText', onChange: () => null}\n    }\n  } = slide;\n\n  switch (type) {\n    case 'freeText': {\n      return (\n        <View style={slideStyle.slide}>\n          <FreeText\n            isDisabled={isDisabled}\n            onChange={onChange}\n            value={value}\n            testID=\"free-text\"\n            questionType=\"basic\"\n            analytics={analytics}\n          />\n        </View>\n      );\n    }\n    default:\n  }\n\n  return (\n    <View style={slideStyle.slide}>\n      <Text style={slideStyle.category}>{num}</Text>\n      <Text style={slideStyle.question}>{slide.question}</Text>\n      <Text style={slideStyle.instruction}>{slide.instruction}</Text>\n\n      <Choices choices={slide.choices} />\n\n      <Button style={slideStyle.button} onPress={validateSlide} testID={`button-quizzer-validate`}>\n        {validateLabel}\n      </Button>\n    </View>\n  );\n};\n\n// const Slides = ({slide}: Props) => {\nconst Slides = props => {\n  const {stack} = props;\n  const {slides, validateButton: validateSlide} = stack;\n  if (!slides) {\n    return <View />;\n  }\n\n  return (\n    <View style={quizzerStyle.container}>\n      <Slide validateSlide={validateSlide} slide={slides[0]} num={0} key={`slide-${0}`} />\n      {/* {slides.reverse().map((_slide, index) => (\n      <Slide\n        validateSlide={validateSlide}\n        slide={_slide}\n        num={slides.length - index}\n        key={`slide-${index}`}\n      />\n    ))} */}\n    </View>\n  );\n};\n\nSlides.propTypes = PlayerReviewPropTypes;\n\nexport default Slides;\n"],"file":"index.native.js"}

package/lib/template/app-review/player/prop-types.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.PlayerReviewPropTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _propTypes2 = _interopRequireDefault(require("../../../organism/review-congrats/prop-types"));
+
+var _propTypes3 = _interopRequireDefault(require("../../../atom/review-background/prop-types"));
+
+var _propTypes4 = _interopRequireDefault(require("../../../organism/review-header/prop-types"));
+
+var _propTypes5 = _interopRequireDefault(require("../../../organism/review-stacked-slides/prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const PlayerReviewPropTypes = {
+  header: _propTypes.default.shape(_propTypes4.default),
+  stack: _propTypes.default.shape(_propTypes5.default),
+  reviewBackgroundAriaLabel: _propTypes3.default['aria-label'],
+  congratsProps: _propTypes.default.shape(_propTypes2.default)
+};
+exports.PlayerReviewPropTypes = PlayerReviewPropTypes;
+//# sourceMappingURL=prop-types.js.map

package/lib/template/app-review/player/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/player/prop-types.js"],"names":["PlayerReviewPropTypes","header","PropTypes","shape","ReviewHeaderPropTypes","stack","StackedSlidesPropTypes","reviewBackgroundAriaLabel","ReviewBackgroundPropTypes","congratsProps","ReviewCongratsPropTypes"],"mappings":";;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,qBAAqB,GAAG;AACnCC,EAAAA,MAAM,EAAEC,mBAAUC,KAAV,CAAgBC,mBAAhB,CAD2B;AAEnCC,EAAAA,KAAK,EAAEH,mBAAUC,KAAV,CAAgBG,mBAAhB,CAF4B;AAGnCC,EAAAA,yBAAyB,EAAEC,oBAA0B,YAA1B,CAHQ;AAInCC,EAAAA,aAAa,EAAEP,mBAAUC,KAAV,CAAgBO,mBAAhB;AAJoB,CAA9B","sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewCongratsPropTypes from '../../../organism/review-congrats/prop-types';\nimport ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';\nimport ReviewHeaderPropTypes from '../../../organism/review-header/prop-types';\nimport StackedSlidesPropTypes from '../../../organism/review-stacked-slides/prop-types';\n\nexport const PlayerReviewPropTypes = {\n  header: PropTypes.shape(ReviewHeaderPropTypes),\n  stack: PropTypes.shape(StackedSlidesPropTypes),\n  reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],\n  congratsProps: PropTypes.shape(ReviewCongratsPropTypes)\n};\n"],"file":"prop-types.js"}

package/lib/template/app-review/player/style.css

@@ -0,0 +1,41 @@
+.playerReviewContainer {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  /* --- ie11 fallback --- */
+  height: 100%;
+  /* --------------------- */
+  height: min-content;
+  min-height: 832px;
+}
+
+/* 
+  mozilla specific styling
+  - supports min-content but it calculates dynamic
+  flex child height differently than chromium browsers
+*/
+@supports (-moz-appearance:none) {
+  div.playerReviewContainer {
+    height: 100%;
+  } 
+}
+
+.reviewHeaderContainer {
+  width: 100%;
+}
+
+.congrats {
+  width: 100%;
+  height: 100%;
+  min-height: 832px;
+  position: absolute;
+}
+
+.playerBackground {
+  position: absolute;
+  display: block;
+  height: 100%;
+  min-height: 120vh;
+  top: 0;
+  left: 0;
+}

package/lib/template/app-review/prop-types.js

@@ -11,7 +11,7 @@ var _onboarding = _interopRequireDefault(require("./onboarding"));
 
 var _skills = _interopRequireDefault(require("./skills"));
 
-var _slides = _interopRequireDefault(require("./slides"));
+var _player = _interopRequireDefault(require("./player"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -21,14 +21,14 @@ const ViewNames = {
   skills: 'skills',
   onboarding: 'onboarding',
   slides: 'slides',
-  default: 'loader'
+  loader: 'loader'
 };
 exports.ViewNames = ViewNames;
 var _default = {
   viewName: _propTypes.default.oneOf((0, _keys.default)(ViewNames)),
   onboarding: _propTypes.default.shape(_extends({}, _onboarding.default.propTypes)),
   skills: _propTypes.default.shape(_extends({}, _skills.default.propTypes)),
-  slides: _propTypes.default.shape(_extends({}, _slides.default.propTypes))
+  slides: _propTypes.default.shape(_extends({}, _player.default.propTypes))
 };
 exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

package/lib/template/app-review/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/app-review/prop-types.js"],"names":["ViewNames","skills","onboarding","slides","default","viewName","PropTypes","oneOf","shape","Onboarding","propTypes","Skills","Slides"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,MAAM,EAAE,QADe;AAEvBC,EAAAA,UAAU,EAAE,YAFW;AAGvBC,EAAAA,MAAM,EAAE,QAHe;AAIvBC,EAAAA,OAAO,EAAE;AAJc,CAAlB;;eAOQ;AACbC,EAAAA,QAAQ,EAAEC,mBAAUC,KAAV,CAAgB,mBAAKP,SAAL,CAAhB,CADG;AAEbE,EAAAA,UAAU,EAAEI,mBAAUE,KAAV,cAAoBC,oBAAWC,SAA/B,EAFC;AAGbT,EAAAA,MAAM,EAAEK,mBAAUE,KAAV,cAAoBG,gBAAOD,SAA3B,EAHK;AAIbP,EAAAA,MAAM,EAAEG,mBAAUE,KAAV,cAAoBI,gBAAOF,SAA3B;AAJK,C","sourcesContent":["import PropTypes from 'prop-types';\nimport keys from 'lodash/fp/keys';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Slides from './slides';\n\nexport const ViewNames = {\n  skills: 'skills',\n  onboarding: 'onboarding',\n  slides: 'slides',\n  default: 'loader'\n};\n\nexport default {\n  viewName: PropTypes.oneOf(keys(ViewNames)),\n  onboarding: PropTypes.shape({...Onboarding.propTypes}),\n  skills: PropTypes.shape({...Skills.propTypes}),\n  slides: PropTypes.shape({...Slides.propTypes})\n};\n"],"file":"prop-types.js"}
+{"version":3,"sources":["../../../src/template/app-review/prop-types.js"],"names":["ViewNames","skills","onboarding","slides","loader","viewName","PropTypes","oneOf","shape","Onboarding","propTypes","Skills","Player"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,MAAM,EAAE,QADe;AAEvBC,EAAAA,UAAU,EAAE,YAFW;AAGvBC,EAAAA,MAAM,EAAE,QAHe;AAIvBC,EAAAA,MAAM,EAAE;AAJe,CAAlB;;eAOQ;AACbC,EAAAA,QAAQ,EAAEC,mBAAUC,KAAV,CAAgB,mBAAKP,SAAL,CAAhB,CADG;AAEbE,EAAAA,UAAU,EAAEI,mBAAUE,KAAV,cAAoBC,oBAAWC,SAA/B,EAFC;AAGbT,EAAAA,MAAM,EAAEK,mBAAUE,KAAV,cAAoBG,gBAAOD,SAA3B,EAHK;AAIbP,EAAAA,MAAM,EAAEG,mBAAUE,KAAV,cAAoBI,gBAAOF,SAA3B;AAJK,C","sourcesContent":["import PropTypes from 'prop-types';\nimport keys from 'lodash/fp/keys';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Player from './player';\n\nexport const ViewNames = {\n  skills: 'skills',\n  onboarding: 'onboarding',\n  slides: 'slides',\n  loader: 'loader'\n};\n\nexport default {\n  viewName: PropTypes.oneOf(keys(ViewNames)),\n  onboarding: PropTypes.shape({...Onboarding.propTypes}),\n  skills: PropTypes.shape({...Skills.propTypes}),\n  slides: PropTypes.shape({...Player.propTypes})\n};\n"],"file":"prop-types.js"}

package/lib/template/common/authors/index.js

@@ -19,9 +19,7 @@ var _socialLink = _interopRequireDefault(require("../../../atom/social-link"));
 
 var _link = _interopRequireDefault(require("../../../atom/link"));
 
-var _style = require("../../../atom/label/style.css");
-
-var _style2 = _interopRequireDefault(require("./style.css"));
+var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -70,35 +68,35 @@ class Authors extends _react.default.Component {
     })((sociallink, i) => /*#__PURE__*/_react.default.createElement("div", {
       key: i,
       "data-name": "link",
-      className: _style2.default.link
+      className: _style.default.link
     }, /*#__PURE__*/_react.default.createElement(_socialLink.default, sociallink)), sociallinks);
 
     const authorSocial = socialView.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.links
+      className: _style.default.links
     }, /*#__PURE__*/_react.default.createElement("span", null, socialTitle), socialView) : null;
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "authors",
-      className: _style2.default.wrapper
+      className: _style.default.wrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.authorsWrapper
+      className: _style.default.authorsWrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "header",
-      className: _style2.default.header
+      className: _style.default.header
     }, /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "image",
-      className: _style2.default.imgWrapper
+      className: _style.default.imgWrapper
     }, /*#__PURE__*/_react.default.createElement("img", {
       src: image
     })), /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.descWrapper
+      className: _style.default.descWrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "title",
-      className: _style2.default.title
+      className: _style.default.title
     }, title), /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.linksWrapper
+      className: _style.default.linksWrapper
     }, /*#__PURE__*/_react.default.createElement("span", null, website), /*#__PURE__*/_react.default.createElement(_link.default, {
       "data-name": "linkSite",
-      className: _style2.default.linksite,
+      className: _style.default.linksite,
       style: {
         color: defaultColor
       },
@@ -106,19 +104,19 @@ class Authors extends _react.default.Component {
       target: '_blank'
     }, urlcontent), authorSocial), /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "description",
-      className: fullDisplay ? _style2.default.desc : _style2.default.shortDesc
+      className: fullDisplay ? _style.default.desc : _style.default.shortDesc
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.innerHTML // eslint-disable-next-line react/no-danger
+      className: _style.default.innerHTML // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: description
       }
     })), /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "more",
-      className: _style2.default.toggle,
+      className: _style.default.toggle,
       onClick: this.handleToggleDisplay
     }, toggleLabel))), /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.cardsTitle
+      className: _style.default.cardsTitle
     }, cardsTitle), /*#__PURE__*/_react.default.createElement(_cardsGrid.default, cards)));
   }
 

package/lib/template/common/authors/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/common/authors/index.js"],"names":["Authors","React","Component","constructor","props","context","state","fullDisplay","handleToggleDisplay","bind","setState","prevState","render","image","title","description","cards","cardsTitle","socialTitle","sociallinks","website","urlwebsite","urlcontent","translate","skin","defaultColor","toggleLabel","socialView","convert","cap","sociallink","i","style","link","authorSocial","length","links","wrapper","authorsWrapper","header","imgWrapper","descWrapper","linksWrapper","linksite","color","desc","shortDesc","innerHTML","__html","toggle","Provider","childContextTypes","propTypes","PropTypes","shape","CardsGrid","string","arrayOf","type"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, map} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport CardsGrid from '../../../organism/cards-grid';\nimport SocialLink from '../../../atom/social-link';\nimport Link from '../../../atom/link';\nimport {innerHTML} from '../../../atom/label/style.css';\nimport style from './style.css';\n\nclass Authors extends React.Component {\n  static propTypes = {\n    cards: PropTypes.shape(CardsGrid.propTypes),\n    cardsTitle: PropTypes.string,\n    image: PropTypes.string,\n    title: PropTypes.string,\n    website: PropTypes.string,\n    urlcontent: PropTypes.string,\n    urlwebsite: PropTypes.string,\n    description: PropTypes.string,\n    socialTitle: PropTypes.string,\n    sociallinks: PropTypes.arrayOf(\n      PropTypes.shape({\n        type: PropTypes.string,\n        link: PropTypes.string\n      })\n    )\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate,\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      fullDisplay: false\n    };\n    this.handleToggleDisplay = this.handleToggleDisplay.bind(this);\n  }\n\n  handleToggleDisplay() {\n    this.setState(prevState => ({\n      fullDisplay: !prevState.fullDisplay\n    }));\n  }\n\n  render() {\n    const {\n      image,\n      title,\n      description,\n      cards,\n      cardsTitle,\n      socialTitle,\n      sociallinks,\n      website,\n      urlwebsite,\n      urlcontent\n    } = this.props;\n    const {fullDisplay} = this.state;\n\n    const {translate, skin} = this.context;\n    const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n    const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');\n\n    const socialView = map.convert({cap: false})(\n      (sociallink, i) => (\n        <div key={i} data-name=\"link\" className={style.link}>\n          <SocialLink {...sociallink} />\n        </div>\n      ),\n      sociallinks\n    );\n\n    const authorSocial =\n      socialView.length > 0 ? (\n        <div className={style.links}>\n          <span>{socialTitle}</span>\n          {socialView}\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"authors\" className={style.wrapper}>\n        <div className={style.authorsWrapper}>\n          <div data-name=\"header\" className={style.header}>\n            <div data-name=\"image\" className={style.imgWrapper}>\n              <img src={image} />\n            </div>\n            <div className={style.descWrapper}>\n              <div data-name=\"title\" className={style.title}>\n                {title}\n              </div>\n              <div className={style.linksWrapper}>\n                <span>{website}</span>\n                <Link\n                  data-name=\"linkSite\"\n                  className={style.linksite}\n                  style={{\n                    color: defaultColor\n                  }}\n                  href={urlwebsite}\n                  target={'_blank'}\n                >\n                  {urlcontent}\n                </Link>\n                {authorSocial}\n              </div>\n              <div data-name=\"description\" className={fullDisplay ? style.desc : style.shortDesc}>\n                <div\n                  className={innerHTML}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: description}}\n                />\n              </div>\n              <div data-name=\"more\" className={style.toggle} onClick={this.handleToggleDisplay}>\n                {toggleLabel}\n              </div>\n            </div>\n          </div>\n          <div className={style.cardsTitle}>{cardsTitle}</div>\n          <CardsGrid {...cards} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Authors;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/common/authors/index.js"],"names":["Authors","React","Component","constructor","props","context","state","fullDisplay","handleToggleDisplay","bind","setState","prevState","render","image","title","description","cards","cardsTitle","socialTitle","sociallinks","website","urlwebsite","urlcontent","translate","skin","defaultColor","toggleLabel","socialView","convert","cap","sociallink","i","style","link","authorSocial","length","links","wrapper","authorsWrapper","header","imgWrapper","descWrapper","linksWrapper","linksite","color","desc","shortDesc","innerHTML","__html","toggle","Provider","childContextTypes","propTypes","PropTypes","shape","CardsGrid","string","arrayOf","type"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, map} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport CardsGrid from '../../../organism/cards-grid';\nimport SocialLink from '../../../atom/social-link';\nimport Link from '../../../atom/link';\nimport style from './style.css';\n\nclass Authors extends React.Component {\n  static propTypes = {\n    cards: PropTypes.shape(CardsGrid.propTypes),\n    cardsTitle: PropTypes.string,\n    image: PropTypes.string,\n    title: PropTypes.string,\n    website: PropTypes.string,\n    urlcontent: PropTypes.string,\n    urlwebsite: PropTypes.string,\n    description: PropTypes.string,\n    socialTitle: PropTypes.string,\n    sociallinks: PropTypes.arrayOf(\n      PropTypes.shape({\n        type: PropTypes.string,\n        link: PropTypes.string\n      })\n    )\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate,\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      fullDisplay: false\n    };\n    this.handleToggleDisplay = this.handleToggleDisplay.bind(this);\n  }\n\n  handleToggleDisplay() {\n    this.setState(prevState => ({\n      fullDisplay: !prevState.fullDisplay\n    }));\n  }\n\n  render() {\n    const {\n      image,\n      title,\n      description,\n      cards,\n      cardsTitle,\n      socialTitle,\n      sociallinks,\n      website,\n      urlwebsite,\n      urlcontent\n    } = this.props;\n    const {fullDisplay} = this.state;\n\n    const {translate, skin} = this.context;\n    const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n    const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');\n\n    const socialView = map.convert({cap: false})(\n      (sociallink, i) => (\n        <div key={i} data-name=\"link\" className={style.link}>\n          <SocialLink {...sociallink} />\n        </div>\n      ),\n      sociallinks\n    );\n\n    const authorSocial =\n      socialView.length > 0 ? (\n        <div className={style.links}>\n          <span>{socialTitle}</span>\n          {socialView}\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"authors\" className={style.wrapper}>\n        <div className={style.authorsWrapper}>\n          <div data-name=\"header\" className={style.header}>\n            <div data-name=\"image\" className={style.imgWrapper}>\n              <img src={image} />\n            </div>\n            <div className={style.descWrapper}>\n              <div data-name=\"title\" className={style.title}>\n                {title}\n              </div>\n              <div className={style.linksWrapper}>\n                <span>{website}</span>\n                <Link\n                  data-name=\"linkSite\"\n                  className={style.linksite}\n                  style={{\n                    color: defaultColor\n                  }}\n                  href={urlwebsite}\n                  target={'_blank'}\n                >\n                  {urlcontent}\n                </Link>\n                {authorSocial}\n              </div>\n              <div data-name=\"description\" className={fullDisplay ? style.desc : style.shortDesc}>\n                <div\n                  className={style.innerHTML}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: description}}\n                />\n              </div>\n              <div data-name=\"more\" className={style.toggle} onClick={this.handleToggleDisplay}>\n                {toggleLabel}\n              </div>\n            </div>\n          </div>\n          <div className={style.cardsTitle}>{cardsTitle}</div>\n          <CardsGrid {...cards} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Authors;\n"],"file":"index.js"}

package/lib/template/common/authors/style.css

@@ -137,6 +137,10 @@
   display: none;
 }
 
+.innerHTML {
+  composes: innerHTML from '../../../atom/label/style.css';
+}
+
 @media desktop {
   .wrapper {
     max-width: 1080px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.22.6",
+  "version": "10.22.9",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -138,5 +138,5 @@
     "webpack": "^4.43.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "7ed739615f01990def6f580f218801b59ab4e00b"
+  "gitHead": "0f66b53a129b22c69cb3db1f3ae3993903cd8df3"
 }

package/es/atom/image-backgound/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/atom/image-backgound/index.native.tsx"],"names":["React","ImageBackground","ImageBackgroundBase","StyleSheet","getCleanUri","getResizedImage","Gradient","styles","create","image","width","height","gradient","flex","source","gradientStyle","style","testID","props","uri","_width","_height","resizeMode","flatten","maxHeight","undefined","maxWidth","resizedSource","children","remainingProps","_style","push"],"mappings":";;;;AAAA,OAAOA,KAAP,MAA+B,OAA/B;AACA,SACEC,eAAe,IAAIC,mBADrB,EAEEC,UAFF,QAKO,cALP;AAOA,OAAOC,WAAP,MAAwB,0BAAxB;AAEA,OAAOC,eAAP,MAA4B,8BAA5B;AACA,OAAOC,QAAP,MAAqB,0BAArB;AAEA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAX,CAAkB;AAC/BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,MADF;AAELC,IAAAA,MAAM,EAAE;AAFH,GADwB;AAK/BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAE;AADE;AALqB,CAAlB,CAAf;;AAmBA,MAAMZ,eAAe,GAAG,UAOX;AAAA,MAPY;AACvBa,IAAAA,MADuB;AAEvBF,IAAAA,QAFuB;AAGvBG,IAAAA,aAHuB;AAIvBC,IAAAA,KAJuB;AAKvBC,IAAAA,MAAM,GAAG;AALc,GAOZ;AAAA,MADRC,KACQ;;AACX;AACA,MAAIC,GAAuB,GAAGL,MAAM,IAAIA,MAAM,CAACK,GAA/C;;AAEA,MAAIA,GAAJ,EAAS;AACP,UAAM;AAACT,MAAAA,KAAK,EAAEU,MAAR;AAAgBT,MAAAA,MAAM,EAAEU,OAAxB;AAAiCC,MAAAA;AAAjC,QAA+CJ,KAArD;AACA,UAAM;AAACR,MAAAA,KAAD;AAAQC,MAAAA;AAAR,QAAkBR,UAAU,CAACoB,OAAX,CAAmB,CAAC;AAACb,MAAAA,KAAK,EAAEU,MAAR;AAAgBT,MAAAA,MAAM,EAAEU;AAAxB,KAAD,EAAmCL,KAAnC,CAAnB,CAAxB;AACA,UAAMQ,SAA6B,GAAG,OAAOb,MAAP,KAAkB,QAAlB,GAA6BA,MAA7B,GAAsCc,SAA5E;AACA,UAAMC,QAA4B,GAAG,OAAOhB,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCe,SAAzE;AAEAN,IAAAA,GAAG,GAAGd,eAAe,CAACD,WAAW,CAACe,GAAD,CAAZ,EAAmB;AACtCK,MAAAA,SADsC;AAEtCE,MAAAA,QAFsC;AAGtCJ,MAAAA;AAHsC,KAAnB,CAArB;AAKD;;AAED,QAAMK,aAAa,GAAIR,GAAG,IAAI;AAACA,IAAAA;AAAD,GAAR,IAAkBL,MAAxC;;AAEA,MAAIF,QAAJ,EAAc;AACZ,UAAM;AAACgB,MAAAA;AAAD,QAAgCV,KAAtC;AAAA,UAAoBW,cAApB,iCAAsCX,KAAtC;;AACA,UAAMY,MAAmB,GAAG,CAACvB,MAAM,CAACK,QAAR,CAA5B;;AAEA,QAAIG,aAAJ,EAAmB;AACjBe,MAAAA,MAAM,CAACC,IAAP,CAAYhB,aAAZ;AACD;;AAED,wBACE,oBAAC,mBAAD,eACMc,cADN;AAEE,MAAA,MAAM,EAAEF,aAFV;AAGE,MAAA,KAAK,EAAE,CAACpB,MAAM,CAACE,KAAR,EAAeO,KAAf,CAHT;AAIE,MAAA,MAAM,EAAEC;AAJV,qBAME,oBAAC,QAAD;AAAU,MAAA,MAAM,EAAG,GAAEA,MAAO,WAA5B;AAAwC,MAAA,MAAM,EAAEL,QAAhD;AAA0D,MAAA,KAAK,EAAEkB;AAAjE,OACGF,QADH,CANF,CADF;AAYD;;AAED,sBACE,oBAAC,mBAAD,eACMV,KADN;AAEE,IAAA,MAAM,EAAES,aAFV;AAGE,IAAA,KAAK,EAAE,CAACpB,MAAM,CAACE,KAAR,EAAeO,KAAf,CAHT;AAIE,IAAA,MAAM,EAAEC;AAJV,KADF;AAQD,CAxDD;;AA0DA,eAAehB,eAAf","sourcesContent":["import React, {ReactNode} from 'react';\nimport {\n  ImageBackground as ImageBackgroundBase,\n  StyleSheet,\n  ViewStyle,\n  ImageStyle\n} from 'react-native';\n\nimport getCleanUri from '../../util/get-clean-uri';\n\nimport getResizedImage from '../../util/get-resized-image';\nimport Gradient from '../gradient/index.native';\n\nconst styles = StyleSheet.create({\n  image: {\n    width: '100%',\n    height: '100%'\n  },\n  gradient: {\n    flex: 1\n  }\n});\n\nexport type Props = ImageStyle & {\n  children?: ReactNode;\n  gradient?: Array<string>;\n  gradientStyle?: ViewStyle;\n  testID?: string;\n  source: {uri: string | undefined};\n  style?: ViewStyle;\n};\n\nconst ImageBackground = ({\n  source,\n  gradient,\n  gradientStyle,\n  style,\n  testID = 'image-background',\n  ...props\n}: Props) => {\n  // @ts-ignore this statement is enough but type is too weak\n  let uri: string | undefined = source && source.uri;\n\n  if (uri) {\n    const {width: _width, height: _height, resizeMode} = props;\n    const {width, height} = StyleSheet.flatten([{width: _width, height: _height}, style]);\n    const maxHeight: number | undefined = typeof height === 'number' ? height : undefined;\n    const maxWidth: number | undefined = typeof width === 'number' ? width : undefined;\n\n    uri = getResizedImage(getCleanUri(uri), {\n      maxHeight,\n      maxWidth,\n      resizeMode\n    });\n  }\n\n  const resizedSource = (uri && {uri}) || source;\n\n  if (gradient) {\n    const {children, ...remainingProps} = props;\n    const _style: ViewStyle[] = [styles.gradient];\n\n    if (gradientStyle) {\n      _style.push(gradientStyle);\n    }\n\n    return (\n      <ImageBackgroundBase\n        {...remainingProps}\n        source={resizedSource}\n        style={[styles.image, style]}\n        testID={testID}\n      >\n        <Gradient testID={`${testID}-gradient`} colors={gradient} style={_style}>\n          {children}\n        </Gradient>\n      </ImageBackgroundBase>\n    );\n  }\n\n  return (\n    <ImageBackgroundBase\n      {...props}\n      source={resizedSource}\n      style={[styles.image, style]}\n      testID={testID}\n    />\n  );\n};\n\nexport default ImageBackground;\n"],"file":"index.native.js"}