@coorpacademy/components 10.19.12 → 10.19.13-alpha.8

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

@@ -90,5 +90,7 @@ ReviewSkills.propTypes = process.env.NODE_ENV !== "production" ? _extends(_exten
   isLoading: PropTypes.bool,
   isLoadingAriaLabel: PropTypes.string
 }, ReviewListSkills.propTypes), ReviewNoSkills.propTypes) : {};
+export const ListSkillsPropTypes = ReviewListSkills.propTypes;
+export const NoSkillsPropTypes = ReviewNoSkills.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"],"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 default ReviewSkills;\n"],"file":"index.js"}
+{"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"}

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

@@ -0,0 +1,35 @@
+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 from 'react';
+import Onboarding from './onboarding';
+import Skills from './skills';
+import Slides from './slides';
+import propTypes, { ViewNames } from './prop-types'; // -----------------------------------------------------------------------------
+
+const AppReview = (_ref) => {
+  let {
+    viewName,
+    onboarding,
+    skills,
+    slides
+  } = _ref,
+      dispachers = _objectWithoutPropertiesLoose(_ref, ["viewName", "onboarding", "skills", "slides"]);
+
+  switch (viewName) {
+    case ViewNames.skills:
+      return /*#__PURE__*/React.createElement(Skills, _extends({}, skills, dispachers));
+
+    case ViewNames.onboarding:
+      return /*#__PURE__*/React.createElement(Onboarding, _extends({}, onboarding, dispachers));
+
+    case ViewNames.slides:
+      return /*#__PURE__*/React.createElement(Slides, _extends({}, slides, dispachers));
+  }
+};
+
+AppReview.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {}; // -----------------------------------------------------------------------------
+
+export default AppReview;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/template/app-review/index.js"],"names":["React","Onboarding","Skills","Slides","propTypes","ViewNames","AppReview","viewName","onboarding","skills","slides","dispachers"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;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;AANJ;AAQD,CATD;;AAWAL,SAAS,CAACF,SAAV,2CAAsBA,SAAtB,M,CAEA;;AAEA,eAAeE,SAAf","sourcesContent":["import React from 'react';\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  }\n};\n\nAppReview.propTypes = propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default AppReview;\n"],"file":"index.js"}

package/es/template/app-review/{root-view/root-view.native.js → index.native.js}

@@ -1,7 +1,6 @@
 import React, { useEffect } from 'react';
 import { Text, StyleSheet, Pressable, View, BackHandler } from 'react-native';
-import propTypes from './prop-types';
-import { ViewNames } from './common'; // -----------------------------------------------------------------------------
+import propTypes, { ViewNames } from './prop-types'; // -----------------------------------------------------------------------------
 
 const styles = StyleSheet.create({
   rootView: {
@@ -67,4 +66,4 @@ RootView.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 NavText.propTypes = process.env.NODE_ENV !== "production" ? RootView.propTypes : {}; // -----------------------------------------------------------------------------
 
 export default RootView;
-//# sourceMappingURL=root-view.native.js.map
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+import Onboarding from '../../../atom/review-presentation';
+export default Onboarding;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/onboarding/index.js"],"names":["Onboarding"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,mCAAvB;AAEA,eAAeA,UAAf","sourcesContent":["import Onboarding from '../../../atom/review-presentation';\n\nexport default Onboarding;\n"],"file":"index.js"}

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

@@ -0,0 +1,84 @@
+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 theme from '../../../modules/theme';
+// import translations from '../../../translations';
+// import Button from '../../../app-shared/components/button';
+// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';
+
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'space-between',
+    flex: 1,
+    padding: 20 // paddingTop: HEADER_HEIGHT + 20
+
+  },
+  title: {
+    height: 72,
+    width: 268,
+    // fontSize: theme.fontSize.xxlarge,
+    // fontWeight: theme.fontWeight.bold,
+    lineHeight: 36 // color: theme.colors.text.primary,
+    // marginBottom: theme.spacing.small
+
+  },
+  text: {
+    // fontSize: theme.fontSize.large,
+    // color: theme.colors.text.primary,
+    opacity: 0.7 // marginBottom: theme.spacing.small
+
+  },
+  tip: {
+    flexDirection: 'row',
+    overflow: 'hidden',
+    alignItems: 'center',
+    height: 54,
+    borderRadius: 8 // backgroundColor: theme.colors.gray.extra,
+    // marginTop: theme.spacing.micro,
+    // marginBottom: theme.spacing.micro
+
+  },
+  tipText: {// fontSize: theme.fontSize.large,
+    // color: theme.colors.text.primary
+  },
+  icon: {
+    margin: 10
+  },
+  button: {
+    height: 52,
+    borderRadius: 7 // marginBottom: theme.spacing.large,
+    // marginTop: theme.spacing.large
+
+  }
+}); // const Tip = ({Icon, text}) => (
+//   <View style={styles.tip}>
+//     {/* <Icon height={16} width={16} style={styles.icon} color={theme.colors.text.primary} /> */}
+//     <Text style={styles.tipText}>{text}</Text>
+//   </View>
+// );
+
+/*
+reviewTitle --> translations.revision.onboarding.title
+*/
+// {/* <Text style={styles.title}>{translations.revision.onboarding.title}</Text>
+// <Text style={styles.text}>{translations.revision.onboarding.intro1}</Text>
+// <Text style={styles.text}>{translations.revision.onboarding.intro2}</Text>
+// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip1} />
+// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip2} />
+// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip3} />
+// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip4} /> */}
+// {/* <Button style={styles.button} onPress={onButtonPress} testID={`button-quit-revision-onboarding`}>
+//   {translations.revision.onboarding.validate}
+// </Button> */}
+
+const Onboarding = ({
+  reviewTitle
+}) => /*#__PURE__*/React.createElement(View, {
+  style: styles.container
+}, /*#__PURE__*/React.createElement(Text, {
+  style: styles.title
+}, reviewTitle));
+
+Onboarding.propTypes = process.env.NODE_ENV !== "production" ? OnboardingWeb.propTypes : {};
+export default Onboarding;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +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"}

