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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AppReviewProps } from './prop-types';
 declare const AppReview: {
     ({ viewName, onboarding, skills, slides }: AppReviewProps): JSX.Element;
@@ -27,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>;
@@ -41,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<{
@@ -82,7 +83,7 @@ declare const AppReview: {
                     resultLabel: import("prop-types").Requireable<string>;
                     type: import("prop-types").Requireable<string>;
                 }>>;
-                slides: import("prop-types").Validator<import("prop-types").InferProps<{
+                slides: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
                     '0': import("prop-types").Requireable<import("prop-types").InferProps<{
                         position: import("prop-types").Requireable<number>;
                         loading: import("prop-types").Requireable<boolean>;
@@ -94,7 +95,7 @@ declare const AppReview: {
                         parentContentTitle: import("prop-types").Requireable<string>;
                         questionText: import("prop-types").Requireable<string>;
                         answerUI: import("prop-types").Requireable<import("prop-types").InferProps<{
-                            model: import("prop-types").Validator<import("prop-types").InferProps<{
+                            model: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 answer: import("prop-types").Requireable<(import("prop-types").InferProps<{
                                     title: import("prop-types").Validator<string>;
@@ -112,9 +113,9 @@ declare const AppReview: {
                                     type: import("prop-types").Requireable<string>;
                                     name: import("prop-types").Requireable<string>;
                                 }> | null | undefined)[]>;
-                            }>>;
+                            }>>>;
                             help: import("prop-types").Requireable<string>;
-                            media: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            media: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 id: import("prop-types").Requireable<string>;
                                 width: import("prop-types").Requireable<string>;
@@ -154,7 +155,7 @@ declare const AppReview: {
                             }> | import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 mediaUrl: import("prop-types").Validator<string>;
-                            }>>;
+                            }> | null | undefined>>;
                         }>>;
                     }>>;
                     '1': import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -168,7 +169,7 @@ declare const AppReview: {
                         parentContentTitle: import("prop-types").Requireable<string>;
                         questionText: import("prop-types").Requireable<string>;
                         answerUI: import("prop-types").Requireable<import("prop-types").InferProps<{
-                            model: import("prop-types").Validator<import("prop-types").InferProps<{
+                            model: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 answer: import("prop-types").Requireable<(import("prop-types").InferProps<{
                                     title: import("prop-types").Validator<string>;
@@ -186,9 +187,9 @@ declare const AppReview: {
                                     type: import("prop-types").Requireable<string>;
                                     name: import("prop-types").Requireable<string>;
                                 }> | null | undefined)[]>;
-                            }>>;
+                            }>>>;
                             help: import("prop-types").Requireable<string>;
-                            media: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            media: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 id: import("prop-types").Requireable<string>;
                                 width: import("prop-types").Requireable<string>;
@@ -228,7 +229,7 @@ declare const AppReview: {
                             }> | import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 mediaUrl: import("prop-types").Validator<string>;
-                            }>>;
+                            }> | null | undefined>>;
                         }>>;
                     }>>;
                     '2': import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -242,7 +243,7 @@ declare const AppReview: {
                         parentContentTitle: import("prop-types").Requireable<string>;
                         questionText: import("prop-types").Requireable<string>;
                         answerUI: import("prop-types").Requireable<import("prop-types").InferProps<{
-                            model: import("prop-types").Validator<import("prop-types").InferProps<{
+                            model: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 answer: import("prop-types").Requireable<(import("prop-types").InferProps<{
                                     title: import("prop-types").Validator<string>;
@@ -260,9 +261,9 @@ declare const AppReview: {
                                     type: import("prop-types").Requireable<string>;
                                     name: import("prop-types").Requireable<string>;
                                 }> | null | undefined)[]>;
-                            }>>;
+                            }>>>;
                             help: import("prop-types").Requireable<string>;
-                            media: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            media: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 id: import("prop-types").Requireable<string>;
                                 width: import("prop-types").Requireable<string>;
@@ -302,7 +303,7 @@ declare const AppReview: {
                             }> | import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 mediaUrl: import("prop-types").Validator<string>;
-                            }>>;
+                            }> | null | undefined>>;
                         }>>;
                     }>>;
                     '3': import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -316,7 +317,7 @@ declare const AppReview: {
                         parentContentTitle: import("prop-types").Requireable<string>;
                         questionText: import("prop-types").Requireable<string>;
                         answerUI: import("prop-types").Requireable<import("prop-types").InferProps<{
-                            model: import("prop-types").Validator<import("prop-types").InferProps<{
+                            model: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 answer: import("prop-types").Requireable<(import("prop-types").InferProps<{
                                     title: import("prop-types").Validator<string>;
@@ -334,9 +335,9 @@ declare const AppReview: {
                                     type: import("prop-types").Requireable<string>;
                                     name: import("prop-types").Requireable<string>;
                                 }> | null | undefined)[]>;
-                            }>>;
+                            }>>>;
                             help: import("prop-types").Requireable<string>;
-                            media: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            media: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 id: import("prop-types").Requireable<string>;
                                 width: import("prop-types").Requireable<string>;
@@ -376,7 +377,7 @@ declare const AppReview: {
                             }> | import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 mediaUrl: import("prop-types").Validator<string>;
-                            }>>;
+                            }> | null | undefined>>;
                         }>>;
                     }>>;
                     '4': import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -390,7 +391,7 @@ declare const AppReview: {
                         parentContentTitle: import("prop-types").Requireable<string>;
                         questionText: import("prop-types").Requireable<string>;
                         answerUI: import("prop-types").Requireable<import("prop-types").InferProps<{
-                            model: import("prop-types").Validator<import("prop-types").InferProps<{
+                            model: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 answer: import("prop-types").Requireable<(import("prop-types").InferProps<{
                                     title: import("prop-types").Validator<string>;
@@ -408,9 +409,9 @@ declare const AppReview: {
                                     type: import("prop-types").Requireable<string>;
                                     name: import("prop-types").Requireable<string>;
                                 }> | null | undefined)[]>;
-                            }>>;
+                            }>>>;
                             help: import("prop-types").Requireable<string>;
-                            media: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            media: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 id: import("prop-types").Requireable<string>;
                                 width: import("prop-types").Requireable<string>;
@@ -450,10 +451,10 @@ declare const AppReview: {
                             }> | import("prop-types").InferProps<{
                                 type: import("prop-types").Validator<string>;
                                 mediaUrl: import("prop-types").Validator<string>;
-                            }>>;
+                            }> | null | undefined>>;
                         }>>;
                     }>>;
