@coorpacademy/components 11.5.3 → 11.6.1-alpha.12

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

@@ -0,0 +1,235 @@
+@value breakpoints: "../../../variables/breakpoints.css";
+@value tablet from breakpoints;
+@value mobile from breakpoints;
+
+.interrogationBase {
+    position: absolute;
+    font-family: "Gilroy";
+    font-size: 700px;
+    font-weight: 700;
+    text-align: center;
+    color: black;
+    opacity: 0.02;
+    user-select: none;
+    z-index: 1;
+  }
+  
+  .mainContainer {
+    position: relative;
+    width: 100vw;
+    height: 100%;
+    background: #ffffff;
+    padding: 0;
+    margin: 0;
+    overflow: hidden;
+  }
+  
+  .container {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0px;
+    top: 0px;
+  }
+  
+  .interrogationLeft {
+    composes: interrogationBase;
+    left: -14%;
+    top: -15%;
+    transform: rotate(49.77deg);
+  }
+  
+  .interrogationRight {
+    composes: interrogationBase;
+    left: 72%;
+    top: 12%;
+    transform: rotate(135deg);
+  }
+  
+  .recYellow {
+    position: absolute;
+    left: -40.79%;
+    right: 60.63%;
+    top: 0.34%;
+    bottom: 24.77%;
+    background: radial-gradient(
+      circle closest-side at 57.97% 41.54%,
+      #ffc043 0%,
+      rgba(255, 255, 255, 0) 100%
+    );
+    opacity: 0.4;
+    filter: blur(80px);
+  }
+  
+  .recRed {
+    position: absolute;
+    left: 3.72%;
+    right: 42.62%;
+    top: 23.04%;
+    bottom: -9.22%;
+    background: radial-gradient(
+      circle closest-side at 57.97% 41.54%,
+      #ff7043 0%,
+      rgba(255, 255, 255, 0) 100%
+    );
+    opacity: 0.2;
+    filter: blur(80px);
+  }
+  
+  .recBlue {
+    position: absolute;
+    left: 42.5%;
+    right: 0.35%;
+    top: 40.78%;
+    bottom: -67.67%;
+    background: radial-gradient(
+      circle closest-side at 39.9% 50%,
+      rgba(0, 97, 255, 0.55) 0%,
+      rgba(255, 255, 255, 0) 100%
+    );
+    opacity: 0.5;
+    filter: blur(80px);
+  }
+  
+  .recGreen {
+    position: absolute;
+    left: 64.14%;
+    right: -20.87%;
+    top: -27.96%;
+    bottom: 45.85%;
+    background: radial-gradient(
+      circle closest-side at 56.78% 61.36%,
+      #2199ab 0%,
+      rgba(255, 255, 255, 0) 100%
+    );
+    opacity: 0.5;
+    filter: blur(100px);
+  }
+  
+  .recGreenLight {
+    position: absolute;
+    left: 50.13%;
+    right: -18.51%;
+    top: 13.13%;
+    bottom: 6.78%;
+    background: radial-gradient(
+      circle closest-side at 54.18% 40.45%,
+      #18bb98 0%,
+      rgba(255, 255, 255, 0) 100%
+    );
+    opacity: 0.5;
+    filter: blur(100px);
+  }
+  
+  @media tablet {
+    .interrogationLeft {
+      left: -8%;
+      top: 6%;
+      font-size: 500px;
+    }
+  
+    .interrogationRight {
+      left: 70%;
+      top: 6%;
+      font-size: 500px;
+    }
+  
+    .recYellow {
+      left: -20.79%;
+      right: 55.63%;
+      top: 5.34%;
+      bottom: 34.77%;
+      background: radial-gradient(
+        circle closest-side at 57.97% 41.54%,
+        #ffc043 0%,
+        rgba(255, 255, 255, 0) 100%
+      );
+    }
+  
+    .recRed {
+      left: 10.72%;
+      right: 42.62%;
+      top: 33.04%;
+      bottom: -9.22%;
+      background: radial-gradient(
+        circle closest-side at 57.97% 41.54%,
+        #ff7043 0%,
+        rgba(255, 255, 255, 0) 100%
+      );
+      filter: blur(50px);
+      opacity: 0.2;
+    }
+  
+    .recBlue {
+      bottom: -80.78%;
+      background: radial-gradient(
+        circle closest-side at 39.9% 50%,
+        rgba(0, 97, 255, 0.55) 0%,
+        rgba(255, 255, 255, 0) 100%
+      );
+    }
+  
+    .recGreen {
+      bottom: 43.13%;
+      background: radial-gradient(
+        circle closest-side at 56.78% 61.36%,
+        #2199ab 0%,
+        rgba(255, 255, 255, 0) 100%
+      );
+      opacity: 0.3;
+    }
+  
+    .recGreenLight {
+      left: 40%;
+      top: 13.13%;
+      background: radial-gradient(
+        circle closest-side at 54.18% 40.45%,
+        #18bb98 0%,
+        rgba(255, 255, 255, 0) 100%
+      );
+    }
+  }
+  
+  @media mobile {
+    .interrogationLeft {
+      left: -25%;
+      top: 3%;
+      font-size: 400px;
+    }
+  
+    .interrogationRight {
+      left: 55%;
+      top: 36%;
+      font-size: 400px;
+    }
+  
+    .recYellow {
+      right: 50%;
+      top: -5.34%;
+      opacity: 0.5;
+    }
+  
+    .recRed {
+      opacity: 0.5;
+    }
+  
+    .recBlue {
+      left: 48.5%;
+      right: -35%;
+      bottom: -50.78%;
+      opacity: 0.5;
+    }
+  
+    .recGreen {
+      top: -23.13%;
+      left: 30%;
+      opacity: 0.5;
+    }
+  
+    .recGreenLight {
+      top: -3.13%;
+      left: 30%;
+      opacity: 0.5;
+    }
+  }
+  

