@coorpacademy/components 10.27.5-alpha.24 → 10.27.5-alpha.89

package/es/organism/review-stacked-slides/style.css

@@ -43,7 +43,6 @@
   width: 100%;
   transform: translate(0, 0);
   transition: transform 0.5s ease-in;
-  
 }
 
 .position1 {
@@ -97,18 +96,24 @@
   }
 }
 
-@keyframes slideOutAndIn {
+.slideOutHideAndIn {
+  pointer-events: none;
+  animation: slideOutHideAndSlideIn 2s ease forwards;
+}
+
+@keyframes slideOutAndInPosition4 {
   0% {
+    width: 100%;
     z-index: 55;
     transform: translate(0, 0);
   }
   50% {
-    width: 100%;
+    width: 97%;
     z-index: 50;
     transform: translate(0, 1000px);
   }
   60% {
-    width: 92%;
+    width: 95%;
     z-index: 30;
     transform: translate(3.2%, 900px);
   }
@@ -119,14 +124,121 @@
   }
 }
 
-.slideOutHideAndIn {
+.slideOutAndIn4 {
+  pointer-events: none;
+  animation: slideOutAndInPosition4 2s ease forwards;
+}
+
+@keyframes slideOutAndInPosition3 {
+  0% {
+    width: 100%;
+    z-index: 55;
+    transform: translate(0, 0);
+  }
+  50% {
+    width: 97%;
+    z-index: 50;
+    transform: translate(0, 1000px);
+  }
+  60% {
+    width: 95%;
+    z-index: 30;
+    transform: translate(3.2%, 900px);
+  }
+  100% {
+    z-index: 35;
+    width: 94%;
+    transform: translate(2.4%, -24px);
+  }
+}
+
+.slideOutAndIn3 {
+  pointer-events: none;
+  animation: slideOutAndInPosition3 2s ease forwards;
+}
+
+@keyframes slideOutAndInPosition2 {
+  0% {
+    width: 100%;
+    z-index: 55;
+    transform: translate(0, 0);
+  }
+  50% {
+    width: 97%;
+    z-index: 50;
+    transform: translate(0, 1000px);
+  }
+  60% {
+    width: 95%;
+    z-index: 30;
+    transform: translate(3.2%, 900px);
+  }
+  100% {
+    z-index: 40;
+    width: 96%;
+    transform: translate(1.6%, -16px);
+  }
+}
+
+.slideOutAndIn2 {
+  pointer-events: none;
+  animation: slideOutAndInPosition2 2s ease forwards;
+}
+
+@keyframes slideOutAndInPosition1 {
+  0% {
+    width: 100%;
+    z-index: 55;
+    transform: translate(0, 0);
+  }
+  50% {
+    width: 97%;
+    z-index: 50;
+    transform: translate(0, 1000px);
+  }
+  60% {
+    width: 95%;
+    z-index: 30;
+    transform: translate(3.2%, 900px);
+  }
+  100% {
+    z-index: 45;
+    width: 98%;
+    transform: translate(0.8%, -8px);
+  }
+}
+
+.slideOutAndIn1 {
   pointer-events: none;
-  animation: slideOutHideAndSlideIn 3s ease forwards;
+  animation: slideOutAndInPosition1 2s ease forwards;
+}
+
+@keyframes slideOutAndInPosition0 {
+  0% {
+    width: 100%;
+    z-index: 55;
+    transform: translate(0, 0);
+  }
+  50% {
+    width: 97%;
+    z-index: 50;
+    transform: translate(0, 1000px);
+  }
+  60% {
+    width: 95%;
+    z-index: 30;
+    transform: translate(3.2%, 900px);
+  }
+  100% {
+    z-index: 55;
+    width: 100%;
+    transform: translate(0, 0);
+  }
 }
 
-.slideOutAndIn {
+.slideOutAndIn0 {
   pointer-events: none;
-  animation: slideOutAndIn 3s ease forwards;
+  animation: slideOutAndInPosition0 2s ease forwards;
 }
 
 .hiddenSlide {

package/es/template/app-review/index.d.ts

@@ -28,9 +28,10 @@ declare const AppReview: {
             }>>;
         }>>;
         skills: import("prop-types").Requireable<import("prop-types").InferProps<{
-            titleNoSkills: import("prop-types").Requireable<string>;
-            textNoSkills: import("prop-types").Requireable<string>;
-            iconSkillAriaLabel: import("prop-types").Requireable<string>;
+            'aria-label': import("prop-types").Requireable<string>;
+            title: import("prop-types").Requireable<string>;
+            isLoading: import("prop-types").Requireable<boolean>;
+            isLoadingAriaLabel: import("prop-types").Requireable<string>;
             listSkills: import("prop-types").Requireable<(import("prop-types").InferProps<{
                 'aria-label': import("prop-types").Requireable<string>;
                 skillTitle: import("prop-types").Requireable<string>;
@@ -42,10 +43,9 @@ declare const AppReview: {
                 isCustom: import("prop-types").Requireable<boolean>;
                 onClick: import("prop-types").Requireable<(...args: any[]) => any>;
             }> | null | undefined)[]>;
-            'aria-label': import("prop-types").Requireable<string>;
-            title: import("prop-types").Validator<string>;
-            isLoading: import("prop-types").Requireable<boolean>;
-            isLoadingAriaLabel: import("prop-types").Requireable<string>;
+            titleNoSkills: import("prop-types").Requireable<string>;
+            textNoSkills: import("prop-types").Requireable<string>;
+            iconSkillAriaLabel: import("prop-types").Requireable<string>;
         }>>;
         slides: import("prop-types").Requireable<import("prop-types").InferProps<{
             header: import("prop-types").Requireable<import("prop-types").InferProps<{

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

@@ -1,5 +1,3 @@
-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); }
-
 import React from 'react';
 import Loader from '../../atom/loader';
 import Onboarding from './onboarding';
@@ -15,9 +13,7 @@ const AppReview = ({
 }) => {
   switch (viewName) {
     case 'skills':
-      return /*#__PURE__*/React.createElement(Skills, _extends({}, skills, {
-        title: "@todo plug web skills | title is required"
-      }));
+      return /*#__PURE__*/React.createElement(Skills, skills);
 
     case 'onboarding':
       return /*#__PURE__*/React.createElement(Onboarding, onboarding);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Loader","Onboarding","Skills","Player","propTypes","AppReview","viewName","onboarding","skills","slides"],"sources":["../../../src/template/app-review/index.tsx"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Player from './player';\nimport propTypes, {AppReviewProps} from './prop-types';\n\nconst AppReview = ({viewName, onboarding, skills, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'skills':\n      return <Skills {...skills} title=\"@todo plug web skills | title is required\" />;\n    case 'onboarding':\n      return <Onboarding {...onboarding} />;\n    case 'slides':\n      return <Player {...slides} />;\n    default:\n      return <Loader />;\n  }\n};\n\nAppReview.propTypes = propTypes;\n\nexport default AppReview;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,SAAP,MAAwC,cAAxC;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACC,QAAD;EAAWC,UAAX;EAAuBC,MAAvB;EAA+BC;AAA/B,CAAD,KAA4D;EAC5E,QAAQH,QAAR;IACE,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,eAAYE,MAAZ;QAAoB,KAAK,EAAC;MAA1B,GAAP;;IACF,KAAK,YAAL;MACE,oBAAO,oBAAC,UAAD,EAAgBD,UAAhB,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,EAAYE,MAAZ,CAAP;;IACF;MACE,oBAAO,oBAAC,MAAD,OAAP;EARJ;AAUD,CAXD;;AAaAJ,SAAS,CAACD,SAAV,2CAAsBA,SAAtB;AAEA,eAAeC,SAAf"}
+{"version":3,"file":"index.js","names":["React","Loader","Onboarding","Skills","Player","propTypes","AppReview","viewName","onboarding","skills","slides"],"sources":["../../../src/template/app-review/index.tsx"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Player from './player';\nimport propTypes, {AppReviewProps} from './prop-types';\n\nconst AppReview = ({viewName, onboarding, skills, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'skills':\n      return <Skills {...skills} />;\n    case 'onboarding':\n      return <Onboarding {...onboarding} />;\n    case 'slides':\n      return <Player {...slides} />;\n    default:\n      return <Loader />;\n  }\n};\n\nAppReview.propTypes = propTypes;\n\nexport default AppReview;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,SAAP,MAAwC,cAAxC;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACC,QAAD;EAAWC,UAAX;EAAuBC,MAAvB;EAA+BC;AAA/B,CAAD,KAA4D;EAC5E,QAAQH,QAAR;IACE,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,EAAYE,MAAZ,CAAP;;IACF,KAAK,YAAL;MACE,oBAAO,oBAAC,UAAD,EAAgBD,UAAhB,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,EAAYE,MAAZ,CAAP;;IACF;MACE,oBAAO,oBAAC,MAAD,OAAP;EARJ;AAUD,CAXD;;AAaAJ,SAAS,CAACD,SAAV,2CAAsBA,SAAtB;AAEA,eAAeC,SAAf"}

package/es/template/app-review/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AA0B5C,QAAA,MAAM,SAAS,UAAW,cAAc,gBAsBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AA2B5C,QAAA,MAAM,SAAS,UAAW,cAAc,gBAsBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,6 +1,7 @@
 import React, { useEffect } from 'react';
 import { Text, StyleSheet, View, BackHandler } from 'react-native';
 import Player from './player';
+import Skills from './skills';
 const styles = StyleSheet.create({
   rootView: {
     flex: 1,
@@ -11,6 +12,7 @@ const styles = StyleSheet.create({
 
 const Switch = ({
   viewName,
+  skills,
   slides
 }) => {
   switch (viewName) {
@@ -18,7 +20,7 @@ const Switch = ({
       return /*#__PURE__*/React.createElement(Text, null, "@todo view onboarding");
 
     case 'skills':
-      return /*#__PURE__*/React.createElement(Text, null, "@todo view skills");
+      return /*#__PURE__*/React.createElement(Skills, skills);
 
     case 'slides':
       return /*#__PURE__*/React.createElement(Player, slides);

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","Text","StyleSheet","View","BackHandler","Player","styles","create","rootView","flex","alignItems","justifyContent","Switch","viewName","slides","AppReview","props","navigateBack","backAction","backHandler","addEventListener","remove"],"sources":["../../../src/template/app-review/index.native.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, View, BackHandler} from 'react-native';\nimport {AppReviewProps} from './prop-types';\nimport Player from './player';\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\nconst Switch = ({viewName, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'onboarding':\n      return <Text>@todo view onboarding</Text>;\n    case 'skills':\n      return <Text>@todo view skills</Text>;\n    case 'slides':\n      return <Player {...slides} />;\n    case 'loader':\n      return <Text>@todo loader</Text>;\n    default:\n      return <Text>unknown viewname: {viewName}</Text>;\n  }\n};\n\nconst AppReview = (props: AppReviewProps) => {\n  const {navigateBack} = props;\n\n  useEffect(() => {\n    const backAction = () => {\n      if (navigateBack) {\n        navigateBack();\n        return true;\n      }\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  return (\n    <View style={styles.rootView}>\n      <Switch {...props} />\n    </View>\n  );\n};\n\nexport default AppReview;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,QAA+B,OAA/B;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,EAAgCC,WAAhC,QAAkD,cAAlD;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAX,CAAkB;EAC/BC,QAAQ,EAAE;IACRC,IAAI,EAAE,CADE;IAERC,UAAU,EAAE,QAFJ;IAGRC,cAAc,EAAE;EAHR;AADqB,CAAlB,CAAf;;AAQA,MAAMC,MAAM,GAAG,CAAC;EAACC,QAAD;EAAWC;AAAX,CAAD,KAAwC;EACrD,QAAQD,QAAR;IACE,KAAK,YAAL;MACE,oBAAO,oBAAC,IAAD,gCAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,IAAD,4BAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,EAAYC,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,IAAD,uBAAP;;IACF;MACE,oBAAO,oBAAC,IAAD,8BAAyBD,QAAzB,CAAP;EAVJ;AAYD,CAbD;;AAeA,MAAME,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAM;IAACC;EAAD,IAAiBD,KAAvB;EAEAhB,SAAS,CAAC,MAAM;IACd,MAAMkB,UAAU,GAAG,MAAM;MACvB,IAAID,YAAJ,EAAkB;QAChBA,YAAY;QACZ,OAAO,IAAP;MACD;IACF,CALD,CADc,CAQd;;;IACA,MAAME,WAAW,GAAGf,WAAW,CAACgB,gBAAZ,CAA6B,mBAA7B,EAAkDF,UAAlD,CAApB;IAEA,OAAO,MAAMC,WAAW,CAACE,MAAZ,EAAb;EACD,CAZQ,EAYN,CAACJ,YAAD,CAZM,CAAT;EAcA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEX,MAAM,CAACE;EAApB,gBACE,oBAAC,MAAD,EAAYQ,KAAZ,CADF,CADF;AAKD,CAtBD;;AAwBA,eAAeD,SAAf"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","Text","StyleSheet","View","BackHandler","Player","Skills","styles","create","rootView","flex","alignItems","justifyContent","Switch","viewName","skills","slides","AppReview","props","navigateBack","backAction","backHandler","addEventListener","remove"],"sources":["../../../src/template/app-review/index.native.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, View, BackHandler} from 'react-native';\nimport {AppReviewProps} from './prop-types';\nimport Player from './player';\nimport Skills from './skills';\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\nconst Switch = ({viewName, skills, slides}: AppReviewProps) => {\n  switch (viewName) {\n    case 'onboarding':\n      return <Text>@todo view onboarding</Text>;\n    case 'skills':\n      return <Skills {...skills} />;\n    case 'slides':\n      return <Player {...slides} />;\n    case 'loader':\n      return <Text>@todo loader</Text>;\n    default:\n      return <Text>unknown viewname: {viewName}</Text>;\n  }\n};\n\nconst AppReview = (props: AppReviewProps) => {\n  const {navigateBack} = props;\n\n  useEffect(() => {\n    const backAction = () => {\n      if (navigateBack) {\n        navigateBack();\n        return true;\n      }\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  return (\n    <View style={styles.rootView}>\n      <Switch {...props} />\n    </View>\n  );\n};\n\nexport default AppReview;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,QAA+B,OAA/B;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,EAAgCC,WAAhC,QAAkD,cAAlD;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAX,CAAkB;EAC/BC,QAAQ,EAAE;IACRC,IAAI,EAAE,CADE;IAERC,UAAU,EAAE,QAFJ;IAGRC,cAAc,EAAE;EAHR;AADqB,CAAlB,CAAf;;AAQA,MAAMC,MAAM,GAAG,CAAC;EAACC,QAAD;EAAWC,MAAX;EAAmBC;AAAnB,CAAD,KAAgD;EAC7D,QAAQF,QAAR;IACE,KAAK,YAAL;MACE,oBAAO,oBAAC,IAAD,gCAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,EAAYC,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,EAAYC,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,IAAD,uBAAP;;IACF;MACE,oBAAO,oBAAC,IAAD,8BAAyBF,QAAzB,CAAP;EAVJ;AAYD,CAbD;;AAeA,MAAMG,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAM;IAACC;EAAD,IAAiBD,KAAvB;EAEAlB,SAAS,CAAC,MAAM;IACd,MAAMoB,UAAU,GAAG,MAAM;MACvB,IAAID,YAAJ,EAAkB;QAChBA,YAAY;QACZ,OAAO,IAAP;MACD;IACF,CALD,CADc,CAQd;;;IACA,MAAME,WAAW,GAAGjB,WAAW,CAACkB,gBAAZ,CAA6B,mBAA7B,EAAkDF,UAAlD,CAApB;IAEA,OAAO,MAAMC,WAAW,CAACE,MAAZ,EAAb;EACD,CAZQ,EAYN,CAACJ,YAAD,CAZM,CAAT;EAcA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEZ,MAAM,CAACE;EAApB,gBACE,oBAAC,MAAD,EAAYS,KAAZ,CADF,CADF;AAKD,CAtBD;;AAwBA,eAAeD,SAAf"}

package/es/template/app-review/player/style.css

@@ -46,7 +46,7 @@
 }
 
 .quitPopin {
-  z-index: 50;
+  z-index: 150;
 }
 
 /* ie fallback */
@@ -59,5 +59,5 @@
 :-ms-fullscreen,
 .quitPopin {
   position: absolute;
-  z-index: 80;
+  z-index: 150;
 }

package/es/template/app-review/prop-types.d.ts

@@ -1,12 +1,12 @@
 import PropTypes from 'prop-types';
 import Onboarding from './onboarding';
-import Skills from './skills';
+import { ReviewSkillsProps } from './skills/prop-types';
 import { ReviewPlayerProps } from './player/prop-types';
 export declare type ViewName = 'skills' | 'onboarding' | 'slides' | 'loader';
 export declare type AppReviewProps = {
     viewName: ViewName;
     slides?: ReviewPlayerProps;
-    skills?: PropTypes.InferProps<typeof Skills.propTypes>;
+    skills?: ReviewSkillsProps;
     onboarding?: PropTypes.InferProps<typeof Onboarding.propTypes>;
     navigateBack?: () => void;
 };
@@ -36,9 +36,10 @@ declare const propTypes: {
         }>>;
     }>>;
     skills: PropTypes.Requireable<PropTypes.InferProps<{
-        titleNoSkills: PropTypes.Requireable<string>;
-        textNoSkills: PropTypes.Requireable<string>;
-        iconSkillAriaLabel: PropTypes.Requireable<string>;
+        'aria-label': PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        isLoading: PropTypes.Requireable<boolean>;
+        isLoadingAriaLabel: PropTypes.Requireable<string>;
         listSkills: PropTypes.Requireable<(PropTypes.InferProps<{
             'aria-label': PropTypes.Requireable<string>;
             skillTitle: PropTypes.Requireable<string>;
@@ -50,10 +51,9 @@ declare const propTypes: {
             isCustom: PropTypes.Requireable<boolean>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }> | null | undefined)[]>;
-        'aria-label': PropTypes.Requireable<string>;
-        title: PropTypes.Validator<string>;
-        isLoading: PropTypes.Requireable<boolean>;
-        isLoadingAriaLabel: PropTypes.Requireable<string>;
+        titleNoSkills: PropTypes.Requireable<string>;
+        textNoSkills: PropTypes.Requireable<string>;
+        iconSkillAriaLabel: PropTypes.Requireable<string>;
     }>>;
     slides: PropTypes.Requireable<PropTypes.InferProps<{
         header: PropTypes.Requireable<PropTypes.InferProps<{

package/es/template/app-review/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErE,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErE,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","Onboarding","Skills","Player","propTypes","viewName","oneOf","onboarding","shape","skills","slides"],"sources":["../../../src/template/app-review/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Player from './player';\nimport {ReviewPlayerProps} from './player/prop-types';\n\nexport type ViewName = 'skills' | 'onboarding' | 'slides' | 'loader';\n\nexport type AppReviewProps = {\n  viewName: ViewName;\n  slides?: ReviewPlayerProps;\n  skills?: PropTypes.InferProps<typeof Skills.propTypes>;\n  onboarding?: PropTypes.InferProps<typeof Onboarding.propTypes>;\n  navigateBack?: () => void;\n};\n\nconst propTypes = {\n  viewName: PropTypes.oneOf(['skills', 'onboarding', 'slides', 'loader']),\n  onboarding: PropTypes.shape({...Onboarding.propTypes}),\n  skills: PropTypes.shape({...Skills.propTypes}),\n  slides: PropTypes.shape({...Player.propTypes})\n};\n\nexport default propTypes;\n"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAaA,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEL,SAAS,CAACM,KAAV,CAAgB,CAAC,QAAD,EAAW,YAAX,EAAyB,QAAzB,EAAmC,QAAnC,CAAhB,CADM;EAEhBC,UAAU,EAAEP,SAAS,CAACQ,KAAV,cAAoBP,UAAU,CAACG,SAA/B,EAFI;EAGhBK,MAAM,EAAET,SAAS,CAACQ,KAAV,cAAoBN,MAAM,CAACE,SAA3B,EAHQ;EAIhBM,MAAM,EAAEV,SAAS,CAACQ,KAAV,cAAoBL,MAAM,CAACC,SAA3B;AAJQ,CAAlB;AAOA,eAAeA,SAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","Onboarding","Skills","Player","propTypes","viewName","oneOf","onboarding","shape","skills","slides"],"sources":["../../../src/template/app-review/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Player from './player';\nimport {ReviewSkillsProps} from './skills/prop-types';\nimport {ReviewPlayerProps} from './player/prop-types';\n\nexport type ViewName = 'skills' | 'onboarding' | 'slides' | 'loader';\n\nexport type AppReviewProps = {\n  viewName: ViewName;\n  slides?: ReviewPlayerProps;\n  skills?: ReviewSkillsProps;\n  onboarding?: PropTypes.InferProps<typeof Onboarding.propTypes>;\n  navigateBack?: () => void;\n};\n\nconst propTypes = {\n  viewName: PropTypes.oneOf(['skills', 'onboarding', 'slides', 'loader']),\n  onboarding: PropTypes.shape({...Onboarding.propTypes}),\n  skills: PropTypes.shape({...Skills.propTypes}),\n  slides: PropTypes.shape({...Player.propTypes})\n};\n\nexport default propTypes;\n"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAcA,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEL,SAAS,CAACM,KAAV,CAAgB,CAAC,QAAD,EAAW,YAAX,EAAyB,QAAzB,EAAmC,QAAnC,CAAhB,CADM;EAEhBC,UAAU,EAAEP,SAAS,CAACQ,KAAV,cAAoBP,UAAU,CAACG,SAA/B,EAFI;EAGhBK,MAAM,EAAET,SAAS,CAACQ,KAAV,cAAoBN,MAAM,CAACE,SAA3B,EAHQ;EAIhBM,MAAM,EAAEV,SAAS,CAACQ,KAAV,cAAoBL,MAAM,CAACC,SAA3B;AAJQ,CAAlB;AAOA,eAAeA,SAAf"}

package/es/template/app-review/skills/index.d.ts

@@ -1,3 +1,7 @@
-export default Skills;
-import Skills from "../../../organism/review-skills";
+export default ReviewSkills;
+declare function ReviewSkills(props: any): JSX.Element;
+declare namespace ReviewSkills {
+    export { propTypes };
+}
+import propTypes from "./prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/template/app-review/skills/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.js"],"names":[],"mappings":";AASA,uDAqCC"}

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

@@ -1,3 +1,47 @@
-import Skills from '../../../organism/review-skills';
-export default Skills;
+import React from 'react';
+import isEmpty from 'lodash/fp/isEmpty';
+import { NovaCompositionCoorpacademyInformationIcon as InformationIcon } from '@coorpacademy/nova-icons';
+import Loader from '../../../atom/loader';
+import ReviewListSkills from '../../../organism/review-skills';
+import ReviewNoSkills from '../../../organism/review-no-skills';
+import style from './style.css';
+import propTypes from './prop-types';
+
+const ReviewSkills = props => {
+  const {
+    'aria-label': ariaLabel,
+    title,
+    listSkills,
+    titleNoSkills,
+    textNoSkills,
+    iconSkillAriaLabel,
+    isLoading = false,
+    isLoadingAriaLabel
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.containerReviewSkill,
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.title
+  }, title, /*#__PURE__*/React.createElement(InformationIcon, {
+    className: style.informationIcon,
+    width: 12,
+    height: 12
+  })), isLoading ? /*#__PURE__*/React.createElement("div", {
+    className: style.loaderContainer
+  }, /*#__PURE__*/React.createElement(Loader, {
+    className: style.loader,
+    theme: "default",
+    "aria-label": isLoadingAriaLabel
+  })) : /*#__PURE__*/React.createElement("div", null, !isEmpty(listSkills) ? /*#__PURE__*/React.createElement(ReviewListSkills, {
+    listSkills: listSkills
+  }) : /*#__PURE__*/React.createElement(ReviewNoSkills, {
+    titleNoSkills: titleNoSkills,
+    textNoSkills: textNoSkills,
+    iconSkillAriaLabel: iconSkillAriaLabel
+  })));
+};
+
+ReviewSkills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default ReviewSkills;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Skills"],"sources":["../../../../src/template/app-review/skills/index.js"],"sourcesContent":["import Skills from '../../../organism/review-skills';\n\nexport default Skills;\n"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,iCAAnB;AAEA,eAAeA,MAAf"}
+{"version":3,"file":"index.js","names":["React","isEmpty","NovaCompositionCoorpacademyInformationIcon","InformationIcon","Loader","ReviewListSkills","ReviewNoSkills","style","propTypes","ReviewSkills","props","ariaLabel","title","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","isLoading","isLoadingAriaLabel","containerReviewSkill","informationIcon","loaderContainer","loader"],"sources":["../../../../src/template/app-review/skills/index.js"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../../atom/loader';\nimport ReviewListSkills from '../../../organism/review-skills';\nimport ReviewNoSkills from '../../../organism/review-no-skills';\nimport style from './style.css';\nimport propTypes from './prop-types';\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\nReviewSkills.propTypes = propTypes;\n\nexport default ReviewSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,SAAQC,0CAA0C,IAAIC,eAAtD,QAA4E,0BAA5E;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,gBAAP,MAA6B,iCAA7B;AACA,OAAOC,cAAP,MAA2B,oCAA3B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IACJ,cAAcC,SADV;IAEJC,KAFI;IAGJC,UAHI;IAIJC,aAJI;IAKJC,YALI;IAMJC,kBANI;IAOJC,SAAS,GAAG,KAPR;IAQJC;EARI,IASFR,KATJ;EAWA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACY,oBAAtB;IAA4C,cAAYR;EAAxD,gBACE;IAAK,SAAS,EAAEJ,KAAK,CAACK;EAAtB,GACGA,KADH,eAEE,oBAAC,eAAD;IAAiB,SAAS,EAAEL,KAAK,CAACa,eAAlC;IAAmD,KAAK,EAAE,EAA1D;IAA8D,MAAM,EAAE;EAAtE,EAFF,CADF,EAKGH,SAAS,gBACR;IAAK,SAAS,EAAEV,KAAK,CAACc;EAAtB,gBACE,oBAAC,MAAD;IAAQ,SAAS,EAAEd,KAAK,CAACe,MAAzB;IAAiC,KAAK,EAAC,SAAvC;IAAiD,cAAYJ;EAA7D,EADF,CADQ,gBAKR,iCACG,CAACjB,OAAO,CAACY,UAAD,CAAR,gBACC,oBAAC,gBAAD;IAAkB,UAAU,EAAEA;EAA9B,EADD,gBAGC,oBAAC,cAAD;IACE,aAAa,EAAEC,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EAJJ,CAVJ,CADF;AAyBD,CArCD;;AAuCAP,YAAY,CAACD,SAAb,2CAAyBA,SAAzB;AAEA,eAAeC,YAAf"}

package/es/template/app-review/skills/index.native.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SkillsProps } from './prop-types';
-declare const Skills: (props: SkillsProps) => JSX.Element | null;
-export default Skills;
+import { ReviewSkillsProps } from './prop-types';
+declare const ReviewSkills: (props: ReviewSkillsProps) => JSX.Element | null;
+export default ReviewSkills;
 //# sourceMappingURL=index.native.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAyC,WAAW,EAAC,MAAM,cAAc,CAAC;AAqLjF,QAAA,MAAM,MAAM,UAAW,WAAW,uBAuBjC,CAAC;AAIF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAyB/C,QAAA,MAAM,YAAY,UAAW,iBAAiB,uBA4C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}