-                }>>;
+                }>>>;
                 endReview: import("prop-types").Requireable<boolean>;
             }>>;
             reviewBackgroundAriaLabel: import("prop-types").Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.tsx"],"names":[],"mappings":"AAKA,OAAkB,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEvD,QAAA,MAAM,SAAS;+CAA4C,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWxE,CAAC;AAIF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEvD,QAAA,MAAM,SAAS;+CAA4C,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWxE,CAAC;AAIF,eAAe,SAAS,CAAC"}

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AppReviewProps } from './prop-types';
 declare const AppReview: (props: AppReviewProps) => JSX.Element;
 export default AppReview;

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/onboarding/index.js"],"names":["Onboarding"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,mCAAvB;AAEA,eAAeA,UAAf","sourcesContent":["import Onboarding from '../../../atom/review-presentation';\n\nexport default Onboarding;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["Onboarding"],"sources":["../../../../src/template/app-review/onboarding/index.js"],"sourcesContent":["import Onboarding from '../../../atom/review-presentation';\n\nexport default Onboarding;\n"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,mCAAvB;AAEA,eAAeA,UAAf"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/onboarding/index.native.js"],"names":["Onboarding"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,gDAAvB;AAEA,eAAeA,UAAf","sourcesContent":["import Onboarding from '../../../atom/review-presentation/index.native';\n\nexport default Onboarding;\n"],"file":"index.native.js"}
+{"version":3,"file":"index.native.js","names":["Onboarding"],"sources":["../../../../src/template/app-review/onboarding/index.native.js"],"sourcesContent":["import Onboarding from '../../../atom/review-presentation/index.native';\n\nexport default Onboarding;\n"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,gDAAvB;AAEA,eAAeA,UAAf"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/player/index.js"],"names":["React","isNil","classnames","ReviewBackground","ReviewCongrats","ReviewHeader","StackedSlides","CMPopin","style","propTypes","PlayerReview","header","stack","reviewBackgroundAriaLabel","congrats","quitPopin","playerReviewContainer","playerBackground","reviewHeaderContainer","reviewHeaderContainerCongrats"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,gBAAP,MAA6B,iCAA7B;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,OAAOC,YAAP,MAAyB,iCAAzB;AACA,OAAOC,aAAP,MAA0B,yCAA1B;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,YAAY,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA,KAAT;AAAgBC,EAAAA,yBAAhB;AAA2CC,EAAAA,QAA3C;AAAqDC,EAAAA;AAArD,CAAD,KAAqE;AACxF,sBACE;AACE,IAAA,GAAG,EAAC,yBADN;AAEE,iBAAU,yBAFZ;AAGE,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAHnB,kBAKE;AAAK,IAAA,GAAG,EAAC,6BAAT;AAAuC,IAAA,SAAS,EAAER,KAAK,CAACS;AAAxD,kBACE,oBAAC,gBAAD;AAAkB,kBAAYJ;AAA9B,IADF,CALF,eAQE;AACE,IAAA,GAAG,EAAC,uBADN;AAEE,IAAA,SAAS,EAAEX,UAAU,CACnBM,KAAK,CAACU,qBADa,EAEnBJ,QAAQ,IAAIN,KAAK,CAACW,6BAFC;AAFvB,kBAOE,oBAAC,YAAD,EAAkBR,MAAlB,CAPF,CARF,eAiBE,oBAAC,aAAD,EAAmBC,KAAnB,CAjBF,EAkBGX,KAAK,CAACa,QAAD,CAAL,GAAkB,IAAlB,gBACC;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACM,QAAtB;AAAgC,iBAAU;AAA1C,kBACE,oBAAC,cAAD,EAAoBA,QAApB,CADF,CAnBJ,EAwBGb,KAAK,CAACc,SAAD,CAAL,GAAmB,IAAnB,gBACC;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACO,SAAtB;AAAiC,iBAAU;AAA3C,kBACE,oBAAC,OAAD,EAAaA,SAAb,CADF,CAzBJ,CADF;AAgCD,CAjCD;;AAmCAL,YAAY,CAACD,SAAb,2CAAyBA,SAAzB;AAEA,eAAeC,YAAf","sourcesContent":["import React from 'react';\nimport isNil from 'lodash/fp/isNil';\nimport classnames from 'classnames';\nimport ReviewBackground from '../../../atom/review-background';\nimport ReviewCongrats from '../../../organism/review-congrats';\nimport ReviewHeader from '../../../organism/review-header';\nimport StackedSlides from '../../../organism/review-stacked-slides';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst PlayerReview = ({header, stack, reviewBackgroundAriaLabel, congrats, quitPopin}) => {\n  return (\n    <div\n      key=\"review-player-container\"\n      data-name=\"review-player-container\"\n      className={style.playerReviewContainer}\n    >\n      <div key=\"player-background-container\" className={style.playerBackground}>\n        <ReviewBackground aria-label={reviewBackgroundAriaLabel} />\n      </div>\n      <div\n        key=\"review-header-wrapper\"\n        className={classnames(\n          style.reviewHeaderContainer,\n          congrats && style.reviewHeaderContainerCongrats\n        )}\n      >\n        <ReviewHeader {...header} />\n      </div>\n      <StackedSlides {...stack} />\n      {isNil(congrats) ? null : (\n        <div className={style.congrats} data-name=\"congrats-container\">\n          <ReviewCongrats {...congrats} />\n        </div>\n      )}\n\n      {isNil(quitPopin) ? null : (\n        <div className={style.quitPopin} data-name=\"popin-container\">\n          <CMPopin {...quitPopin} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nPlayerReview.propTypes = propTypes;\n\nexport default PlayerReview;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["React","isNil","classnames","ReviewBackground","ReviewCongrats","ReviewHeader","StackedSlides","CMPopin","style","propTypes","PlayerReview","header","stack","reviewBackgroundAriaLabel","congrats","quitPopin","playerReviewContainer","playerBackground","reviewHeaderContainer","reviewHeaderContainerCongrats"],"sources":["../../../../src/template/app-review/player/index.js"],"sourcesContent":["import React from 'react';\nimport isNil from 'lodash/fp/isNil';\nimport classnames from 'classnames';\nimport ReviewBackground from '../../../atom/review-background';\nimport ReviewCongrats from '../../../organism/review-congrats';\nimport ReviewHeader from '../../../organism/review-header';\nimport StackedSlides from '../../../organism/review-stacked-slides';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst PlayerReview = ({header, stack, reviewBackgroundAriaLabel, congrats, quitPopin}) => {\n  return (\n    <div\n      key=\"review-player-container\"\n      data-name=\"review-player-container\"\n      className={style.playerReviewContainer}\n    >\n      <div key=\"player-background-container\" className={style.playerBackground}>\n        <ReviewBackground aria-label={reviewBackgroundAriaLabel} />\n      </div>\n      <div\n        key=\"review-header-wrapper\"\n        className={classnames(\n          style.reviewHeaderContainer,\n          congrats && style.reviewHeaderContainerCongrats\n        )}\n      >\n        <ReviewHeader {...header} />\n      </div>\n      <StackedSlides {...stack} />\n      {isNil(congrats) ? null : (\n        <div className={style.congrats} data-name=\"congrats-container\">\n          <ReviewCongrats {...congrats} />\n        </div>\n      )}\n\n      {isNil(quitPopin) ? null : (\n        <div className={style.quitPopin} data-name=\"popin-container\">\n          <CMPopin {...quitPopin} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nPlayerReview.propTypes = propTypes;\n\nexport default PlayerReview;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,gBAAP,MAA6B,iCAA7B;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,OAAOC,YAAP,MAAyB,iCAAzB;AACA,OAAOC,aAAP,MAA0B,yCAA1B;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,YAAY,GAAG,CAAC;EAACC,MAAD;EAASC,KAAT;EAAgBC,yBAAhB;EAA2CC,QAA3C;EAAqDC;AAArD,CAAD,KAAqE;EACxF,oBACE;IACE,GAAG,EAAC,yBADN;IAEE,aAAU,yBAFZ;IAGE,SAAS,EAAEP,KAAK,CAACQ;EAHnB,gBAKE;IAAK,GAAG,EAAC,6BAAT;IAAuC,SAAS,EAAER,KAAK,CAACS;EAAxD,gBACE,oBAAC,gBAAD;IAAkB,cAAYJ;EAA9B,EADF,CALF,eAQE;IACE,GAAG,EAAC,uBADN;IAEE,SAAS,EAAEX,UAAU,CACnBM,KAAK,CAACU,qBADa,EAEnBJ,QAAQ,IAAIN,KAAK,CAACW,6BAFC;EAFvB,gBAOE,oBAAC,YAAD,EAAkBR,MAAlB,CAPF,CARF,eAiBE,oBAAC,aAAD,EAAmBC,KAAnB,CAjBF,EAkBGX,KAAK,CAACa,QAAD,CAAL,GAAkB,IAAlB,gBACC;IAAK,SAAS,EAAEN,KAAK,CAACM,QAAtB;IAAgC,aAAU;EAA1C,gBACE,oBAAC,cAAD,EAAoBA,QAApB,CADF,CAnBJ,EAwBGb,KAAK,CAACc,SAAD,CAAL,GAAmB,IAAnB,gBACC;IAAK,SAAS,EAAEP,KAAK,CAACO,SAAtB;IAAiC,aAAU;EAA3C,gBACE,oBAAC,OAAD,EAAaA,SAAb,CADF,CAzBJ,CADF;AAgCD,CAjCD;;AAmCAL,YAAY,CAACD,SAAb,2CAAyBA,SAAzB;AAEA,eAAeC,YAAf"}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ReviewPlayerProps } from './prop-types';
 declare const Slides: (props: ReviewPlayerProps) => JSX.Element | null;
 export default Slides;

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAmB/C,QAAA,MAAM,MAAM,UAAW,iBAAiB,uBAyBvC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAmB/C,QAAA,MAAM,MAAM,UAAW,iBAAiB,uBAyBvC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":["React","useEffect","useState","View","StyleSheet","StackedSlides","ReviewHeader","useTemplateContext","createStyleSheet","theme","headerHeight","create","container","flex","width","paddingTop","backgroundColor","colors","white","flexDirection","justifyContent","alignItems","Slides","props","header","stack","display","styleSheet","setStylesheet","_stylesheet"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,QAA1B,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,UAAd,QAA0C,cAA1C;AACA,OAAOC,aAAP,MAA0B,sDAA1B;AACA,OAAOC,YAAP,MAAyB,8CAAzB;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAOA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAeC,YAAf,KACvBN,UAAU,CAACO,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,IAAI,EAAE,CADG;AAETC,IAAAA,KAAK,EAAE,MAFE;AAGTC,IAAAA,UAAU,EAAEL,YAHH;AAITM,IAAAA,eAAe,EAAEP,KAAK,CAACQ,MAAN,CAAaC,KAJrB;AAKTC,IAAAA,aAAa,EAAE,QALN;AAMTC,IAAAA,cAAc,EAAE,eANP;AAOTC,IAAAA,UAAU,EAAE;AAPH;AADK,CAAlB,CADF;;AAaA,MAAMC,MAAM,GAAIC,KAAD,IAA8B;AAC3C,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA;AAAT,MAAkBF,KAAxB;AAEA,QAAM;AACJd,IAAAA,KADI;AAEJiB,IAAAA,OAAO,EAAE;AAAChB,MAAAA;AAAD;AAFL,MAGFH,kBAAkB,EAHtB;AAKA,QAAM,CAACoB,UAAD,EAAaC,aAAb,IAA8B1B,QAAQ,CAAwB,IAAxB,CAA5C;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,UAAM4B,WAAW,GAAGrB,gBAAgB,CAACC,KAAD,EAAQC,YAAR,CAApC;;AACAkB,IAAAA,aAAa,CAACC,WAAD,CAAb;AACD,GAHQ,EAGN,CAACpB,KAAD,EAAQC,YAAR,CAHM,CAAT;;AAKA,MAAI,CAACiB,UAAL,EAAiB;AACf,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA,UAAU,CAACf;AAAxB,kBACE,oBAAC,YAAD,EAAkBY,MAAlB,CADF,EAEGC,KAAK,gBAAG,oBAAC,aAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAF1C,CADF;AAMD,CAzBD;;AA2BA,eAAeH,MAAf","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle} from 'react-native';\nimport StackedSlides from '../../../organism/review-stacked-slides/index.native';\nimport ReviewHeader from '../../../organism/review-header/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewPlayerProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, headerHeight: number): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      width: '100%',\n      paddingTop: headerHeight,\n      backgroundColor: theme.colors.white,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    }\n  });\n\nconst Slides = (props: ReviewPlayerProps) => {\n  const {header, stack} = props;\n\n  const {\n    theme,\n    display: {headerHeight}\n  } = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, headerHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, headerHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <ReviewHeader {...header} />\n      {stack ? <StackedSlides {...stack} /> : null}\n    </View>\n  );\n};\n\nexport default Slides;\n"],"file":"index.native.js"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","StackedSlides","ReviewHeader","useTemplateContext","createStyleSheet","theme","headerHeight","create","container","flex","width","paddingTop","backgroundColor","colors","white","flexDirection","justifyContent","alignItems","Slides","props","header","stack","display","styleSheet","setStylesheet","_stylesheet"],"sources":["../../../../src/template/app-review/player/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle} from 'react-native';\nimport StackedSlides from '../../../organism/review-stacked-slides/index.native';\nimport ReviewHeader from '../../../organism/review-header/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewPlayerProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, headerHeight: number): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      width: '100%',\n      paddingTop: headerHeight,\n      backgroundColor: theme.colors.white,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    }\n  });\n\nconst Slides = (props: ReviewPlayerProps) => {\n  const {header, stack} = props;\n\n  const {\n    theme,\n    display: {headerHeight}\n  } = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, headerHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, headerHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <ReviewHeader {...header} />\n      {stack ? <StackedSlides {...stack} /> : null}\n    </View>\n  );\n};\n\nexport default Slides;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,QAA1B,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,UAAd,QAA0C,cAA1C;AACA,OAAOC,aAAP,MAA0B,sDAA1B;AACA,OAAOC,YAAP,MAAyB,8CAAzB;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAOA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAeC,YAAf,KACvBN,UAAU,CAACO,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,KAAK,EAAE,MAFE;IAGTC,UAAU,EAAEL,YAHH;IAITM,eAAe,EAAEP,KAAK,CAACQ,MAAN,CAAaC,KAJrB;IAKTC,aAAa,EAAE,QALN;IAMTC,cAAc,EAAE,eANP;IAOTC,UAAU,EAAE;EAPH;AADK,CAAlB,CADF;;AAaA,MAAMC,MAAM,GAAIC,KAAD,IAA8B;EAC3C,MAAM;IAACC,MAAD;IAASC;EAAT,IAAkBF,KAAxB;EAEA,MAAM;IACJd,KADI;IAEJiB,OAAO,EAAE;MAAChB;IAAD;EAFL,IAGFH,kBAAkB,EAHtB;EAKA,MAAM,CAACoB,UAAD,EAAaC,aAAb,IAA8B1B,QAAQ,CAAwB,IAAxB,CAA5C;EAEAD,SAAS,CAAC,MAAM;IACd,MAAM4B,WAAW,GAAGrB,gBAAgB,CAACC,KAAD,EAAQC,YAAR,CAApC;;IACAkB,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAACpB,KAAD,EAAQC,YAAR,CAHM,CAAT;;EAKA,IAAI,CAACiB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAACf;EAAxB,gBACE,oBAAC,YAAD,EAAkBY,MAAlB,CADF,EAEGC,KAAK,gBAAG,oBAAC,aAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAF1C,CADF;AAMD,CAzBD;;AA2BA,eAAeH,MAAf"}

package/es/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/es/template/app-review/player/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 ReviewCongratsPropTypes from '../../../organism/review-congrats/prop-types';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":["PropTypes","ReviewCongratsPropTypes","ReviewBackgroundPropTypes","ReviewHeaderPropTypes","CmPopin","StackedSlidesPropTypes","propTypes","header","shape","stack","reviewBackgroundAriaLabel","congrats","quitPopin"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAGA,OAAOC,uBAAP,MAEO,8CAFP;AAIA,OAAOC,yBAAP,MAAsC,4CAAtC;AACA,OAAOC,qBAAP,MAAiD,uCAAjD;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,sBAAP,MAEO,oDAFP;AAIA,MAAMC,SAAS,GAAG;AAChBC,EAAAA,MAAM,EAAEP,SAAS,CAACQ,KAAV,CAAgBL,qBAAhB,CADQ;AAEhBM,EAAAA,KAAK,EAAET,SAAS,CAACQ,KAAV,CAAgBH,sBAAhB,CAFS;AAGhBK,EAAAA,yBAAyB,EAAER,yBAAyB,CAAC,YAAD,CAHpC;AAIhBS,EAAAA,QAAQ,EAAEX,SAAS,CAACQ,KAAV,CAAgBP,uBAAhB,CAJM;AAKhBW,EAAAA,SAAS,EAAEZ,SAAS,CAACQ,KAAV,cAAoBJ,OAAO,CAACE,SAA5B;AALK,CAAlB;AAQA,eAAeA,SAAf","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","ReviewCongratsPropTypes","ReviewBackgroundPropTypes","ReviewHeaderPropTypes","CmPopin","StackedSlidesPropTypes","propTypes","header","shape","stack","reviewBackgroundAriaLabel","congrats","quitPopin"],"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,OAAOA,SAAP,MAAsB,YAAtB;AAGA,OAAOC,uBAAP,MAEO,8CAFP;AAIA,OAAOC,yBAAP,MAAsC,4CAAtC;AACA,OAAOC,qBAAP,MAAiD,uCAAjD;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,sBAAP,MAEO,oDAFP;AAIA,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAEP,SAAS,CAACQ,KAAV,CAAgBL,qBAAhB,CADQ;EAEhBM,KAAK,EAAET,SAAS,CAACQ,KAAV,CAAgBH,sBAAhB,CAFS;EAGhBK,yBAAyB,EAAER,yBAAyB,CAAC,YAAD,CAHpC;EAIhBS,QAAQ,EAAEX,SAAS,CAACQ,KAAV,CAAgBP,uBAAhB,CAJM;EAKhBW,SAAS,EAAEZ,SAAS,CAACQ,KAAV,cAAoBJ,OAAO,CAACE,SAA5B;AALK,CAAlB;AAQA,eAAeA,SAAf"}

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

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