package/es/template/app-review/player/background-review.d.ts

@@ -0,0 +1,3 @@
+export default ReviewBackground;
+declare function ReviewBackground(): JSX.Element;
+//# sourceMappingURL=background-review.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"background-review.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/background-review.js"],"names":[],"mappings":";AAGA,iDAkBC"}

package/es/{atom/review-background/index.js → template/app-review/player/background-review.js}

@@ -1,14 +1,9 @@
 import React from 'react';
-import style from './style.css';
-import propTypes from './prop-types';
+import style from './background-review.css';
 
-const ReviewBackground = props => {
-  const {
-    'aria-label': ariaLabel
-  } = props;
+const ReviewBackground = () => {
   return /*#__PURE__*/React.createElement("div", {
     className: style.mainContainer,
-    "aria-label": ariaLabel,
     tabIndex: -1
   }, /*#__PURE__*/React.createElement("div", {
     className: style.container,
@@ -37,6 +32,5 @@ const ReviewBackground = props => {
   })));
 };
 
-ReviewBackground.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewBackground;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=background-review.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"background-review.js","names":["React","style","ReviewBackground","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight"],"sources":["../../../../src/template/app-review/player/background-review.js"],"sourcesContent":["import React from 'react';\nimport style from './background-review.css';\n\nconst ReviewBackground = () => {\n  return (\n    <div className={style.mainContainer} tabIndex={-1}>\n      <div className={style.container} tabIndex={-1}>\n        <span className={style.interrogationLeft} tabIndex={-1}>\n          ?\n        </span>\n        <span className={style.interrogationRight} tabIndex={-1}>\n          ?\n        </span>\n        <div className={style.recYellow} tabIndex={-1} />\n        <div className={style.recRed} tabIndex={-1} />\n        <div className={style.recBlue} tabIndex={-1} />\n        <div className={style.recGreen} tabIndex={-1} />\n        <div className={style.recGreenLight} tabIndex={-1} />\n      </div>\n    </div>\n  );\n};\n\nexport default ReviewBackground;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,yBAAlB;;AAEA,MAAMC,gBAAgB,GAAG,MAAM;EAC7B,oBACE;IAAK,SAAS,EAAED,KAAK,CAACE,aAAtB;IAAqC,QAAQ,EAAE,CAAC;EAAhD,gBACE;IAAK,SAAS,EAAEF,KAAK,CAACG,SAAtB;IAAiC,QAAQ,EAAE,CAAC;EAA5C,gBACE;IAAM,SAAS,EAAEH,KAAK,CAACI,iBAAvB;IAA0C,QAAQ,EAAE,CAAC;EAArD,OADF,eAIE;IAAM,SAAS,EAAEJ,KAAK,CAACK,kBAAvB;IAA2C,QAAQ,EAAE,CAAC;EAAtD,OAJF,eAOE;IAAK,SAAS,EAAEL,KAAK,CAACM,SAAtB;IAAiC,QAAQ,EAAE,CAAC;EAA5C,EAPF,eAQE;IAAK,SAAS,EAAEN,KAAK,CAACO,MAAtB;IAA8B,QAAQ,EAAE,CAAC;EAAzC,EARF,eASE;IAAK,SAAS,EAAEP,KAAK,CAACQ,OAAtB;IAA+B,QAAQ,EAAE,CAAC;EAA1C,EATF,eAUE;IAAK,SAAS,EAAER,KAAK,CAACS,QAAtB;IAAgC,QAAQ,EAAE,CAAC;EAA3C,EAVF,eAWE;IAAK,SAAS,EAAET,KAAK,CAACU,aAAtB;IAAqC,QAAQ,EAAE,CAAC;EAAhD,EAXF,CADF,CADF;AAiBD,CAlBD;;AAoBA,eAAeT,gBAAf"}

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

@@ -1,8 +1,7 @@
 export default PlayerReview;
-declare function PlayerReview({ header, stack, reviewBackgroundAriaLabel, congrats, quitPopin }: {
+declare function PlayerReview({ header, stack, congrats, quitPopin }: {
     header: any;
     stack: any;
-    reviewBackgroundAriaLabel: any;
     congrats: any;
     quitPopin: any;
 }): JSX.Element;

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

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

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

@@ -1,18 +1,17 @@
 import React from 'react';
 import isNil from 'lodash/fp/isNil';
 import classnames from 'classnames';
-import ReviewBackground from '../../../atom/review-background';
 import ReviewCongrats from '../../../organism/review-congrats';
 import ReviewHeader from '../../../organism/review-header';
 import StackedSlides from '../../../organism/review-stacked-slides';
 import CMPopin from '../../../molecule/cm-popin';
+import ReviewBackground from './background-review';
 import style from './style.css';
 import propTypes from './prop-types';
 
 const PlayerReview = ({
   header,
   stack,
-  reviewBackgroundAriaLabel,
   congrats,
   quitPopin
 }) => {
@@ -23,9 +22,7 @@ const PlayerReview = ({
   }, /*#__PURE__*/React.createElement("div", {
     key: "player-background-container",
     className: style.playerBackground
-  }, /*#__PURE__*/React.createElement(ReviewBackground, {
-    "aria-label": reviewBackgroundAriaLabel
-  })), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(ReviewBackground, null)), /*#__PURE__*/React.createElement("div", {
     key: "review-header-wrapper",
     className: classnames(style.reviewHeaderContainer, congrats && style.reviewHeaderContainerCongrats)
   }, /*#__PURE__*/React.createElement(ReviewHeader, header)), /*#__PURE__*/React.createElement(StackedSlides, stack), isNil(congrats) ? null : /*#__PURE__*/React.createElement("div", {

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

@@ -1 +1 @@
-{"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-testid=\"congrats-container\">\n          <ReviewCongrats {...congrats} />\n        </div>\n      )}\n\n      {isNil(quitPopin) ? null : (\n        <div className={style.quitPopin} data-testid=\"quit-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,eAAY;EAA5C,gBACE,oBAAC,cAAD,EAAoBA,QAApB,CADF,CAnBJ,EAwBGb,KAAK,CAACc,SAAD,CAAL,GAAmB,IAAnB,gBACC;IAAK,SAAS,EAAEP,KAAK,CAACO,SAAtB;IAAiC,eAAY;EAA7C,gBACE,oBAAC,OAAD,EAAaA,SAAb,CADF,CAzBJ,CADF;AAgCD,CAjCD;;AAmCAL,YAAY,CAACD,SAAb,2CAAyBA,SAAzB;AAEA,eAAeC,YAAf"}
+{"version":3,"file":"index.js","names":["React","isNil","classnames","ReviewCongrats","ReviewHeader","StackedSlides","CMPopin","ReviewBackground","style","propTypes","PlayerReview","header","stack","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 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 ReviewBackground from './background-review';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst PlayerReview = ({header, stack, 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 />\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-testid=\"congrats-container\">\n          <ReviewCongrats {...congrats} />\n        </div>\n      )}\n\n      {isNil(quitPopin) ? null : (\n        <div className={style.quitPopin} data-testid=\"quit-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,cAAP,MAA2B,mCAA3B;AACA,OAAOC,YAAP,MAAyB,iCAAzB;AACA,OAAOC,aAAP,MAA0B,yCAA1B;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,gBAAP,MAA6B,qBAA7B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,YAAY,GAAG,CAAC;EAACC,MAAD;EAASC,KAAT;EAAgBC,QAAhB;EAA0BC;AAA1B,CAAD,KAA0C;EAC7D,oBACE;IACE,GAAG,EAAC,yBADN;IAEE,aAAU,yBAFZ;IAGE,SAAS,EAAEN,KAAK,CAACO;EAHnB,gBAKE;IAAK,GAAG,EAAC,6BAAT;IAAuC,SAAS,EAAEP,KAAK,CAACQ;EAAxD,gBACE,oBAAC,gBAAD,OADF,CALF,eAQE;IACE,GAAG,EAAC,uBADN;IAEE,SAAS,EAAEd,UAAU,CACnBM,KAAK,CAACS,qBADa,EAEnBJ,QAAQ,IAAIL,KAAK,CAACU,6BAFC;EAFvB,gBAOE,oBAAC,YAAD,EAAkBP,MAAlB,CAPF,CARF,eAiBE,oBAAC,aAAD,EAAmBC,KAAnB,CAjBF,EAkBGX,KAAK,CAACY,QAAD,CAAL,GAAkB,IAAlB,gBACC;IAAK,SAAS,EAAEL,KAAK,CAACK,QAAtB;IAAgC,eAAY;EAA5C,gBACE,oBAAC,cAAD,EAAoBA,QAApB,CADF,CAnBJ,EAwBGZ,KAAK,CAACa,SAAD,CAAL,GAAmB,IAAnB,gBACC;IAAK,SAAS,EAAEN,KAAK,CAACM,SAAtB;IAAiC,eAAY;EAA7C,gBACE,oBAAC,OAAD,EAAaA,SAAb,CADF,CAzBJ,CADF;AAgCD,CAjCD;;AAmCAJ,YAAY,CAACD,SAAb,2CAAyBA,SAAzB;AAEA,eAAeC,YAAf"}

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":";AAQA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAmB/C,QAAA,MAAM,MAAM,UAAW,iBAAiB,uBAwBvC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":[],"mappings":";AASA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AA6B/C,QAAA,MAAM,MAAM,UAAW,iBAAiB,uBA2BvC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { View, StyleSheet } from 'react-native';
+import { ImageBackground, View, StyleSheet } from 'react-native';
 import StackedSlides from '../../../organism/review-stacked-slides/index.native';
 import ReviewCongrats from '../../../organism/review-congrats/index.native';
 import ReviewHeader from '../../../organism/review-header/index.native';
@@ -15,6 +15,15 @@ const createStyleSheet = theme => StyleSheet.create({
     flexDirection: 'column',
     justifyContent: 'space-between',
     alignItems: 'center'
+  },
+  backgroundImage: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    width: '100%',
+    height: '100%'
   }
 });
 
@@ -23,7 +32,8 @@ const Slides = props => {
     congrats,
     header,
     stack,
-    quitPopin
+    quitPopin,
+    backgroundImage
   } = props;
   const {
     theme
@@ -39,9 +49,14 @@ const Slides = props => {
     return null;
   }
 
+  const source = backgroundImage;
   return /*#__PURE__*/React.createElement(View, {
     style: styleSheet.container
-  }, /*#__PURE__*/React.createElement(ReviewHeader, header), stack ? /*#__PURE__*/React.createElement(StackedSlides, stack) : null, congrats ? /*#__PURE__*/React.createElement(ReviewCongrats, congrats) : null, quitPopin ? /*#__PURE__*/React.createElement(QuitPopinReview, quitPopin) : null);
+  }, /*#__PURE__*/React.createElement(ImageBackground, {
+    style: styleSheet.backgroundImage,
+    source: source,
+    resizeMode: "cover"
+  }), /*#__PURE__*/React.createElement(ReviewHeader, header), stack ? /*#__PURE__*/React.createElement(StackedSlides, stack) : null, congrats ? /*#__PURE__*/React.createElement(ReviewCongrats, congrats) : null, quitPopin ? /*#__PURE__*/React.createElement(QuitPopinReview, quitPopin) : null);
 };
 
 export default Slides;

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","StackedSlides","ReviewCongrats","ReviewHeader","QuitPopinReview","useTemplateContext","createStyleSheet","theme","create","container","flex","width","height","backgroundColor","colors","white","flexDirection","justifyContent","alignItems","Slides","props","congrats","header","stack","quitPopin","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 ReviewCongrats from '../../../organism/review-congrats/index.native';\nimport ReviewHeader from '../../../organism/review-header/index.native';\nimport QuitPopinReview from '../../../molecule/cm-popin/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): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      width: '100%',\n      height: '100%',\n      backgroundColor: theme.colors.white,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    }\n  });\n\nconst Slides = (props: ReviewPlayerProps) => {\n  const {congrats, header, stack, quitPopin} = props;\n\n  const {theme} = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\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}>\n      <ReviewHeader {...header} />\n      {stack ? <StackedSlides {...stack} /> : null}\n      {congrats ? <ReviewCongrats {...congrats} /> : null}\n      {quitPopin ? <QuitPopinReview {...quitPopin} /> : 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,cAAP,MAA2B,gDAA3B;AACA,OAAOC,YAAP,MAAyB,8CAAzB;AACA,OAAOC,eAAP,MAA4B,yCAA5B;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAOA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBP,UAAU,CAACQ,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,KAAK,EAAE,MAFE;IAGTC,MAAM,EAAE,MAHC;IAITC,eAAe,EAAEN,KAAK,CAACO,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,QAAD;IAAWC,MAAX;IAAmBC,KAAnB;IAA0BC;EAA1B,IAAuCJ,KAA7C;EAEA,MAAM;IAACb;EAAD,IAAUF,kBAAkB,EAAlC;EAEA,MAAM,CAACoB,UAAD,EAAaC,aAAb,IAA8B5B,QAAQ,CAAwB,IAAxB,CAA5C;EAEAD,SAAS,CAAC,MAAM;IACd,MAAM8B,WAAW,GAAGrB,gBAAgB,CAACC,KAAD,CAApC;;IACAmB,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAACpB,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACkB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAAChB;EAAxB,gBACE,oBAAC,YAAD,EAAkBa,MAAlB,CADF,EAEGC,KAAK,gBAAG,oBAAC,aAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAF1C,EAGGF,QAAQ,gBAAG,oBAAC,cAAD,EAAoBA,QAApB,CAAH,GAAsC,IAHjD,EAIGG,SAAS,gBAAG,oBAAC,eAAD,EAAqBA,SAArB,CAAH,GAAwC,IAJpD,CADF;AAQD,CAxBD;;AA0BA,eAAeL,MAAf"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","ImageBackground","View","StyleSheet","StackedSlides","ReviewCongrats","ReviewHeader","QuitPopinReview","useTemplateContext","createStyleSheet","theme","create","container","flex","width","height","backgroundColor","colors","white","flexDirection","justifyContent","alignItems","backgroundImage","position","top","bottom","left","right","Slides","props","congrats","header","stack","quitPopin","styleSheet","setStylesheet","_stylesheet","source"],"sources":["../../../../src/template/app-review/player/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {ImageBackground, ImageStyle, View, StyleSheet, ViewStyle} from 'react-native';\nimport type {ImageSourcePropType} from 'react-native';\nimport StackedSlides from '../../../organism/review-stacked-slides/index.native';\nimport ReviewCongrats from '../../../organism/review-congrats/index.native';\nimport ReviewHeader from '../../../organism/review-header/index.native';\nimport QuitPopinReview from '../../../molecule/cm-popin/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  backgroundImage: ImageStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      width: '100%',\n      height: '100%',\n      backgroundColor: theme.colors.white,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    backgroundImage: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      width: '100%',\n      height: '100%'\n    }\n  });\n\nconst Slides = (props: ReviewPlayerProps) => {\n  const {congrats, header, stack, quitPopin, backgroundImage} = props;\n\n  const {theme} = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const source = backgroundImage as ImageSourcePropType;\n\n  return (\n    <View style={styleSheet.container}>\n      <ImageBackground style={styleSheet.backgroundImage} source={source} resizeMode=\"cover\" />\n      <ReviewHeader {...header} />\n      {stack ? <StackedSlides {...stack} /> : null}\n      {congrats ? <ReviewCongrats {...congrats} /> : null}\n      {quitPopin ? <QuitPopinReview {...quitPopin} /> : null}\n    </View>\n  );\n};\n\nexport default Slides;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,QAA1B,QAAyC,OAAzC;AACA,SAAQC,eAAR,EAAqCC,IAArC,EAA2CC,UAA3C,QAAuE,cAAvE;AAEA,OAAOC,aAAP,MAA0B,sDAA1B;AACA,OAAOC,cAAP,MAA2B,gDAA3B;AACA,OAAOC,YAAP,MAAyB,8CAAzB;AACA,OAAOC,eAAP,MAA4B,yCAA5B;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAQA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBP,UAAU,CAACQ,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,KAAK,EAAE,MAFE;IAGTC,MAAM,EAAE,MAHC;IAITC,eAAe,EAAEN,KAAK,CAACO,MAAN,CAAaC,KAJrB;IAKTC,aAAa,EAAE,QALN;IAMTC,cAAc,EAAE,eANP;IAOTC,UAAU,EAAE;EAPH,CADK;EAUhBC,eAAe,EAAE;IACfC,QAAQ,EAAE,UADK;IAEfC,GAAG,EAAE,CAFU;IAGfC,MAAM,EAAE,CAHO;IAIfC,IAAI,EAAE,CAJS;IAKfC,KAAK,EAAE,CALQ;IAMfb,KAAK,EAAE,MANQ;IAOfC,MAAM,EAAE;EAPO;AAVD,CAAlB,CADF;;AAsBA,MAAMa,MAAM,GAAIC,KAAD,IAA8B;EAC3C,MAAM;IAACC,QAAD;IAAWC,MAAX;IAAmBC,KAAnB;IAA0BC,SAA1B;IAAqCX;EAArC,IAAwDO,KAA9D;EAEA,MAAM;IAACnB;EAAD,IAAUF,kBAAkB,EAAlC;EAEA,MAAM,CAAC0B,UAAD,EAAaC,aAAb,IAA8BnC,QAAQ,CAAwB,IAAxB,CAA5C;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMqC,WAAW,GAAG3B,gBAAgB,CAACC,KAAD,CAApC;;IACAyB,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAAC1B,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACwB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,MAAMG,MAAM,GAAGf,eAAf;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEY,UAAU,CAACtB;EAAxB,gBACE,oBAAC,eAAD;IAAiB,KAAK,EAAEsB,UAAU,CAACZ,eAAnC;IAAoD,MAAM,EAAEe,MAA5D;IAAoE,UAAU,EAAC;EAA/E,EADF,eAEE,oBAAC,YAAD,EAAkBN,MAAlB,CAFF,EAGGC,KAAK,gBAAG,oBAAC,aAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAH1C,EAIGF,QAAQ,gBAAG,oBAAC,cAAD,EAAoBA,QAApB,CAAH,GAAsC,IAJjD,EAKGG,SAAS,gBAAG,oBAAC,eAAD,EAAqBA,SAArB,CAAH,GAAwC,IALpD,CADF;AASD,CA3BD;;AA6BA,eAAeL,MAAf"}

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

@@ -1,4 +1,5 @@
 import PropTypes from 'prop-types';
+import type { ImageSourcePropType } from 'react-native';
 import { CMPopinProps } from '../../../molecule/cm-popin/types';
 import { ReviewCongratsProps } from '../../../organism/review-congrats/prop-types';
 import { HeaderProps } from '../../../organism/review-header/types';
@@ -423,7 +424,6 @@ declare const propTypes: {
         }>>>;
         endReview: PropTypes.Requireable<boolean>;
     }>>;
