@coorpacademy/components 10.21.0-alpha.0 → 10.21.2

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

@@ -0,0 +1,52 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _onboarding = _interopRequireDefault(require("./onboarding"));
+
+var _skills = _interopRequireDefault(require("./skills"));
+
+var _slides = _interopRequireDefault(require("./slides"));
+
+var _propTypes = _interopRequireWildcard(require("./prop-types"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+// -----------------------------------------------------------------------------
+const AppReview = (_ref) => {
+  let {
+    viewName,
+    onboarding,
+    skills,
+    slides
+  } = _ref,
+      dispachers = _objectWithoutPropertiesLoose(_ref, ["viewName", "onboarding", "skills", "slides"]);
+
+  switch (viewName) {
+    case _propTypes.ViewNames.skills:
+      return /*#__PURE__*/_react.default.createElement(_skills.default, _extends({}, skills, dispachers));
+
+    case _propTypes.ViewNames.onboarding:
+      return /*#__PURE__*/_react.default.createElement(_onboarding.default, _extends({}, onboarding, dispachers));
+
+    case _propTypes.ViewNames.slides:
+      return /*#__PURE__*/_react.default.createElement(_slides.default, _extends({}, slides, dispachers));
+  }
+};
+
+AppReview.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {}; // -----------------------------------------------------------------------------
+
+var _default = AppReview;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/template/app-review/index.js"],"names":["AppReview","viewName","onboarding","skills","slides","dispachers","ViewNames","propTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA;AAEA,MAAMA,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,SAAKK,qBAAUH,MAAf;AACE,0BAAO,6BAAC,eAAD,eAAYA,MAAZ,EAAwBE,UAAxB,EAAP;;AACF,SAAKC,qBAAUJ,UAAf;AACE,0BAAO,6BAAC,mBAAD,eAAgBA,UAAhB,EAAgCG,UAAhC,EAAP;;AACF,SAAKC,qBAAUF,MAAf;AACE,0BAAO,6BAAC,eAAD,eAAYA,MAAZ,EAAwBC,UAAxB,EAAP;AANJ;AAQD,CATD;;AAWAL,SAAS,CAACO,SAAV,2CAAsBA,kBAAtB,M,CAEA;;eAEeP,S","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/lib/template/app-review/index.native.js

@@ -0,0 +1,84 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _propTypes = _interopRequireWildcard(require("./prop-types"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// -----------------------------------------------------------------------------
+const styles = _reactNative.StyleSheet.create({
+  rootView: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+}); // -----------------------------------------------------------------------------
+
+
+const NavText = ({
+  viewName,
+  navigateTo
+}) => {
+  const handlePress = v => () => navigateTo(v);
+
+  switch (viewName) {
+    case _propTypes.ViewNames.home:
+      return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+        onPress: handlePress('onboarding')
+      }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "view home"));
+
+    case _propTypes.ViewNames.onboarding:
+      return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+        onPress: handlePress('quizzer')
+      }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "view onboarding"));
+
+    case _propTypes.ViewNames.slides:
+      return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+        onPress: handlePress('home')
+      }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "view quizzer"));
+
+    default:
+      return /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "view (none selected)");
+  }
+}; // -----------------------------------------------------------------------------
+
+
+const RootView = ({
+  viewName,
+  navigateBack,
+  navigateTo
+}) => {
+  (0, _react.useEffect)(() => {
+    const backAction = () => {
+      navigateBack();
+      return true;
+    }; // https://reactnative.dev/docs/backhandler
+
+
+    const backHandler = _reactNative.BackHandler.addEventListener('hardwareBackPress', backAction);
+
+    return () => backHandler.remove();
+  }, [navigateBack]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.rootView
+  }, /*#__PURE__*/_react.default.createElement(NavText, {
+    viewName: viewName,
+    navigateTo: navigateTo
+  }));
+}; // -----------------------------------------------------------------------------
+
+
+RootView.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
+NavText.propTypes = process.env.NODE_ENV !== "production" ? RootView.propTypes : {}; // -----------------------------------------------------------------------------
+
+var _default = RootView;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/template/app-review/index.native.js"],"names":["styles","StyleSheet","create","rootView","flex","alignItems","justifyContent","NavText","viewName","navigateTo","handlePress","v","ViewNames","home","onboarding","slides","RootView","navigateBack","backAction","backHandler","BackHandler","addEventListener","remove","propTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAEA;AAEA,MAAMA,MAAM,GAAGC,wBAAWC,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,SAAKI,qBAAUC,IAAf;AACE,0BACE,6BAAC,sBAAD;AAAW,QAAA,OAAO,EAAEH,WAAW,CAAC,YAAD;AAA/B,sBACE,6BAAC,iBAAD,oBADF,CADF;;AAKF,SAAKE,qBAAUE,UAAf;AACE,0BACE,6BAAC,sBAAD;AAAW,QAAA,OAAO,EAAEJ,WAAW,CAAC,SAAD;AAA/B,sBACE,6BAAC,iBAAD,0BADF,CADF;;AAKF,SAAKE,qBAAUG,MAAf;AACE,0BACE,6BAAC,sBAAD;AAAW,QAAA,OAAO,EAAEL,WAAW,CAAC,MAAD;AAA/B,sBACE,6BAAC,iBAAD,uBADF,CADF;;AAKF;AACE,0BAAO,6BAAC,iBAAD,+BAAP;AApBJ;AAsBD,CAzBD,C,CA2BA;;;AAEA,MAAMM,QAAQ,GAAG,CAAC;AAACR,EAAAA,QAAD;AAAWS,EAAAA,YAAX;AAAyBR,EAAAA;AAAzB,CAAD,KAA0C;AACzD,wBAAU,MAAM;AACd,UAAMS,UAAU,GAAG,MAAM;AACvBD,MAAAA,YAAY;AACZ,aAAO,IAAP;AACD,KAHD,CADc,CAMd;;;AACA,UAAME,WAAW,GAAGC,yBAAYC,gBAAZ,CAA6B,mBAA7B,EAAkDH,UAAlD,CAApB;;AAEA,WAAO,MAAMC,WAAW,CAACG,MAAZ,EAAb;AACD,GAVD,EAUG,CAACL,YAAD,CAVH;AAYA,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEjB,MAAM,CAACG;AAApB,kBACE,6BAAC,OAAD;AAAS,IAAA,QAAQ,EAAEK,QAAnB;AAA6B,IAAA,UAAU,EAAEC;AAAzC,IADF,CADF;AAKD,CAlBD,C,CAoBA;;;AAEAO,QAAQ,CAACO,SAAT,2CAAqBA,kBAArB;AACAhB,OAAO,CAACgB,SAAR,2CAAoBP,QAAQ,CAACO,SAA7B,M,CAEA;;eAEeP,Q","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/lib/template/app-review/onboarding/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _reviewPresentation = _interopRequireDefault(require("../../../atom/review-presentation"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _reviewPresentation.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,100 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reviewPresentation = _interopRequireDefault(require("../../../atom/review-presentation"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// 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 = _reactNative.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(_reactNative.View, {
+  style: styles.container
+}, /*#__PURE__*/React.createElement(_reactNative.Text, {
+  style: styles.title
+}, reviewTitle));
+
+Onboarding.propTypes = process.env.NODE_ENV !== "production" ? _reviewPresentation.default.propTypes : {};
+var _default = Onboarding;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/onboarding/index.native.js"],"names":["styles","StyleSheet","create","container","justifyContent","flex","padding","title","height","width","lineHeight","text","opacity","tip","flexDirection","overflow","alignItems","borderRadius","tipText","icon","margin","button","Onboarding","reviewTitle","propTypes","OnboardingWeb"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;;;AAEA;AAEA;AACA;AACA;AACA;AAEA,MAAMA,MAAM,GAAGC,wBAAWC,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,iBAAD;AAAM,EAAA,KAAK,EAAEvB,MAAM,CAACG;AAApB,gBACE,oBAAC,iBAAD;AAAM,EAAA,KAAK,EAAEH,MAAM,CAACO;AAApB,GAA4BgB,WAA5B,CADF,CADF;;AAMAD,UAAU,CAACE,SAAX,2CAAuBC,4BAAcD,SAArC;eAEeF,U","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/lib/template/app-review/prop-types.js

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.ViewNames = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _keys = _interopRequireDefault(require("lodash/fp/keys"));
+
+var _onboarding = _interopRequireDefault(require("./onboarding"));
+
+var _skills = _interopRequireDefault(require("./skills"));
+
+var _slides = _interopRequireDefault(require("./slides"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const ViewNames = {
+  skills: 'skills',
+  onboarding: 'onboarding',
+  slides: 'slides'
+};
+exports.ViewNames = ViewNames;
+var _default = {
+  viewName: _propTypes.default.oneOf((0, _keys.default)(ViewNames)),
+  onboarding: _propTypes.default.shape(_extends({}, _onboarding.default.propTypes)),
+  skills: _propTypes.default.shape(_extends({}, _skills.default.propTypes)),
+  slides: _propTypes.default.shape(_extends({}, _slides.default.propTypes))
+};
+exports.default = _default;
+//# sourceMappingURL=prop-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/template/app-review/prop-types.js"],"names":["ViewNames","skills","onboarding","slides","viewName","PropTypes","oneOf","shape","Onboarding","propTypes","Skills","Slides"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,MAAM,EAAE,QADe;AAEvBC,EAAAA,UAAU,EAAE,YAFW;AAGvBC,EAAAA,MAAM,EAAE;AAHe,CAAlB;;eAMQ;AACbC,EAAAA,QAAQ,EAAEC,mBAAUC,KAAV,CAAgB,mBAAKN,SAAL,CAAhB,CADG;AAEbE,EAAAA,UAAU,EAAEG,mBAAUE,KAAV,cAAoBC,oBAAWC,SAA/B,EAFC;AAGbR,EAAAA,MAAM,EAAEI,mBAAUE,KAAV,cAAoBG,gBAAOD,SAA3B,EAHK;AAIbN,EAAAA,MAAM,EAAEE,mBAAUE,KAAV,cAAoBI,gBAAOF,SAA3B;AAJK,C","sourcesContent":["import PropTypes from 'prop-types';\nimport keys from 'lodash/fp/keys';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Slides from './slides';\n\nexport const ViewNames = {\n  skills: 'skills',\n  onboarding: 'onboarding',\n  slides: 'slides'\n};\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/lib/template/app-review/skills/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _reviewSkills = _interopRequireDefault(require("../../../organism/review-skills"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _reviewSkills.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,197 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactNative = require("react-native");
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _reviewSkills = _interopRequireWildcard(require("../../../organism/review-skills"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// 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 = _reactNative.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(_reactNative.View, {
+  style: styles.extraSpace
+});
+
+const Skill = ({
+  title,
+  info
+}) => /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+  style: styles.skill,
+  onPress: onSelectSkill(title)
+}, /*#__PURE__*/React.createElement(_reactNative.View, {
+  style: styles.skillTexts
+}, /*#__PURE__*/React.createElement(_reactNative.Text, {
+  style: styles.skillTitle
+}, title), /*#__PURE__*/React.createElement(_reactNative.Text, {
+  style: styles.skillInfo
+}, info)), /*#__PURE__*/React.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
+  color: "#ededed",
+  height: 20,
+  width: 20
+}));
+
+Skill.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _propTypes.default.string,
+  info: _propTypes.default.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(_reactNative.FlatList, {
+  contentContainerStyle: styles.skills,
+  data: skills,
+  renderItem: Item
+});
+
+Item.propTypes = process.env.NODE_ENV !== "production" ? {
+  item: _propTypes.default.shape({
+    title: _propTypes.default.string,
+    info: _propTypes.default.string,
+    isExtraSpace: _propTypes.default.bool
+  })
+} : {};
+List.propTypes = process.env.NODE_ENV !== "production" ? {
+  skills: _reviewSkills.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(_reactNative.Text, {
+  style: styles.subtitle
+}, titleNoSkills), /*#__PURE__*/React.createElement(_reactNative.Text, {
+  style: styles.text
+}, textNoSkills));
+
+NoSkills.propTypes = process.env.NODE_ENV !== "production" ? _reviewSkills.NoSkillsPropTypes : {}; // -----------------------------------------------------------------------------
+//  title --> translations.revision.home.title
+
+const Skills = props => {
+  const {
+    title,
+    listSkills
+  } = props;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.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" ? _reviewSkills.default.propTypes : {}; // -----------------------------------------------------------------------------
+
+var _default = Skills;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/skills/index.native.js"],"names":["styles","StyleSheet","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","PropTypes","string","Item","item","isExtraSpace","List","shape","bool","ListSkillsPropTypes","listSkills","NoSkills","titleNoSkills","textNoSkills","NoSkillsPropTypes","Skills","props","length","SkillsWeb"],"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"}

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

@@ -0,0 +1,16 @@
+// 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} />);
+"use strict";
+//# sourceMappingURL=stories.js.map

package/lib/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"}