@coorpacademy/components 10.22.7 → 10.22.10

package/es/template/app-player/popin-header/style.css

@@ -379,6 +379,10 @@
   font-weight: 700;
 }
 
+.innerHTML {
+  composes: innerHTML from '../../../atom/label/style.css';
+}
+
 /*
  * remainingLifeRequests Part
  */

package/es/template/app-review/index.js

@@ -6,8 +6,8 @@ import React from 'react';
 import Loader from '../../atom/loader';
 import Onboarding from './onboarding';
 import Skills from './skills';
-import Slides from './slides';
-import propTypes, { ViewNames } from './prop-types'; // -----------------------------------------------------------------------------
+import Player from './player';
+import propTypes, { ViewNames } from './prop-types';
 
 const AppReview = (_ref) => {
   let {
@@ -16,24 +16,23 @@ const AppReview = (_ref) => {
     skills,
     slides
   } = _ref,
-      dispachers = _objectWithoutPropertiesLoose(_ref, ["viewName", "onboarding", "skills", "slides"]);
+      dispatchers = _objectWithoutPropertiesLoose(_ref, ["viewName", "onboarding", "skills", "slides"]);
 
   switch (viewName) {
     case ViewNames.skills:
-      return /*#__PURE__*/React.createElement(Skills, _extends({}, skills, dispachers));
+      return /*#__PURE__*/React.createElement(Skills, _extends({}, skills, dispatchers));
 
     case ViewNames.onboarding:
-      return /*#__PURE__*/React.createElement(Onboarding, _extends({}, onboarding, dispachers));
+      return /*#__PURE__*/React.createElement(Onboarding, _extends({}, onboarding, dispatchers));
 
     case ViewNames.slides:
-      return /*#__PURE__*/React.createElement(Slides, _extends({}, slides, dispachers));
+      return /*#__PURE__*/React.createElement(Player, _extends({}, slides, dispatchers));
 
     default:
       return /*#__PURE__*/React.createElement(Loader, null);
   }
 };
 
-AppReview.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {}; // -----------------------------------------------------------------------------
-
+AppReview.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default AppReview;
 //# sourceMappingURL=index.js.map

package/es/template/app-review/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/app-review/index.js"],"names":["React","Loader","Onboarding","Skills","Slides","propTypes","ViewNames","AppReview","viewName","onboarding","skills","slides","dispachers"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,SAAP,IAAmBC,SAAnB,QAAmC,cAAnC,C,CAEA;;AAEA,MAAMC,SAAS,GAAG,UAA2D;AAAA,MAA1D;AAACC,IAAAA,QAAD;AAAWC,IAAAA,UAAX;AAAuBC,IAAAA,MAAvB;AAA+BC,IAAAA;AAA/B,GAA0D;AAAA,MAAhBC,UAAgB;;AAC3E,UAAQJ,QAAR;AACE,SAAKF,SAAS,CAACI,MAAf;AACE,0BAAO,oBAAC,MAAD,eAAYA,MAAZ,EAAwBE,UAAxB,EAAP;;AACF,SAAKN,SAAS,CAACG,UAAf;AACE,0BAAO,oBAAC,UAAD,eAAgBA,UAAhB,EAAgCG,UAAhC,EAAP;;AACF,SAAKN,SAAS,CAACK,MAAf;AACE,0BAAO,oBAAC,MAAD,eAAYA,MAAZ,EAAwBC,UAAxB,EAAP;;AACF;AACE,0BAAO,oBAAC,MAAD,OAAP;AARJ;AAUD,CAXD;;AAaAL,SAAS,CAACF,SAAV,2CAAsBA,SAAtB,M,CAEA;;AAEA,eAAeE,SAAf","sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Slides from './slides';\nimport propTypes, {ViewNames} from './prop-types';\n\n// -----------------------------------------------------------------------------\n\nconst AppReview = ({viewName, onboarding, skills, slides, ...dispachers}) => {\n  switch (viewName) {\n    case ViewNames.skills:\n      return <Skills {...skills} {...dispachers} />;\n    case ViewNames.onboarding:\n      return <Onboarding {...onboarding} {...dispachers} />;\n    case ViewNames.slides:\n      return <Slides {...slides} {...dispachers} />;\n    default:\n      return <Loader />;\n  }\n};\n\nAppReview.propTypes = propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default AppReview;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/template/app-review/index.js"],"names":["React","Loader","Onboarding","Skills","Player","propTypes","ViewNames","AppReview","viewName","onboarding","skills","slides","dispatchers"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,SAAP,IAAmBC,SAAnB,QAAmC,cAAnC;;AAEA,MAAMC,SAAS,GAAG,UAA4D;AAAA,MAA3D;AAACC,IAAAA,QAAD;AAAWC,IAAAA,UAAX;AAAuBC,IAAAA,MAAvB;AAA+BC,IAAAA;AAA/B,GAA2D;AAAA,MAAjBC,WAAiB;;AAC5E,UAAQJ,QAAR;AACE,SAAKF,SAAS,CAACI,MAAf;AACE,0BAAO,oBAAC,MAAD,eAAYA,MAAZ,EAAwBE,WAAxB,EAAP;;AACF,SAAKN,SAAS,CAACG,UAAf;AACE,0BAAO,oBAAC,UAAD,eAAgBA,UAAhB,EAAgCG,WAAhC,EAAP;;AACF,SAAKN,SAAS,CAACK,MAAf;AACE,0BAAO,oBAAC,MAAD,eAAYA,MAAZ,EAAwBC,WAAxB,EAAP;;AACF;AACE,0BAAO,oBAAC,MAAD,OAAP;AARJ;AAUD,CAXD;;AAaAL,SAAS,CAACF,SAAV,2CAAsBA,SAAtB;AAEA,eAAeE,SAAf","sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Player from './player';\nimport propTypes, {ViewNames} from './prop-types';\n\nconst AppReview = ({viewName, onboarding, skills, slides, ...dispatchers}) => {\n  switch (viewName) {\n    case ViewNames.skills:\n      return <Skills {...skills} {...dispatchers} />;\n    case ViewNames.onboarding:\n      return <Onboarding {...onboarding} {...dispatchers} />;\n    case ViewNames.slides:\n      return <Player {...slides} {...dispatchers} />;\n    default:\n      return <Loader />;\n  }\n};\n\nAppReview.propTypes = propTypes;\n\nexport default AppReview;\n"],"file":"index.js"}

package/es/template/app-review/index.native.js

@@ -5,15 +5,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useEffect } from 'react';
 import { Text, StyleSheet, View, BackHandler } from 'react-native';
 import propTypes, { ViewNames } from './prop-types';
