@coorpacademy/components 11.5.3 → 11.6.1

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/lib/atom/review-presentation/index.native.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","brandTheme","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","Icon","useEffect","_stylesheet","Onboarding","translations","onPress","appReview","presentation","TargetIcon","labelList","skills","QuestionMarkIcon","questions","HeartIcon","lifes","CheckCircle2Icon","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":["createStyleSheet","brandTheme","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","Icon","useEffect","_stylesheet","Onboarding","translations","onPress","appReview","presentation","TargetIcon","labelList","skills","QuestionMarkIcon","questions","HeartIcon","lifes","CheckCircle2Icon","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/lib/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/lib/organism/review-header/index.native.js

@@ -22,7 +22,8 @@ const style = _reactNative.StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'center',
     alignItems: 'center',
-    alignContent: 'center'
+    alignContent: 'center',
+    width: '100%'
   },
   header: {
     width: '80%',
@@ -30,14 +31,14 @@ const style = _reactNative.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,
@@ -57,7 +58,7 @@ const ReviewHeader = props => {
   }, steps.map(step => /*#__PURE__*/_react.default.createElement(_index.default, _extends({}, step, {
     key: step.value
   })))), /*#__PURE__*/_react.default.createElement(_index2.default, {
-    style: style.iconContainer,
+    style: style.touchArea,
     isHighlight: true,
     onPress: onQuitClick,
     accessibilityLabel: "open-popin-button",

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["style","StyleSheet","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;;AACA;;AACA;;AACA;;AACA;;;;;;AAUA,MAAMA,KAAqB,GAAGC,uBAAA,CAAWC,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,6BAAC,iBAAD;IAAM,KAAK,EAAEpB,KAAK,CAACG;EAAnB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEH,KAAK,CAACQ;EAAnB,GACGa,KAAK,CAACE,GAAN,CAAUC,IAAI,iBACb,6BAAC,cAAD,eAAUA,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACC;EAA1B,GADD,CADH,CADF,eAME,6BAAC,eAAD;IACE,KAAK,EAAEzB,KAAK,CAACY,aADf;IAEE,WAAW,MAFb;IAGE,OAAO,EAAEU,WAHX;IAIE,kBAAkB,EAAC,mBAJrB;IAKE,MAAM,EAAC;EALT,gBAOE,6BAAC,+BAAD;IAAW,KAAK,EAAEtB,KAAK,CAACkB,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAPF,CANF,CADF;AAkBD,CArBD;;eAuBeC,Y"}
+{"version":3,"file":"index.native.js","names":["style","StyleSheet","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;;AACA;;AACA;;AACA;;AACA;;;;;;AAUA,MAAMA,KAAqB,GAAGC,uBAAA,CAAWC,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,6BAAC,iBAAD;IAAM,KAAK,EAAEnB,KAAK,CAACG;EAAnB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEH,KAAK,CAACS;EAAnB,GACGW,KAAK,CAACE,GAAN,CAAUC,IAAI,iBACb,6BAAC,cAAD,eAAUA,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACC;EAA1B,GADD,CADH,CADF,eAME,6BAAC,eAAD;IACE,KAAK,EAAExB,KAAK,CAACY,SADf;IAEE,WAAW,MAFb;IAGE,OAAO,EAAES,WAHX;IAIE,kBAAkB,EAAC,mBAJrB;IAKE,MAAM,EAAC;EALT,gBAOE,6BAAC,+BAAD;IAAW,KAAK,EAAErB,KAAK,CAACiB,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAPF,CANF,CADF;AAkBD,CArBD;;eAuBeC,Y"}

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/{atom/review-background/index.js → template/app-review/player/background-review.js}

@@ -5,48 +5,41 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _style = _interopRequireDefault(require("./style.css"));
-
-var _propTypes = _interopRequireDefault(require("./prop-types"));
+var _backgroundReview = _interopRequireDefault(require("./background-review.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ReviewBackground = props => {
-  const {
-    'aria-label': ariaLabel
-  } = props;
+const ReviewBackground = () => {
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.mainContainer,
-    "aria-label": ariaLabel,
+    className: _backgroundReview.default.mainContainer,
     tabIndex: -1
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.container,
+    className: _backgroundReview.default.container,
     tabIndex: -1
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.interrogationLeft,
+    className: _backgroundReview.default.interrogationLeft,
     tabIndex: -1
   }, "?"), /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.interrogationRight,
+    className: _backgroundReview.default.interrogationRight,
     tabIndex: -1
   }, "?"), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.recYellow,
+    className: _backgroundReview.default.recYellow,
     tabIndex: -1
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.recRed,
+    className: _backgroundReview.default.recRed,
     tabIndex: -1
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.recBlue,
+    className: _backgroundReview.default.recBlue,
     tabIndex: -1
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.recGreen,
+    className: _backgroundReview.default.recGreen,
     tabIndex: -1
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.recGreenLight,
+    className: _backgroundReview.default.recGreenLight,
     tabIndex: -1
   })));
 };
 
