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

package/lib/template/app-review/player/prop-types.d.ts

@@ -39,7 +39,7 @@ declare const propTypes: {
             resultLabel: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
         }>>;
-        slides: PropTypes.Validator<PropTypes.InferProps<{
+        slides: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             '0': PropTypes.Requireable<PropTypes.InferProps<{
                 position: PropTypes.Requireable<number>;
                 loading: PropTypes.Requireable<boolean>;
@@ -51,7 +51,7 @@ declare const propTypes: {
                 parentContentTitle: PropTypes.Requireable<string>;
                 questionText: PropTypes.Requireable<string>;
                 answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                    model: PropTypes.Validator<PropTypes.InferProps<{
+                    model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         answer: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
@@ -69,9 +69,9 @@ declare const propTypes: {
                             type: PropTypes.Requireable<string>;
                             name: PropTypes.Requireable<string>;
                         }> | null | undefined)[]>;
-                    }>>;
+                    }>>>;
                     help: PropTypes.Requireable<string>;
-                    media: PropTypes.Requireable<PropTypes.InferProps<{
+                    media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         id: PropTypes.Requireable<string>;
                         width: PropTypes.Requireable<string>;
@@ -111,7 +111,7 @@ declare const propTypes: {
                     }> | PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         mediaUrl: PropTypes.Validator<string>;
-                    }>>;
+                    }> | null | undefined>>;
                 }>>;
             }>>;
             '1': PropTypes.Requireable<PropTypes.InferProps<{
@@ -125,7 +125,7 @@ declare const propTypes: {
                 parentContentTitle: PropTypes.Requireable<string>;
                 questionText: PropTypes.Requireable<string>;
                 answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                    model: PropTypes.Validator<PropTypes.InferProps<{
+                    model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         answer: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
@@ -143,9 +143,9 @@ declare const propTypes: {
                             type: PropTypes.Requireable<string>;
                             name: PropTypes.Requireable<string>;
                         }> | null | undefined)[]>;
-                    }>>;
+                    }>>>;
                     help: PropTypes.Requireable<string>;
-                    media: PropTypes.Requireable<PropTypes.InferProps<{
+                    media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         id: PropTypes.Requireable<string>;
                         width: PropTypes.Requireable<string>;
@@ -185,7 +185,7 @@ declare const propTypes: {
                     }> | PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         mediaUrl: PropTypes.Validator<string>;
-                    }>>;
+                    }> | null | undefined>>;
                 }>>;
             }>>;
             '2': PropTypes.Requireable<PropTypes.InferProps<{
@@ -199,7 +199,7 @@ declare const propTypes: {
                 parentContentTitle: PropTypes.Requireable<string>;
                 questionText: PropTypes.Requireable<string>;
                 answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                    model: PropTypes.Validator<PropTypes.InferProps<{
+                    model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         answer: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
@@ -217,9 +217,9 @@ declare const propTypes: {
                             type: PropTypes.Requireable<string>;
                             name: PropTypes.Requireable<string>;
                         }> | null | undefined)[]>;
-                    }>>;
+                    }>>>;
                     help: PropTypes.Requireable<string>;
-                    media: PropTypes.Requireable<PropTypes.InferProps<{
+                    media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         id: PropTypes.Requireable<string>;
                         width: PropTypes.Requireable<string>;
@@ -259,7 +259,7 @@ declare const propTypes: {
                     }> | PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         mediaUrl: PropTypes.Validator<string>;
-                    }>>;
+                    }> | null | undefined>>;
                 }>>;
             }>>;
             '3': PropTypes.Requireable<PropTypes.InferProps<{
@@ -273,7 +273,7 @@ declare const propTypes: {
                 parentContentTitle: PropTypes.Requireable<string>;
                 questionText: PropTypes.Requireable<string>;
                 answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                    model: PropTypes.Validator<PropTypes.InferProps<{
+                    model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         answer: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
@@ -291,9 +291,9 @@ declare const propTypes: {
                             type: PropTypes.Requireable<string>;
                             name: PropTypes.Requireable<string>;
                         }> | null | undefined)[]>;
-                    }>>;
+                    }>>>;
                     help: PropTypes.Requireable<string>;
-                    media: PropTypes.Requireable<PropTypes.InferProps<{
+                    media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         id: PropTypes.Requireable<string>;
                         width: PropTypes.Requireable<string>;
@@ -333,7 +333,7 @@ declare const propTypes: {
                     }> | PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         mediaUrl: PropTypes.Validator<string>;
-                    }>>;
+                    }> | null | undefined>>;
                 }>>;
             }>>;
             '4': PropTypes.Requireable<PropTypes.InferProps<{
@@ -347,7 +347,7 @@ declare const propTypes: {
                 parentContentTitle: PropTypes.Requireable<string>;
                 questionText: PropTypes.Requireable<string>;
                 answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                    model: PropTypes.Validator<PropTypes.InferProps<{
+                    model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         answer: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
@@ -365,9 +365,9 @@ declare const propTypes: {
                             type: PropTypes.Requireable<string>;
                             name: PropTypes.Requireable<string>;
                         }> | null | undefined)[]>;
-                    }>>;
+                    }>>>;
                     help: PropTypes.Requireable<string>;
