@coorpacademy/components 10.21.2 → 10.22.1

package/es/organism/review-skills/index.js

@@ -1,13 +1,11 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
-import PropTypes from 'prop-types';
 import isEmpty from 'lodash/fp/isEmpty';
 import map from 'lodash/fp/map';
 import { NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision, NovaCompositionCoorpacademyInformationIcon as InformationIcon } from '@coorpacademy/nova-icons';
 import Loader from '../../atom/loader';
 import SkillCard from '../../molecule/skill-card';
 import style from './style.css';
+import propTypes, { ListSkillsPropTypes, NoSkillsPropTypes } from './prop-types';
 
 const ReviewListSkills = ({
   listSkills
@@ -76,21 +74,8 @@ const ReviewSkills = props => {
   })));
 };
 
-ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? {
-  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCard.propTypes))
-} : {};
-ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? {
-  titleNoSkills: PropTypes.string,
-  textNoSkills: PropTypes.string,
-  iconSkillAriaLabel: PropTypes.string
-} : {};
-ReviewSkills.propTypes = process.env.NODE_ENV !== "production" ? _extends(_extends({
-  'aria-label': PropTypes.string,
-  title: PropTypes.string.isRequired,
-  isLoading: PropTypes.bool,
-  isLoadingAriaLabel: PropTypes.string
-}, ReviewListSkills.propTypes), ReviewNoSkills.propTypes) : {};
-export const ListSkillsPropTypes = ReviewListSkills.propTypes;
-export const NoSkillsPropTypes = ReviewNoSkills.propTypes;
+ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? ListSkillsPropTypes : {};
+ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? NoSkillsPropTypes : {};
+ReviewSkills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewSkills;
 //# sourceMappingURL=index.js.map

package/es/organism/review-skills/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/review-skills/index.js"],"names":["React","PropTypes","isEmpty","map","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","NovaCompositionCoorpacademyInformationIcon","InformationIcon","Loader","SkillCard","style","ReviewListSkills","listSkills","listSkillsContainer","convert","cap","skillCard","key","skillCardContainer","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills","ReviewSkills","props","ariaLabel","title","isLoading","isLoadingAriaLabel","containerReviewSkill","informationIcon","loaderContainer","loader","propTypes","arrayOf","shape","string","isRequired","bool","ListSkillsPropTypes","NoSkillsPropTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport {\n  NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\n\nconst ReviewListSkills = ({listSkills}) => {\n  return (\n    <div className={style.listSkillsContainer}>\n      {listSkills &&\n        map.convert({cap: false})((skillCard, key) => {\n          return (\n            <div className={style.skillCardContainer} key={`step-${key}`}>\n              <SkillCard {...skillCard} />\n            </div>\n          );\n        }, listSkills)}\n    </div>\n  );\n};\n\nconst ReviewNoSkills = ({titleNoSkills, textNoSkills, iconSkillAriaLabel}) => {\n  return (\n    <div className={style.noSkillsContainer}>\n      <div className={style.titleNoSkills}>{titleNoSkills}</div>\n      <div className={style.textNoSkills}> {textNoSkills}</div>\n      <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n    </div>\n  );\n};\n\nconst ReviewSkills = props => {\n  const {\n    'aria-label': ariaLabel,\n    title,\n    listSkills,\n    titleNoSkills,\n    textNoSkills,\n    iconSkillAriaLabel,\n    isLoading = false,\n    isLoadingAriaLabel\n  } = props;\n\n  return (\n    <div className={style.containerReviewSkill} aria-label={ariaLabel}>\n      <div className={style.title}>\n        {title}\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"default\" aria-label={isLoadingAriaLabel} />\n        </div>\n      ) : (\n        <div>\n          {!isEmpty(listSkills) ? (\n            <ReviewListSkills listSkills={listSkills} />\n          ) : (\n            <ReviewNoSkills\n              titleNoSkills={titleNoSkills}\n              textNoSkills={textNoSkills}\n              iconSkillAriaLabel={iconSkillAriaLabel}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nReviewListSkills.propTypes = {\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCard.propTypes))\n};\n\nReviewNoSkills.propTypes = {\n  titleNoSkills: PropTypes.string,\n  textNoSkills: PropTypes.string,\n  iconSkillAriaLabel: PropTypes.string\n};\n\nReviewSkills.propTypes = {\n  'aria-label': PropTypes.string,\n  title: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  isLoadingAriaLabel: PropTypes.string,\n  ...ReviewListSkills.propTypes,\n  ...ReviewNoSkills.propTypes\n};\n\nexport const ListSkillsPropTypes = ReviewListSkills.propTypes;\nexport const NoSkillsPropTypes = ReviewNoSkills.propTypes;\n\nexport default ReviewSkills;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/review-skills/index.js"],"names":["React","isEmpty","map","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","NovaCompositionCoorpacademyInformationIcon","InformationIcon","Loader","SkillCard","style","propTypes","ListSkillsPropTypes","NoSkillsPropTypes","ReviewListSkills","listSkills","listSkillsContainer","convert","cap","skillCard","key","skillCardContainer","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills","ReviewSkills","props","ariaLabel","title","isLoading","isLoadingAriaLabel","containerReviewSkill","informationIcon","loaderContainer","loader"],"mappings":"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","sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport {\n  NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\nimport propTypes, {ListSkillsPropTypes, NoSkillsPropTypes} from './prop-types';\n\nconst ReviewListSkills = ({listSkills}) => {\n  return (\n    <div className={style.listSkillsContainer}>\n      {listSkills &&\n        map.convert({cap: false})((skillCard, key) => {\n          return (\n            <div className={style.skillCardContainer} key={`step-${key}`}>\n              <SkillCard {...skillCard} />\n            </div>\n          );\n        }, listSkills)}\n    </div>\n  );\n};\n\nconst ReviewNoSkills = ({titleNoSkills, textNoSkills, iconSkillAriaLabel}) => {\n  return (\n    <div className={style.noSkillsContainer}>\n      <div className={style.titleNoSkills}>{titleNoSkills}</div>\n      <div className={style.textNoSkills}> {textNoSkills}</div>\n      <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n    </div>\n  );\n};\n\nconst ReviewSkills = props => {\n  const {\n    'aria-label': ariaLabel,\n    title,\n    listSkills,\n    titleNoSkills,\n    textNoSkills,\n    iconSkillAriaLabel,\n    isLoading = false,\n    isLoadingAriaLabel\n  } = props;\n\n  return (\n    <div className={style.containerReviewSkill} aria-label={ariaLabel}>\n      <div className={style.title}>\n        {title}\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"default\" aria-label={isLoadingAriaLabel} />\n        </div>\n      ) : (\n        <div>\n          {!isEmpty(listSkills) ? (\n            <ReviewListSkills listSkills={listSkills} />\n          ) : (\n            <ReviewNoSkills\n              titleNoSkills={titleNoSkills}\n              textNoSkills={textNoSkills}\n              iconSkillAriaLabel={iconSkillAriaLabel}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nReviewListSkills.propTypes = ListSkillsPropTypes;\nReviewNoSkills.propTypes = NoSkillsPropTypes;\nReviewSkills.propTypes = propTypes;\n\nexport default ReviewSkills;\n"],"file":"index.js"}