-import Slides from './slides'; // -----------------------------------------------------------------------------
-
+import Player from './player';
 const styles = StyleSheet.create({
   rootView: {
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center'
   }
-}); // -----------------------------------------------------------------------------
+});
 
 const Switch = (_ref) => {
   let {
@@ -30,13 +29,12 @@ const Switch = (_ref) => {
       return /*#__PURE__*/React.createElement(Text, null, "view onboarding");
 
     case ViewNames.slides:
-      return /*#__PURE__*/React.createElement(Slides, _extends({}, slides, dispachers));
+      return /*#__PURE__*/React.createElement(Player, _extends({}, slides, dispachers));
 
     default:
       return /*#__PURE__*/React.createElement(Text, null, "view (none selected)");
   }
-}; // -----------------------------------------------------------------------------
-
+};
 
 const AppReview = props => {
   const {
@@ -55,11 +53,9 @@ const AppReview = props => {
   return /*#__PURE__*/React.createElement(View, {
     style: styles.rootView
   }, /*#__PURE__*/React.createElement(Switch, props));
-}; // -----------------------------------------------------------------------------
-
+};
 
 AppReview.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
-Switch.propTypes = process.env.NODE_ENV !== "production" ? AppReview.propTypes : {}; // -----------------------------------------------------------------------------
-
+Switch.propTypes = process.env.NODE_ENV !== "production" ? AppReview.propTypes : {};
 export default AppReview;
 //# sourceMappingURL=index.native.js.map

package/es/template/app-review/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/app-review/index.native.js"],"names":["React","useEffect","Text","StyleSheet","View","BackHandler","propTypes","ViewNames","Slides","styles","create","rootView","flex","alignItems","justifyContent","Switch","viewName","slides","dispachers","home","onboarding","AppReview","props","navigateBack","backAction","backHandler","addEventListener","remove"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,SAAf,QAA+B,OAA/B;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,EAAgCC,WAAhC,QAAkD,cAAlD;AACA,OAAOC,SAAP,IAAmBC,SAAnB,QAAmC,cAAnC;AACA,OAAOC,MAAP,MAAmB,UAAnB,C,CAEA;;AAEA,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAX,CAAkB;AAC/BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAE,CADE;AAERC,IAAAA,UAAU,EAAE,QAFJ;AAGRC,IAAAA,cAAc,EAAE;AAHR;AADqB,CAAlB,CAAf,C,CAQA;;AAEA,MAAMC,MAAM,GAAG,UAA2D;AAAA,MAA1D;AAACC,IAAAA,QAAD;AAA+BC,IAAAA;AAA/B,GAA0D;AAAA,MAAhBC,UAAgB;;AACxE,UAAQF,QAAR;AACE,SAAKT,SAAS,CAACY,IAAf;AACE,0BAAO,oBAAC,IAAD,oBAAP;;AACF,SAAKZ,SAAS,CAACa,UAAf;AACE,0BAAO,oBAAC,IAAD,0BAAP;;AACF,SAAKb,SAAS,CAACU,MAAf;AACE,0BAAO,oBAAC,MAAD,eAAYA,MAAZ,EAAwBC,UAAxB,EAAP;;AACF;AACE,0BAAO,oBAAC,IAAD,+BAAP;AARJ;AAUD,CAXD,C,CAaA;;;AAEA,MAAMG,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA;AAAD,MAAiBD,KAAvB;AAEArB,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMuB,UAAU,GAAG,MAAM;AACvBD,MAAAA,YAAY;AACZ,aAAO,IAAP;AACD,KAHD,CADc,CAMd;;;AACA,UAAME,WAAW,GAAGpB,WAAW,CAACqB,gBAAZ,CAA6B,mBAA7B,EAAkDF,UAAlD,CAApB;AAEA,WAAO,MAAMC,WAAW,CAACE,MAAZ,EAAb;AACD,GAVQ,EAUN,CAACJ,YAAD,CAVM,CAAT;AAYA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEd,MAAM,CAACE;AAApB,kBACE,oBAAC,MAAD,EAAYW,KAAZ,CADF,CADF;AAKD,CApBD,C,CAsBA;;;AAEAD,SAAS,CAACf,SAAV,2CAAsBA,SAAtB;AACAS,MAAM,CAACT,SAAP,2CAAmBe,SAAS,CAACf,SAA7B,M,CAEA;;AAEA,eAAee,SAAf","sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, View, BackHandler} from 'react-native';\nimport propTypes, {ViewNames} from './prop-types';\nimport Slides from './slides';\n\n// -----------------------------------------------------------------------------\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\n// -----------------------------------------------------------------------------\n\nconst Switch = ({viewName, onboarding, skills, slides, ...dispachers}) => {\n  switch (viewName) {\n    case ViewNames.home:\n      return <Text>view home</Text>;\n    case ViewNames.onboarding:\n      return <Text>view onboarding</Text>;\n    case ViewNames.slides:\n      return <Slides {...slides} {...dispachers} />;\n    default:\n      return <Text>view (none selected)</Text>;\n  }\n};\n\n// -----------------------------------------------------------------------------\n\nconst AppReview = props => {\n  const {navigateBack} = props;\n\n  useEffect(() => {\n    const backAction = () => {\n      navigateBack();\n      return true;\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  return (\n    <View style={styles.rootView}>\n      <Switch {...props} />\n    </View>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nAppReview.propTypes = propTypes;\nSwitch.propTypes = AppReview.propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default AppReview;\n"],"file":"index.native.js"}
+{"version":3,"sources":["../../../src/template/app-review/index.native.js"],"names":["React","useEffect","Text","StyleSheet","View","BackHandler","propTypes","ViewNames","Player","styles","create","rootView","flex","alignItems","justifyContent","Switch","viewName","slides","dispachers","home","onboarding","AppReview","props","navigateBack","backAction","backHandler","addEventListener","remove"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,SAAf,QAA+B,OAA/B;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,EAAgCC,WAAhC,QAAkD,cAAlD;AACA,OAAOC,SAAP,IAAmBC,SAAnB,QAAmC,cAAnC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAX,CAAkB;AAC/BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAE,CADE;AAERC,IAAAA,UAAU,EAAE,QAFJ;AAGRC,IAAAA,cAAc,EAAE;AAHR;AADqB,CAAlB,CAAf;;AAQA,MAAMC,MAAM,GAAG,UAA2D;AAAA,MAA1D;AAACC,IAAAA,QAAD;AAA+BC,IAAAA;AAA/B,GAA0D;AAAA,MAAhBC,UAAgB;;AACxE,UAAQF,QAAR;AACE,SAAKT,SAAS,CAACY,IAAf;AACE,0BAAO,oBAAC,IAAD,oBAAP;;AACF,SAAKZ,SAAS,CAACa,UAAf;AACE,0BAAO,oBAAC,IAAD,0BAAP;;AACF,SAAKb,SAAS,CAACU,MAAf;AACE,0BAAO,oBAAC,MAAD,eAAYA,MAAZ,EAAwBC,UAAxB,EAAP;;AACF;AACE,0BAAO,oBAAC,IAAD,+BAAP;AARJ;AAUD,CAXD;;AAaA,MAAMG,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA;AAAD,MAAiBD,KAAvB;AAEArB,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMuB,UAAU,GAAG,MAAM;AACvBD,MAAAA,YAAY;AACZ,aAAO,IAAP;AACD,KAHD,CADc,CAMd;;;AACA,UAAME,WAAW,GAAGpB,WAAW,CAACqB,gBAAZ,CAA6B,mBAA7B,EAAkDF,UAAlD,CAApB;AAEA,WAAO,MAAMC,WAAW,CAACE,MAAZ,EAAb;AACD,GAVQ,EAUN,CAACJ,YAAD,CAVM,CAAT;AAYA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEd,MAAM,CAACE;AAApB,kBACE,oBAAC,MAAD,EAAYW,KAAZ,CADF,CADF;AAKD,CApBD;;AAsBAD,SAAS,CAACf,SAAV,2CAAsBA,SAAtB;AACAS,MAAM,CAACT,SAAP,2CAAmBe,SAAS,CAACf,SAA7B;AAEA,eAAee,SAAf","sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, View, BackHandler} from 'react-native';\nimport propTypes, {ViewNames} from './prop-types';\nimport Player from './player';\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\nconst Switch = ({viewName, onboarding, skills, slides, ...dispachers}) => {\n  switch (viewName) {\n    case ViewNames.home:\n      return <Text>view home</Text>;\n    case ViewNames.onboarding:\n      return <Text>view onboarding</Text>;\n    case ViewNames.slides:\n      return <Player {...slides} {...dispachers} />;\n    default:\n      return <Text>view (none selected)</Text>;\n  }\n};\n\nconst AppReview = props => {\n  const {navigateBack} = props;\n\n  useEffect(() => {\n    const backAction = () => {\n      navigateBack();\n      return true;\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  return (\n    <View style={styles.rootView}>\n      <Switch {...props} />\n    </View>\n  );\n};\n\nAppReview.propTypes = propTypes;\nSwitch.propTypes = AppReview.propTypes;\n\nexport default AppReview;\n"],"file":"index.native.js"}

package/es/template/app-review/player/index.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import isNil from 'lodash/fp/isNil';
+import ReviewBackground from '../../../atom/review-background';
+import ReviewCongrats from '../../../organism/review-congrats';
+import ReviewHeader from '../../../organism/review-header';
+import StackedSlides from '../../../organism/review-stacked-slides';
+import style from './style.css';
+import { PlayerReviewPropTypes } from './prop-types';
+
+const PlayerReview = ({
+  header,
+  stack,
+  reviewBackgroundAriaLabel,
+  congratsProps
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    key: "review-player-container",
+    "data-name": "review-player-container",
+    className: style.playerReviewContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    key: "player-background-container",
+    className: style.playerBackground
+  }, /*#__PURE__*/React.createElement(ReviewBackground, {
+    "aria-label": reviewBackgroundAriaLabel
+  })), /*#__PURE__*/React.createElement("div", {
+    key: "review-header-wrapper",
+    className: style.reviewHeaderContainer
+  }, /*#__PURE__*/React.createElement(ReviewHeader, header)), /*#__PURE__*/React.createElement(StackedSlides, stack), isNil(congratsProps) ? null : /*#__PURE__*/React.createElement("div", {
+    className: style.congrats,
+    "data-name": "congrats-container"
+  }, /*#__PURE__*/React.createElement(ReviewCongrats, congratsProps)));
+};
+
+PlayerReview.propTypes = process.env.NODE_ENV !== "production" ? PlayerReviewPropTypes : {};
+export default PlayerReview;
+//# sourceMappingURL=index.js.map

package/es/template/app-review/player/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/player/index.js"],"names":["React","isNil","ReviewBackground","ReviewCongrats","ReviewHeader","StackedSlides","style","PlayerReviewPropTypes","PlayerReview","header","stack","reviewBackgroundAriaLabel","congratsProps","playerReviewContainer","playerBackground","reviewHeaderContainer","congrats","propTypes"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,gBAAP,MAA6B,iCAA7B;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,OAAOC,YAAP,MAAyB,iCAAzB;AACA,OAAOC,aAAP,MAA0B,yCAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAQC,qBAAR,QAAoC,cAApC;;AAEA,MAAMC,YAAY,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA,KAAT;AAAgBC,EAAAA,yBAAhB;AAA2CC,EAAAA;AAA3C,CAAD,KAA+D;AAClF,sBACE;AACE,IAAA,GAAG,EAAC,yBADN;AAEE,iBAAU,yBAFZ;AAGE,IAAA,SAAS,EAAEN,KAAK,CAACO;AAHnB,kBAKE;AAAK,IAAA,GAAG,EAAC,6BAAT;AAAuC,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAAxD,kBACE,oBAAC,gBAAD;AAAkB,kBAAYH;AAA9B,IADF,CALF,eASE;AAAK,IAAA,GAAG,EAAC,uBAAT;AAAiC,IAAA,SAAS,EAAEL,KAAK,CAACS;AAAlD,kBACE,oBAAC,YAAD,EAAkBN,MAAlB,CADF,CATF,eAaE,oBAAC,aAAD,EAAmBC,KAAnB,CAbF,EAeGT,KAAK,CAACW,aAAD,CAAL,GAAuB,IAAvB,gBACC;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACU,QAAtB;AAAgC,iBAAU;AAA1C,kBACE,oBAAC,cAAD,EAAoBJ,aAApB,CADF,CAhBJ,CADF;AAuBD,CAxBD;;AA0BAJ,YAAY,CAACS,SAAb,2CAAyBV,qBAAzB;AAEA,eAAeC,YAAf","sourcesContent":["import React from 'react';\nimport isNil from 'lodash/fp/isNil';\nimport ReviewBackground from '../../../atom/review-background';\nimport ReviewCongrats from '../../../organism/review-congrats';\nimport ReviewHeader from '../../../organism/review-header';\nimport StackedSlides from '../../../organism/review-stacked-slides';\nimport style from './style.css';\nimport {PlayerReviewPropTypes} from './prop-types';\n\nconst PlayerReview = ({header, stack, reviewBackgroundAriaLabel, congratsProps}) => {\n  return (\n    <div\n      key=\"review-player-container\"\n      data-name=\"review-player-container\"\n      className={style.playerReviewContainer}\n    >\n      <div key=\"player-background-container\" className={style.playerBackground}>\n        <ReviewBackground aria-label={reviewBackgroundAriaLabel} />\n      </div>\n\n      <div key=\"review-header-wrapper\" className={style.reviewHeaderContainer}>\n        <ReviewHeader {...header} />\n      </div>\n\n      <StackedSlides {...stack} />\n\n      {isNil(congratsProps) ? null : (\n        <div className={style.congrats} data-name=\"congrats-container\">\n          <ReviewCongrats {...congratsProps} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nPlayerReview.propTypes = PlayerReviewPropTypes;\n\nexport default PlayerReview;\n"],"file":"index.js"}

package/es/template/app-review/{slides → player}/index.native.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { View, StyleSheet, Text, useWindowDimensions, Button } from 'react-native';
 import FreeText from '../../../molecule/questions/free-text';
 import { useTemplateContext } from '../template-context';
-import { SlidesReviewPropTypes } from './prop-types'; // import theme from '../../../modules/theme';
+import { PlayerReviewPropTypes } from './prop-types'; // import theme from '../../../modules/theme';
 // import translations from '../../../translations';
 // import {BrandThemeContext} from '../../../app-shared/components/brand-theme-provider';
 // import Button from '../../../app-shared/components/button';
@@ -128,8 +128,7 @@ const choicesStyle = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center'
   }