-                    media: PropTypes.Requireable<PropTypes.InferProps<{
+                    media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         id: PropTypes.Requireable<string>;
                         width: PropTypes.Requireable<string>;
@@ -407,10 +407,10 @@ declare const propTypes: {
                     }> | PropTypes.InferProps<{
                         type: PropTypes.Validator<string>;
                         mediaUrl: PropTypes.Validator<string>;
-                    }>>;
+                    }> | null | undefined>>;
                 }>>;
             }>>;
-        }>>;
+        }>>>;
         endReview: PropTypes.Requireable<boolean>;
     }>>;
     reviewBackgroundAriaLabel: PropTypes.Requireable<string>;

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

@@ -17,7 +17,7 @@ var _propTypes4 = _interopRequireDefault(require("../../../organism/review-stack
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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 propTypes = {
   header: _propTypes.default.shape(_types.default),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":["propTypes","header","PropTypes","shape","ReviewHeaderPropTypes","stack","StackedSlidesPropTypes","reviewBackgroundAriaLabel","ReviewBackgroundPropTypes","congrats","ReviewCongratsPropTypes","quitPopin","CmPopin"],"mappings":";;;;;AAAA;;AAGA;;AAIA;;AACA;;AACA;;AACA;;;;;;AAIA,MAAMA,SAAS,GAAG;AAChBC,EAAAA,MAAM,EAAEC,mBAAUC,KAAV,CAAgBC,cAAhB,CADQ;AAEhBC,EAAAA,KAAK,EAAEH,mBAAUC,KAAV,CAAgBG,mBAAhB,CAFS;AAGhBC,EAAAA,yBAAyB,EAAEC,oBAA0B,YAA1B,CAHX;AAIhBC,EAAAA,QAAQ,EAAEP,mBAAUC,KAAV,CAAgBO,mBAAhB,CAJM;AAKhBC,EAAAA,SAAS,EAAET,mBAAUC,KAAV,cAAoBS,iBAAQZ,SAA5B;AALK,CAAlB;eAQeA,S","sourcesContent":["import PropTypes from 'prop-types';\n\nimport {CMPopinProps} from '../../../molecule/cm-popin/types';\nimport ReviewCongratsPropTypes, {\n  ReviewCongratsProps\n} from '../../../organism/review-congrats/prop-types';\n\nimport ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';\nimport ReviewHeaderPropTypes, {HeaderProps} from '../../../organism/review-header/types';\nimport CmPopin from '../../../molecule/cm-popin';\nimport StackedSlidesPropTypes, {\n  ReviewStackProps\n} from '../../../organism/review-stacked-slides/prop-types';\n\nconst propTypes = {\n  header: PropTypes.shape(ReviewHeaderPropTypes),\n  stack: PropTypes.shape(StackedSlidesPropTypes),\n  reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],\n  congrats: PropTypes.shape(ReviewCongratsPropTypes),\n  quitPopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nexport default propTypes;\n\nexport type ReviewPlayerProps = {\n  header: HeaderProps;\n  stack: ReviewStackProps;\n  reviewBackgroundAriaLabel?: string;\n  congrats?: ReviewCongratsProps;\n  quitPopin?: CMPopinProps;\n};\n"],"file":"prop-types.js"}
+{"version":3,"file":"prop-types.js","names":["propTypes","header","PropTypes","shape","ReviewHeaderPropTypes","stack","StackedSlidesPropTypes","reviewBackgroundAriaLabel","ReviewBackgroundPropTypes","congrats","ReviewCongratsPropTypes","quitPopin","CmPopin"],"sources":["../../../../src/template/app-review/player/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport {CMPopinProps} from '../../../molecule/cm-popin/types';\nimport ReviewCongratsPropTypes, {\n  ReviewCongratsProps\n} from '../../../organism/review-congrats/prop-types';\n\nimport ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';\nimport ReviewHeaderPropTypes, {HeaderProps} from '../../../organism/review-header/types';\nimport CmPopin from '../../../molecule/cm-popin';\nimport StackedSlidesPropTypes, {\n  ReviewStackProps\n} from '../../../organism/review-stacked-slides/prop-types';\n\nconst propTypes = {\n  header: PropTypes.shape(ReviewHeaderPropTypes),\n  stack: PropTypes.shape(StackedSlidesPropTypes),\n  reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],\n  congrats: PropTypes.shape(ReviewCongratsPropTypes),\n  quitPopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nexport default propTypes;\n\nexport type ReviewPlayerProps = {\n  header: HeaderProps;\n  stack: ReviewStackProps;\n  reviewBackgroundAriaLabel?: string;\n  congrats?: ReviewCongratsProps;\n  quitPopin?: CMPopinProps;\n};\n"],"mappings":";;;;;AAAA;;AAGA;;AAIA;;AACA;;AACA;;AACA;;;;;;AAIA,MAAMA,SAAS,GAAG;EAChBC,MAAM,EAAEC,kBAAA,CAAUC,KAAV,CAAgBC,cAAhB,CADQ;EAEhBC,KAAK,EAAEH,kBAAA,CAAUC,KAAV,CAAgBG,mBAAhB,CAFS;EAGhBC,yBAAyB,EAAEC,mBAAA,CAA0B,YAA1B,CAHX;EAIhBC,QAAQ,EAAEP,kBAAA,CAAUC,KAAV,CAAgBO,mBAAhB,CAJM;EAKhBC,SAAS,EAAET,kBAAA,CAAUC,KAAV,cAAoBS,gBAAA,CAAQZ,SAA5B;AALK,CAAlB;eAQeA,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<{
@@ -91,7 +91,7 @@ declare const propTypes: {
                 resultLabel: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
             }>>;
-            slides: PropTypes.Validator<PropTypes.InferProps<{
+            slides: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                 '0': PropTypes.Requireable<PropTypes.InferProps<{
                     position: PropTypes.Requireable<number>;
                     loading: PropTypes.Requireable<boolean>;
@@ -103,7 +103,7 @@ declare const propTypes: {
                     parentContentTitle: PropTypes.Requireable<string>;
                     questionText: PropTypes.Requireable<string>;
                     answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                        model: PropTypes.Validator<PropTypes.InferProps<{
+                        model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             answer: PropTypes.Requireable<(PropTypes.InferProps<{
                                 title: PropTypes.Validator<string>;
@@ -121,9 +121,9 @@ declare const propTypes: {
                                 type: PropTypes.Requireable<string>;
                                 name: PropTypes.Requireable<string>;
                             }> | null | undefined)[]>;
-                        }>>;
+                        }>>>;
                         help: PropTypes.Requireable<string>;
-                        media: PropTypes.Requireable<PropTypes.InferProps<{
+                        media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             id: PropTypes.Requireable<string>;
                             width: PropTypes.Requireable<string>;
@@ -163,7 +163,7 @@ declare const propTypes: {
                         }> | PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             mediaUrl: PropTypes.Validator<string>;
-                        }>>;
+                        }> | null | undefined>>;
                     }>>;
                 }>>;
                 '1': PropTypes.Requireable<PropTypes.InferProps<{
@@ -177,7 +177,7 @@ declare const propTypes: {
                     parentContentTitle: PropTypes.Requireable<string>;
                     questionText: PropTypes.Requireable<string>;
                     answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                        model: PropTypes.Validator<PropTypes.InferProps<{
+                        model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             answer: PropTypes.Requireable<(PropTypes.InferProps<{
                                 title: PropTypes.Validator<string>;
@@ -195,9 +195,9 @@ declare const propTypes: {
                                 type: PropTypes.Requireable<string>;
                                 name: PropTypes.Requireable<string>;
                             }> | null | undefined)[]>;
-                        }>>;
+                        }>>>;
                         help: PropTypes.Requireable<string>;
-                        media: PropTypes.Requireable<PropTypes.InferProps<{
+                        media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             id: PropTypes.Requireable<string>;
                             width: PropTypes.Requireable<string>;
@@ -237,7 +237,7 @@ declare const propTypes: {
                         }> | PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             mediaUrl: PropTypes.Validator<string>;
-                        }>>;
+                        }> | null | undefined>>;
                     }>>;
                 }>>;
                 '2': PropTypes.Requireable<PropTypes.InferProps<{
@@ -251,7 +251,7 @@ declare const propTypes: {
                     parentContentTitle: PropTypes.Requireable<string>;
                     questionText: PropTypes.Requireable<string>;
                     answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                        model: PropTypes.Validator<PropTypes.InferProps<{
+                        model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             answer: PropTypes.Requireable<(PropTypes.InferProps<{
                                 title: PropTypes.Validator<string>;
@@ -269,9 +269,9 @@ declare const propTypes: {
                                 type: PropTypes.Requireable<string>;
                                 name: PropTypes.Requireable<string>;
                             }> | null | undefined)[]>;
-                        }>>;
+                        }>>>;
                         help: PropTypes.Requireable<string>;
-                        media: PropTypes.Requireable<PropTypes.InferProps<{
+                        media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             id: PropTypes.Requireable<string>;
                             width: PropTypes.Requireable<string>;
@@ -311,7 +311,7 @@ declare const propTypes: {
                         }> | PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             mediaUrl: PropTypes.Validator<string>;
-                        }>>;
+                        }> | null | undefined>>;
                     }>>;
                 }>>;
                 '3': PropTypes.Requireable<PropTypes.InferProps<{
@@ -325,7 +325,7 @@ declare const propTypes: {
                     parentContentTitle: PropTypes.Requireable<string>;
                     questionText: PropTypes.Requireable<string>;
                     answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                        model: PropTypes.Validator<PropTypes.InferProps<{
+                        model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             answer: PropTypes.Requireable<(PropTypes.InferProps<{
                                 title: PropTypes.Validator<string>;
@@ -343,9 +343,9 @@ declare const propTypes: {
                                 type: PropTypes.Requireable<string>;
                                 name: PropTypes.Requireable<string>;
                             }> | null | undefined)[]>;
-                        }>>;
+                        }>>>;
                         help: PropTypes.Requireable<string>;
-                        media: PropTypes.Requireable<PropTypes.InferProps<{
+                        media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             id: PropTypes.Requireable<string>;
                             width: PropTypes.Requireable<string>;
@@ -385,7 +385,7 @@ declare const propTypes: {
                         }> | PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             mediaUrl: PropTypes.Validator<string>;
-                        }>>;
+                        }> | null | undefined>>;
                     }>>;
                 }>>;
                 '4': PropTypes.Requireable<PropTypes.InferProps<{
@@ -399,7 +399,7 @@ declare const propTypes: {
                     parentContentTitle: PropTypes.Requireable<string>;
                     questionText: PropTypes.Requireable<string>;
                     answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                        model: PropTypes.Validator<PropTypes.InferProps<{
+                        model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             answer: PropTypes.Requireable<(PropTypes.InferProps<{
                                 title: PropTypes.Validator<string>;
@@ -417,9 +417,9 @@ declare const propTypes: {
                                 type: PropTypes.Requireable<string>;
                                 name: PropTypes.Requireable<string>;
                             }> | null | undefined)[]>;
-                        }>>;
+                        }>>>;
                         help: PropTypes.Requireable<string>;
-                        media: PropTypes.Requireable<PropTypes.InferProps<{
+                        media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             id: PropTypes.Requireable<string>;
                             width: PropTypes.Requireable<string>;
@@ -459,10 +459,10 @@ declare const propTypes: {
                         }> | PropTypes.InferProps<{
                             type: PropTypes.Validator<string>;
                             mediaUrl: PropTypes.Validator<string>;
-                        }>>;
+                        }> | null | undefined>>;
                     }>>;
                 }>>;
-            }>>;
+            }>>>;
             endReview: PropTypes.Requireable<boolean>;
         }>>;
         reviewBackgroundAriaLabel: PropTypes.Requireable<string>;

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

