@coorpacademy/components 10.24.2 → 10.24.3-alpha.8

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

@@ -3,52 +3,46 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var React = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
-var _propTypes2 = _interopRequireWildcard(require("../../../organism/review-skills/prop-types"));
+var _templateContext = require("../template-context");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _index = require("../../../organism/header-v2/index.native");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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({
+const createStyleSheet = theme => _reactNative.StyleSheet.create({
   container: {
     flex: 1,
-    padding: 20 // paddingTop: HEADER_HEIGHT + 20,
-    // backgroundColor: theme.colors.white
-
+    padding: 20,
+    paddingTop: _index.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
-
+    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
+  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
-
+    color: theme.colors.text.primary,
+    opacity: 0.7,
+    marginBottom: theme.spacing.base
   },
   noSkillsImage: {
     flex: 1,
@@ -56,18 +50,20 @@ const styles = _reactNative.StyleSheet.create({
     width: 320,
     height: 300
   },
-  skills: {},
+  skills: {
+    paddingBottom: 100
+  },
   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
-
+    borderRadius: 8,
+    backgroundColor: theme.colors.gray.lighter,
+    marginTop: theme.spacing.micro,
+    marginBottom: theme.spacing.micro,
+    padding: theme.spacing.base
   },
   skillTexts: {
     flex: 1,
@@ -76,17 +72,14 @@ const styles = _reactNative.StyleSheet.create({
   skillTitle: {
     fontSize: 18,
     fontWeight: '600',
-    lineHeight: 22 // color: theme.colors.text.primary,
-    // marginBottom: theme.spacing.tiny
-
+    lineHeight: 22,
+    color: theme.colors.text.primary,
+    marginBottom: theme.spacing.tiny
   },
   skillInfo: {
     fontSize: 12,
-    lineHeight: 16 // color: theme.colors.gray.medium
-
-  },
-  extraSpace: {
-    height: 100
+    lineHeight: 16,
+    color: theme.colors.gray.medium
   }
 }); // -----------------------------------------------------------------------------
 
@@ -98,99 +91,141 @@ const onSelectSkill = 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 templateContext = (0, _templateContext.useTemplateContext)();
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  const {
+    theme
+  } = templateContext;
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    style: styleSheet.skill,
+    onPress: onSelectSkill(title)
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.skillTexts
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.skillTitle
+  }, title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.skillInfo
+  }, info)), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
+    color: "#ededed",
+    height: 20,
+    width: 20
+  }));
+}; // -----------------------------------------------------------------------------
+
 
 const Item = ({
   item: {
     title,
-    info,
-    isExtraSpace = false
+    info
   }
-}) => isExtraSpace ? /*#__PURE__*/React.createElement(ExtraSpace, null) : /*#__PURE__*/React.createElement(Skill, {
+}) => /*#__PURE__*/_react.default.createElement(Skill, {
   title: title,
   info: info
 });
 
-const List = ({
-  skills
-}) => /*#__PURE__*/React.createElement(_reactNative.FlatList, {
-  contentContainerStyle: styles.skills,
-  data: skills,
-  renderItem: Item
-});
+const List = props => {
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  const {
+    theme
+  } = templateContext;
+  const {
+    skills
+  } = props;
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  const formattedDataList = [];
+  skills.map(skill => formattedDataList.push({
+    title: skill.skillTitle,
+    info: skill.skillAriaLabel
+  }));
+  return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    contentContainerStyle: styleSheet.skills,
+    data: formattedDataList,
+    renderItem: Item
+  });
+}; // -----------------------------------------------------------------------------
+
+
+const NoSkills = () => {
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  const {
+    theme,
+    translations
+  } = templateContext;
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
 
-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: _propTypes2.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" ? _propTypes2.NoSkillsPropTypes : {}; // -----------------------------------------------------------------------------
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.subtitle
+  }, translations.appReview?.noSkills?.title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.text
+  }, translations.appReview?.noSkills?.text), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyEmptyStateHomeRevision, {
+    style: styleSheet.noSkillsImage
+  }));
+}; // -----------------------------------------------------------------------------
 //  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
-    }]
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  const {
+    theme
+  } = templateContext;
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]); // ------------------------------------
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.title
+  }, title), !listSkills || listSkills.length === 0 ? /*#__PURE__*/_react.default.createElement(NoSkills, null) : /*#__PURE__*/_react.default.createElement(List, {
+    skills: listSkills
   }));