-ReviewBackground.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 var _default = ReviewBackground;
 exports.default = _default;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=background-review.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"background-review.js","names":["ReviewBackground","style","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;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAG,MAAM;EAC7B,oBACE;IAAK,SAAS,EAAEC,yBAAA,CAAMC,aAAtB;IAAqC,QAAQ,EAAE,CAAC;EAAhD,gBACE;IAAK,SAAS,EAAED,yBAAA,CAAME,SAAtB;IAAiC,QAAQ,EAAE,CAAC;EAA5C,gBACE;IAAM,SAAS,EAAEF,yBAAA,CAAMG,iBAAvB;IAA0C,QAAQ,EAAE,CAAC;EAArD,OADF,eAIE;IAAM,SAAS,EAAEH,yBAAA,CAAMI,kBAAvB;IAA2C,QAAQ,EAAE,CAAC;EAAtD,OAJF,eAOE;IAAK,SAAS,EAAEJ,yBAAA,CAAMK,SAAtB;IAAiC,QAAQ,EAAE,CAAC;EAA5C,EAPF,eAQE;IAAK,SAAS,EAAEL,yBAAA,CAAMM,MAAtB;IAA8B,QAAQ,EAAE,CAAC;EAAzC,EARF,eASE;IAAK,SAAS,EAAEN,yBAAA,CAAMO,OAAtB;IAA+B,QAAQ,EAAE,CAAC;EAA1C,EATF,eAUE;IAAK,SAAS,EAAEP,yBAAA,CAAMQ,QAAtB;IAAgC,QAAQ,EAAE,CAAC;EAA3C,EAVF,eAWE;IAAK,SAAS,EAAER,yBAAA,CAAMS,aAAtB;IAAqC,QAAQ,EAAE,CAAC;EAAhD,EAXF,CADF,CADF;AAiBD,CAlBD;;eAoBeV,gB"}

package/lib/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/lib/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/lib/template/app-review/player/index.js

@@ -9,8 +9,6 @@ var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _reviewBackground = _interopRequireDefault(require("../../../atom/review-background"));
-
 var _reviewCongrats = _interopRequireDefault(require("../../../organism/review-congrats"));
 
 var _reviewHeader = _interopRequireDefault(require("../../../organism/review-header"));