-    reviewBackgroundAriaLabel: PropTypes.Requireable<string>;
     congrats: PropTypes.Requireable<PropTypes.InferProps<{
         'aria-label': PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
@@ -561,7 +561,7 @@ export default propTypes;
 export declare type ReviewPlayerProps = {
     header: HeaderProps;
     stack: ReviewStackProps;
-    reviewBackgroundAriaLabel?: string;
+    backgroundImage?: ImageSourcePropType;
     congrats?: ReviewCongratsProps;
     quitPopin?: CMPopinProps;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAgC,EAC9B,mBAAmB,EACpB,MAAM,8CAA8C,CAAC;AAGtD,OAA8B,EAAC,WAAW,EAAC,MAAM,uCAAuC,CAAC;AAEzF,OAA+B,EAC7B,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAE5D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;IACxB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAgC,EAC9B,mBAAmB,EACpB,MAAM,8CAA8C,CAAC;AAEtD,OAA8B,EAAC,WAAW,EAAC,MAAM,uCAAuC,CAAC;AAEzF,OAA+B,EAC7B,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAE5D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;IACxB,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC"}

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

@@ -2,14 +2,12 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import PropTypes from 'prop-types';
 import ReviewCongratsPropTypes from '../../../organism/review-congrats/prop-types';
-import ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';
 import ReviewHeaderPropTypes from '../../../organism/review-header/types';
 import CmPopin from '../../../molecule/cm-popin';
 import StackedSlidesPropTypes from '../../../organism/review-stacked-slides/prop-types';
 const propTypes = {
   header: PropTypes.shape(ReviewHeaderPropTypes),
   stack: PropTypes.shape(StackedSlidesPropTypes),
-  reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],
   congrats: PropTypes.shape(ReviewCongratsPropTypes),
   quitPopin: PropTypes.shape(_extends({}, CmPopin.propTypes))
 };

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewCongratsPropTypes","ReviewHeaderPropTypes","CmPopin","StackedSlidesPropTypes","propTypes","header","shape","stack","congrats","quitPopin"],"sources":["../../../../src/template/app-review/player/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport type {ImageSourcePropType} from 'react-native';\nimport {CMPopinProps} from '../../../molecule/cm-popin/types';\nimport ReviewCongratsPropTypes, {\n  ReviewCongratsProps\n} from '../../../organism/review-congrats/prop-types';\n\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  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  backgroundImage?: ImageSourcePropType;\n  congrats?: ReviewCongratsProps;\n  quitPopin?: CMPopinProps;\n};\n"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAGA,OAAOC,uBAAP,MAEO,8CAFP;AAIA,OAAOC,qBAAP,MAAiD,uCAAjD;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,sBAAP,MAEO,oDAFP;AAIA,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAEN,SAAS,CAACO,KAAV,CAAgBL,qBAAhB,CADQ;EAEhBM,KAAK,EAAER,SAAS,CAACO,KAAV,CAAgBH,sBAAhB,CAFS;EAGhBK,QAAQ,EAAET,SAAS,CAACO,KAAV,CAAgBN,uBAAhB,CAHM;EAIhBS,SAAS,EAAEV,SAAS,CAACO,KAAV,cAAoBJ,OAAO,CAACE,SAA5B;AAJK,CAAlB;AAOA,eAAeA,SAAf"}

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