-};
+}; // -----------------------------------------------------------------------------
 
-Skills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes2.default : {}; // -----------------------------------------------------------------------------
 
 var _default = Skills;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"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"],"sources":["../../../../src/template/app-review/skills/index.native.js"],"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"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAKA;AACA;AACA;AACA;AACA;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC/BC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,OAAO,EAAE,EAFA,CAGT;IACA;;EAJS,CADoB;EAO/BC,KAAK,EAAE;IACL;IACA;IACAC,UAAU,EAAE,EAHP,CAIL;IACA;IACA;;EANK,CAPwB;EAe/BC,QAAQ,EAAE,CACR;IACA;IACA;EAHQ,CAfqB;EAoB/BC,IAAI,EAAE;IACJC,QAAQ,EAAE,EADN;IAEJH,UAAU,EAAE,EAFR;IAGJ;IACAI,OAAO,EAAE,GAJL,CAKJ;;EALI,CApByB;EA2B/BC,aAAa,EAAE;IACbR,IAAI,EAAE,CADO;IAEbS,SAAS,EAAE,QAFE;IAGbC,KAAK,EAAE,GAHM;IAIbC,MAAM,EAAE;EAJK,CA3BgB;EAiC/BC,MAAM,EAAE,EAjCuB;EAkC/BC,KAAK,EAAE;IACLC,OAAO,EAAE,MADJ;IAELC,aAAa,EAAE,KAFV;IAGLC,QAAQ,EAAE,QAHL;IAILC,UAAU,EAAE,QAJP;IAKLN,MAAM,EAAE,GALH;IAMLO,YAAY,EAAE,CANT,CAOL;IACA;IACA;IACA;;EAVK,CAlCwB;EA8C/BC,UAAU,EAAE;IACVnB,IAAI,EAAE,CADI;IAEVe,aAAa,EAAE;EAFL,CA9CmB;EAkD/BK,UAAU,EAAE;IACVd,QAAQ,EAAE,EADA;IAEVe,UAAU,EAAE,KAFF;IAGVlB,UAAU,EAAE,EAHF,CAIV;IACA;;EALU,CAlDmB;EAyD/BmB,SAAS,EAAE;IACThB,QAAQ,EAAE,EADD;IAETH,UAAU,EAAE,EAFH,CAGT;;EAHS,CAzDoB;EA8D/BoB,UAAU,EAAE;IACVZ,MAAM,EAAE;EADE;AA9DmB,CAAlB,CAAf,C,CAmEA;;;AAEA,MAAMa,aAAa,GAAGtB,KAAK,IAAI,MAAM;EACnC;EACAuB,OAAO,CAACC,GAAR,CAAY,YAAZ,EAA0B;IAACxB;EAAD,CAA1B;AACD,CAHD;;AAKA,MAAMyB,UAAU,GAAG,mBAAM,oBAAC,iBAAD;EAAM,KAAK,EAAE/B,MAAM,CAAC2B;AAApB,EAAzB;;AAEA,MAAMK,KAAK,GAAG,CAAC;EAAC1B,KAAD;EAAQ2B;AAAR,CAAD,kBACZ,oBAAC,sBAAD;EAAW,KAAK,EAAEjC,MAAM,CAACiB,KAAzB;EAAgC,OAAO,EAAEW,aAAa,CAACtB,KAAD;AAAtD,gBACE,oBAAC,iBAAD;EAAM,KAAK,EAAEN,MAAM,CAACuB;AAApB,gBACE,oBAAC,iBAAD;EAAM,KAAK,EAAEvB,MAAM,CAACwB;AAApB,GAAiClB,KAAjC,CADF,eAEE,oBAAC,iBAAD;EAAM,KAAK,EAAEN,MAAM,CAAC0B;AAApB,GAAgCO,IAAhC,CAFF,CADF,eAKE,oBAAC,8CAAD;EAAY,KAAK,EAAC,SAAlB;EAA4B,MAAM,EAAE,EAApC;EAAwC,KAAK,EAAE;AAA/C,EALF,CADF;;AAUAD,KAAK,CAACE,SAAN,2CAAkB;EAChB5B,KAAK,EAAE6B,kBAAA,CAAUC,MADD;EAEhBH,IAAI,EAAEE,kBAAA,CAAUC;AAFA,CAAlB,M,CAKA;;AAEA,MAAMC,IAAI,GAAG,CAAC;EAACC,IAAI,EAAE;IAAChC,KAAD;IAAQ2B,IAAR;IAAcM,YAAY,GAAG;EAA7B;AAAP,CAAD,KACXA,YAAY,gBAAG,oBAAC,UAAD,OAAH,gBAAoB,oBAAC,KAAD;EAAO,KAAK,EAAEjC,KAAd;EAAqB,IAAI,EAAE2B;AAA3B,EADlC;;AAGA,MAAMO,IAAI,GAAG,CAAC;EAACxB;AAAD,CAAD,kBACX,oBAAC,qBAAD;EAAU,qBAAqB,EAAEhB,MAAM,CAACgB,MAAxC;EAAgD,IAAI,EAAEA,MAAtD;EAA8D,UAAU,EAAEqB;AAA1E,EADF;;AAIAA,IAAI,CAACH,SAAL,2CAAiB;EACfI,IAAI,EAAEH,kBAAA,CAAUM,KAAV,CAAgB;IACpBnC,KAAK,EAAE6B,kBAAA,CAAUC,MADG;IAEpBH,IAAI,EAAEE,kBAAA,CAAUC,MAFI;IAGpBG,YAAY,EAAEJ,kBAAA,CAAUO;EAHJ,CAAhB;AADS,CAAjB;AAQAF,IAAI,CAACN,SAAL,2CAAiB;EACflB,MAAM,EAAE2B,+BAAA,CAAoBC;AADb,CAAjB,M,CAIA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,QAAQ,GAAG,CAAC;EAACC,aAAD;EAAgBC;AAAhB,CAAD,kBACf,uDACE,oBAAC,iBAAD;EAAM,KAAK,EAAE/C,MAAM,CAACQ;AAApB,GAA+BsC,aAA/B,CADF,eAEE,oBAAC,iBAAD;EAAM,KAAK,EAAE9C,MAAM,CAACS;AAApB,GAA2BsC,YAA3B,CAFF,CADF;;AAOAF,QAAQ,CAACX,SAAT,2CAAqBc,6BAArB,M,CAEA;AAEA;;AACA,MAAMC,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IAAC5C,KAAD;IAAQsC;EAAR,IAAsBM,KAA5B;EAEA,oBACE,oBAAC,iBAAD;IAAM,KAAK,EAAElD,MAAM,CAACG;EAApB,gBACE,oBAAC,iBAAD;IAAM,KAAK,EAAEH,MAAM,CAACM;EAApB,GAA4BA,KAA5B,CADF,EAEG,CAACsC,UAAD,IAAeA,UAAU,CAACO,MAAX,KAAsB,CAArC,gBACC,oBAAC,QAAD,OADD,gBAGC,oBAAC,IAAD;IAAM,MAAM,EAAE,CAAC,GAAGP,UAAJ,EAAgB;MAACL,YAAY,EAAE;IAAf,CAAhB;EAAd,EALJ,CADF;AAUD,CAbD;;AAeAU,MAAM,CAACf,SAAP,2CAAmBA,mBAAnB,M,CAEA;;eAEee,M"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","flex","padding","paddingTop","HEADER_HEIGHT","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","subtitle","tiny","opacity","noSkillsImage","alignSelf","width","height","skills","paddingBottom","skill","display","flexDirection","overflow","alignItems","borderRadius","gray","lighter","micro","skillTexts","skillTitle","skillInfo","medium","onSelectSkill","console","log","Skill","info","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","Item","item","List","props","formattedDataList","map","push","skillAriaLabel","NoSkills","translations","appReview","noSkills","Skills","listSkills","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, FlatList, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../template-context';\nimport {Theme} from '../../../variables/theme.native';\n\nimport {HEADER_HEIGHT} from '../../../organism/header-v2/index.native';\nimport {ItemProps, ListSkillsProps, SkillProps, SkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  title: TextStyle;\n  subtitle: TextStyle;\n  text: TextStyle;\n  noSkillsImage: ViewStyle;\n  skills: ViewStyle;\n  skill: ViewStyle;\n  skillTexts: TextStyle;\n  skillTitle: TextStyle;\n  skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  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: {paddingBottom: 100},\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  });\n\n// -----------------------------------------------------------------------------\n\nconst onSelectSkill = (title: string) => () => {\n  // eslint-disable-next-line no-console\n  console.log('pressed on', {title});\n};\n\nconst Skill = ({title, info}: SkillProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Pressable style={styleSheet.skill} onPress={onSelectSkill(title)}>\n      <View style={styleSheet.skillTexts}>\n        <Text style={styleSheet.skillTitle}>{title}</Text>\n        <Text style={styleSheet.skillInfo}>{info}</Text>\n      </View>\n      <ArrowRight color=\"#ededed\" height={20} width={20} />\n    </Pressable>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nconst Item = ({item: {title, info}}: ItemProps) => <Skill title={title} info={info} />;\n\ntype ItemDataType = {\n  title: string;\n  info: string;\n};\n\nconst List = (props: {skills: Array<ListSkillsProps>}) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {skills} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const formattedDataList: Array<ItemDataType> = [];\n  skills.map(skill =>\n    formattedDataList.push({\n      title: skill.skillTitle,\n      info: skill.skillAriaLabel\n    })\n  );\n\n  return (\n    <FlatList\n      contentContainerStyle={styleSheet.skills}\n      data={formattedDataList}\n      renderItem={Item}\n    />\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nconst NoSkills = () => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme, translations} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <>\n      <Text style={styleSheet.subtitle}>{translations.appReview?.noSkills?.title}</Text>\n      <Text style={styleSheet.text}>{translations.appReview?.noSkills?.text}</Text>\n      <EmptyStateHomeRevision style={styleSheet.noSkillsImage} />\n    </>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\n//  title --> translations.revision.home.title\nconst Skills = (props: SkillsProps) => {\n  const {title, listSkills} = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <Text style={styleSheet.title}>{title}</Text>\n      {!listSkills || listSkills.length === 0 ? <NoSkills /> : <List skills={listSkills} />}\n    </View>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nexport default Skills;\n"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SkillPropsTypes = exports.ListPropTypes = exports.ItemPropsTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _propTypes2 = require("../../../organism/review-skills/prop-types");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const SkillPropsTypes = {
+  title: _propTypes.default.string,
+  info: _propTypes.default.string
+};
+exports.SkillPropsTypes = SkillPropsTypes;
+const ItemPropsTypes = {
+  item: _propTypes.default.shape({
+    title: _propTypes.default.string,
+    info: _propTypes.default.string,
+    isExtraSpace: _propTypes.default.bool
+  })
+};
+exports.ItemPropsTypes = ItemPropsTypes;
+const ListPropTypes = {
+  skills: _propTypes2.ListSkillsPropTypes.listSkills
+};
+exports.ListPropTypes = ListPropTypes;
+//# sourceMappingURL=prop-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.js","names":["SkillPropsTypes","title","PropTypes","string","info","ItemPropsTypes","item","shape","isExtraSpace","bool","ListPropTypes","skills","ListSkillsPropTypes","listSkills"],"sources":["../../../../src/template/app-review/skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ListSkillsPropTypes} from '../../../organism/review-skills/prop-types';\n\nexport const SkillPropsTypes = {\n  title: PropTypes.string,\n  info: PropTypes.string\n};\n\nexport const ItemPropsTypes = {\n  item: PropTypes.shape({\n    title: PropTypes.string,\n    info: PropTypes.string,\n    isExtraSpace: PropTypes.bool\n  })\n};\n\nexport const ListPropTypes = {\n  skills: ListSkillsPropTypes.listSkills\n};\n\nexport type SkillProps = {\n  title: string;\n  info: string;\n};\n\nexport type ItemProps = {\n  item: {title: string; info: string};\n};\n\nexport type NoSkillsProps = {\n  titleNoSkills: string;\n  textNoSkills: string;\n};\n\nexport type ListSkillsProps = {\n  skillTitle: string;\n  isCustom: boolean;\n  'aria-label': string;\n  skillAriaLabel: string;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  reviseLabel: string;\n  reviseAriaLabel: string;\n  onClick: () => void;\n};\n\nexport type SkillsProps = {\n  title: string;\n  listSkills: Array<ListSkillsProps>;\n};\n"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,eAAe,GAAG;EAC7BC,KAAK,EAAEC,kBAAA,CAAUC,MADY;EAE7BC,IAAI,EAAEF,kBAAA,CAAUC;AAFa,CAAxB;;AAKA,MAAME,cAAc,GAAG;EAC5BC,IAAI,EAAEJ,kBAAA,CAAUK,KAAV,CAAgB;IACpBN,KAAK,EAAEC,kBAAA,CAAUC,MADG;IAEpBC,IAAI,EAAEF,kBAAA,CAAUC,MAFI;IAGpBK,YAAY,EAAEN,kBAAA,CAAUO;EAHJ,CAAhB;AADsB,CAAvB;;AAQA,MAAMC,aAAa,GAAG;EAC3BC,MAAM,EAAEC,+BAAA,CAAoBC;AADD,CAAtB"}

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