package/es/organism/review-skills/prop-types.js

@@ -0,0 +1,19 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import PropTypes from 'prop-types';
+import SkillCardPropTypes from '../../molecule/skill-card/prop-types';
+export const ListSkillsPropTypes = {
+  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCardPropTypes))
+};
+export const NoSkillsPropTypes = {
+  titleNoSkills: PropTypes.string,
+  textNoSkills: PropTypes.string,
+  iconSkillAriaLabel: PropTypes.string
+};
+export default _extends(_extends({
+  'aria-label': PropTypes.string,
+  title: PropTypes.string.isRequired,
+  isLoading: PropTypes.bool,
+  isLoadingAriaLabel: PropTypes.string
+}, ListSkillsPropTypes), NoSkillsPropTypes);
+//# sourceMappingURL=prop-types.js.map

package/es/organism/review-skills/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/review-skills/prop-types.js"],"names":["PropTypes","SkillCardPropTypes","ListSkillsPropTypes","listSkills","arrayOf","shape","NoSkillsPropTypes","titleNoSkills","string","textNoSkills","iconSkillAriaLabel","title","isRequired","isLoading","bool","isLoadingAriaLabel"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,sCAA/B;AAEA,OAAO,MAAMC,mBAAmB,GAAG;AACjCC,EAAAA,UAAU,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,KAAV,CAAgBJ,kBAAhB,CAAlB;AADqB,CAA5B;AAIP,OAAO,MAAMK,iBAAiB,GAAG;AAC/BC,EAAAA,aAAa,EAAEP,SAAS,CAACQ,MADM;AAE/BC,EAAAA,YAAY,EAAET,SAAS,CAACQ,MAFO;AAG/BE,EAAAA,kBAAkB,EAAEV,SAAS,CAACQ;AAHC,CAA1B;AAMP;AACE,gBAAcR,SAAS,CAACQ,MAD1B;AAEEG,EAAAA,KAAK,EAAEX,SAAS,CAACQ,MAAV,CAAiBI,UAF1B;AAGEC,EAAAA,SAAS,EAAEb,SAAS,CAACc,IAHvB;AAIEC,EAAAA,kBAAkB,EAAEf,SAAS,CAACQ;AAJhC,GAKKN,mBALL,GAMKI,iBANL","sourcesContent":["import PropTypes from 'prop-types';\nimport SkillCardPropTypes from '../../molecule/skill-card/prop-types';\n\nexport const ListSkillsPropTypes = {\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCardPropTypes))\n};\n\nexport const NoSkillsPropTypes = {\n  titleNoSkills: PropTypes.string,\n  textNoSkills: PropTypes.string,\n  iconSkillAriaLabel: PropTypes.string\n};\n\nexport default {\n  'aria-label': PropTypes.string,\n  title: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  isLoadingAriaLabel: PropTypes.string,\n  ...ListSkillsPropTypes,\n  ...NoSkillsPropTypes\n};\n"],"file":"prop-types.js"}

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

@@ -1,6 +1,11 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React, { useEffect } from 'react';
 import { Text, StyleSheet, Pressable, View, BackHandler } from 'react-native';