package/es/template/app-review/{root-view/prop-types.js → prop-types.js}

@@ -2,14 +2,18 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import PropTypes from 'prop-types';
 import keys from 'lodash/fp/keys';
-import ReviewDashboardSkills from '../../review-dashboard-skills';
-import SlidesReview from '../slides-review';
-import { ViewNames } from './common';
+import Onboarding from './onboarding';
+import Skills from './skills';
+import Slides from './slides';
+export const ViewNames = {
+  skills: 'skills',
+  onboarding: 'onboarding',
+  slides: 'slides'
+};
 export default {
   viewName: PropTypes.oneOf(keys(ViewNames)),
-  navigateBack: PropTypes.func,
-  navigateTo: PropTypes.func,
-  onboarding: PropTypes.shape(_extends({}, ReviewDashboardSkills.propTypes)),
-  slidesReview: PropTypes.shape(_extends({}, SlidesReview.propTypes))
+  onboarding: PropTypes.shape(_extends({}, Onboarding.propTypes)),
+  skills: PropTypes.shape(_extends({}, Skills.propTypes)),
+  slides: PropTypes.shape(_extends({}, Slides.propTypes))
 };
 //# sourceMappingURL=prop-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/template/app-review/prop-types.js"],"names":["PropTypes","keys","Onboarding","Skills","Slides","ViewNames","skills","onboarding","slides","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;AAHe,CAAlB;AAMP,eAAe;AACbC,EAAAA,QAAQ,EAAET,SAAS,CAACU,KAAV,CAAgBT,IAAI,CAACI,SAAD,CAApB,CADG;AAEbE,EAAAA,UAAU,EAAEP,SAAS,CAACW,KAAV,cAAoBT,UAAU,CAACU,SAA/B,EAFC;AAGbN,EAAAA,MAAM,EAAEN,SAAS,CAACW,KAAV,cAAoBR,MAAM,CAACS,SAA3B,EAHK;AAIbJ,EAAAA,MAAM,EAAER,SAAS,CAACW,KAAV,cAAoBP,MAAM,CAACQ,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};\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"}

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

@@ -0,0 +1,3 @@
+import Skills from '../../../organism/review-skills';
+export default Skills;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/skills/index.js"],"names":["Skills"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,iCAAnB;AAEA,eAAeA,MAAf","sourcesContent":["import Skills from '../../../organism/review-skills';\n\nexport default Skills;\n"],"file":"index.js"}

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

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

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

