@coorpacademy/components 11.5.3 → 11.6.1

package/es/atom/review-presentation/index.native.js

@@ -30,7 +30,7 @@ const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
   },
   tips: {
     marginTop: 32,
-    height: 300,
+    height: 230,
     justifyContent: 'center'
   },
   tip: {

package/es/atom/review-presentation/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionMarkIcon","NovaSolidStatusCheckCircle2","CheckCircle2Icon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIcon","useTemplateContext","Touchable","Html","createStyleSheet","brandTheme","theme","create","container","backgroundColor","colors","white","justifyContent","flex","padding","paddingTop","paddingBottom","title","height","width","fontSize","xxlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","large","opacity","tips","marginTop","tip","flexDirection","overflow","alignItems","borderRadius","gray","extra","spacing","micro","tipText","icon","margin","button","cta","buttonText","alignSelf","Tip","props","templateContext","styleSheet","setStylesheet","Icon","_stylesheet","Onboarding","translations","onPress","appReview","presentation","labelList","skills","questions","lifes","allright","ok"],"sources":["../../../src/atom/review-presentation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon,\n  NovaSolidStatusCheckCircle2 as CheckCircle2Icon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport Html from '../html/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {OnboardingProps, TipProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  title: TextStyle;\n  text: TextStyle;\n  tips: ViewStyle;\n  tip: ViewStyle;\n  tipText: TextStyle;\n  icon: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      backgroundColor: theme.colors.white,\n      justifyContent: 'space-between',\n      flex: 1,\n      padding: 20,\n      paddingTop: 20,\n      paddingBottom: 100\n    },\n    title: {\n      height: 72,\n      width: 268,\n      fontSize: theme.fontSize.xxlarge,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 36,\n      color: theme.colors.text.primary,\n      marginBottom: 32\n    },\n    text: {\n      fontSize: theme.fontSize.large,\n      color: theme.colors.text.primary,\n      opacity: 0.7\n    },\n    tips: {\n      marginTop: 32,\n      height: 300,\n      justifyContent: 'center'\n    },\n    tip: {\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 54,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.extra,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro\n    },\n    tipText: {\n      fontSize: 16,\n      lineHeight: 22,\n      color: theme.colors.text.primary\n    },\n    icon: {\n      margin: 10\n    },\n    button: {\n      height: 52,\n      borderRadius: 7,\n      marginBottom: 32,\n      marginTop: 16,\n      backgroundColor: brandTheme?.colors?.primary || theme.colors.cta,\n      justifyContent: 'center'\n    },\n    buttonText: {\n      alignSelf: 'center',\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.large,\n      color: '#fff'\n    }\n  });\n\nconst Tip = (props: TipProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme} = templateContext;\n  const {Icon, text} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.tip}>\n      <Icon height={16} width={16} style={styleSheet.icon} color={theme.colors.text.primary} />\n      <Text style={styleSheet.tipText}>{text}</Text>\n    </View>\n  );\n};\n\nconst Onboarding = (props: OnboardingProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const {onPress} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <Html style={styleSheet.title}>{translations.appReview.presentation.title}</Html>\n      <Html style={styleSheet.text}>{translations.appReview.presentation.text}</Html>\n\n      <View style={styleSheet.tips}>\n        <Tip Icon={TargetIcon} text={translations.appReview.presentation.labelList.skills.text} />\n        <Tip\n          Icon={QuestionMarkIcon}\n          text={translations.appReview.presentation.labelList.questions.text}\n        />\n        <Tip Icon={HeartIcon} text={translations.appReview.presentation.labelList.lifes.text} />\n        <Tip\n          Icon={CheckCircle2Icon}\n          text={translations.appReview.presentation.labelList.allright.text}\n        />\n      </View>\n      <Touchable\n        testID=\"button-quit-revision-onboarding\"\n        onPress={onPress}\n        analyticsID=\"button-start\"\n        style={styleSheet.button}\n      >\n        <Text style={styleSheet.buttonText}>{translations.ok}</Text>\n      </Touchable>\n    </View>\n  );\n};\n\nexport default Onboarding;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionMarkIcon","NovaSolidStatusCheckCircle2","CheckCircle2Icon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIcon","useTemplateContext","Touchable","Html","createStyleSheet","brandTheme","theme","create","container","backgroundColor","colors","white","justifyContent","flex","padding","paddingTop","paddingBottom","title","height","width","fontSize","xxlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","large","opacity","tips","marginTop","tip","flexDirection","overflow","alignItems","borderRadius","gray","extra","spacing","micro","tipText","icon","margin","button","cta","buttonText","alignSelf","Tip","props","templateContext","styleSheet","setStylesheet","Icon","_stylesheet","Onboarding","translations","onPress","appReview","presentation","labelList","skills","questions","lifes","allright","ok"],"sources":["../../../src/atom/review-presentation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon,\n  NovaSolidStatusCheckCircle2 as CheckCircle2Icon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport Html from '../html/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {OnboardingProps, TipProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  title: TextStyle;\n  text: TextStyle;\n  tips: ViewStyle;\n  tip: ViewStyle;\n  tipText: TextStyle;\n  icon: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      backgroundColor: theme.colors.white,\n      justifyContent: 'space-between',\n      flex: 1,\n      padding: 20,\n      paddingTop: 20,\n      paddingBottom: 100\n    },\n    title: {\n      height: 72,\n      width: 268,\n      fontSize: theme.fontSize.xxlarge,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 36,\n      color: theme.colors.text.primary,\n      marginBottom: 32\n    },\n    text: {\n      fontSize: theme.fontSize.large,\n      color: theme.colors.text.primary,\n      opacity: 0.7\n    },\n    tips: {\n      marginTop: 32,\n      height: 230,\n      justifyContent: 'center'\n    },\n    tip: {\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 54,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.extra,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro\n    },\n    tipText: {\n      fontSize: 16,\n      lineHeight: 22,\n      color: theme.colors.text.primary\n    },\n    icon: {\n      margin: 10\n    },\n    button: {\n      height: 52,\n      borderRadius: 7,\n      marginBottom: 32,\n      marginTop: 16,\n      backgroundColor: brandTheme?.colors?.primary || theme.colors.cta,\n      justifyContent: 'center'\n    },\n    buttonText: {\n      alignSelf: 'center',\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.large,\n      color: '#fff'\n    }\n  });\n\nconst Tip = (props: TipProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme} = templateContext;\n  const {Icon, text} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.tip}>\n      <Icon height={16} width={16} style={styleSheet.icon} color={theme.colors.text.primary} />\n      <Text style={styleSheet.tipText}>{text}</Text>\n    </View>\n  );\n};\n\nconst Onboarding = (props: OnboardingProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const {onPress} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <Html style={styleSheet.title}>{translations.appReview.presentation.title}</Html>\n      <Html style={styleSheet.text}>{translations.appReview.presentation.text}</Html>\n\n      <View style={styleSheet.tips}>\n        <Tip Icon={TargetIcon} text={translations.appReview.presentation.labelList.skills.text} />\n        <Tip\n          Icon={QuestionMarkIcon}\n          text={translations.appReview.presentation.labelList.questions.text}\n        />\n        <Tip Icon={HeartIcon} text={translations.appReview.presentation.labelList.lifes.text} />\n        <Tip\n          Icon={CheckCircle2Icon}\n          text={translations.appReview.presentation.labelList.allright.text}\n        />\n      </View>\n      <Touchable\n        testID=\"button-quit-revision-onboarding\"\n        onPress={onPress}\n        analyticsID=\"button-start\"\n        style={styleSheet.button}\n      >\n        <Text style={styleSheet.buttonText}>{translations.ok}</Text>\n      </Touchable>\n    </View>\n  );\n};\n\nexport default Onboarding;\n"],"mappings":"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"}

package/es/organism/review-header/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/index.native.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAqCpC,QAAA,MAAM,YAAY,UAAW,WAAW,gBAqBvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/index.native.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAsCpC,QAAA,MAAM,YAAY,UAAW,WAAW,gBAqBvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/organism/review-header/index.native.js

@@ -10,7 +10,8 @@ const style = StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'center',
     alignItems: 'center',
-    alignContent: 'center'
+    alignContent: 'center',
+    width: '100%'
   },
   header: {
     width: '80%',
@@ -18,14 +19,14 @@ const style = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
     height: 70,
-    paddingTop: 25
+    paddingTop: 8
   },
