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

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<{
@@ -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/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

@@ -1,4 +1,4 @@
-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); }
 
 import PropTypes from 'prop-types';
 import Onboarding from './onboarding';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/app-review/prop-types.ts"],"names":["PropTypes","Onboarding","Skills","Player","propTypes","viewName","oneOf","onboarding","shape","skills","slides"],"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;AAChBC,EAAAA,QAAQ,EAAEL,SAAS,CAACM,KAAV,CAAgB,CAAC,QAAD,EAAW,YAAX,EAAyB,QAAzB,EAAmC,QAAnC,CAAhB,CADM;AAEhBC,EAAAA,UAAU,EAAEP,SAAS,CAACQ,KAAV,cAAoBP,UAAU,CAACG,SAA/B,EAFI;AAGhBK,EAAAA,MAAM,EAAET,SAAS,CAACQ,KAAV,cAAoBN,MAAM,CAACE,SAA3B,EAHQ;AAIhBM,EAAAA,MAAM,EAAEV,SAAS,CAACQ,KAAV,cAAoBL,MAAM,CAACC,SAA3B;AAJQ,CAAlB;AAOA,eAAeA,SAAf","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","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,"sources":["../../../../src/template/app-review/skills/index.js"],"names":["Skills"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,iCAAnB;AAEA,eAAeA,MAAf","sourcesContent":["import Skills from '../../../organism/review-skills';\n\nexport default Skills;\n"],"file":"index.js"}
+{"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,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/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"}

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

@@ -1,8 +1,9 @@
 import React, { useState, useEffect } from 'react';
-import { View, FlatList, Pressable, StyleSheet, Text } from 'react-native';
-import { NovaCompositionNavigationArrowRight as ArrowRight, NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision } from '@coorpacademy/nova-icons';
-import { useTemplateContext } from '../template-context';
+import { Text, View, StyleSheet } from 'react-native';
 import { HEADER_HEIGHT } from '../../../organism/header-v2/index.native';
+import ReviewNoSkills from '../../../organism/review-no-skills/index.native';
+import ReviewListSkills from '../../../organism/review-skills/index.native';
+import { useTemplateContext } from '../template-context';
 
 const createStyleSheet = theme => StyleSheet.create({
   container: {
@@ -18,176 +19,19 @@ const createStyleSheet = theme => StyleSheet.create({
     color: theme.colors.text.primary,
     marginBottom: theme.spacing.base,
     marginTop: theme.spacing.small
-  },
-  subtitle: {
-    fontSize: theme.fontSize.xlarge,
-    color: theme.colors.text.primary,
-    marginBottom: theme.spacing.tiny
-  },
-  text: {
-    fontSize: 16,
-    lineHeight: 22,
-    color: theme.colors.text.primary,
-    opacity: 0.7,
-    marginBottom: theme.spacing.base
-  },
-  noSkillsImage: {
-    flex: 1,
-    alignSelf: 'center',
-    width: 320,
-    height: 300
-  },
-  skills: {
-    paddingBottom: 100
-  },
-  skill: {
-    display: 'flex',
-    flexDirection: 'row',
-    overflow: 'hidden',
-    alignItems: 'center',
-    height: 118,
-    borderRadius: 8,
-    backgroundColor: theme.colors.gray.lighter,
-    marginTop: theme.spacing.micro,
-    marginBottom: theme.spacing.micro,
-    padding: theme.spacing.base
-  },
-  skillTexts: {
-    flex: 1,
-    flexDirection: 'column'
-  },
-  skillTitle: {
-    fontSize: 18,
-    fontWeight: '600',
-    lineHeight: 22,
-    color: theme.colors.text.primary,
-    marginBottom: theme.spacing.tiny
-  },
-  skillInfo: {
-    fontSize: 12,
-    lineHeight: 16,
-    color: theme.colors.gray.medium
-  }
-}); // -----------------------------------------------------------------------------
-
-
-const onSelectSkill = title => () => {
-  // eslint-disable-next-line no-console
-  console.log('pressed on', {
-    title
-  });
-};
-
-const Skill = ({
-  title,
-  info
-}) => {
-  const templateContext = useTemplateContext();
-  const [styleSheet, setStylesheet] = useState(null);
-  const {
-    theme
-  } = templateContext;
-  useEffect(() => {
-    const _stylesheet = createStyleSheet(theme);
-
-    setStylesheet(_stylesheet);
-  }, [theme]);
-
-  if (!styleSheet) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(Pressable, {
-    style: styleSheet.skill,
-    onPress: onSelectSkill(title)
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styleSheet.skillTexts
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styleSheet.skillTitle
-  }, title), /*#__PURE__*/React.createElement(Text, {
-    style: styleSheet.skillInfo
-  }, info)), /*#__PURE__*/React.createElement(ArrowRight, {
-    color: "#ededed",
-    height: 20,
-    width: 20
-  }));
-}; // -----------------------------------------------------------------------------
-
-
-const Item = ({
-  item: {
-    title,
-    info
   }
-}) => /*#__PURE__*/React.createElement(Skill, {
-  title: title,
-  info: info
 });
 
-const List = props => {
-  const templateContext = useTemplateContext();
-  const [styleSheet, setStylesheet] = useState(null);
-  const {
-    theme
-  } = templateContext;
-  const {
-    skills
-  } = props;
-  useEffect(() => {
-    const _stylesheet = createStyleSheet(theme);
-
-    setStylesheet(_stylesheet);
-  }, [theme]);
-
-  if (!styleSheet) {
-    return null;
-  }
-
-  const formattedDataList = [];
-  skills.map(skill => formattedDataList.push({
-    title: skill.skillTitle,
-    info: skill.skillAriaLabel
-  }));
-  return /*#__PURE__*/React.createElement(FlatList, {
-    contentContainerStyle: styleSheet.skills,
-    data: formattedDataList,
-    renderItem: Item
-  });
-}; // -----------------------------------------------------------------------------
-
-
-const NoSkills = () => {
-  const templateContext = useTemplateContext();
-  const [styleSheet, setStylesheet] = useState(null);
-  const {
-    theme,
-    translations
-  } = templateContext;
-  useEffect(() => {
-    const _stylesheet = createStyleSheet(theme);
-
-    setStylesheet(_stylesheet);
-  }, [theme]);
-
-  if (!styleSheet) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    style: styleSheet.subtitle
-  }, translations.appReview?.noSkills?.title), /*#__PURE__*/React.createElement(Text, {
-    style: styleSheet.text
-  }, translations.appReview?.noSkills?.text), /*#__PURE__*/React.createElement(EmptyStateHomeRevision, {
-    style: styleSheet.noSkillsImage
-  }));
-}; // -----------------------------------------------------------------------------
-//  title --> translations.revision.home.title
-
-
-const Skills = props => {
+const ReviewSkills = props => {
   const {
+    'aria-label': ariaLabel,
     title,
-    listSkills
+    isLoading,
+    isLoadingAriaLabel,
+    listSkills,
+    titleNoSkills,
+    textNoSkills,
+    iconSkillAriaLabel
   } = props;
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -198,21 +42,27 @@ const Skills = props => {
     const _stylesheet = createStyleSheet(theme);
 
     setStylesheet(_stylesheet);
-  }, [theme]); // ------------------------------------
+  }, [theme]);
 
   if (!styleSheet) {
     return null;
   }
 
   return /*#__PURE__*/React.createElement(View, {
-    style: styleSheet.container
+    style: styleSheet.container,
+    accessibilityLabel: ariaLabel
   }, /*#__PURE__*/React.createElement(Text, {
     style: styleSheet.title
-  }, title), !listSkills || listSkills.length === 0 ? /*#__PURE__*/React.createElement(NoSkills, null) : /*#__PURE__*/React.createElement(List, {
-    skills: listSkills
-  }));
-}; // -----------------------------------------------------------------------------
-
+  }, title), isLoading ? /*#__PURE__*/React.createElement(Text, {
+    accessibilityLabel: isLoadingAriaLabel
+  }, "Loading") : /*#__PURE__*/React.createElement(View, null, !listSkills || listSkills.length === 0 ? /*#__PURE__*/React.createElement(ReviewNoSkills, {
+    titleNoSkills: titleNoSkills,
+    textNoSkills: textNoSkills,
+    iconSkillAriaLabel: iconSkillAriaLabel
+  }) : /*#__PURE__*/React.createElement(ReviewListSkills, {
+    listSkills: listSkills
+  })));
+};
 