@@ -428,7 +428,6 @@ declare const propTypes: {
             }>>>;
             endReview: PropTypes.Requireable<boolean>;
         }>>;
-        reviewBackgroundAriaLabel: PropTypes.Requireable<string>;
         congrats: PropTypes.Requireable<PropTypes.InferProps<{
             'aria-label': PropTypes.Requireable<string>;
             'data-name': 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;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGd,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;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/template/teams-dashboard/index.d.ts

@@ -13,6 +13,7 @@ declare namespace TeamsDashboard {
             href: PropTypes.Requireable<string>;
             'aria-label': PropTypes.Requireable<string>;
             'button-aria-label': PropTypes.Requireable<string>;
+            toolTipText: PropTypes.Requireable<string>;
         }>>;
         const platformLinks: PropTypes.Requireable<(PropTypes.InferProps<{
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/organism/mooc-header/index.d.ts

@@ -7,6 +7,7 @@ declare class MoocHeader extends React.Component<any, any, any> {
             href: PropTypes.Requireable<string>;
             'aria-label': PropTypes.Requireable<string>;
             'button-aria-label': PropTypes.Requireable<string>;
+            toolTipText: PropTypes.Requireable<string>;
         }>>;
         search: PropTypes.Requireable<PropTypes.InferProps<{
             value: PropTypes.Requireable<string>;
@@ -136,6 +137,7 @@ declare class MoocHeader extends React.Component<any, any, any> {
         isSettingsOpen: boolean;
         isMenuOpen: boolean;
         isFocus: boolean;
+        isToolTipOpen: boolean;
     };
     handleSettingsToggle(): void;
     handleMenuToggle(): void;
@@ -148,6 +150,9 @@ declare class MoocHeader extends React.Component<any, any, any> {
     handleOnBlur(): void;
     handleOnMenuOpen(): void;
     handleOnMenuClose(): void;
+    handleOnMouseOver(): void;
+    handleOnMouseLeave(): void;
+    handleKeyPress(event: any): void;
     componentDidUpdate(prevProps: any, prevState: any, prevContext: any): void;
     menuSettings: any;
     render(): JSX.Element | null;

package/lib/organism/mooc-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAwBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAmBC;IAjBC;;;;MAIC;IA6CH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IArFD,2EASC;IAGC,kBAAsB;IA2ExB,6BAmYC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAyBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA4FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAuBC;IArBC;;;;;MAKC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAwZC;CACF"}

package/lib/organism/mooc-header/index.js

@@ -45,7 +45,8 @@ class MoocHeader extends _react.default.Component {
     this.state = {
       isSettingsOpen: false,
       isMenuOpen: false,
-      isFocus: false
+      isFocus: false,
+      isToolTipOpen: false
     };
     this.handleSettingsToggle = this.handleSettingsToggle.bind(this);
     this.handleMenuToggle = this.handleMenuToggle.bind(this);
@@ -58,6 +59,9 @@ class MoocHeader extends _react.default.Component {
     this.handleOnBlur = this.handleOnBlur.bind(this);
     this.handleOnMenuOpen = this.handleOnMenuOpen.bind(this);
     this.handleOnMenuClose = this.handleOnMenuClose.bind(this);
+    this.handleOnMouseOver = this.handleOnMouseOver.bind(this);
+    this.handleOnMouseLeave = this.handleOnMouseLeave.bind(this);
+    this.handleKeyPress = this.handleKeyPress.bind(this);
   }
 
   componentDidUpdate(prevProps, prevState, prevContext) {
@@ -172,6 +176,30 @@ class MoocHeader extends _react.default.Component {
     }));
   }
 
+  handleOnMouseOver() {
+    this.setState(() => ({
+      isToolTipOpen: true
+    }));
+  }
+
+  handleOnMouseLeave() {
+    this.setState(() => ({
+      isToolTipOpen: false
+    }));
+  }
+
+  handleKeyPress(event) {
+    if (event.key === 'Enter') {
+      this.setState(() => ({
+        isToolTipOpen: true
+      }));
+    } else if (event.key === 'Tab' || event.key === 'Escape') {
+      this.setState(() => ({
+        isToolTipOpen: false
+      }));
+    }
+  }
+
   render() {
     if ((0, _isEmpty2.default)(this.props)) return null;
     const {
@@ -189,7 +217,8 @@ class MoocHeader extends _react.default.Component {
     const {
       isFocus,
       isSettingsOpen,
-      isMenuOpen
+      isMenuOpen,
+      isToolTipOpen
     } = this.state;
     const {
       translate,
@@ -198,7 +227,8 @@ class MoocHeader extends _react.default.Component {
     const {
       'aria-label': logoAriaLabel,
       closeMenuAriaLabel,
-      openMenuAriaLabel
+      openMenuAriaLabel,
+      toolTipText
     } = logo;
     const logoUrl = (0, _get2.default)('src', logo) || (0, _get2.default)('images.logo', skin);
     const logoMobileUrl = (0, _get2.default)('srcMobile', logo) || (0, _getOr2.default)(logoUrl, 'images.logo-mobile', skin);
@@ -528,11 +558,33 @@ class MoocHeader extends _react.default.Component {
     }))), /*#__PURE__*/_react.default.createElement(_link.default, {
       className: _style.default.logo,
       "data-name": "logo",
-      href: logo.href
+      href: logo.href,
+      onKeyDown: this.handleKeyPress,
+      tabIndex: 0
     }, /*#__PURE__*/_react.default.createElement(_picture.default, {
       src: logoUrl,
-      alt: logoAriaLabel
-    }))), searchFormView, /*#__PURE__*/_react.default.createElement("div", {
+      alt: logoAriaLabel,
+      onMouseOver: this.handleOnMouseOver,
+      onMouseLeave: this.handleOnMouseLeave
+    }), isToolTipOpen ? /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.tooltipIconContainer,
+      role: "tooltip",
+      tabIndex: 0
+    }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyPlacesHome24, {
+      className: _style.default.homeIcon,
+      style: {
+        color: primaryColor
+      }
+    }), /*#__PURE__*/_react.default.createElement("p", {
+      className: _style.default.toolTipText // eslint-disable-next-line react/no-danger
+      ,
+      dangerouslySetInnerHTML: {
+        __html: toolTipText
+      },
+      style: {
+        color: primaryColor
+      }
+    })) : null)), searchFormView, /*#__PURE__*/_react.default.createElement("div", {
       className: isMenuOpen ? _style.default.menuWrapper : _style.default.hiddenMenuWrapper,
       "data-name": "menu-wrapper"
     }, pagesView, userView || linksView, settingsView)));
@@ -550,7 +602,8 @@ MoocHeader.propTypes = process.env.NODE_ENV !== "production" ? {
     srcMobile: _propTypes.default.string,
     href: _propTypes.default.string,
     'aria-label': _propTypes.default.string,
-    'button-aria-label': _propTypes.default.string
+    'button-aria-label': _propTypes.default.string,
+    toolTipText: _propTypes.default.string
   }),
   search: _propTypes.default.shape(_inputSearch.default.propTypes),
   'search-reset-aria-label': _propTypes.default.string,