@@ -19,6 +17,8 @@ var _reviewStackedSlides = _interopRequireDefault(require("../../../organism/rev
 
 var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
 
+var _backgroundReview = _interopRequireDefault(require("./background-review"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 var _propTypes = _interopRequireDefault(require("./prop-types"));
@@ -28,7 +28,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const PlayerReview = ({
   header,
   stack,
-  reviewBackgroundAriaLabel,
   congrats,
   quitPopin
 }) => {
@@ -39,9 +38,7 @@ const PlayerReview = ({
   }, /*#__PURE__*/_react.default.createElement("div", {
     key: "player-background-container",
     className: _style.default.playerBackground
-  }, /*#__PURE__*/_react.default.createElement(_reviewBackground.default, {
-    "aria-label": reviewBackgroundAriaLabel
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_backgroundReview.default, null)), /*#__PURE__*/_react.default.createElement("div", {
     key: "review-header-wrapper",
     className: (0, _classnames.default)(_style.default.reviewHeaderContainer, congrats && _style.default.reviewHeaderContainerCongrats)
   }, /*#__PURE__*/_react.default.createElement(_reviewHeader.default, header)), /*#__PURE__*/_react.default.createElement(_reviewStackedSlides.default, stack), (0, _isNil.default)(congrats) ? null : /*#__PURE__*/_react.default.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PlayerReview","header","stack","reviewBackgroundAriaLabel","congrats","quitPopin","style","playerReviewContainer","playerBackground","classnames","reviewHeaderContainer","reviewHeaderContainerCongrats","isNil","propTypes"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,EAAEC,cAAA,CAAMC;EAHnB,gBAKE;IAAK,GAAG,EAAC,6BAAT;IAAuC,SAAS,EAAED,cAAA,CAAME;EAAxD,gBACE,6BAAC,yBAAD;IAAkB,cAAYL;EAA9B,EADF,CALF,eAQE;IACE,GAAG,EAAC,uBADN;IAEE,SAAS,EAAE,IAAAM,mBAAA,EACTH,cAAA,CAAMI,qBADG,EAETN,QAAQ,IAAIE,cAAA,CAAMK,6BAFT;EAFb,gBAOE,6BAAC,qBAAD,EAAkBV,MAAlB,CAPF,CARF,eAiBE,6BAAC,4BAAD,EAAmBC,KAAnB,CAjBF,EAkBG,IAAAU,cAAA,EAAMR,QAAN,IAAkB,IAAlB,gBACC;IAAK,SAAS,EAAEE,cAAA,CAAMF,QAAtB;IAAgC,eAAY;EAA5C,gBACE,6BAAC,uBAAD,EAAoBA,QAApB,CADF,CAnBJ,EAwBG,IAAAQ,cAAA,EAAMP,SAAN,IAAmB,IAAnB,gBACC;IAAK,SAAS,EAAEC,cAAA,CAAMD,SAAtB;IAAiC,eAAY;EAA7C,gBACE,6BAAC,gBAAD,EAAaA,SAAb,CADF,CAzBJ,CADF;AAgCD,CAjCD;;AAmCAL,YAAY,CAACa,SAAb,2CAAyBA,kBAAzB;eAEeb,Y"}
+{"version":3,"file":"index.js","names":["PlayerReview","header","stack","congrats","quitPopin","style","playerReviewContainer","playerBackground","classnames","reviewHeaderContainer","reviewHeaderContainerCongrats","isNil","propTypes"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAG,CAAC;EAACC,MAAD;EAASC,KAAT;EAAgBC,QAAhB;EAA0BC;AAA1B,CAAD,KAA0C;EAC7D,oBACE;IACE,GAAG,EAAC,yBADN;IAEE,aAAU,yBAFZ;IAGE,SAAS,EAAEC,cAAA,CAAMC;EAHnB,gBAKE;IAAK,GAAG,EAAC,6BAAT;IAAuC,SAAS,EAAED,cAAA,CAAME;EAAxD,gBACE,6BAAC,yBAAD,OADF,CALF,eAQE;IACE,GAAG,EAAC,uBADN;IAEE,SAAS,EAAE,IAAAC,mBAAA,EACTH,cAAA,CAAMI,qBADG,EAETN,QAAQ,IAAIE,cAAA,CAAMK,6BAFT;EAFb,gBAOE,6BAAC,qBAAD,EAAkBT,MAAlB,CAPF,CARF,eAiBE,6BAAC,4BAAD,EAAmBC,KAAnB,CAjBF,EAkBG,IAAAS,cAAA,EAAMR,QAAN,IAAkB,IAAlB,gBACC;IAAK,SAAS,EAAEE,cAAA,CAAMF,QAAtB;IAAgC,eAAY;EAA5C,gBACE,6BAAC,uBAAD,EAAoBA,QAApB,CADF,CAnBJ,EAwBG,IAAAQ,cAAA,EAAMP,SAAN,IAAmB,IAAnB,gBACC;IAAK,SAAS,EAAEC,cAAA,CAAMD,SAAtB;IAAiC,eAAY;EAA7C,gBACE,6BAAC,gBAAD,EAAaA,SAAb,CADF,CAzBJ,CADF;AAgCD,CAjCD;;AAmCAJ,YAAY,CAACY,SAAb,2CAAyBA,kBAAzB;eAEeZ,Y"}

package/lib/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/lib/template/app-review/player/index.native.js

@@ -32,6 +32,15 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     flexDirection: 'column',
     justifyContent: 'space-between',
     alignItems: 'center'
+  },
+  backgroundImage: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    width: '100%',
+    height: '100%'
   }
 });
 
@@ -40,7 +49,8 @@ const Slides = props => {
     congrats,
     header,
     stack,
-    quitPopin
+    quitPopin,
+    backgroundImage
   } = props;
   const {
     theme
@@ -56,9 +66,14 @@ const Slides = props => {
     return null;
   }
 
+  const source = backgroundImage;
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.container
-  }, /*#__PURE__*/_react.default.createElement(_index3.default, header), stack ? /*#__PURE__*/_react.default.createElement(_index.default, stack) : null, congrats ? /*#__PURE__*/_react.default.createElement(_index2.default, congrats) : null, quitPopin ? /*#__PURE__*/_react.default.createElement(_index4.default, quitPopin) : null);
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ImageBackground, {
+    style: styleSheet.backgroundImage,
+    source: source,
+    resizeMode: "cover"
+  }), /*#__PURE__*/_react.default.createElement(_index3.default, header), stack ? /*#__PURE__*/_react.default.createElement(_index.default, stack) : null, congrats ? /*#__PURE__*/_react.default.createElement(_index2.default, congrats) : null, quitPopin ? /*#__PURE__*/_react.default.createElement(_index4.default, quitPopin) : null);
 };
 
 var _default = Slides;

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","flex","width","height","backgroundColor","colors","white","flexDirection","justifyContent","alignItems","Slides","props","congrats","header","stack","quitPopin","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_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;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAOA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,KAAK,EAAE,MAFE;IAGTC,MAAM,EAAE,MAHC;IAITC,eAAe,EAAEP,KAAK,CAACQ,MAAN,CAAaC,KAJrB;IAKTC,aAAa,EAAE,QALN;IAMTC,cAAc,EAAE,eANP;IAOTC,UAAU,EAAE;EAPH;AADK,CAAlB,CADF;;AAaA,MAAMC,MAAM,GAAIC,KAAD,IAA8B;EAC3C,MAAM;IAACC,QAAD;IAAWC,MAAX;IAAmBC,KAAnB;IAA0BC;EAA1B,IAAuCJ,KAA7C;EAEA,MAAM;IAACd;EAAD,IAAU,IAAAmB,mCAAA,GAAhB;EAEA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGzB,gBAAgB,CAACC,KAAD,CAApC;;IACAqB,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAACxB,KAAD,CAHH;;EAKA,IAAI,CAACoB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAACjB;EAAxB,gBACE,6BAAC,eAAD,EAAkBa,MAAlB,CADF,EAEGC,KAAK,gBAAG,6BAAC,cAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAF1C,EAGGF,QAAQ,gBAAG,6BAAC,eAAD,EAAoBA,QAApB,CAAH,GAAsC,IAHjD,EAIGG,SAAS,gBAAG,6BAAC,eAAD,EAAqBA,SAArB,CAAH,GAAwC,IAJpD,CADF;AAQD,CAxBD;;eA0BeL,M"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","flex","width","height","backgroundColor","colors","white","flexDirection","justifyContent","alignItems","backgroundImage","position","top","bottom","left","right","Slides","props","congrats","header","stack","quitPopin","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_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;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAQA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,KAAK,EAAE,MAFE;IAGTC,MAAM,EAAE,MAHC;IAITC,eAAe,EAAEP,KAAK,CAACQ,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;IAACpB;EAAD,IAAU,IAAAyB,mCAAA,GAAhB;EAEA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG/B,gBAAgB,CAACC,KAAD,CAApC;;IACA2B,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAAC9B,KAAD,CAHH;;EAKA,IAAI,CAAC0B,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,MAAMK,MAAM,GAAGlB,eAAf;EAEA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEa,UAAU,CAACvB;EAAxB,gBACE,6BAAC,4BAAD;IAAiB,KAAK,EAAEuB,UAAU,CAACb,eAAnC;IAAoD,MAAM,EAAEkB,MAA5D;IAAoE,UAAU,EAAC;EAA/E,EADF,eAEE,6BAAC,eAAD,EAAkBT,MAAlB,CAFF,EAGGC,KAAK,gBAAG,6BAAC,cAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAH1C,EAIGF,QAAQ,gBAAG,6BAAC,eAAD,EAAoBA,QAApB,CAAH,GAAsC,IAJjD,EAKGG,SAAS,gBAAG,6BAAC,eAAD,EAAqBA,SAArB,CAAH,GAAwC,IALpD,CADF;AASD,CA3BD;;eA6BeL,M"}

package/lib/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/lib/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"}