-  iconContainer: {
+  touchArea: {
     position: 'absolute',
-    right: 5,
-    bottom: 10,
+    right: 24,
     borderRadius: 12,
-    padding: 5
+    paddingTop: 16,
+    padding: 8
   },
   icon: {
     width: 12,
@@ -45,7 +46,7 @@ const ReviewHeader = props => {
   }, steps.map(step => /*#__PURE__*/React.createElement(Step, _extends({}, step, {
     key: step.value
   })))), /*#__PURE__*/React.createElement(Touchable, {
-    style: style.iconContainer,
+    style: style.touchArea,
     isHighlight: true,
     onPress: onQuitClick,
     accessibilityLabel: "open-popin-button",

package/es/organism/review-header/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","StyleSheet","View","NovaSolidStatusClose","CloseIcon","Step","Touchable","style","create","container","flexDirection","justifyContent","alignItems","alignContent","header","width","height","paddingTop","iconContainer","position","right","bottom","borderRadius","padding","icon","ReviewHeader","props","steps","onQuitClick","map","step","value"],"sources":["../../../src/organism/review-header/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View, ViewStyle} from 'react-native';\nimport {NovaSolidStatusClose as CloseIcon} from '@coorpacademy/nova-icons';\nimport Step from '../../atom/review-header-step-item/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {HeaderProps} from './types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: ViewStyle;\n  iconContainer: ViewStyle;\n  icon: ViewStyle;\n};\n\nconst style: StyleSheetType = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignContent: 'center'\n  },\n  header: {\n    width: '80%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 70,\n    paddingTop: 25\n  },\n  iconContainer: {\n    position: 'absolute',\n    right: 5,\n    bottom: 10,\n    borderRadius: 12,\n    padding: 5\n  },\n  icon: {\n    width: 12,\n    height: 12\n  }\n});\n\nconst ReviewHeader = (props: HeaderProps) => {\n  const {steps, onQuitClick} = props;\n\n  return (\n    <View style={style.container}>\n      <View style={style.header}>\n        {steps.map(step => (\n          <Step {...step} key={step.value} />\n        ))}\n      </View>\n      <Touchable\n        style={style.iconContainer}\n        isHighlight\n        onPress={onQuitClick}\n        accessibilityLabel=\"open-popin-button\"\n        testID=\"open-popin-button\"\n      >\n        <CloseIcon style={style.icon} color=\"#06265B\" />\n      </Touchable>\n    </View>\n  );\n};\n\nexport default ReviewHeader;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,EAAoBC,IAApB,QAA0C,cAA1C;AACA,SAAQC,oBAAoB,IAAIC,SAAhC,QAAgD,0BAAhD;AACA,OAAOC,IAAP,MAAiB,iDAAjB;AACA,OAAOC,SAAP,MAAsB,kCAAtB;AAUA,MAAMC,KAAqB,GAAGN,UAAU,CAACO,MAAX,CAAkB;EAC9CC,SAAS,EAAE;IACTC,aAAa,EAAE,KADN;IAETC,cAAc,EAAE,QAFP;IAGTC,UAAU,EAAE,QAHH;IAITC,YAAY,EAAE;EAJL,CADmC;EAO9CC,MAAM,EAAE;IACNC,KAAK,EAAE,KADD;IAENL,aAAa,EAAE,KAFT;IAGNE,UAAU,EAAE,QAHN;IAIND,cAAc,EAAE,QAJV;IAKNK,MAAM,EAAE,EALF;IAMNC,UAAU,EAAE;EANN,CAPsC;EAe9CC,aAAa,EAAE;IACbC,QAAQ,EAAE,UADG;IAEbC,KAAK,EAAE,CAFM;IAGbC,MAAM,EAAE,EAHK;IAIbC,YAAY,EAAE,EAJD;IAKbC,OAAO,EAAE;EALI,CAf+B;EAsB9CC,IAAI,EAAE;IACJT,KAAK,EAAE,EADH;IAEJC,MAAM,EAAE;EAFJ;AAtBwC,CAAlB,CAA9B;;AA4BA,MAAMS,YAAY,GAAIC,KAAD,IAAwB;EAC3C,MAAM;IAACC,KAAD;IAAQC;EAAR,IAAuBF,KAA7B;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEnB,KAAK,CAACE;EAAnB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEF,KAAK,CAACO;EAAnB,GACGa,KAAK,CAACE,GAAN,CAAUC,IAAI,iBACb,oBAAC,IAAD,eAAUA,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACC;EAA1B,GADD,CADH,CADF,eAME,oBAAC,SAAD;IACE,KAAK,EAAExB,KAAK,CAACW,aADf;IAEE,WAAW,MAFb;IAGE,OAAO,EAAEU,WAHX;IAIE,kBAAkB,EAAC,mBAJrB;IAKE,MAAM,EAAC;EALT,gBAOE,oBAAC,SAAD;IAAW,KAAK,EAAErB,KAAK,CAACiB,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAPF,CANF,CADF;AAkBD,CArBD;;AAuBA,eAAeC,YAAf"}
+{"version":3,"file":"index.native.js","names":["React","StyleSheet","View","NovaSolidStatusClose","CloseIcon","Step","Touchable","style","create","container","flexDirection","justifyContent","alignItems","alignContent","width","header","height","paddingTop","touchArea","position","right","borderRadius","padding","icon","ReviewHeader","props","steps","onQuitClick","map","step","value"],"sources":["../../../src/organism/review-header/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View, ViewStyle} from 'react-native';\nimport {NovaSolidStatusClose as CloseIcon} from '@coorpacademy/nova-icons';\nimport Step from '../../atom/review-header-step-item/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {HeaderProps} from './types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: ViewStyle;\n  touchArea: ViewStyle;\n  icon: ViewStyle;\n};\n\nconst style: StyleSheetType = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignContent: 'center',\n    width: '100%'\n  },\n  header: {\n    width: '80%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 70,\n    paddingTop: 8\n  },\n  touchArea: {\n    position: 'absolute',\n    right: 24,\n    borderRadius: 12,\n    paddingTop: 16,\n    padding: 8\n  },\n  icon: {\n    width: 12,\n    height: 12\n  }\n});\n\nconst ReviewHeader = (props: HeaderProps) => {\n  const {steps, onQuitClick} = props;\n\n  return (\n    <View style={style.container}>\n      <View style={style.header}>\n        {steps.map(step => (\n          <Step {...step} key={step.value} />\n        ))}\n      </View>\n      <Touchable\n        style={style.touchArea}\n        isHighlight\n        onPress={onQuitClick}\n        accessibilityLabel=\"open-popin-button\"\n        testID=\"open-popin-button\"\n      >\n        <CloseIcon style={style.icon} color=\"#06265B\" />\n      </Touchable>\n    </View>\n  );\n};\n\nexport default ReviewHeader;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,EAAoBC,IAApB,QAA0C,cAA1C;AACA,SAAQC,oBAAoB,IAAIC,SAAhC,QAAgD,0BAAhD;AACA,OAAOC,IAAP,MAAiB,iDAAjB;AACA,OAAOC,SAAP,MAAsB,kCAAtB;AAUA,MAAMC,KAAqB,GAAGN,UAAU,CAACO,MAAX,CAAkB;EAC9CC,SAAS,EAAE;IACTC,aAAa,EAAE,KADN;IAETC,cAAc,EAAE,QAFP;IAGTC,UAAU,EAAE,QAHH;IAITC,YAAY,EAAE,QAJL;IAKTC,KAAK,EAAE;EALE,CADmC;EAQ9CC,MAAM,EAAE;IACND,KAAK,EAAE,KADD;IAENJ,aAAa,EAAE,KAFT;IAGNE,UAAU,EAAE,QAHN;IAIND,cAAc,EAAE,QAJV;IAKNK,MAAM,EAAE,EALF;IAMNC,UAAU,EAAE;EANN,CARsC;EAgB9CC,SAAS,EAAE;IACTC,QAAQ,EAAE,UADD;IAETC,KAAK,EAAE,EAFE;IAGTC,YAAY,EAAE,EAHL;IAITJ,UAAU,EAAE,EAJH;IAKTK,OAAO,EAAE;EALA,CAhBmC;EAuB9CC,IAAI,EAAE;IACJT,KAAK,EAAE,EADH;IAEJE,MAAM,EAAE;EAFJ;AAvBwC,CAAlB,CAA9B;;AA6BA,MAAMQ,YAAY,GAAIC,KAAD,IAAwB;EAC3C,MAAM;IAACC,KAAD;IAAQC;EAAR,IAAuBF,KAA7B;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAElB,KAAK,CAACE;EAAnB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEF,KAAK,CAACQ;EAAnB,GACGW,KAAK,CAACE,GAAN,CAAUC,IAAI,iBACb,oBAAC,IAAD,eAAUA,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACC;EAA1B,GADD,CADH,CADF,eAME,oBAAC,SAAD;IACE,KAAK,EAAEvB,KAAK,CAACW,SADf;IAEE,WAAW,MAFb;IAGE,OAAO,EAAES,WAHX;IAIE,kBAAkB,EAAC,mBAJrB;IAKE,MAAM,EAAC;EALT,gBAOE,oBAAC,SAAD;IAAW,KAAK,EAAEpB,KAAK,CAACgB,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAPF,CANF,CADF;AAkBD,CArBD;;AAuBA,eAAeC,YAAf"}

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

@@ -424,7 +424,6 @@ declare const AppReview: {
                 }>>>;
                 endReview: import("prop-types").Requireable<boolean>;
             }>>;
-            reviewBackgroundAriaLabel: import("prop-types").Requireable<string>;
             congrats: import("prop-types").Requireable<import("prop-types").InferProps<{
                 'aria-label': import("prop-types").Requireable<string>;
                 'data-name': 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":";AAGA,OAAkB,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEvD,QAAA,MAAM,SAAS;2BAAwB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpD,CAAC;AAIF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.tsx"],"names":[],"mappings":";AAGA,OAAkB,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEvD,QAAA,MAAM,SAAS;2BAAwB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpD,CAAC;AAIF,eAAe,SAAS,CAAC"}

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>;