-export default Skills;
+export default ReviewSkills;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":["React","useState","useEffect","View","FlatList","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","useTemplateContext","HEADER_HEIGHT","createStyleSheet","theme","create","container","flex","padding","paddingTop","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","subtitle","tiny","opacity","noSkillsImage","alignSelf","width","height","skills","paddingBottom","skill","display","flexDirection","overflow","alignItems","borderRadius","gray","lighter","micro","skillTexts","skillTitle","skillInfo","medium","onSelectSkill","console","log","Skill","info","templateContext","styleSheet","setStylesheet","_stylesheet","Item","item","List","props","formattedDataList","map","push","skillAriaLabel","NoSkills","translations","appReview","noSkills","Skills","listSkills","length"],"mappings":"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","sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, FlatList, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../template-context';\nimport {Theme} from '../../../variables/theme.native';\n\nimport {HEADER_HEIGHT} from '../../../organism/header-v2/index.native';\nimport {ItemProps, ListSkillsProps, SkillProps, SkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  title: TextStyle;\n  subtitle: TextStyle;\n  text: TextStyle;\n  noSkillsImage: ViewStyle;\n  skills: ViewStyle;\n  skill: ViewStyle;\n  skillTexts: TextStyle;\n  skillTitle: TextStyle;\n  skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      padding: 20,\n      paddingTop: HEADER_HEIGHT + 20,\n      backgroundColor: theme.colors.white\n    },\n    title: {\n      fontSize: theme.fontSize.xlarge,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 28,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.base,\n      marginTop: theme.spacing.small\n    },\n    subtitle: {\n      fontSize: theme.fontSize.xlarge,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    text: {\n      fontSize: 16,\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      opacity: 0.7,\n      marginBottom: theme.spacing.base\n    },\n    noSkillsImage: {\n      flex: 1,\n      alignSelf: 'center',\n      width: 320,\n      height: 300\n    },\n    skills: {paddingBottom: 100},\n    skill: {\n      display: 'flex',\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 118,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.lighter,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro,\n      padding: theme.spacing.base\n    },\n    skillTexts: {\n      flex: 1,\n      flexDirection: 'column'\n    },\n    skillTitle: {\n      fontSize: 18,\n      fontWeight: '600',\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    skillInfo: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium\n    }\n  });\n\n// -----------------------------------------------------------------------------\n\nconst onSelectSkill = (title: string) => () => {\n  // eslint-disable-next-line no-console\n  console.log('pressed on', {title});\n};\n\nconst Skill = ({title, info}: SkillProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Pressable style={styleSheet.skill} onPress={onSelectSkill(title)}>\n      <View style={styleSheet.skillTexts}>\n        <Text style={styleSheet.skillTitle}>{title}</Text>\n        <Text style={styleSheet.skillInfo}>{info}</Text>\n      </View>\n      <ArrowRight color=\"#ededed\" height={20} width={20} />\n    </Pressable>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nconst Item = ({item: {title, info}}: ItemProps) => <Skill title={title} info={info} />;\n\ntype ItemDataType = {\n  title: string;\n  info: string;\n};\n\nconst List = (props: {skills: Array<ListSkillsProps>}) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {skills} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const formattedDataList: Array<ItemDataType> = [];\n  skills.map(skill =>\n    formattedDataList.push({\n      title: skill.skillTitle,\n      info: skill.skillAriaLabel\n    })\n  );\n\n  return (\n    <FlatList\n      contentContainerStyle={styleSheet.skills}\n      data={formattedDataList}\n      renderItem={Item}\n    />\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nconst NoSkills = () => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme, translations} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <>\n      <Text style={styleSheet.subtitle}>{translations.appReview?.noSkills?.title}</Text>\n      <Text style={styleSheet.text}>{translations.appReview?.noSkills?.text}</Text>\n      <EmptyStateHomeRevision style={styleSheet.noSkillsImage} />\n    </>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\n//  title --> translations.revision.home.title\nconst Skills = (props: SkillsProps) => {\n  const {title, listSkills} = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <Text style={styleSheet.title}>{title}</Text>\n      {!listSkills || listSkills.length === 0 ? <NoSkills /> : <List skills={listSkills} />}\n    </View>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nexport default Skills;\n"],"file":"index.native.js"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","Text","View","StyleSheet","HEADER_HEIGHT","ReviewNoSkills","ReviewListSkills","useTemplateContext","createStyleSheet","theme","create","container","flex","padding","paddingTop","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","ReviewSkills","props","ariaLabel","isLoading","isLoadingAriaLabel","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","styleSheet","setStylesheet","_stylesheet","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {Text, View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {HEADER_HEIGHT} from '../../../organism/header-v2/index.native';\nimport ReviewNoSkills from '../../../organism/review-no-skills/index.native';\nimport ReviewListSkills from '../../../organism/review-skills/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      padding: 20,\n      paddingTop: HEADER_HEIGHT + 20,\n      backgroundColor: theme.colors.white\n    },\n    title: {\n      fontSize: theme.fontSize.xlarge,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 28,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.base,\n      marginTop: theme.spacing.small\n    }\n  });\n\nconst ReviewSkills = (props: ReviewSkillsProps) => {\n  const {\n    'aria-label': ariaLabel,\n    title,\n    isLoading,\n    isLoadingAriaLabel,\n    listSkills,\n    titleNoSkills,\n    textNoSkills,\n    iconSkillAriaLabel\n  } = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container} accessibilityLabel={ariaLabel}>\n      <Text style={styleSheet.title}>{title}</Text>\n      {isLoading ? (\n        <Text accessibilityLabel={isLoadingAriaLabel}>Loading</Text>\n      ) : (\n        <View>\n          {!listSkills || listSkills.length === 0 ? (\n            <ReviewNoSkills\n              titleNoSkills={titleNoSkills}\n              textNoSkills={textNoSkills}\n              iconSkillAriaLabel={iconSkillAriaLabel}\n            />\n          ) : (\n            <ReviewListSkills listSkills={listSkills} />\n          )}\n        </View>\n      )}\n    </View>\n  );\n};\n\nexport default ReviewSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,IAAd,EAAoBC,UAApB,QAA2D,cAA3D;AACA,SAAQC,aAAR,QAA4B,0CAA5B;AACA,OAAOC,cAAP,MAA2B,iDAA3B;AACA,OAAOC,gBAAP,MAA6B,8CAA7B;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAQA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBN,UAAU,CAACO,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,OAAO,EAAE,EAFA;IAGTC,UAAU,EAAEV,aAAa,GAAG,EAHnB;IAITW,eAAe,EAAEN,KAAK,CAACO,MAAN,CAAaC;EAJrB,CADK;EAOhBC,KAAK,EAAE;IACLC,QAAQ,EAAEV,KAAK,CAACU,QAAN,CAAeC,MADpB;IAELC,UAAU,EAAEZ,KAAK,CAACY,UAAN,CAAiBC,IAFxB;IAGLC,UAAU,EAAE,EAHP;IAILC,KAAK,EAAEf,KAAK,CAACO,MAAN,CAAaS,IAAb,CAAkBC,OAJpB;IAKLC,YAAY,EAAElB,KAAK,CAACmB,OAAN,CAAcC,IALvB;IAMLC,SAAS,EAAErB,KAAK,CAACmB,OAAN,CAAcG;EANpB;AAPS,CAAlB,CADF;;AAkBA,MAAMC,YAAY,GAAIC,KAAD,IAA8B;EACjD,MAAM;IACJ,cAAcC,SADV;IAEJhB,KAFI;IAGJiB,SAHI;IAIJC,kBAJI;IAKJC,UALI;IAMJC,aANI;IAOJC,YAPI;IAQJC;EARI,IASFP,KATJ;EAUA,MAAMQ,eAAe,GAAGlC,kBAAkB,EAA1C;EACA,MAAM,CAACmC,UAAD,EAAaC,aAAb,IAA8B5C,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACU;EAAD,IAAUgC,eAAhB;EAEAzC,SAAS,CAAC,MAAM;IACd,MAAM4C,WAAW,GAAGpC,gBAAgB,CAACC,KAAD,CAApC;;IACAkC,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAACnC,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACiC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAAC/B,SAAxB;IAAmC,kBAAkB,EAAEuB;EAAvD,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEQ,UAAU,CAACxB;EAAxB,GAAgCA,KAAhC,CADF,EAEGiB,SAAS,gBACR,oBAAC,IAAD;IAAM,kBAAkB,EAAEC;EAA1B,aADQ,gBAGR,oBAAC,IAAD,QACG,CAACC,UAAD,IAAeA,UAAU,CAACQ,MAAX,KAAsB,CAArC,gBACC,oBAAC,cAAD;IACE,aAAa,EAAEP,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EADD,gBAOC,oBAAC,gBAAD;IAAkB,UAAU,EAAEH;EAA9B,EARJ,CALJ,CADF;AAoBD,CA5CD;;AA8CA,eAAeL,YAAf"}