@@ -15,7 +15,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 Context = (0, _react.createContext)({
+const Context = /*#__PURE__*/(0, _react.createContext)({
   theme: _theme.default,
   translations: {},
   display: {

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

@@ -1 +1 @@
-{"version":3,"file":"template-context.js","names":["Context","createContext","theme","defaultTheme","translations","display","headerHeight","statusBarHeight","store","useTemplateContext","context","useContext","Error","TemplateContext","values","children"],"sources":["../../../src/template/app-review/template-context.tsx"],"sourcesContent":["import React, {createContext, useContext} from 'react';\nimport {Translations} from '../../types/translations';\nimport {Analytics} from '../../variables/analytics';\nimport defaultTheme, {Theme} from '../../variables/theme.native';\nimport {Vibration} from '../../variables/vibration';\n\nexport type HandleBlur = () => void;\nexport type HandleFocus = (id: string) => () => void;\nexport type FocusedSelectId = string | null;\n\nexport type TemplateContextValues = {\n  analytics?: Analytics;\n  brandTheme?: any;\n  theme: Theme;\n  translations: Translations;\n  vibration?: Vibration;\n  display: {\n    headerHeight: number;\n    statusBarHeight: number;\n  };\n  store: {\n    focusedSelectId?: FocusedSelectId;\n    handleBlur?: HandleBlur;\n    handleFocus?: HandleFocus;\n  };\n};\n\ntype Props = {values: TemplateContextValues; children: any};\n\nconst Context = createContext({\n  theme: defaultTheme,\n  translations: {},\n  display: {\n    headerHeight: 67,\n    statusBarHeight: 42\n  },\n  store: {}\n});\n\nconst useTemplateContext = (): TemplateContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error(\n      `❌ [TemplateContext] useTemplateContext must be used within a provider <TemplateContext>`\n    );\n  }\n\n  return context;\n};\n\nconst TemplateContext = ({values, children}: Props) => {\n  return <Context.Provider value={{...values}}>{children}</Context.Provider>;\n};\n\nexport {TemplateContext, useTemplateContext};\n"],"mappings":";;;;;AAAA;;AAGA;;;;;;;;;;AA0BA,MAAMA,OAAO,GAAG,IAAAC,oBAAA,EAAc;EAC5BC,KAAK,EAAEC,cADqB;EAE5BC,YAAY,EAAE,EAFc;EAG5BC,OAAO,EAAE;IACPC,YAAY,EAAE,EADP;IAEPC,eAAe,EAAE;EAFV,CAHmB;EAO5BC,KAAK,EAAE;AAPqB,CAAd,CAAhB;;AAUA,MAAMC,kBAAkB,GAAG,MAA6B;EACtD,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWX,OAAX,CAAhB;;EAEA,IAAI,CAACU,OAAL,EAAc;IACZ,MAAM,IAAIE,KAAJ,CACH,yFADG,CAAN;EAGD;;EAED,OAAOF,OAAP;AACD,CAVD;;;;AAYA,MAAMG,eAAe,GAAG,CAAC;EAACC,MAAD;EAASC;AAAT,CAAD,KAA+B;EACrD,oBAAO,6BAAC,OAAD,CAAS,QAAT;IAAkB,KAAK,eAAMD,MAAN;EAAvB,GAAuCC,QAAvC,CAAP;AACD,CAFD"}
+{"version":3,"file":"template-context.js","names":["Context","createContext","theme","defaultTheme","translations","display","headerHeight","statusBarHeight","store","useTemplateContext","context","useContext","Error","TemplateContext","values","children"],"sources":["../../../src/template/app-review/template-context.tsx"],"sourcesContent":["import React, {createContext, useContext} from 'react';\nimport {Translations} from '../../types/translations';\nimport {Analytics} from '../../variables/analytics';\nimport defaultTheme, {Theme} from '../../variables/theme.native';\nimport {Vibration} from '../../variables/vibration';\n\nexport type HandleBlur = () => void;\nexport type HandleFocus = (id: string) => () => void;\nexport type FocusedSelectId = string | null;\n\nexport type TemplateContextValues = {\n  analytics?: Analytics;\n  brandTheme?: any;\n  theme: Theme;\n  translations: Translations;\n  vibration?: Vibration;\n  display: {\n    headerHeight: number;\n    statusBarHeight: number;\n  };\n  store: {\n    focusedSelectId?: FocusedSelectId;\n    handleBlur?: HandleBlur;\n    handleFocus?: HandleFocus;\n  };\n};\n\ntype Props = {values: TemplateContextValues; children: any};\n\nconst Context = createContext({\n  theme: defaultTheme,\n  translations: {},\n  display: {\n    headerHeight: 67,\n    statusBarHeight: 42\n  },\n  store: {}\n});\n\nconst useTemplateContext = (): TemplateContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error(\n      `❌ [TemplateContext] useTemplateContext must be used within a provider <TemplateContext>`\n    );\n  }\n\n  return context;\n};\n\nconst TemplateContext = ({values, children}: Props) => {\n  return <Context.Provider value={{...values}}>{children}</Context.Provider>;\n};\n\nexport {TemplateContext, useTemplateContext};\n"],"mappings":";;;;;AAAA;;AAGA;;;;;;;;;;AA0BA,MAAMA,OAAO,gBAAG,IAAAC,oBAAA,EAAc;EAC5BC,KAAK,EAAEC,cADqB;EAE5BC,YAAY,EAAE,EAFc;EAG5BC,OAAO,EAAE;IACPC,YAAY,EAAE,EADP;IAEPC,eAAe,EAAE;EAFV,CAHmB;EAO5BC,KAAK,EAAE;AAPqB,CAAd,CAAhB;;AAUA,MAAMC,kBAAkB,GAAG,MAA6B;EACtD,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWX,OAAX,CAAhB;;EAEA,IAAI,CAACU,OAAL,EAAc;IACZ,MAAM,IAAIE,KAAJ,CACH,yFADG,CAAN;EAGD;;EAED,OAAOF,OAAP;AACD,CAVD;;;;AAYA,MAAMG,eAAe,GAAG,CAAC;EAACC,MAAD;EAASC;AAAT,CAAD,KAA+B;EACrD,oBAAO,6BAAC,OAAD,CAAS,QAAT;IAAkB,KAAK,eAAMD,MAAN;EAAvB,GAAuCC,QAAvC,CAAP;AACD,CAFD"}

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

@@ -25,7 +25,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Hero = _react.default.memo(function Hero({
+const Hero = /*#__PURE__*/_react.default.memo(function Hero({
   hero,
   welcome
 }) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Hero","React","memo","hero","welcome","style","propTypes","PropTypes","shape","HeroCard","Slide","Dashboard","props","sections","cookie","buildSectionComponent","section","type","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType","BattleRequestList","CardsList","NewsList","StartBattle","CMPopin"],"sources":["../../../../src/template/common/dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n  return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n  hero: PropTypes.shape(HeroCard.propTypes),\n  welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n  const {sections = [], hero, welcome, cookie} = props;\n\n  const buildSectionComponent = section => {\n    const {type} = section;\n    switch (type) {\n      case 'hero':\n        return <Hero hero={hero} welcome={welcome} />;\n      case 'battleRequests':\n        return <BattleRequestList {...section} />;\n      case 'cards':\n        return <CardsList {...section} />;\n      case 'news':\n        return <NewsList {...section} />;\n      case 'battle':\n        return <StartBattle {...section} />;\n      default:\n        return null;\n    }\n  };\n\n  const buildSection = (section, index) => {\n    const sectionView = buildSectionComponent(section);\n\n    return <div key={index}>{sectionView}</div>;\n  };\n\n  const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n    <div key={section.key}>{buildSection(section)}</div>\n  ));\n  return (\n    <div className={style.wrapper} data-name=\"dashboard\">\n      {sectionsList}\n      {cookie ? <CMPopin {...cookie} /> : null}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  hero: Hero.propTypes.hero,\n  welcome: Hero.propTypes.welcome,\n  sections: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(BattleRequestList.propTypes),\n      PropTypes.shape(CardsList.propTypes),\n      PropTypes.shape(NewsList.propTypes),\n      PropTypes.shape(StartBattle.propTypes)\n    ])\n  ),\n  cookie: PropTypes.shape(CMPopin.propTypes)\n};\nexport default Dashboard;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Hero","React","memo","hero","welcome","style","propTypes","PropTypes","shape","HeroCard","Slide","Dashboard","props","sections","cookie","buildSectionComponent","section","type","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType","BattleRequestList","CardsList","NewsList","StartBattle","CMPopin"],"sources":["../../../../src/template/common/dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n  return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n  hero: PropTypes.shape(HeroCard.propTypes),\n  welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n  const {sections = [], hero, welcome, cookie} = props;\n\n  const buildSectionComponent = section => {\n    const {type} = section;\n    switch (type) {\n      case 'hero':\n        return <Hero hero={hero} welcome={welcome} />;\n      case 'battleRequests':\n        return <BattleRequestList {...section} />;\n      case 'cards':\n        return <CardsList {...section} />;\n      case 'news':\n        return <NewsList {...section} />;\n      case 'battle':\n        return <StartBattle {...section} />;\n      default:\n        return null;\n    }\n  };\n\n  const buildSection = (section, index) => {\n    const sectionView = buildSectionComponent(section);\n\n    return <div key={index}>{sectionView}</div>;\n  };\n\n  const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n    <div key={section.key}>{buildSection(section)}</div>\n  ));\n  return (\n    <div className={style.wrapper} data-name=\"dashboard\">\n      {sectionsList}\n      {cookie ? <CMPopin {...cookie} /> : null}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  hero: Hero.propTypes.hero,\n  welcome: Hero.propTypes.welcome,\n  sections: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(BattleRequestList.propTypes),\n      PropTypes.shape(CardsList.propTypes),\n      PropTypes.shape(NewsList.propTypes),\n      PropTypes.shape(StartBattle.propTypes)\n    ])\n  ),\n  cookie: PropTypes.shape(CMPopin.propTypes)\n};\nexport default Dashboard;\n"],"mappings":"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"}

package/lib/types/translations.js.map

@@ -1 +1 @@
-{"version":3,"file":"translations.js","names":[],"sources":["../../src/types/translations.ts"],"sourcesContent":["export type Translations = {\n  selectAnAnswer?: string;\n  selectSomethingBelow?: string;\n  typeHere?: string;\n};\n"],"mappings":""}
+{"version":3,"file":"translations.js","names":[],"sources":["../../src/types/translations.ts"],"sourcesContent":["export type Translations = {\n  selectAnAnswer?: string;\n  selectSomethingBelow?: string;\n  typeHere?: string;\n  appReview?: {\n    noSkills?: {\n      title?: string;\n      text?: string;\n    };\n  };\n};\n"],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.24.2",
+  "version": "10.24.3-alpha.8+085f42ee1",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -97,12 +97,12 @@
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
     "@babel/types": "^7.19.0",
-    "@coorpacademy/css-modules-require-hook": "2.1.5",
+    "@coorpacademy/css-modules-require-hook": "2.1.6-alpha.193+085f42ee1",
     "@coorpacademy/eslint-plugin-coorpacademy": "^10.0.0",
     "@coorpacademy/react-native-mock-render": "^0.2.4",
     "@coorpacademy/react-native-slider": "^0.11.1",
     "@coorpacademy/translate": "6.1.5",
-    "@coorpacademy/webpack-config": "11.0.0",
+    "@coorpacademy/webpack-config": "11.0.1-alpha.10+085f42ee1",
     "@react-native-community/blur": "^4.2.0",
     "@storybook/addon-actions": "^6.5.12",
     "@storybook/addon-controls": "^6.5.12",
@@ -151,5 +151,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "90d579426a1435f4eb29884b34623ec4adbb4d70"
+  "gitHead": "085f42ee17112db779e2499778858cd65901d316"
 }