@@ -0,0 +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":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,IAAR,EAAcC,QAAd,EAAwBC,SAAxB,EAAmCC,UAAnC,EAA+CC,IAA/C,QAA0D,cAA1D;AACA,SAAQC,mCAAmC,IAAIC,UAA/C,QAAgE,0BAAhE;AACA,OAAOC,SAAP,IAAmBC,mBAAnB,EAAwCC,iBAAxC,QAAgE,iCAAhE,C,CAEA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,IAAI,EAAE,CADG;AAETC,IAAAA,OAAO,EAAE,EAFA,CAGT;AACA;;AAJS,GADoB;AAO/BC,EAAAA,KAAK,EAAE;AACL;AACA;AACAC,IAAAA,UAAU,EAAE,EAHP,CAIL;AACA;AACA;;AANK,GAPwB;AAe/BC,EAAAA,QAAQ,EAAE,CACR;AACA;AACA;AAHQ,GAfqB;AAoB/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,EADN;AAEJH,IAAAA,UAAU,EAAE,EAFR;AAGJ;AACAI,IAAAA,OAAO,EAAE,GAJL,CAKJ;;AALI,GApByB;AA2B/BC,EAAAA,aAAa,EAAE;AACbR,IAAAA,IAAI,EAAE,CADO;AAEbS,IAAAA,SAAS,EAAE,QAFE;AAGbC,IAAAA,KAAK,EAAE,GAHM;AAIbC,IAAAA,MAAM,EAAE;AAJK,GA3BgB;AAiC/BC,EAAAA,MAAM,EAAE,EAjCuB;AAkC/BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,MADJ;AAELC,IAAAA,aAAa,EAAE,KAFV;AAGLC,IAAAA,QAAQ,EAAE,QAHL;AAILC,IAAAA,UAAU,EAAE,QAJP;AAKLN,IAAAA,MAAM,EAAE,GALH;AAMLO,IAAAA,YAAY,EAAE,CANT,CAOL;AACA;AACA;AACA;;AAVK,GAlCwB;AA8C/BC,EAAAA,UAAU,EAAE;AACVnB,IAAAA,IAAI,EAAE,CADI;AAEVe,IAAAA,aAAa,EAAE;AAFL,GA9CmB;AAkD/BK,EAAAA,UAAU,EAAE;AACVd,IAAAA,QAAQ,EAAE,EADA;AAEVe,IAAAA,UAAU,EAAE,KAFF;AAGVlB,IAAAA,UAAU,EAAE,EAHF,CAIV;AACA;;AALU,GAlDmB;AAyD/BmB,EAAAA,SAAS,EAAE;AACThB,IAAAA,QAAQ,EAAE,EADD;AAETH,IAAAA,UAAU,EAAE,EAFH,CAGT;;AAHS,GAzDoB;AA8D/BoB,EAAAA,UAAU,EAAE;AACVZ,IAAAA,MAAM,EAAE;AADE;AA9DmB,CAAlB,CAAf,C,CAmEA;;AAEA,MAAMa,aAAa,GAAGtB,KAAK,IAAI,MAAM;AACnC;AACAuB,EAAAA,OAAO,CAACC,GAAR,CAAY,YAAZ,EAA0B;AAACxB,IAAAA;AAAD,GAA1B;AACD,CAHD;;AAKA,MAAMyB,UAAU,GAAG,mBAAM,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAE9B,MAAM,CAAC0B;AAApB,EAAzB;;AAEA,MAAMK,KAAK,GAAG,CAAC;AAAC1B,EAAAA,KAAD;AAAQ2B,EAAAA;AAAR,CAAD,kBACZ,oBAAC,SAAD;AAAW,EAAA,KAAK,EAAEhC,MAAM,CAACgB,KAAzB;AAAgC,EAAA,OAAO,EAAEW,aAAa,CAACtB,KAAD;AAAtD,gBACE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEL,MAAM,CAACsB;AAApB,gBACE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEtB,MAAM,CAACuB;AAApB,GAAiClB,KAAjC,CADF,eAEE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEL,MAAM,CAACyB;AAApB,GAAgCO,IAAhC,CAFF,CADF,eAKE,oBAAC,UAAD;AAAY,EAAA,KAAK,EAAC,SAAlB;AAA4B,EAAA,MAAM,EAAE,EAApC;AAAwC,EAAA,KAAK,EAAE;AAA/C,EALF,CADF;;AAUAD,KAAK,CAACE,SAAN,2CAAkB;AAChB5B,EAAAA,KAAK,EAAEhB,SAAS,CAAC6C,MADD;AAEhBF,EAAAA,IAAI,EAAE3C,SAAS,CAAC6C;AAFA,CAAlB,M,CAKA;;AAEA,MAAMC,IAAI,GAAG,CAAC;AAACC,EAAAA,IAAI,EAAE;AAAC/B,IAAAA,KAAD;AAAQ2B,IAAAA,IAAR;AAAcK,IAAAA,YAAY,GAAG;AAA7B;AAAP,CAAD,KACXA,YAAY,gBAAG,oBAAC,UAAD,OAAH,gBAAoB,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAEhC,KAAd;AAAqB,EAAA,IAAI,EAAE2B;AAA3B,EADlC;;AAGA,MAAMM,IAAI,GAAG,CAAC;AAACvB,EAAAA;AAAD,CAAD,kBACX,oBAAC,QAAD;AAAU,EAAA,qBAAqB,EAAEf,MAAM,CAACe,MAAxC;AAAgD,EAAA,IAAI,EAAEA,MAAtD;AAA8D,EAAA,UAAU,EAAEoB;AAA1E,EADF;;AAIAA,IAAI,CAACF,SAAL,2CAAiB;AACfG,EAAAA,IAAI,EAAE/C,SAAS,CAACkD,KAAV,CAAgB;AACpBlC,IAAAA,KAAK,EAAEhB,SAAS,CAAC6C,MADG;AAEpBF,IAAAA,IAAI,EAAE3C,SAAS,CAAC6C,MAFI;AAGpBG,IAAAA,YAAY,EAAEhD,SAAS,CAACmD;AAHJ,GAAhB;AADS,CAAjB;AAQAF,IAAI,CAACL,SAAL,2CAAiB;AACflB,EAAAA,MAAM,EAAEjB,mBAAmB,CAAC2C;AADb,CAAjB,M,CAIA;;AAEA;;;;;;;AAMA,MAAMC,QAAQ,GAAG,CAAC;AAACC,EAAAA,aAAD;AAAgBC,EAAAA;AAAhB,CAAD,kBACf,uDACE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAE5C,MAAM,CAACO;AAApB,GAA+BoC,aAA/B,CADF,eAEE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAE3C,MAAM,CAACQ;AAApB,GAA2BoC,YAA3B,CAFF,CADF;;AAOAF,QAAQ,CAACT,SAAT,2CAAqBlC,iBAArB,M,CAEA;AAEA;;AACA,MAAM8C,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAACzC,IAAAA,KAAD;AAAQoC,IAAAA;AAAR,MAAsBK,KAA5B;AAEA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE9C,MAAM,CAACE;AAApB,kBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEF,MAAM,CAACK;AAApB,KAA4BA,KAA5B,CADF,EAEG,CAACoC,UAAD,IAAeA,UAAU,CAACM,MAAX,KAAsB,CAArC,gBACC,oBAAC,QAAD,OADD,gBAGC,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAE,CAAC,GAAGN,UAAJ,EAAgB;AAACJ,MAAAA,YAAY,EAAE;AAAf,KAAhB;AAAd,IALJ,CADF;AAUD,CAbD;;AAeAQ,MAAM,CAACZ,SAAP,2CAAmBpC,SAAS,CAACoC,SAA7B,M,CAEA;;AAEA,eAAeY,MAAf","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"}