@@ -13,7 +13,7 @@ var _player = _interopRequireDefault(require("./player"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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 propTypes = {
   viewName: _propTypes.default.oneOf(['skills', 'onboarding', 'slides', 'loader']),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/app-review/prop-types.ts"],"names":["propTypes","viewName","PropTypes","oneOf","onboarding","shape","Onboarding","skills","Skills","slides","Player"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAaA,MAAMA,SAAS,GAAG;AAChBC,EAAAA,QAAQ,EAAEC,mBAAUC,KAAV,CAAgB,CAAC,QAAD,EAAW,YAAX,EAAyB,QAAzB,EAAmC,QAAnC,CAAhB,CADM;AAEhBC,EAAAA,UAAU,EAAEF,mBAAUG,KAAV,cAAoBC,oBAAWN,SAA/B,EAFI;AAGhBO,EAAAA,MAAM,EAAEL,mBAAUG,KAAV,cAAoBG,gBAAOR,SAA3B,EAHQ;AAIhBS,EAAAA,MAAM,EAAEP,mBAAUG,KAAV,cAAoBK,gBAAOV,SAA3B;AAJQ,CAAlB;eAOeA,S","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"],"file":"prop-types.js"}
+{"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,"sources":["../../../../src/template/app-review/skills/index.js"],"names":["Skills"],"mappings":";;;;;AAAA;;;;eAEeA,qB","sourcesContent":["import Skills from '../../../organism/review-skills';\n\nexport default Skills;\n"],"file":"index.js"}
+{"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,4 +1,5 @@
-import { SkillsProps } from './prop-types';
-declare const Skills: (props: SkillsProps) => JSX.Element | null;
-export default Skills;
+/// <reference types="react" />
+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"}