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

package/lib/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/lib/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/lib/template/app-review/index.js

@@ -17,8 +17,6 @@ var _propTypes = _interopRequireDefault(require("./prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 AppReview = ({
   viewName,
   onboarding,
@@ -27,9 +25,7 @@ const AppReview = ({
 }) => {
   switch (viewName) {
     case 'skills':
-      return /*#__PURE__*/_react.default.createElement(_skills.default, _extends({}, skills, {
-        title: "@todo plug web skills | title is required"
-      }));
+      return /*#__PURE__*/_react.default.createElement(_skills.default, skills);
 
     case 'onboarding':
       return /*#__PURE__*/_react.default.createElement(_onboarding.default, onboarding);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AppReview","viewName","onboarding","skills","slides","propTypes"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;EAACC,QAAD;EAAWC,UAAX;EAAuBC,MAAvB;EAA+BC;AAA/B,CAAD,KAA4D;EAC5E,QAAQH,QAAR;IACE,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,eAAYE,MAAZ;QAAoB,KAAK,EAAC;MAA1B,GAAP;;IACF,KAAK,YAAL;MACE,oBAAO,6BAAC,mBAAD,EAAgBD,UAAhB,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYE,MAAZ,CAAP;;IACF;MACE,oBAAO,6BAAC,eAAD,OAAP;EARJ;AAUD,CAXD;;AAaAJ,SAAS,CAACK,SAAV,2CAAsBA,kBAAtB;eAEeL,S"}
+{"version":3,"file":"index.js","names":["AppReview","viewName","onboarding","skills","slides","propTypes"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;EAACC,QAAD;EAAWC,UAAX;EAAuBC,MAAvB;EAA+BC;AAA/B,CAAD,KAA4D;EAC5E,QAAQH,QAAR;IACE,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYE,MAAZ,CAAP;;IACF,KAAK,YAAL;MACE,oBAAO,6BAAC,mBAAD,EAAgBD,UAAhB,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYE,MAAZ,CAAP;;IACF;MACE,oBAAO,6BAAC,eAAD,OAAP;EARJ;AAUD,CAXD;;AAaAJ,SAAS,CAACK,SAAV,2CAAsBA,kBAAtB;eAEeL,S"}

package/lib/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/lib/template/app-review/index.native.js

@@ -9,6 +9,8 @@ var _reactNative = require("react-native");
 
 var _player = _interopRequireDefault(require("./player"));
 
+var _skills = _interopRequireDefault(require("./skills"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
@@ -25,6 +27,7 @@ const styles = _reactNative.StyleSheet.create({
 
 const Switch = ({
   viewName,
+  skills,
   slides
 }) => {
   switch (viewName) {
@@ -32,7 +35,7 @@ const Switch = ({
       return /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "@todo view onboarding");
 
     case 'skills':
-      return /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "@todo view skills");
+      return /*#__PURE__*/_react.default.createElement(_skills.default, skills);
 
     case 'slides':
       return /*#__PURE__*/_react.default.createElement(_player.default, slides);

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","rootView","flex","alignItems","justifyContent","Switch","viewName","slides","AppReview","props","navigateBack","useEffect","backAction","backHandler","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;;AACA;;AAEA;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,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,6BAAC,iBAAD,gCAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,iBAAD,4BAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYC,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,iBAAD,uBAAP;;IACF;MACE,oBAAO,6BAAC,iBAAD,8BAAyBD,QAAzB,CAAP;EAVJ;AAYD,CAbD;;AAeA,MAAME,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAM;IAACC;EAAD,IAAiBD,KAAvB;EAEA,IAAAE,gBAAA,EAAU,MAAM;IACd,MAAMC,UAAU,GAAG,MAAM;MACvB,IAAIF,YAAJ,EAAkB;QAChBA,YAAY;QACZ,OAAO,IAAP;MACD;IACF,CALD,CADc,CAQd;;;IACA,MAAMG,WAAW,GAAGC,wBAAA,CAAYC,gBAAZ,CAA6B,mBAA7B,EAAkDH,UAAlD,CAApB;;IAEA,OAAO,MAAMC,WAAW,CAACG,MAAZ,EAAb;EACD,CAZD,EAYG,CAACN,YAAD,CAZH;EAcA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEZ,MAAM,CAACG;EAApB,gBACE,6BAAC,MAAD,EAAYQ,KAAZ,CADF,CADF;AAKD,CAtBD;;eAwBeD,S"}
+{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","rootView","flex","alignItems","justifyContent","Switch","viewName","skills","slides","AppReview","props","navigateBack","useEffect","backAction","backHandler","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;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,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,6BAAC,iBAAD,gCAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYC,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,eAAD,EAAYC,MAAZ,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,6BAAC,iBAAD,uBAAP;;IACF;MACE,oBAAO,6BAAC,iBAAD,8BAAyBF,QAAzB,CAAP;EAVJ;AAYD,CAbD;;AAeA,MAAMG,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAM;IAACC;EAAD,IAAiBD,KAAvB;EAEA,IAAAE,gBAAA,EAAU,MAAM;IACd,MAAMC,UAAU,GAAG,MAAM;MACvB,IAAIF,YAAJ,EAAkB;QAChBA,YAAY;QACZ,OAAO,IAAP;MACD;IACF,CALD,CADc,CAQd;;;IACA,MAAMG,WAAW,GAAGC,wBAAA,CAAYC,gBAAZ,CAA6B,mBAA7B,EAAkDH,UAAlD,CAApB;;IAEA,OAAO,MAAMC,WAAW,CAACG,MAAZ,EAAb;EACD,CAZD,EAYG,CAACN,YAAD,CAZH;EAcA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEb,MAAM,CAACG;EAApB,gBACE,6BAAC,MAAD,EAAYS,KAAZ,CADF,CADF;AAKD,CAtBD;;eAwBeD,S"}

package/lib/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/lib/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/lib/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/lib/template/app-review/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["propTypes","viewName","PropTypes","oneOf","onboarding","shape","Onboarding","skills","Skills","slides","Player"],"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;;AACA;;AACA;;AACA;;;;;;AAaA,MAAMA,SAAS,GAAG;EAChBC,QAAQ,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,CAAC,QAAD,EAAW,YAAX,EAAyB,QAAzB,EAAmC,QAAnC,CAAhB,CADM;EAEhBC,UAAU,EAAEF,kBAAA,CAAUG,KAAV,cAAoBC,mBAAA,CAAWN,SAA/B,EAFI;EAGhBO,MAAM,EAAEL,kBAAA,CAAUG,KAAV,cAAoBG,eAAA,CAAOR,SAA3B,EAHQ;EAIhBS,MAAM,EAAEP,kBAAA,CAAUG,KAAV,cAAoBK,eAAA,CAAOV,SAA3B;AAJQ,CAAlB;eAOeA,S"}
+{"version":3,"file":"prop-types.js","names":["propTypes","viewName","PropTypes","oneOf","onboarding","shape","Onboarding","skills","Skills","slides","Player"],"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;;AACA;;AACA;;AACA;;;;;;AAcA,MAAMA,SAAS,GAAG;EAChBC,QAAQ,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,CAAC,QAAD,EAAW,YAAX,EAAyB,QAAzB,EAAmC,QAAnC,CAAhB,CADM;EAEhBC,UAAU,EAAEF,kBAAA,CAAUG,KAAV,cAAoBC,mBAAA,CAAWN,SAA/B,EAFI;EAGhBO,MAAM,EAAEL,kBAAA,CAAUG,KAAV,cAAoBG,eAAA,CAAOR,SAA3B,EAHQ;EAIhBS,MAAM,EAAEP,kBAAA,CAAUG,KAAV,cAAoBK,eAAA,CAAOV,SAA3B;AAJQ,CAAlB;eAOeA,S"}

package/lib/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/lib/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/lib/template/app-review/skills/index.js

@@ -3,10 +3,60 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _loader = _interopRequireDefault(require("../../../atom/loader"));
+
 var _reviewSkills = _interopRequireDefault(require("../../../organism/review-skills"));
 
+var _reviewNoSkills = _interopRequireDefault(require("../../../organism/review-no-skills"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = _reviewSkills.default;
+const ReviewSkills = props => {
+  const {
+    'aria-label': ariaLabel,
+    title,
+    listSkills,
+    titleNoSkills,
+    textNoSkills,
+    iconSkillAriaLabel,
+    isLoading = false,
+    isLoadingAriaLabel
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.containerReviewSkill,
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.title
+  }, title, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyInformationIcon, {
+    className: _style.default.informationIcon,
+    width: 12,
+    height: 12
+  })), isLoading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.loaderContainer
+  }, /*#__PURE__*/_react.default.createElement(_loader.default, {
+    className: _style.default.loader,
+    theme: "default",
+    "aria-label": isLoadingAriaLabel
+  })) : /*#__PURE__*/_react.default.createElement("div", null, !(0, _isEmpty.default)(listSkills) ? /*#__PURE__*/_react.default.createElement(_reviewSkills.default, {
+    listSkills: listSkills
+  }) : /*#__PURE__*/_react.default.createElement(_reviewNoSkills.default, {
+    titleNoSkills: titleNoSkills,
+    textNoSkills: textNoSkills,
+    iconSkillAriaLabel: iconSkillAriaLabel
+  })));
+};
+
+ReviewSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
+var _default = ReviewSkills;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/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;;;;eAEeA,qB"}
+{"version":3,"file":"index.js","names":["ReviewSkills","props","ariaLabel","title","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","isLoading","isLoadingAriaLabel","style","containerReviewSkill","informationIcon","loaderContainer","loader","isEmpty","propTypes"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,EAAES,cAAA,CAAMC,oBAAtB;IAA4C,cAAYT;EAAxD,gBACE;IAAK,SAAS,EAAEQ,cAAA,CAAMP;EAAtB,GACGA,KADH,eAEE,6BAAC,qDAAD;IAAiB,SAAS,EAAEO,cAAA,CAAME,eAAlC;IAAmD,KAAK,EAAE,EAA1D;IAA8D,MAAM,EAAE;EAAtE,EAFF,CADF,EAKGJ,SAAS,gBACR;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE,6BAAC,eAAD;IAAQ,SAAS,EAAEH,cAAA,CAAMI,MAAzB;IAAiC,KAAK,EAAC,SAAvC;IAAiD,cAAYL;EAA7D,EADF,CADQ,gBAKR,0CACG,CAAC,IAAAM,gBAAA,EAAQX,UAAR,CAAD,gBACC,6BAAC,qBAAD;IAAkB,UAAU,EAAEA;EAA9B,EADD,gBAGC,6BAAC,uBAAD;IACE,aAAa,EAAEC,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EAJJ,CAVJ,CADF;AAyBD,CArCD;;AAuCAP,YAAY,CAACgB,SAAb,2CAAyBA,kBAAzB;eAEehB,Y"}

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