package/es/template/app-review/skills/stories.js

@@ -0,0 +1,15 @@
+// import * as React from 'react';
+// import {storiesOf} from '@storybook/react-native';
+// import RevisionHome from './revision-home';
+// const emptySkills: [] = [];
+// const skillsToRevise: {title: string; info: string}[] = [
+//   {title: 'Negotiation and powers of persuasion', info: '75 questions to revise'},
+//   {title: 'Negotiation and powers of persuasion', info: '75 questions to revise'},
+//   {title: 'Negotiation and powers of persuasion', info: '75 questions to revise'},
+//   {title: 'Negotiation and powers of persuasion', info: '75 questions to revise'},
+//   {title: 'Creativity and innovation', info: '75 questions to revise'}
+// ];
+// storiesOf('RevisionHome', module)
+//   .add('No skills', () => <RevisionHome skillsToRevise={emptySkills} />)
+//   .add('Few skills', () => <RevisionHome skillsToRevise={skillsToRevise} />);
+//# sourceMappingURL=stories.js.map

package/es/template/app-review/skills/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/skills/stories.tsx"],"names":[],"mappings":"AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA","sourcesContent":["// import * as React from 'react';\n// import {storiesOf} from '@storybook/react-native';\n// import RevisionHome from './revision-home';\n\n// const emptySkills: [] = [];\n// const skillsToRevise: {title: string; info: string}[] = [\n//   {title: 'Negotiation and powers of persuasion', info: '75 questions to revise'},\n//   {title: 'Negotiation and powers of persuasion', info: '75 questions to revise'},\n//   {title: 'Negotiation and powers of persuasion', info: '75 questions to revise'},\n//   {title: 'Negotiation and powers of persuasion', info: '75 questions to revise'},\n//   {title: 'Creativity and innovation', info: '75 questions to revise'}\n// ];\n\n// storiesOf('RevisionHome', module)\n//   .add('No skills', () => <RevisionHome skillsToRevise={emptySkills} />)\n//   .add('Few skills', () => <RevisionHome skillsToRevise={skillsToRevise} />);\n"],"file":"stories.js"}