-import propTypes, { ViewNames } from './prop-types'; // -----------------------------------------------------------------------------
+import propTypes, { ViewNames } from './prop-types';
+import Slides from './slides'; // -----------------------------------------------------------------------------
 
 const styles = StyleSheet.create({
   rootView: {
@@ -10,10 +15,17 @@ const styles = StyleSheet.create({
   }
 }); // -----------------------------------------------------------------------------
 
-const NavText = ({
-  viewName,
-  navigateTo
-}) => {
+const Switch = (_ref) => {
+  let {
+    viewName,
+    slides
+  } = _ref,
+      dispachers = _objectWithoutPropertiesLoose(_ref, ["viewName", "onboarding", "skills", "slides"]);
+
+  const {
+    navigateTo
+  } = dispachers;
+
   const handlePress = v => () => navigateTo(v);
 
   switch (viewName) {
@@ -28,9 +40,7 @@ const NavText = ({
       }, /*#__PURE__*/React.createElement(Text, null, "view onboarding"));
 
     case ViewNames.slides:
-      return /*#__PURE__*/React.createElement(Pressable, {
-        onPress: handlePress('home')
-      }, /*#__PURE__*/React.createElement(Text, null, "view quizzer"));
+      return /*#__PURE__*/React.createElement(Slides, _extends({}, slides, dispachers));
 
     default:
       return /*#__PURE__*/React.createElement(Text, null, "view (none selected)");
@@ -38,11 +48,10 @@ const NavText = ({
 }; // -----------------------------------------------------------------------------
 
 
-const RootView = ({
-  viewName,
-  navigateBack,
-  navigateTo
-}) => {
+const AppReview = props => {
+  const {
+    navigateBack
+  } = props;
   useEffect(() => {
     const backAction = () => {
       navigateBack();
@@ -55,15 +64,12 @@ const RootView = ({
   }, [navigateBack]);
   return /*#__PURE__*/React.createElement(View, {
     style: styles.rootView
-  }, /*#__PURE__*/React.createElement(NavText, {
-    viewName: viewName,
-    navigateTo: navigateTo
-  }));
+  }, /*#__PURE__*/React.createElement(Switch, props));
 }; // -----------------------------------------------------------------------------
 
 
-RootView.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
-NavText.propTypes = process.env.NODE_ENV !== "production" ? RootView.propTypes : {}; // -----------------------------------------------------------------------------
+AppReview.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+Switch.propTypes = process.env.NODE_ENV !== "production" ? AppReview.propTypes : {}; // -----------------------------------------------------------------------------
 
-export default RootView;
+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","Pressable","View","BackHandler","propTypes","ViewNames","styles","create","rootView","flex","alignItems","justifyContent","NavText","viewName","navigateTo","handlePress","v","home","onboarding","slides","RootView","navigateBack","backAction","backHandler","addEventListener","remove"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,QAA+B,OAA/B;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,WAA3C,QAA6D,cAA7D;AACA,OAAOC,SAAP,IAAmBC,SAAnB,QAAmC,cAAnC,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,OAAO,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWC,EAAAA;AAAX,CAAD,KAA4B;AAC1C,QAAMC,WAAW,GAAGC,CAAC,IAAI,MAAMF,UAAU,CAACE,CAAD,CAAzC;;AAEA,UAAQH,QAAR;AACE,SAAKR,SAAS,CAACY,IAAf;AACE,0BACE,oBAAC,SAAD;AAAW,QAAA,OAAO,EAAEF,WAAW,CAAC,YAAD;AAA/B,sBACE,oBAAC,IAAD,oBADF,CADF;;AAKF,SAAKV,SAAS,CAACa,UAAf;AACE,0BACE,oBAAC,SAAD;AAAW,QAAA,OAAO,EAAEH,WAAW,CAAC,SAAD;AAA/B,sBACE,oBAAC,IAAD,0BADF,CADF;;AAKF,SAAKV,SAAS,CAACc,MAAf;AACE,0BACE,oBAAC,SAAD;AAAW,QAAA,OAAO,EAAEJ,WAAW,CAAC,MAAD;AAA/B,sBACE,oBAAC,IAAD,uBADF,CADF;;AAKF;AACE,0BAAO,oBAAC,IAAD,+BAAP;AApBJ;AAsBD,CAzBD,C,CA2BA;;;AAEA,MAAMK,QAAQ,GAAG,CAAC;AAACP,EAAAA,QAAD;AAAWQ,EAAAA,YAAX;AAAyBP,EAAAA;AAAzB,CAAD,KAA0C;AACzDhB,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMwB,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,EAAEf,MAAM,CAACE;AAApB,kBACE,oBAAC,OAAD;AAAS,IAAA,QAAQ,EAAEK,QAAnB;AAA6B,IAAA,UAAU,EAAEC;AAAzC,IADF,CADF;AAKD,CAlBD,C,CAoBA;;;AAEAM,QAAQ,CAAChB,SAAT,2CAAqBA,SAArB;AACAQ,OAAO,CAACR,SAAR,2CAAoBgB,QAAQ,CAAChB,SAA7B,M,CAEA;;AAEA,eAAegB,QAAf","sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, Pressable, View, BackHandler} from 'react-native';\nimport propTypes, {ViewNames} from './prop-types';\n\n// -----------------------------------------------------------------------------\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\n// -----------------------------------------------------------------------------\n\nconst NavText = ({viewName, navigateTo}) => {\n  const handlePress = v => () => navigateTo(v);\n\n  switch (viewName) {\n    case ViewNames.home:\n      return (\n        <Pressable onPress={handlePress('onboarding')}>\n          <Text>view home</Text>\n        </Pressable>\n      );\n    case ViewNames.onboarding:\n      return (\n        <Pressable onPress={handlePress('quizzer')}>\n          <Text>view onboarding</Text>\n        </Pressable>\n      );\n    case ViewNames.slides:\n      return (\n        <Pressable onPress={handlePress('home')}>\n          <Text>view quizzer</Text>\n        </Pressable>\n      );\n    default:\n      return <Text>view (none selected)</Text>;\n  }\n};\n\n// -----------------------------------------------------------------------------\n\nconst RootView = ({viewName, navigateBack, navigateTo}) => {\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      <NavText viewName={viewName} navigateTo={navigateTo} />\n    </View>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nRootView.propTypes = propTypes;\nNavText.propTypes = RootView.propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default RootView;\n"],"file":"index.native.js"}
+{"version":3,"sources":["../../../src/template/app-review/index.native.js"],"names":["React","useEffect","Text","StyleSheet","Pressable","View","BackHandler","propTypes","ViewNames","Slides","styles","create","rootView","flex","alignItems","justifyContent","Switch","viewName","slides","dispachers","navigateTo","handlePress","v","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,SAA1B,EAAqCC,IAArC,EAA2CC,WAA3C,QAA6D,cAA7D;AACA,OAAOC,SAAP,IAAmBC,SAAnB,QAAmC,cAAnC;AACA,OAAOC,MAAP,MAAmB,UAAnB,C,CAEA;;AAEA,MAAMC,MAAM,GAAGP,UAAU,CAACQ,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,QAAM;AAACC,IAAAA;AAAD,MAAeD,UAArB;;AACA,QAAME,WAAW,GAAGC,CAAC,IAAI,MAAMF,UAAU,CAACE,CAAD,CAAzC;;AAEA,UAAQL,QAAR;AACE,SAAKT,SAAS,CAACe,IAAf;AACE,0BACE,oBAAC,SAAD;AAAW,QAAA,OAAO,EAAEF,WAAW,CAAC,YAAD;AAA/B,sBACE,oBAAC,IAAD,oBADF,CADF;;AAKF,SAAKb,SAAS,CAACgB,UAAf;AACE,0BACE,oBAAC,SAAD;AAAW,QAAA,OAAO,EAAEH,WAAW,CAAC,SAAD;AAA/B,sBACE,oBAAC,IAAD,0BADF,CADF;;AAKF,SAAKb,SAAS,CAACU,MAAf;AACE,0BAAO,oBAAC,MAAD,eAAYA,MAAZ,EAAwBC,UAAxB,EAAP;;AACF;AACE,0BAAO,oBAAC,IAAD,+BAAP;AAhBJ;AAkBD,CAtBD,C,CAwBA;;;AAEA,MAAMM,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA;AAAD,MAAiBD,KAAvB;AAEAzB,EAAAA,SAAS,CAAC,MAAM;AACd,UAAM2B,UAAU,GAAG,MAAM;AACvBD,MAAAA,YAAY;AACZ,aAAO,IAAP;AACD,KAHD,CADc,CAMd;;;AACA,UAAME,WAAW,GAAGvB,WAAW,CAACwB,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,EAAEjB,MAAM,CAACE;AAApB,kBACE,oBAAC,MAAD,EAAYc,KAAZ,CADF,CADF;AAKD,CApBD,C,CAsBA;;;AAEAD,SAAS,CAAClB,SAAV,2CAAsBA,SAAtB;AACAS,MAAM,CAACT,SAAP,2CAAmBkB,SAAS,CAAClB,SAA7B,M,CAEA;;AAEA,eAAekB,SAAf","sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, Pressable, 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  const {navigateTo} = dispachers;\n  const handlePress = v => () => navigateTo(v);\n\n  switch (viewName) {\n    case ViewNames.home:\n      return (\n        <Pressable onPress={handlePress('onboarding')}>\n          <Text>view home</Text>\n        </Pressable>\n      );\n    case ViewNames.onboarding:\n      return (\n        <Pressable onPress={handlePress('quizzer')}>\n          <Text>view onboarding</Text>\n        </Pressable>\n      );\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"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View, StyleSheet, Text } from 'react-native';
-import OnboardingWeb from '../../../atom/review-presentation'; // import {NovaLineSelectionCursorsCursorArrowTarget as TargetIcon} from '@coorpacademy/nova-icons';
+import propTypes from '../../../atom/review-presentation/prop-types'; // import {NovaLineSelectionCursorsCursorArrowTarget as TargetIcon} from '@coorpacademy/nova-icons';
 // import theme from '../../../modules/theme';
 // import translations from '../../../translations';
 // import Button from '../../../app-shared/components/button';
@@ -79,6 +79,6 @@ const Onboarding = ({
   style: styles.title
 }, reviewTitle));
 
-Onboarding.propTypes = process.env.NODE_ENV !== "production" ? OnboardingWeb.propTypes : {};
+Onboarding.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default Onboarding;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/onboarding/index.native.js"],"names":["React","View","StyleSheet","Text","OnboardingWeb","styles","create","container","justifyContent","flex","padding","title","height","width","lineHeight","text","opacity","tip","flexDirection","overflow","alignItems","borderRadius","tipText","icon","margin","button","Onboarding","reviewTitle","propTypes"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,QAAqC,cAArC;AACA,OAAOC,aAAP,MAA0B,mCAA1B,C,CAEA;AAEA;AACA;AACA;AACA;;AAEA,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,cAAc,EAAE,eADP;AAETC,IAAAA,IAAI,EAAE,CAFG;AAGTC,IAAAA,OAAO,EAAE,EAHA,CAIT;;AAJS,GADoB;AAO/BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,EADH;AAELC,IAAAA,KAAK,EAAE,GAFF;AAGL;AACA;AACAC,IAAAA,UAAU,EAAE,EALP,CAML;AACA;;AAPK,GAPwB;AAgB/BC,EAAAA,IAAI,EAAE;AACJ;AACA;AACAC,IAAAA,OAAO,EAAE,GAHL,CAIJ;;AAJI,GAhByB;AAsB/BC,EAAAA,GAAG,EAAE;AACHC,IAAAA,aAAa,EAAE,KADZ;AAEHC,IAAAA,QAAQ,EAAE,QAFP;AAGHC,IAAAA,UAAU,EAAE,QAHT;AAIHR,IAAAA,MAAM,EAAE,EAJL;AAKHS,IAAAA,YAAY,EAAE,CALX,CAMH;AACA;AACA;;AARG,GAtB0B;AAgC/BC,EAAAA,OAAO,EAAE,CACP;AACA;AAFO,GAhCsB;AAoC/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE;AADJ,GApCyB;AAuC/BC,EAAAA,MAAM,EAAE;AACNb,IAAAA,MAAM,EAAE,EADF;AAENS,IAAAA,YAAY,EAAE,CAFR,CAGN;AACA;;AAJM;AAvCuB,CAAlB,CAAf,C,CA+CA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;;AACA,MAAMK,UAAU,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACjB,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEtB,MAAM,CAACE;AAApB,gBACE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEF,MAAM,CAACM;AAApB,GAA4BgB,WAA5B,CADF,CADF;;AAMAD,UAAU,CAACE,SAAX,2CAAuBxB,aAAa,CAACwB,SAArC;AAEA,eAAeF,UAAf","sourcesContent":["import * as React from 'react';\nimport {View, StyleSheet, Text} from 'react-native';\nimport OnboardingWeb from '../../../atom/review-presentation';\n\n// import {NovaLineSelectionCursorsCursorArrowTarget as TargetIcon} from '@coorpacademy/nova-icons';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import Button from '../../../app-shared/components/button';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n\nconst styles = StyleSheet.create({\n  container: {\n    justifyContent: 'space-between',\n    flex: 1,\n    padding: 20\n    // paddingTop: HEADER_HEIGHT + 20\n  },\n  title: {\n    height: 72,\n    width: 268,\n    // fontSize: theme.fontSize.xxlarge,\n    // fontWeight: theme.fontWeight.bold,\n    lineHeight: 36\n    // color: theme.colors.text.primary,\n    // marginBottom: theme.spacing.small\n  },\n  text: {\n    // fontSize: theme.fontSize.large,\n    // color: theme.colors.text.primary,\n    opacity: 0.7\n    // marginBottom: theme.spacing.small\n  },\n  tip: {\n    flexDirection: 'row',\n    overflow: 'hidden',\n    alignItems: 'center',\n    height: 54,\n    borderRadius: 8\n    // backgroundColor: theme.colors.gray.extra,\n    // marginTop: theme.spacing.micro,\n    // marginBottom: theme.spacing.micro\n  },\n  tipText: {\n    // fontSize: theme.fontSize.large,\n    // color: theme.colors.text.primary\n  },\n  icon: {\n    margin: 10\n  },\n  button: {\n    height: 52,\n    borderRadius: 7\n    // marginBottom: theme.spacing.large,\n    // marginTop: theme.spacing.large\n  }\n});\n\n// const Tip = ({Icon, text}) => (\n//   <View style={styles.tip}>\n//     {/* <Icon height={16} width={16} style={styles.icon} color={theme.colors.text.primary} /> */}\n//     <Text style={styles.tipText}>{text}</Text>\n//   </View>\n// );\n\n/*\nreviewTitle --> translations.revision.onboarding.title\n*/\n// {/* <Text style={styles.title}>{translations.revision.onboarding.title}</Text>\n// <Text style={styles.text}>{translations.revision.onboarding.intro1}</Text>\n// <Text style={styles.text}>{translations.revision.onboarding.intro2}</Text>\n\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip1} />\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip2} />\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip3} />\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip4} /> */}\n\n// {/* <Button style={styles.button} onPress={onButtonPress} testID={`button-quit-revision-onboarding`}>\n//   {translations.revision.onboarding.validate}\n// </Button> */}\nconst Onboarding = ({reviewTitle}) => (\n  <View style={styles.container}>\n    <Text style={styles.title}>{reviewTitle}</Text>\n  </View>\n);\n\nOnboarding.propTypes = OnboardingWeb.propTypes;\n\nexport default Onboarding;\n"],"file":"index.native.js"}
+{"version":3,"sources":["../../../../src/template/app-review/onboarding/index.native.js"],"names":["React","View","StyleSheet","Text","propTypes","styles","create","container","justifyContent","flex","padding","title","height","width","lineHeight","text","opacity","tip","flexDirection","overflow","alignItems","borderRadius","tipText","icon","margin","button","Onboarding","reviewTitle"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,QAAqC,cAArC;AACA,OAAOC,SAAP,MAAsB,8CAAtB,C,CAEA;AAEA;AACA;AACA;AACA;;AAEA,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,cAAc,EAAE,eADP;AAETC,IAAAA,IAAI,EAAE,CAFG;AAGTC,IAAAA,OAAO,EAAE,EAHA,CAIT;;AAJS,GADoB;AAO/BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,EADH;AAELC,IAAAA,KAAK,EAAE,GAFF;AAGL;AACA;AACAC,IAAAA,UAAU,EAAE,EALP,CAML;AACA;;AAPK,GAPwB;AAgB/BC,EAAAA,IAAI,EAAE;AACJ;AACA;AACAC,IAAAA,OAAO,EAAE,GAHL,CAIJ;;AAJI,GAhByB;AAsB/BC,EAAAA,GAAG,EAAE;AACHC,IAAAA,aAAa,EAAE,KADZ;AAEHC,IAAAA,QAAQ,EAAE,QAFP;AAGHC,IAAAA,UAAU,EAAE,QAHT;AAIHR,IAAAA,MAAM,EAAE,EAJL;AAKHS,IAAAA,YAAY,EAAE,CALX,CAMH;AACA;AACA;;AARG,GAtB0B;AAgC/BC,EAAAA,OAAO,EAAE,CACP;AACA;AAFO,GAhCsB;AAoC/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE;AADJ,GApCyB;AAuC/BC,EAAAA,MAAM,EAAE;AACNb,IAAAA,MAAM,EAAE,EADF;AAENS,IAAAA,YAAY,EAAE,CAFR,CAGN;AACA;;AAJM;AAvCuB,CAAlB,CAAf,C,CA+CA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;;AACA,MAAMK,UAAU,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACjB,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEtB,MAAM,CAACE;AAApB,gBACE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEF,MAAM,CAACM;AAApB,GAA4BgB,WAA5B,CADF,CADF;;AAMAD,UAAU,CAACtB,SAAX,2CAAuBA,SAAvB;AAEA,eAAesB,UAAf","sourcesContent":["import * as React from 'react';\nimport {View, StyleSheet, Text} from 'react-native';\nimport propTypes from '../../../atom/review-presentation/prop-types';\n\n// import {NovaLineSelectionCursorsCursorArrowTarget as TargetIcon} from '@coorpacademy/nova-icons';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import Button from '../../../app-shared/components/button';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n\nconst styles = StyleSheet.create({\n  container: {\n    justifyContent: 'space-between',\n    flex: 1,\n    padding: 20\n    // paddingTop: HEADER_HEIGHT + 20\n  },\n  title: {\n    height: 72,\n    width: 268,\n    // fontSize: theme.fontSize.xxlarge,\n    // fontWeight: theme.fontWeight.bold,\n    lineHeight: 36\n    // color: theme.colors.text.primary,\n    // marginBottom: theme.spacing.small\n  },\n  text: {\n    // fontSize: theme.fontSize.large,\n    // color: theme.colors.text.primary,\n    opacity: 0.7\n    // marginBottom: theme.spacing.small\n  },\n  tip: {\n    flexDirection: 'row',\n    overflow: 'hidden',\n    alignItems: 'center',\n    height: 54,\n    borderRadius: 8\n    // backgroundColor: theme.colors.gray.extra,\n    // marginTop: theme.spacing.micro,\n    // marginBottom: theme.spacing.micro\n  },\n  tipText: {\n    // fontSize: theme.fontSize.large,\n    // color: theme.colors.text.primary\n  },\n  icon: {\n    margin: 10\n  },\n  button: {\n    height: 52,\n    borderRadius: 7\n    // marginBottom: theme.spacing.large,\n    // marginTop: theme.spacing.large\n  }\n});\n\n// const Tip = ({Icon, text}) => (\n//   <View style={styles.tip}>\n//     {/* <Icon height={16} width={16} style={styles.icon} color={theme.colors.text.primary} /> */}\n//     <Text style={styles.tipText}>{text}</Text>\n//   </View>\n// );\n\n/*\nreviewTitle --> translations.revision.onboarding.title\n*/\n// {/* <Text style={styles.title}>{translations.revision.onboarding.title}</Text>\n// <Text style={styles.text}>{translations.revision.onboarding.intro1}</Text>\n// <Text style={styles.text}>{translations.revision.onboarding.intro2}</Text>\n\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip1} />\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip2} />\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip3} />\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip4} /> */}\n\n// {/* <Button style={styles.button} onPress={onButtonPress} testID={`button-quit-revision-onboarding`}>\n//   {translations.revision.onboarding.validate}\n// </Button> */}\nconst Onboarding = ({reviewTitle}) => (\n  <View style={styles.container}>\n    <Text style={styles.title}>{reviewTitle}</Text>\n  </View>\n);\n\nOnboarding.propTypes = propTypes;\n\nexport default Onboarding;\n"],"file":"index.native.js"}

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { View, FlatList, Pressable, StyleSheet, Text } from 'react-native';
 import { NovaCompositionNavigationArrowRight as ArrowRight } from '@coorpacademy/nova-icons';
-import SkillsWeb, { ListSkillsPropTypes, NoSkillsPropTypes } from '../../../organism/review-skills'; // import theme from '../../../modules/theme';
+import propTypes, { ListSkillsPropTypes, NoSkillsPropTypes } from '../../../organism/review-skills/prop-types'; // import theme from '../../../modules/theme';
 // import translations from '../../../translations';
 // import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';
 // import noSkillsImage from '../../../assets/images/revision-no-skills.png';
@@ -173,7 +173,7 @@ const Skills = props => {
   }));
 };
 
-Skills.propTypes = process.env.NODE_ENV !== "production" ? SkillsWeb.propTypes : {}; // -----------------------------------------------------------------------------
+Skills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {}; // -----------------------------------------------------------------------------
 
 export default Skills;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/skills/index.native.js"],"names":["React","PropTypes","View","FlatList","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","SkillsWeb","ListSkillsPropTypes","NoSkillsPropTypes","styles","create","container","flex","padding","title","lineHeight","subtitle","text","fontSize","opacity","noSkillsImage","alignSelf","width","height","skills","skill","display","flexDirection","overflow","alignItems","borderRadius","skillTexts","skillTitle","fontWeight","skillInfo","extraSpace","onSelectSkill","console","log","ExtraSpace","Skill","info","propTypes","string","Item","item","isExtraSpace","List","shape","bool","listSkills","NoSkills","titleNoSkills","textNoSkills","Skills","props","length"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport {View, FlatList, Pressable, StyleSheet, Text} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport SkillsWeb, {ListSkillsPropTypes, NoSkillsPropTypes} from '../../../organism/review-skills';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n// import noSkillsImage from '../../../assets/images/revision-no-skills.png';\n// import Touchable from '../../../app-shared/components/touchable';\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 20\n    // paddingTop: HEADER_HEIGHT + 20,\n    // backgroundColor: theme.colors.white\n  },\n  title: {\n    // fontSize: theme.fontSize.xlarge,\n    // fontWeight: theme.fontWeight.bold,\n    lineHeight: 28\n    // color: theme.colors.text.primary,\n    // marginBottom: theme.spacing.base,\n    // marginTop: theme.spacing.small\n  },\n  subtitle: {\n    // fontSize: theme.fontSize.xlarge,\n    // color: theme.colors.text.primary,\n    // marginBottom: theme.spacing.tiny\n  },\n  text: {\n    fontSize: 16,\n    lineHeight: 22,\n    // color: theme.colors.text.primary,\n    opacity: 0.7\n    // marginBottom: theme.spacing.base\n  },\n  noSkillsImage: {\n    flex: 1,\n    alignSelf: 'center',\n    width: 320,\n    height: 300\n  },\n  skills: {},\n  skill: {\n    display: 'flex',\n    flexDirection: 'row',\n    overflow: 'hidden',\n    alignItems: 'center',\n    height: 118,\n    borderRadius: 8\n    // backgroundColor: theme.colors.gray.lighter,\n    // marginTop: theme.spacing.micro,\n    // marginBottom: theme.spacing.micro,\n    // padding: theme.spacing.base\n  },\n  skillTexts: {\n    flex: 1,\n    flexDirection: 'column'\n  },\n  skillTitle: {\n    fontSize: 18,\n    fontWeight: '600',\n    lineHeight: 22\n    // color: theme.colors.text.primary,\n    // marginBottom: theme.spacing.tiny\n  },\n  skillInfo: {\n    fontSize: 12,\n    lineHeight: 16\n    // color: theme.colors.gray.medium\n  },\n  extraSpace: {\n    height: 100\n  }\n});\n\n// -----------------------------------------------------------------------------\n\nconst onSelectSkill = title => () => {\n  // eslint-disable-next-line no-console\n  console.log('pressed on', {title});\n};\n\nconst ExtraSpace = () => <View style={styles.extraSpace} />;\n\nconst Skill = ({title, info}) => (\n  <Pressable style={styles.skill} onPress={onSelectSkill(title)}>\n    <View style={styles.skillTexts}>\n      <Text style={styles.skillTitle}>{title}</Text>\n      <Text style={styles.skillInfo}>{info}</Text>\n    </View>\n    <ArrowRight color=\"#ededed\" height={20} width={20} />\n  </Pressable>\n);\n\nSkill.propTypes = {\n  title: PropTypes.string,\n  info: PropTypes.string\n};\n\n// -----------------------------------------------------------------------------\n\nconst Item = ({item: {title, info, isExtraSpace = false}}) =>\n  isExtraSpace ? <ExtraSpace /> : <Skill title={title} info={info} />;\n\nconst List = ({skills}) => (\n  <FlatList contentContainerStyle={styles.skills} data={skills} renderItem={Item} />\n);\n\nItem.propTypes = {\n  item: PropTypes.shape({\n    title: PropTypes.string,\n    info: PropTypes.string,\n    isExtraSpace: PropTypes.bool\n  })\n};\n\nList.propTypes = {\n  skills: ListSkillsPropTypes.listSkills\n};\n\n// -----------------------------------------------------------------------------\n\n/*\n  title: translations.revision.home.noSkills\n  text: translations.revision.home.noSkillsDetails\n  image: use web svg\n  <ImageBackground source={noSkillsImage} style={styles.noSkillsImage} />\n*/\nconst NoSkills = ({titleNoSkills, textNoSkills}) => (\n  <>\n    <Text style={styles.subtitle}>{titleNoSkills}</Text>\n    <Text style={styles.text}>{textNoSkills}</Text>\n  </>\n);\n\nNoSkills.propTypes = NoSkillsPropTypes;\n\n// -----------------------------------------------------------------------------\n\n//  title --> translations.revision.home.title\nconst Skills = props => {\n  const {title, listSkills} = props;\n\n  return (\n    <View style={styles.container}>\n      <Text style={styles.title}>{title}</Text>\n      {!listSkills || listSkills.length === 0 ? (\n        <NoSkills />\n      ) : (\n        <List skills={[...listSkills, {isExtraSpace: true}]} />\n      )}\n    </View>\n  );\n};\n\nSkills.propTypes = SkillsWeb.propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default Skills;\n"],"file":"index.native.js"}
+{"version":3,"sources":["../../../../src/template/app-review/skills/index.native.js"],"names":["React","PropTypes","View","FlatList","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","propTypes","ListSkillsPropTypes","NoSkillsPropTypes","styles","create","container","flex","padding","title","lineHeight","subtitle","text","fontSize","opacity","noSkillsImage","alignSelf","width","height","skills","skill","display","flexDirection","overflow","alignItems","borderRadius","skillTexts","skillTitle","fontWeight","skillInfo","extraSpace","onSelectSkill","console","log","ExtraSpace","Skill","info","string","Item","item","isExtraSpace","List","shape","bool","listSkills","NoSkills","titleNoSkills","textNoSkills","Skills","props","length"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport {View, FlatList, Pressable, StyleSheet, Text} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport propTypes, {\n  ListSkillsPropTypes,\n  NoSkillsPropTypes\n} from '../../../organism/review-skills/prop-types';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n// import noSkillsImage from '../../../assets/images/revision-no-skills.png';\n// import Touchable from '../../../app-shared/components/touchable';\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 20\n    // paddingTop: HEADER_HEIGHT + 20,\n    // backgroundColor: theme.colors.white\n  },\n  title: {\n    // fontSize: theme.fontSize.xlarge,\n    // fontWeight: theme.fontWeight.bold,\n    lineHeight: 28\n    // color: theme.colors.text.primary,\n    // marginBottom: theme.spacing.base,\n    // marginTop: theme.spacing.small\n  },\n  subtitle: {\n    // fontSize: theme.fontSize.xlarge,\n    // color: theme.colors.text.primary,\n    // marginBottom: theme.spacing.tiny\n  },\n  text: {\n    fontSize: 16,\n    lineHeight: 22,\n    // color: theme.colors.text.primary,\n    opacity: 0.7\n    // marginBottom: theme.spacing.base\n  },\n  noSkillsImage: {\n    flex: 1,\n    alignSelf: 'center',\n    width: 320,\n    height: 300\n  },\n  skills: {},\n  skill: {\n    display: 'flex',\n    flexDirection: 'row',\n    overflow: 'hidden',\n    alignItems: 'center',\n    height: 118,\n    borderRadius: 8\n    // backgroundColor: theme.colors.gray.lighter,\n    // marginTop: theme.spacing.micro,\n    // marginBottom: theme.spacing.micro,\n    // padding: theme.spacing.base\n  },\n  skillTexts: {\n    flex: 1,\n    flexDirection: 'column'\n  },\n  skillTitle: {\n    fontSize: 18,\n    fontWeight: '600',\n    lineHeight: 22\n    // color: theme.colors.text.primary,\n    // marginBottom: theme.spacing.tiny\n  },\n  skillInfo: {\n    fontSize: 12,\n    lineHeight: 16\n    // color: theme.colors.gray.medium\n  },\n  extraSpace: {\n    height: 100\n  }\n});\n\n// -----------------------------------------------------------------------------\n\nconst onSelectSkill = title => () => {\n  // eslint-disable-next-line no-console\n  console.log('pressed on', {title});\n};\n\nconst ExtraSpace = () => <View style={styles.extraSpace} />;\n\nconst Skill = ({title, info}) => (\n  <Pressable style={styles.skill} onPress={onSelectSkill(title)}>\n    <View style={styles.skillTexts}>\n      <Text style={styles.skillTitle}>{title}</Text>\n      <Text style={styles.skillInfo}>{info}</Text>\n    </View>\n    <ArrowRight color=\"#ededed\" height={20} width={20} />\n  </Pressable>\n);\n\nSkill.propTypes = {\n  title: PropTypes.string,\n  info: PropTypes.string\n};\n\n// -----------------------------------------------------------------------------\n\nconst Item = ({item: {title, info, isExtraSpace = false}}) =>\n  isExtraSpace ? <ExtraSpace /> : <Skill title={title} info={info} />;\n\nconst List = ({skills}) => (\n  <FlatList contentContainerStyle={styles.skills} data={skills} renderItem={Item} />\n);\n\nItem.propTypes = {\n  item: PropTypes.shape({\n    title: PropTypes.string,\n    info: PropTypes.string,\n    isExtraSpace: PropTypes.bool\n  })\n};\n\nList.propTypes = {\n  skills: ListSkillsPropTypes.listSkills\n};\n\n// -----------------------------------------------------------------------------\n\n/*\n  title: translations.revision.home.noSkills\n  text: translations.revision.home.noSkillsDetails\n  image: use web svg\n  <ImageBackground source={noSkillsImage} style={styles.noSkillsImage} />\n*/\nconst NoSkills = ({titleNoSkills, textNoSkills}) => (\n  <>\n    <Text style={styles.subtitle}>{titleNoSkills}</Text>\n    <Text style={styles.text}>{textNoSkills}</Text>\n  </>\n);\n\nNoSkills.propTypes = NoSkillsPropTypes;\n\n// -----------------------------------------------------------------------------\n\n//  title --> translations.revision.home.title\nconst Skills = props => {\n  const {title, listSkills} = props;\n\n  return (\n    <View style={styles.container}>\n      <Text style={styles.title}>{title}</Text>\n      {!listSkills || listSkills.length === 0 ? (\n        <NoSkills />\n      ) : (\n        <List skills={[...listSkills, {isExtraSpace: true}]} />\n      )}\n    </View>\n  );\n};\n\nSkills.propTypes = propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default Skills;\n"],"file":"index.native.js"}

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

@@ -55,14 +55,14 @@ const Slide = ({
   updateSlidesOnNext,
   updateReviewStatus,
   updateStepItemsOnNext,
-  slideValidationResult,
+  progression,
   correctionPopinProps
 }) => {
   const hidden = getOr(false, `${slideNumber}.hidden`, slides);
   const endReview = getOr(false, `${slideNumber}.endReview`, slides);
   const position = get(`${slideNumber}.position`, slides);
   const animationType = getOr(false, `${slideNumber}.animationType`, slides);
-  const validationResult = getOr(null, `${slideNumber}.validationResult`, slides);
+  const isSlideCorrect = getOr(null, `${slideNumber}.isCorrect`, slides);
   const questionText = get(`${slideNumber}.questionText`, slides);
   const answerUI = get(`${slideNumber}.answerUI`, slides);
   const validateLabel = getOr('', 'label', validate);
@@ -73,15 +73,13 @@ const Slide = ({
 
     /*
       slide validation action, this will trigger the correction popin
-      (with the useEffect that fires the dispatchers, if there is a nextSlide content,
+      (with the useEffect that fires the dispatchers, if there is a nextContent content,
       it will be loaded here) but will not trigger any animations unless the endReview
       signal is received (all slides will disappear, also fired in a useEffect),
-      
-      if it is the last slide and the content needs to be different, then that update will
+       if it is the last slide and the content needs to be different, then that update will
       be handled on the next slide logic but the content will be carried from here.
     */
     onClick: async () => {
-      // result: 'success' | 'failure'
       // endReview based on nextContent ref exit node values: 'successExitNode' : 'failExitNode'
       await validateSlide();
     },
@@ -89,7 +87,7 @@ const Slide = ({
     label: validateLabel,
     'data-name': `slide-validate-button-${slideNumber}`,
     className: style.validateButton,
-    disabled: !isNil(validationResult)
+    disabled: !isNil(isSlideCorrect)
   };
   const klf = getOr({}, 'klf', correctionPopinProps);
   const information = getOr({
@@ -108,15 +106,15 @@ const Slide = ({
         from the content carried from the validate action.
       */
       onClick: () => {
-        const exitNode = get('exitNode', slideValidationResult);
+        const exitNode = get('exitNode', progression);
         updateSlidesOnNext({
           slideNumber,
           newSlideContent: {
-            hidden: validationResult === 'success',
+            hidden: !!isSlideCorrect,
             position: HIGHEST_INDEX - finishedSlidesSize,
             // to restack the slide
-            animationType: validationResult === 'success' ? 'unstack' : 'restack',
-            validationResult,
+            animationType: isSlideCorrect ? 'unstack' : 'restack',
+            isCorrect: isSlideCorrect,
             endReview: !!exitNode,
             answerUI,
             questionText
@@ -128,7 +126,7 @@ const Slide = ({
           finishedSlides,
           current: finishedSlidesSize === HIGHEST_INDEX &&
           /* istanbul ignore next */
-          validationResult !== 'success'
+          !isSlideCorrect
         });
         if (finishedSlidesSize === TOTAL_SLIDES_STACK) updateReviewStatus('finished');
       },
@@ -138,8 +136,8 @@ const Slide = ({
     },
     klf,
     information,
-    type: validationResult === 'success' ? 'right' : 'wrong',
-    resultLabel: validationResult === 'success' ? successLabel : failureLabel
+    type: isSlideCorrect ? 'right' : 'wrong',
+    resultLabel: isSlideCorrect ? successLabel : failureLabel
   };
   const questionOrigin = 'From "Master Design Thinking to become more agile" course';
   const answerProps = get(['model', 'choices'], answerUI) ?
@@ -174,8 +172,8 @@ const Slide = ({
     key: "button-wrapper",
     className: style.validateButtonWrapper
   }, /*#__PURE__*/React.createElement(ButtonLink, validateButtonProps)), /*#__PURE__*/React.createElement("div", {
-    className: validationResult ? style.correctionPopinWrapper : style.hiddenCorrectionPopinWrapper,
-    style: _extends({}, finishedSlidesSize !== HIGHEST_INDEX && !validationResult && {
+    className: isSlideCorrect ? style.correctionPopinWrapper : style.hiddenCorrectionPopinWrapper,
+    style: _extends({}, finishedSlidesSize !== HIGHEST_INDEX && !isSlideCorrect && {
       display: 'none'
     })
   }, /*#__PURE__*/React.createElement(ReviewCorrectionPopin, _correctionPopinProps)));
@@ -193,7 +191,7 @@ const StackedSlides = ({
   updateSlidesOnNext,
   updateReviewStatus,
   updateStepItemsOnNext,
-  slideValidationResult,
+  progression,
   correctionPopinProps
 }) => {
   const stackedSlides = []; // eslint-disable-next-line fp/no-loops
@@ -210,7 +208,7 @@ const StackedSlides = ({
       updateSlidesOnNext,
       updateReviewStatus,
       updateStepItemsOnNext,
-      slideValidationResult,
+      progression,
       correctionPopinProps
     }, {
       key: slideNumber
@@ -240,7 +238,7 @@ const SlidesReview = ({
   updateStepItemsOnValidation,
   updateStepItemsOnNext,
   updateFinishedSlides,
-  slideValidationResult
+  progression
 }, context) => {
   const {
     skin
@@ -259,31 +257,31 @@ const SlidesReview = ({
   useEffect(
   /* istanbul ignore next */
   () => {
-    const slideNumber = get('slideNumber', slideValidationResult);
+    const slideNumber = get('slideNumber', progression);
 
-    if (slideValidationResult) {
+    if (progression) {
       const hidden = getOr(false, `${slideNumber}.hidden`, slides);
       const endReview = getOr(false, `${slideNumber}.endReview`, slides);
       const position = get(`${slideNumber}.position`, slides);
-      const result = get('result', slideValidationResult);
-      const exitNode = get('exitNode', slideValidationResult);
-      const nextSlide = get('nextSlide', slideValidationResult);
+      const isCorrect = get('isCorrect', progression);
+      const exitNode = get('exitNode', progression);
+      const nextContent = get('nextContent', progression);
       updateSlidesOnValidation({
         slideNumber,
         newSlideContent: {
           hidden,
           position,
-          validationResult: result,
+          isCorrect,
           endReview: !!exitNode
         },
         numberOfFinishedSlides: finishedSlidesSize,
-        nextSlide
+        nextContent
       });
       updateStepItemsOnValidation({
         stepNumber: slideNumber,
-        icon: result === 'success' ? ICON_VALUES.right : ICON_VALUES.wrong
+        icon: isCorrect ? ICON_VALUES.right : ICON_VALUES.wrong
       });
-      if (result === 'success') updateFinishedSlides({
+      if (isCorrect) updateFinishedSlides({
         slideNumber,
         value: true
       });
@@ -293,7 +291,7 @@ const SlidesReview = ({
       }
     }
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [slideValidationResult]);
+  [progression]);
   useEffect(
   /* istanbul ignore next */
   () => {
@@ -339,7 +337,7 @@ const SlidesReview = ({
     updateSlidesOnNext,
     updateReviewStatus,
     updateStepItemsOnNext,
-    slideValidationResult,
+    progression,
     correctionPopinProps
   }))) :
   /* istanbul ignore next */