-}); // -----------------------------------------------------------------------------
-
+});
 /* {choices.map(({text, selected = false}: _Choice_) => { */
 
 const Choices = ({
@@ -154,7 +153,7 @@ Choices.propTypes = process.env.NODE_ENV !== "production" ? {
     text: PropTypes.text,
     selected: PropTypes.bool
   })
-} : {}; // -----------------------------------------------------------------------------
+} : {};
 
 const Slide = props => {
   const {
@@ -224,16 +223,20 @@ const Slide = props => {
     onPress: validateSlide,
     testID: `button-quizzer-validate`
   }, validateLabel));
-}; // -----------------------------------------------------------------------------
-// const Slides = ({slide}: Props) => {
+}; // const Slides = ({slide}: Props) => {
 
 
-const Slides = ({
-  slides,
-  validateSlide
-}) => {
+const Slides = props => {
+  const {
+    stack
+  } = props;
+  const {
+    slides,
+    validateButton: validateSlide
+  } = stack;
+
   if (!slides) {
-    return null;
+    return /*#__PURE__*/React.createElement(View, null);
   }
 
   return /*#__PURE__*/React.createElement(View, {
@@ -246,7 +249,6 @@ const Slides = ({
   }));
 };
 
-Slides.propTypes = process.env.NODE_ENV !== "production" ? SlidesReviewPropTypes : {}; // -----------------------------------------------------------------------------
-
+Slides.propTypes = process.env.NODE_ENV !== "production" ? PlayerReviewPropTypes : {};
 export default Slides;
 //# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":["React","PropTypes","View","StyleSheet","Text","useWindowDimensions","Button","FreeText","useTemplateContext","PlayerReviewPropTypes","quizzerStyle","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","arrayOf","bool","Slide","props","validateSlide","slideStyle","validateLabel","templateContext","analytics","answerUI","isDisabled","value","model","type","onChange","Slides","stack","slides","validateButton"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,EAAgCC,mBAAhC,EAAqDC,MAArD,QAAkE,cAAlE;AAEA,OAAOC,QAAP,MAAqB,uCAArB;AACA,SAAQC,kBAAR,QAAiC,qBAAjC;AACA,SAAQC,qBAAR,QAAoC,cAApC,C,CAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;AAEA,MAAMC,YAAY,GAAGP,UAAU,CAACQ,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,MAAMZ,mBAAmB,GAAGa,MAAtB,GAA+B,IAA1D,C,CAEA;;;AACA,MAAMC,eAAe,GAAG,CAACC,GAAD,EAAMC,KAAN,EAAaH,MAAb,KACtBf,UAAU,CAACQ,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,SAAOtC,UAAU,CAACQ,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,GAAG3C,UAAU,CAACQ,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,oBAAC,IAAD;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,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEU,WAAW,CAACT,GAAzB;AAA8B,IAAA,GAAG,EAAG,UAASQ,KAAM;AAAnD,kBACE,oBAAC,IAAD;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,EAAE/C,SAAS,CAACoD,OAAV,CAAkB;AACzBR,IAAAA,IAAI,EAAE5C,SAAS,CAAC4C,IADS;AAEzBJ,IAAAA,QAAQ,EAAExC,SAAS,CAACqD;AAFK,GAAlB;AADS,CAApB;;AAOA,MAAMC,KAAK,GAAGC,KAAK,IAAI;AACrB,QAAM;AAACC,IAAAA,aAAD;AAAgBnC,IAAAA,KAAhB;AAAuBF,IAAAA;AAAvB,MAA8BoC,KAApC;AACA,QAAM;AAACnC,IAAAA,KAAD;AAAQH,IAAAA;AAAR,MAAkBb,mBAAmB,EAA3C;AAEA,QAAMqD,UAAU,GAAGvC,eAAe,CAACC,GAAD,EAAMC,KAAN,EAAaH,MAAb,CAAlC;AACA,QAAMyC,aAAa,GAAG,YAAtB,CALqB,CAKe;;AAEpC,QAAMC,eAAe,GAAGpD,kBAAkB,EAA1C;AACA,QAAM;AAACqD,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,MAMF7C,KANJ;;AAQA,UAAQ4C,IAAR;AACE,SAAK,UAAL;AAAiB;AACf,4BACE,oBAAC,IAAD;AAAM,UAAA,KAAK,EAAER,UAAU,CAACpC;AAAxB,wBACE,oBAAC,QAAD;AACE,UAAA,UAAU,EAAEyC,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,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEH,UAAU,CAACpC;AAAxB,kBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEoC,UAAU,CAAC1B;AAAxB,KAAmCZ,GAAnC,CADF,eAEE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEsC,UAAU,CAACtB;AAAxB,KAAmCd,KAAK,CAACc,QAAzC,CAFF,eAGE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEsB,UAAU,CAACpB;AAAxB,KAAsChB,KAAK,CAACgB,WAA5C,CAHF,eAKE,oBAAC,OAAD;AAAS,IAAA,OAAO,EAAEhB,KAAK,CAAC0B;AAAxB,IALF,eAOE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAEU,UAAU,CAACnB,MAA1B;AAAkC,IAAA,OAAO,EAAEkB,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,oBAAC,IAAD,OAAP;AACD;;AAED,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE5D,YAAY,CAACE;AAA1B,kBACE,oBAAC,KAAD;AAAO,IAAA,aAAa,EAAE6C,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,CAAChB,SAAP,2CAAmB3C,qBAAnB;AAEA,eAAe2D,MAAf","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/es/template/app-review/player/prop-types.js

@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+import ReviewCongratsPropTypes from '../../../organism/review-congrats/prop-types';
+import ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';
+import ReviewHeaderPropTypes from '../../../organism/review-header/prop-types';
+import StackedSlidesPropTypes from '../../../organism/review-stacked-slides/prop-types';
+export const PlayerReviewPropTypes = {
+  header: PropTypes.shape(ReviewHeaderPropTypes),
+  stack: PropTypes.shape(StackedSlidesPropTypes),
+  reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],
+  congratsProps: PropTypes.shape(ReviewCongratsPropTypes)
+};
+//# sourceMappingURL=prop-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/player/prop-types.js"],"names":["PropTypes","ReviewCongratsPropTypes","ReviewBackgroundPropTypes","ReviewHeaderPropTypes","StackedSlidesPropTypes","PlayerReviewPropTypes","header","shape","stack","reviewBackgroundAriaLabel","congratsProps"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,uBAAP,MAAoC,8CAApC;AACA,OAAOC,yBAAP,MAAsC,4CAAtC;AACA,OAAOC,qBAAP,MAAkC,4CAAlC;AACA,OAAOC,sBAAP,MAAmC,oDAAnC;AAEA,OAAO,MAAMC,qBAAqB,GAAG;AACnCC,EAAAA,MAAM,EAAEN,SAAS,CAACO,KAAV,CAAgBJ,qBAAhB,CAD2B;AAEnCK,EAAAA,KAAK,EAAER,SAAS,CAACO,KAAV,CAAgBH,sBAAhB,CAF4B;AAGnCK,EAAAA,yBAAyB,EAAEP,yBAAyB,CAAC,YAAD,CAHjB;AAInCQ,EAAAA,aAAa,EAAEV,SAAS,CAACO,KAAV,CAAgBN,uBAAhB;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/es/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/es/template/app-review/prop-types.js

@@ -4,17 +4,17 @@ import PropTypes from 'prop-types';
 import keys from 'lodash/fp/keys';
 import Onboarding from './onboarding';
 import Skills from './skills';
-import Slides from './slides';
+import Player from './player';
 export const ViewNames = {
   skills: 'skills',
   onboarding: 'onboarding',
   slides: 'slides',
-  default: 'loader'
+  loader: 'loader'
 };
 export default {
   viewName: PropTypes.oneOf(keys(ViewNames)),
   onboarding: PropTypes.shape(_extends({}, Onboarding.propTypes)),
   skills: PropTypes.shape(_extends({}, Skills.propTypes)),
-  slides: PropTypes.shape(_extends({}, Slides.propTypes))
+  slides: PropTypes.shape(_extends({}, Player.propTypes))
 };
 //# sourceMappingURL=prop-types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/app-review/prop-types.js"],"names":["PropTypes","keys","Onboarding","Skills","Slides","ViewNames","skills","onboarding","slides","default","viewName","oneOf","shape","propTypes"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,MAAM,EAAE,QADe;AAEvBC,EAAAA,UAAU,EAAE,YAFW;AAGvBC,EAAAA,MAAM,EAAE,QAHe;AAIvBC,EAAAA,OAAO,EAAE;AAJc,CAAlB;AAOP,eAAe;AACbC,EAAAA,QAAQ,EAAEV,SAAS,CAACW,KAAV,CAAgBV,IAAI,CAACI,SAAD,CAApB,CADG;AAEbE,EAAAA,UAAU,EAAEP,SAAS,CAACY,KAAV,cAAoBV,UAAU,CAACW,SAA/B,EAFC;AAGbP,EAAAA,MAAM,EAAEN,SAAS,CAACY,KAAV,cAAoBT,MAAM,CAACU,SAA3B,EAHK;AAIbL,EAAAA,MAAM,EAAER,SAAS,CAACY,KAAV,cAAoBR,MAAM,CAACS,SAA3B;AAJK,CAAf","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":["PropTypes","keys","Onboarding","Skills","Player","ViewNames","skills","onboarding","slides","loader","viewName","oneOf","shape","propTypes"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,MAAM,EAAE,QADe;AAEvBC,EAAAA,UAAU,EAAE,YAFW;AAGvBC,EAAAA,MAAM,EAAE,QAHe;AAIvBC,EAAAA,MAAM,EAAE;AAJe,CAAlB;AAOP,eAAe;AACbC,EAAAA,QAAQ,EAAEV,SAAS,CAACW,KAAV,CAAgBV,IAAI,CAACI,SAAD,CAApB,CADG;AAEbE,EAAAA,UAAU,EAAEP,SAAS,CAACY,KAAV,cAAoBV,UAAU,CAACW,SAA/B,EAFC;AAGbP,EAAAA,MAAM,EAAEN,SAAS,CAACY,KAAV,cAAoBT,MAAM,CAACU,SAA3B,EAHK;AAIbL,EAAAA,MAAM,EAAER,SAAS,CAACY,KAAV,cAAoBR,MAAM,CAACS,SAA3B;AAJK,CAAf","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/es/template/common/authors/index.js

@@ -9,7 +9,6 @@ import Provider from '../../../atom/provider';
 import CardsGrid from '../../../organism/cards-grid';
 import SocialLink from '../../../atom/social-link';
 import Link from '../../../atom/link';
-import { innerHTML } from '../../../atom/label/style.css';
 import style from './style.css';
 
 class Authors extends React.Component {
@@ -95,7 +94,7 @@ class Authors extends React.Component {
       "data-name": "description",
       className: fullDisplay ? style.desc : style.shortDesc
     }, /*#__PURE__*/React.createElement("div", {
-      className: innerHTML // eslint-disable-next-line react/no-danger
+      className: style.innerHTML // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: description

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/common/authors/index.js"],"names":["React","PropTypes","Provider","CardsGrid","SocialLink","Link","innerHTML","style","Authors","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","link","authorSocial","length","links","wrapper","authorsWrapper","header","imgWrapper","descWrapper","linksWrapper","linksite","color","desc","shortDesc","__html","toggle","childContextTypes","propTypes","shape","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":["React","PropTypes","Provider","CardsGrid","SocialLink","Link","style","Authors","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","link","authorSocial","length","links","wrapper","authorsWrapper","header","imgWrapper","descWrapper","linksWrapper","linksite","color","desc","shortDesc","innerHTML","__html","toggle","childContextTypes","propTypes","shape","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/es/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/lib/atom/choice/index.native.js

@@ -39,7 +39,6 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     minHeight: 80,
     backgroundColor: theme.colors.white,
     borderRadius: theme.radius.regular,
-    overflow: 'hidden',
     flexDirection: 'row',
     alignItems: 'stretch'
   },
@@ -69,7 +68,10 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
   },
   imageContainer: {
     height: '100%',
-    width: '25%'
+    width: '25%',
+    overflow: 'hidden',
+    borderTopLeftRadius: theme.radius.regular,
+    borderBottomLeftRadius: theme.radius.regular
   },
   image: {
     flex: 1
@@ -106,7 +108,8 @@ const Choice = ({
   const selectedStyle = brandTheme && {
     backgroundColor: brandTheme.colors.primary,
     borderColor: brandTheme.colors.primary,
-    borderRadius: theme.radius.common
+    borderTopRightRadius: theme.radius.regular,
+    borderBottomRightRadius: theme.radius.regular
   };
   const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';
   const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/choice/index.native.tsx"],"names":["createStyleSheet","theme","StyleSheet","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","container","minHeight","colors","white","borderRadius","radius","regular","overflow","flexDirection","alignItems","textContainer","paddingHorizontal","paddingVertical","justifyContent","flex","squeezedTextContainer","padding","spacing","small","paddingLeft","undefined","paddingRight","text","fontWeight","bold","color","black","textSelected","unselectedImageContainer","borderRightColor","border","imageContainer","image","Choice","children","isSelected","squeezed","isDisabled","onPress","media","testID","prefixTestID","style","questionType","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","selectedStyle","primary","borderColor","common","selectedSuffix","mediaType","type","toLowerCase","url","src","length","source","uri","mediaSuffix","htmlStyle","push","fontSize","medium"],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle} from 'react-native';\nimport type {Media, QuestionType} from '../../types/progression-engine';\n\nimport Html from '../html/index.native';\nimport ImageBackground from '../image-background/index.native';\nimport getCleanUri from '../../util/get-clean-uri';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  onPress: () => void;\n  children: string;\n  isDisabled?: boolean;\n  testID?: string;\n  media?: Media;\n  squeezed?: boolean;\n  style?: ViewStyle;\n  questionType: QuestionType;\n};\n\ntype StyleSheetType = {\n  boxShadow: any;\n  container: any;\n  text: any;\n  textSelected: any;\n  textContainer: any;\n  squeezedTextContainer: any;\n  unselectedImageContainer: any;\n  imageContainer: any;\n  image: any;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 16,\n      elevation: 8,\n      backgroundColor: '#0000'\n    },\n    container: {\n      minHeight: 80,\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      overflow: 'hidden',\n      flexDirection: 'row',\n      alignItems: 'stretch'\n    },\n    textContainer: {\n      paddingHorizontal: 24,\n      paddingVertical: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      flex: 1\n    },\n    squeezedTextContainer: {\n      padding: theme.spacing.small,\n      paddingLeft: undefined,\n      paddingVertical: undefined,\n      paddingRight: undefined,\n      flex: 0\n    },\n    text: {\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.black\n    },\n    textSelected: {\n      color: theme.colors.white\n    },\n    unselectedImageContainer: {\n      borderRightColor: theme.colors.border\n    },\n    imageContainer: {\n      height: '100%',\n      width: '25%'\n    },\n    image: {\n      flex: 1\n    }\n  });\n\nconst Choice = ({\n  children,\n  isSelected = false,\n  squeezed = false,\n  isDisabled,\n  onPress,\n  media,\n  testID: prefixTestID,\n  style,\n  questionType\n}: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedStyle = brandTheme && {\n    backgroundColor: brandTheme.colors.primary,\n    borderColor: brandTheme.colors.primary,\n    borderRadius: theme.radius.common\n  };\n\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n  const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();\n  const url =\n    media &&\n    media.type === 'img' &&\n    media.src &&\n    media.src.length > 0 &&\n    getCleanUri(media.src[0].url);\n\n  const source = {uri: url ? getCleanUri(url) : undefined};\n  const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';\n\n  const htmlStyle: ViewStyle[] = [styleSheet.text];\n\n  if (isSelected) {\n    htmlStyle.push(styleSheet.textSelected);\n  }\n\n  return (\n    <Touchable\n      onPress={!isDisabled ? onPress : undefined}\n      style={style}\n      analyticsID=\"question-choice\"\n      analyticsParams={{questionType}}\n    >\n      <View\n        style={[styleSheet.boxShadow, styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {url ? (\n          <View style={styleSheet.imageContainer}>\n            <ImageBackground\n              testID={prefixTestID && `${prefixTestID}${mediaSuffix}`}\n              source={source}\n              style={styleSheet.image}\n            />\n          </View>\n        ) : null}\n        <View\n          style={[\n            styleSheet.textContainer,\n            squeezed && styleSheet.squeezedTextContainer,\n            isSelected && selectedStyle\n          ]}\n        >\n          <Html\n            fontSize={squeezed ? theme.fontSize.medium : theme.fontSize.regular}\n            style={htmlStyle}\n          >\n            {children}\n          </Html>\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nexport default Choice;\n"],"file":"index.native.js"}
+{"version":3,"sources":["../../../src/atom/choice/index.native.tsx"],"names":["createStyleSheet","theme","StyleSheet","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","container","minHeight","colors","white","borderRadius","radius","regular","flexDirection","alignItems","textContainer","paddingHorizontal","paddingVertical","justifyContent","flex","squeezedTextContainer","padding","spacing","small","paddingLeft","undefined","paddingRight","text","fontWeight","bold","color","black","textSelected","unselectedImageContainer","borderRightColor","border","imageContainer","overflow","borderTopLeftRadius","borderBottomLeftRadius","image","Choice","children","isSelected","squeezed","isDisabled","onPress","media","testID","prefixTestID","style","questionType","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","selectedStyle","primary","borderColor","borderTopRightRadius","borderBottomRightRadius","selectedSuffix","mediaType","type","toLowerCase","url","src","length","source","uri","mediaSuffix","htmlStyle","push","fontSize","medium"],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle} from 'react-native';\nimport type {Media, QuestionType} from '../../types/progression-engine';\n\nimport Html from '../html/index.native';\nimport ImageBackground from '../image-background/index.native';\nimport getCleanUri from '../../util/get-clean-uri';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  onPress: () => void;\n  children: string;\n  isDisabled?: boolean;\n  testID?: string;\n  media?: Media;\n  squeezed?: boolean;\n  style?: ViewStyle;\n  questionType: QuestionType;\n};\n\ntype StyleSheetType = {\n  boxShadow: any;\n  container: any;\n  text: any;\n  textSelected: any;\n  textContainer: any;\n  squeezedTextContainer: any;\n  unselectedImageContainer: any;\n  imageContainer: any;\n  image: any;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 16,\n      elevation: 8,\n      backgroundColor: '#0000'\n    },\n    container: {\n      minHeight: 80,\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      flexDirection: 'row',\n      alignItems: 'stretch'\n    },\n    textContainer: {\n      paddingHorizontal: 24,\n      paddingVertical: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      flex: 1\n    },\n    squeezedTextContainer: {\n      padding: theme.spacing.small,\n      paddingLeft: undefined,\n      paddingVertical: undefined,\n      paddingRight: undefined,\n      flex: 0\n    },\n    text: {\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.black\n    },\n    textSelected: {\n      color: theme.colors.white\n    },\n    unselectedImageContainer: {\n      borderRightColor: theme.colors.border\n    },\n    imageContainer: {\n      height: '100%',\n      width: '25%',\n      overflow: 'hidden',\n      borderTopLeftRadius: theme.radius.regular,\n      borderBottomLeftRadius: theme.radius.regular\n    },\n    image: {\n      flex: 1\n    }\n  });\n\nconst Choice = ({\n  children,\n  isSelected = false,\n  squeezed = false,\n  isDisabled,\n  onPress,\n  media,\n  testID: prefixTestID,\n  style,\n  questionType\n}: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedStyle = brandTheme && {\n    backgroundColor: brandTheme.colors.primary,\n    borderColor: brandTheme.colors.primary,\n    borderTopRightRadius: theme.radius.regular,\n    borderBottomRightRadius: theme.radius.regular\n  };\n\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n  const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();\n  const url =\n    media &&\n    media.type === 'img' &&\n    media.src &&\n    media.src.length > 0 &&\n    getCleanUri(media.src[0].url);\n\n  const source = {uri: url ? getCleanUri(url) : undefined};\n  const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';\n\n  const htmlStyle: ViewStyle[] = [styleSheet.text];\n\n  if (isSelected) {\n    htmlStyle.push(styleSheet.textSelected);\n  }\n\n  return (\n    <Touchable\n      onPress={!isDisabled ? onPress : undefined}\n      style={style}\n      analyticsID=\"question-choice\"\n      analyticsParams={{questionType}}\n    >\n      <View\n        style={[styleSheet.boxShadow, styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {url ? (\n          <View style={styleSheet.imageContainer}>\n            <ImageBackground\n              testID={prefixTestID && `${prefixTestID}${mediaSuffix}`}\n              source={source}\n              style={styleSheet.image}\n            />\n          </View>\n        ) : null}\n        <View\n          style={[\n            styleSheet.textContainer,\n            squeezed && styleSheet.squeezedTextContainer,\n            isSelected && selectedStyle\n          ]}\n        >\n          <Html\n            fontSize={squeezed ? theme.fontSize.medium : theme.fontSize.regular}\n            style={htmlStyle}\n          >\n            {children}\n          </Html>\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nexport default Choice;\n"],"file":"index.native.js"}

package/lib/atom/resource-miniature/index.js

@@ -17,23 +17,21 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _provider = _interopRequireDefault(require("../provider"));
 
-var _style = require("../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 }; }
 
 const TYPES = {
   pdf: {
-    style: _style2.default.pdf,
+    style: _style.default.pdf,
     icon: _novaIcons.NovaLineFilesOfficeFileOfficePdf
   },
   audio: {
-    style: _style2.default.audio,
+    style: _style.default.audio,
     icon: _novaIcons.NovaCompositionCoorpacademyMicrophone
   },
   video: {
-    style: _style2.default.video,
+    style: _style.default.video,
     icon: _novaIcons.NovaSolidAudioAudioControlPlay
   }
 };
@@ -49,7 +47,7 @@ const ResourceMiniature = (props, context) => {
     onClick: handleOnClick,
     selected = false
   } = props;
-  const descriptionClassName = selected ? _style2.default.selectedDescription : _style2.default.description;
+  const descriptionClassName = selected ? _style.default.selectedDescription : _style.default.description;
   const white = (0, _get2.default)('common.white', skin);
   const primary = (0, _get2.default)('common.primary', skin);
   const posterOutlineColor = selected ? primary : white;
@@ -59,20 +57,20 @@ const ResourceMiniature = (props, context) => {
     onClick: handleOnClick,
     "data-type": type
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.posterWrapper,
+    className: _style.default.posterWrapper,
     style: {
       borderColor: posterOutlineColor
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.poster,
+    className: _style.default.poster,
     style: {
       backgroundImage: `url(${poster})`
     }
   }), !selected ? /*#__PURE__*/_react.default.createElement(Icon, {
     color: white,
-    className: _style2.default.icon
+    className: _style.default.icon
   }) : null), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(descriptionClassName, _style.innerHTML) // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(descriptionClassName, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description