@coorpacademy/components 10.22.1 → 10.22.2

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/app-review/index.native.js"],"names":["React","useEffect","Text","StyleSheet","Pressable","View","BackHandler","propTypes","ViewNames","Slides","styles","create","rootView","flex","alignItems","justifyContent","Switch","viewName","slides","dispachers","navigateTo","handlePress","v","home","onboarding","AppReview","props","navigateBack","backAction","backHandler","addEventListener","remove"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,SAAf,QAA+B,OAA/B;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,WAA3C,QAA6D,cAA7D;AACA,OAAOC,SAAP,IAAmBC,SAAnB,QAAmC,cAAnC;AACA,OAAOC,MAAP,MAAmB,UAAnB,C,CAEA;;AAEA,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAX,CAAkB;AAC/BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAE,CADE;AAERC,IAAAA,UAAU,EAAE,QAFJ;AAGRC,IAAAA,cAAc,EAAE;AAHR;AADqB,CAAlB,CAAf,C,CAQA;;AAEA,MAAMC,MAAM,GAAG,UAA2D;AAAA,MAA1D;AAACC,IAAAA,QAAD;AAA+BC,IAAAA;AAA/B,GAA0D;AAAA,MAAhBC,UAAgB;;AACxE,QAAM;AAACC,IAAAA;AAAD,MAAeD,UAArB;;AACA,QAAME,WAAW,GAAGC,CAAC,IAAI,MAAMF,UAAU,CAACE,CAAD,CAAzC;;AAEA,UAAQL,QAAR;AACE,SAAKT,SAAS,CAACe,IAAf;AACE,0BACE,oBAAC,SAAD;AAAW,QAAA,OAAO,EAAEF,WAAW,CAAC,YAAD;AAA/B,sBACE,oBAAC,IAAD,oBADF,CADF;;AAKF,SAAKb,SAAS,CAACgB,UAAf;AACE,0BACE,oBAAC,SAAD;AAAW,QAAA,OAAO,EAAEH,WAAW,CAAC,SAAD;AAA/B,sBACE,oBAAC,IAAD,0BADF,CADF;;AAKF,SAAKb,SAAS,CAACU,MAAf;AACE,0BAAO,oBAAC,MAAD,eAAYA,MAAZ,EAAwBC,UAAxB,EAAP;;AACF;AACE,0BAAO,oBAAC,IAAD,+BAAP;AAhBJ;AAkBD,CAtBD,C,CAwBA;;;AAEA,MAAMM,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA;AAAD,MAAiBD,KAAvB;AAEAzB,EAAAA,SAAS,CAAC,MAAM;AACd,UAAM2B,UAAU,GAAG,MAAM;AACvBD,MAAAA,YAAY;AACZ,aAAO,IAAP;AACD,KAHD,CADc,CAMd;;;AACA,UAAME,WAAW,GAAGvB,WAAW,CAACwB,gBAAZ,CAA6B,mBAA7B,EAAkDF,UAAlD,CAApB;AAEA,WAAO,MAAMC,WAAW,CAACE,MAAZ,EAAb;AACD,GAVQ,EAUN,CAACJ,YAAD,CAVM,CAAT;AAYA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEjB,MAAM,CAACE;AAApB,kBACE,oBAAC,MAAD,EAAYc,KAAZ,CADF,CADF;AAKD,CApBD,C,CAsBA;;;AAEAD,SAAS,CAAClB,SAAV,2CAAsBA,SAAtB;AACAS,MAAM,CAACT,SAAP,2CAAmBkB,SAAS,CAAClB,SAA7B,M,CAEA;;AAEA,eAAekB,SAAf","sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, Pressable, View, BackHandler} from 'react-native';\nimport propTypes, {ViewNames} from './prop-types';\nimport Slides from './slides';\n\n// -----------------------------------------------------------------------------\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\n// -----------------------------------------------------------------------------\n\nconst Switch = ({viewName, onboarding, skills, slides, ...dispachers}) => {\n  const {navigateTo} = dispachers;\n  const handlePress = v => () => navigateTo(v);\n\n  switch (viewName) {\n    case ViewNames.home:\n      return (\n        <Pressable onPress={handlePress('onboarding')}>\n          <Text>view home</Text>\n        </Pressable>\n      );\n    case ViewNames.onboarding:\n      return (\n        <Pressable onPress={handlePress('quizzer')}>\n          <Text>view onboarding</Text>\n        </Pressable>\n      );\n    case ViewNames.slides:\n      return <Slides {...slides} {...dispachers} />;\n    default:\n      return <Text>view (none selected)</Text>;\n  }\n};\n\n// -----------------------------------------------------------------------------\n\nconst AppReview = props => {\n  const {navigateBack} = props;\n\n  useEffect(() => {\n    const backAction = () => {\n      navigateBack();\n      return true;\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  return (\n    <View style={styles.rootView}>\n      <Switch {...props} />\n    </View>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nAppReview.propTypes = propTypes;\nSwitch.propTypes = AppReview.propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default AppReview;\n"],"file":"index.native.js"}
+{"version":3,"sources":["../../../src/template/app-review/index.native.js"],"names":["React","useEffect","Text","StyleSheet","View","BackHandler","propTypes","ViewNames","Slides","styles","create","rootView","flex","alignItems","justifyContent","Switch","viewName","slides","dispachers","home","onboarding","AppReview","props","navigateBack","backAction","backHandler","addEventListener","remove"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,SAAf,QAA+B,OAA/B;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,EAAgCC,WAAhC,QAAkD,cAAlD;AACA,OAAOC,SAAP,IAAmBC,SAAnB,QAAmC,cAAnC;AACA,OAAOC,MAAP,MAAmB,UAAnB,C,CAEA;;AAEA,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAX,CAAkB;AAC/BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAE,CADE;AAERC,IAAAA,UAAU,EAAE,QAFJ;AAGRC,IAAAA,cAAc,EAAE;AAHR;AADqB,CAAlB,CAAf,C,CAQA;;AAEA,MAAMC,MAAM,GAAG,UAA2D;AAAA,MAA1D;AAACC,IAAAA,QAAD;AAA+BC,IAAAA;AAA/B,GAA0D;AAAA,MAAhBC,UAAgB;;AACxE,UAAQF,QAAR;AACE,SAAKT,SAAS,CAACY,IAAf;AACE,0BAAO,oBAAC,IAAD,oBAAP;;AACF,SAAKZ,SAAS,CAACa,UAAf;AACE,0BAAO,oBAAC,IAAD,0BAAP;;AACF,SAAKb,SAAS,CAACU,MAAf;AACE,0BAAO,oBAAC,MAAD,eAAYA,MAAZ,EAAwBC,UAAxB,EAAP;;AACF;AACE,0BAAO,oBAAC,IAAD,+BAAP;AARJ;AAUD,CAXD,C,CAaA;;;AAEA,MAAMG,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA;AAAD,MAAiBD,KAAvB;AAEArB,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMuB,UAAU,GAAG,MAAM;AACvBD,MAAAA,YAAY;AACZ,aAAO,IAAP;AACD,KAHD,CADc,CAMd;;;AACA,UAAME,WAAW,GAAGpB,WAAW,CAACqB,gBAAZ,CAA6B,mBAA7B,EAAkDF,UAAlD,CAApB;AAEA,WAAO,MAAMC,WAAW,CAACE,MAAZ,EAAb;AACD,GAVQ,EAUN,CAACJ,YAAD,CAVM,CAAT;AAYA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEd,MAAM,CAACE;AAApB,kBACE,oBAAC,MAAD,EAAYW,KAAZ,CADF,CADF;AAKD,CApBD,C,CAsBA;;;AAEAD,SAAS,CAACf,SAAV,2CAAsBA,SAAtB;AACAS,MAAM,CAACT,SAAP,2CAAmBe,SAAS,CAACf,SAA7B,M,CAEA;;AAEA,eAAee,SAAf","sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, View, BackHandler} from 'react-native';\nimport propTypes, {ViewNames} from './prop-types';\nimport Slides from './slides';\n\n// -----------------------------------------------------------------------------\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\n// -----------------------------------------------------------------------------\n\nconst Switch = ({viewName, onboarding, skills, slides, ...dispachers}) => {\n  switch (viewName) {\n    case ViewNames.home:\n      return <Text>view home</Text>;\n    case ViewNames.onboarding:\n      return <Text>view onboarding</Text>;\n    case ViewNames.slides:\n      return <Slides {...slides} {...dispachers} />;\n    default:\n      return <Text>view (none selected)</Text>;\n  }\n};\n\n// -----------------------------------------------------------------------------\n\nconst AppReview = props => {\n  const {navigateBack} = props;\n\n  useEffect(() => {\n    const backAction = () => {\n      navigateBack();\n      return true;\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  return (\n    <View style={styles.rootView}>\n      <Switch {...props} />\n    </View>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nAppReview.propTypes = propTypes;\nSwitch.propTypes = AppReview.propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default AppReview;\n"],"file":"index.native.js"}

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

@@ -133,7 +133,7 @@ const choicesStyle = StyleSheet.create({
 /* {choices.map(({text, selected = false}: _Choice_) => { */
 
 const Choices = ({
-  choices
+  choices = []
 }) => /*#__PURE__*/React.createElement(View, {
   style: choicesStyle.container
 }, choices.map(({
@@ -156,11 +156,12 @@ Choices.propTypes = process.env.NODE_ENV !== "production" ? {
   })
 } : {}; // -----------------------------------------------------------------------------
 
-const Slide = ({
-  validateSlide,
-  slide,
-  num
-}) => {
+const Slide = props => {
+  const {
+    validateSlide,
+    slide,
+    num
+  } = props;
   const {
     width,
     height
@@ -175,11 +176,18 @@ const Slide = ({
   const {
     answerUI: {
       isDisabled = false,
-      value,
+      value = '',
       model: {
         type,
         onChange
       }
+    } = {
+      isDisabled: false,
+      value: '',
+      model: {
+        type: 'freeText',
+        onChange: () => null
+      }
     }
   } = slide;
 
@@ -216,15 +224,10 @@ const Slide = ({
     onPress: validateSlide,
     testID: `button-quizzer-validate`
   }, validateLabel));
-};
-
-Slide.propTypes = process.env.NODE_ENV !== "production" ? {
-  slide: SlidesReviewPropTypes.slide,
-  validateSlide: SlidesReviewPropTypes.validateSlide,
-  num: PropTypes.number
-} : {}; // -----------------------------------------------------------------------------
+}; // -----------------------------------------------------------------------------
 // const Slides = ({slide}: Props) => {
 
+
 const Slides = ({
   slides,
   validateSlide

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/slides/index.native.tsx"],"names":["React","PropTypes","View","StyleSheet","Text","useWindowDimensions","Button","FreeText","useTemplateContext","SlidesReviewPropTypes","quizzerStyle","create","container","flex","padding","justifyContent","alignItems","SLIDE_HEIGHT","height","creatSlideStyle","num","width","slide","position","top","backgroundColor","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","category","fontSize","lineHeight","textAlign","question","fontWeight","instruction","button","createOptionStyle","selected","box","marginTop","marginBottom","text","choicesStyle","Choices","choices","map","index","optionStyle","propTypes","arrayOf","bool","Slide","validateSlide","slideStyle","validateLabel","templateContext","analytics","answerUI","isDisabled","value","model","type","onChange","number","Slides","slides"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {View, StyleSheet, Text, useWindowDimensions, Button} from 'react-native';\n\nimport FreeText from '../../../molecule/questions/free-text';\nimport {useTemplateContext} from '../template-context';\nimport {SlidesReviewPropTypes} from './prop-types';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import {BrandThemeContext} from '../../../app-shared/components/brand-theme-provider';\n// import Button from '../../../app-shared/components/button';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n\n// export type _Choice_ = {\n//   text?: string,\n//   selected: boolean\n// };\n\n// export type _Slide_ = {\n//   category: string,\n//   question: string,\n//   instruction: string,\n//   type: 'multiSelection' | 'singleSelection' | 'trueOrFalse',\n//   choices?: _Choice_[]\n// };\n\n// interface Props {\n//   slide: _Slide_;\n//   num: number;\n// }\n\nconst quizzerStyle = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 20,\n    // paddingTop: HEADER_HEIGHT + 20,      @todo with props\n    // backgroundColor: theme.colors.white, @todo with props\n    justifyContent: 'space-between',\n    alignItems: 'center'\n  }\n});\n\nconst SLIDE_HEIGHT = () => useWindowDimensions().height * 0.75;\n\n// const creatSlideStyle = (num: number) =>\nconst creatSlideStyle = (num, width, height) =>\n  StyleSheet.create({\n    slide: {\n      position: 'absolute',\n      top: height / 2 - SLIDE_HEIGHT() / 2 - num * 4,\n      flex: 1,\n      backgroundColor: '#fff',\n      // backgroundColor: theme.colors.white, @todo with props and useEffect\n      height: SLIDE_HEIGHT(),\n      width: width - 40 - num * 8,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    },\n    category: {\n      fontSize: 12,\n      lineHeight: 16,\n      // color: theme.colors.text.primary, @todo with props\n      // marginBottom: theme.spacing.tiny, @todo with props\n      // marginTop: theme.spacing.small,   @todo with props\n      textAlign: 'center'\n    },\n    question: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      // color: theme.colors.text.primary, @todo with props\n      textAlign: 'center'\n    },\n    instruction: {\n      fontSize: 12,\n      lineHeight: 16,\n      // color: theme.colors.gray.medium,  @todo with props\n      // marginBottom: theme.spacing.base, @todo with props\n      // marginTop: theme.spacing.small,   @todo with props\n      textAlign: 'center'\n    },\n    button: {\n      width: 287,\n      height: 52,\n      borderRadius: 7\n      // marginTop: theme.spacing.base  @todo with props\n    }\n  });\n\nconst createOptionStyle = selected => {\n  // const brandTheme = React.useContext(BrandThemeContext); @todo with props\n\n  return StyleSheet.create({\n    box: {\n      width: '100%',\n      // https://stackoverflow.com/a/66561995/959219\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.2,\n      shadowRadius: 16,\n      elevation: 8,\n      // backgroundColor: selected ? brandTheme.colors.primary : theme.colors.white, @todo with props\n      padding: 12,\n      marginTop: 4,\n      marginBottom: 4,\n      borderRadius: 8\n    },\n    text: {\n      fontSize: 15,\n      fontWeight: 'bold',\n      lineHeight: 24,\n      // color: selected ? theme.colors.white : theme.colors.text.primary, @todo with props\n      textAlign: 'center'\n    }\n  });\n};\n\nconst choicesStyle = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%',\n    justifyContent: 'center',\n    alignItems: 'center'\n  }\n});\n\n// -----------------------------------------------------------------------------\n\n/* {choices.map(({text, selected = false}: _Choice_) => { */\nconst Choices = ({choices}) => (\n  <View style={choicesStyle.container}>\n    {choices.map(({text, selected = false}, index) => {\n      const optionStyle = createOptionStyle(selected);\n      return (\n        <View style={optionStyle.box} key={`choice-${index}`}>\n          <Text style={optionStyle.text}>\n            {text} {selected}\n          </Text>\n        </View>\n      );\n    })}\n  </View>\n);\n\nChoices.propTypes = {\n  choices: PropTypes.arrayOf({\n    text: PropTypes.text,\n    selected: PropTypes.bool\n  })\n};\n\n// -----------------------------------------------------------------------------\n\nconst Slide = ({validateSlide, slide, num}) => {\n  const {width, height} = useWindowDimensions();\n  const slideStyle = creatSlideStyle(num, width, height);\n  const validateLabel = '__validate'; // translations.validate\n\n  const templateContext = useTemplateContext();\n  const {analytics} = templateContext;\n\n  const {\n    answerUI: {\n      isDisabled = false,\n      value,\n      model: {type, onChange}\n    }\n  } = slide;\n\n  switch (type) {\n    case 'freeText': {\n      return (\n        <View style={slideStyle.slide}>\n          <FreeText\n            isDisabled={isDisabled}\n            onChange={onChange}\n            value={value}\n            testID=\"free-text\"\n            questionType=\"basic\"\n            analytics={analytics}\n          />\n        </View>\n      );\n    }\n    default:\n  }\n\n  return (\n    <View style={slideStyle.slide}>\n      <Text style={slideStyle.category}>{num}</Text>\n      <Text style={slideStyle.question}>{slide.question}</Text>\n      <Text style={slideStyle.instruction}>{slide.instruction}</Text>\n\n      <Choices choices={slide.choices} />\n\n      <Button style={slideStyle.button} onPress={validateSlide} testID={`button-quizzer-validate`}>\n        {validateLabel}\n      </Button>\n    </View>\n  );\n};\n\nSlide.propTypes = {\n  slide: SlidesReviewPropTypes.slide,\n  validateSlide: SlidesReviewPropTypes.validateSlide,\n  num: PropTypes.number\n};\n\n// -----------------------------------------------------------------------------\n\n// const Slides = ({slide}: Props) => {\nconst Slides = ({slides, validateSlide}) => {\n  if (!slides) {\n    return null;\n  }\n\n  return (\n    <View style={quizzerStyle.container}>\n      <Slide validateSlide={validateSlide} slide={slides[0]} num={0} key={`slide-${0}`} />\n      {/* {slides.reverse().map((_slide, index) => (\n      <Slide\n        validateSlide={validateSlide}\n        slide={_slide}\n        num={slides.length - index}\n        key={`slide-${index}`}\n      />\n    ))} */}\n    </View>\n  );\n};\n\nSlides.propTypes = SlidesReviewPropTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default Slides;\n"],"file":"index.native.js"}
+{"version":3,"sources":["../../../../src/template/app-review/slides/index.native.tsx"],"names":["React","PropTypes","View","StyleSheet","Text","useWindowDimensions","Button","FreeText","useTemplateContext","SlidesReviewPropTypes","quizzerStyle","create","container","flex","padding","justifyContent","alignItems","SLIDE_HEIGHT","height","creatSlideStyle","num","width","slide","position","top","backgroundColor","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","category","fontSize","lineHeight","textAlign","question","fontWeight","instruction","button","createOptionStyle","selected","box","marginTop","marginBottom","text","choicesStyle","Choices","choices","map","index","optionStyle","propTypes","arrayOf","bool","Slide","props","validateSlide","slideStyle","validateLabel","templateContext","analytics","answerUI","isDisabled","value","model","type","onChange","Slides","slides"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {View, StyleSheet, Text, useWindowDimensions, Button} from 'react-native';\n\nimport FreeText from '../../../molecule/questions/free-text';\nimport {useTemplateContext} from '../template-context';\nimport {SlidesReviewPropTypes} from './prop-types';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import {BrandThemeContext} from '../../../app-shared/components/brand-theme-provider';\n// import Button from '../../../app-shared/components/button';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n\n// export type _Choice_ = {\n//   text?: string,\n//   selected: boolean\n// };\n\n// export type _Slide_ = {\n//   category: string,\n//   question: string,\n//   instruction: string,\n//   type: 'multiSelection' | 'singleSelection' | 'trueOrFalse',\n//   choices?: _Choice_[]\n// };\n\n// interface Props {\n//   slide: _Slide_;\n//   num: number;\n// }\n\nconst quizzerStyle = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 20,\n    // paddingTop: HEADER_HEIGHT + 20,      @todo with props\n    // backgroundColor: theme.colors.white, @todo with props\n    justifyContent: 'space-between',\n    alignItems: 'center'\n  }\n});\n\nconst SLIDE_HEIGHT = () => useWindowDimensions().height * 0.75;\n\n// const creatSlideStyle = (num: number) =>\nconst creatSlideStyle = (num, width, height) =>\n  StyleSheet.create({\n    slide: {\n      position: 'absolute',\n      top: height / 2 - SLIDE_HEIGHT() / 2 - num * 4,\n      flex: 1,\n      backgroundColor: '#fff',\n      // backgroundColor: theme.colors.white, @todo with props and useEffect\n      height: SLIDE_HEIGHT(),\n      width: width - 40 - num * 8,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    },\n    category: {\n      fontSize: 12,\n      lineHeight: 16,\n      // color: theme.colors.text.primary, @todo with props\n      // marginBottom: theme.spacing.tiny, @todo with props\n      // marginTop: theme.spacing.small,   @todo with props\n      textAlign: 'center'\n    },\n    question: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      // color: theme.colors.text.primary, @todo with props\n      textAlign: 'center'\n    },\n    instruction: {\n      fontSize: 12,\n      lineHeight: 16,\n      // color: theme.colors.gray.medium,  @todo with props\n      // marginBottom: theme.spacing.base, @todo with props\n      // marginTop: theme.spacing.small,   @todo with props\n      textAlign: 'center'\n    },\n    button: {\n      width: 287,\n      height: 52,\n      borderRadius: 7\n      // marginTop: theme.spacing.base  @todo with props\n    }\n  });\n\nconst createOptionStyle = selected => {\n  // const brandTheme = React.useContext(BrandThemeContext); @todo with props\n\n  return StyleSheet.create({\n    box: {\n      width: '100%',\n      // https://stackoverflow.com/a/66561995/959219\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.2,\n      shadowRadius: 16,\n      elevation: 8,\n      // backgroundColor: selected ? brandTheme.colors.primary : theme.colors.white, @todo with props\n      padding: 12,\n      marginTop: 4,\n      marginBottom: 4,\n      borderRadius: 8\n    },\n    text: {\n      fontSize: 15,\n      fontWeight: 'bold',\n      lineHeight: 24,\n      // color: selected ? theme.colors.white : theme.colors.text.primary, @todo with props\n      textAlign: 'center'\n    }\n  });\n};\n\nconst choicesStyle = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%',\n    justifyContent: 'center',\n    alignItems: 'center'\n  }\n});\n\n// -----------------------------------------------------------------------------\n\n/* {choices.map(({text, selected = false}: _Choice_) => { */\nconst Choices = ({choices = []}) => (\n  <View style={choicesStyle.container}>\n    {choices.map(({text, selected = false}, index) => {\n      const optionStyle = createOptionStyle(selected);\n      return (\n        <View style={optionStyle.box} key={`choice-${index}`}>\n          <Text style={optionStyle.text}>\n            {text} {selected}\n          </Text>\n        </View>\n      );\n    })}\n  </View>\n);\n\nChoices.propTypes = {\n  choices: PropTypes.arrayOf({\n    text: PropTypes.text,\n    selected: PropTypes.bool\n  })\n};\n\n// -----------------------------------------------------------------------------\n\nconst Slide = props => {\n  const {validateSlide, slide, num} = props;\n  const {width, height} = useWindowDimensions();\n\n  const slideStyle = creatSlideStyle(num, width, height);\n  const validateLabel = '__validate'; // translations.validate\n\n  const templateContext = useTemplateContext();\n  const {analytics} = templateContext;\n\n  const {\n    answerUI: {isDisabled = false, value = '', model: {type, onChange}} = {\n      isDisabled: false,\n      value: '',\n      model: {type: 'freeText', onChange: () => null}\n    }\n  } = slide;\n\n  switch (type) {\n    case 'freeText': {\n      return (\n        <View style={slideStyle.slide}>\n          <FreeText\n            isDisabled={isDisabled}\n            onChange={onChange}\n            value={value}\n            testID=\"free-text\"\n            questionType=\"basic\"\n            analytics={analytics}\n          />\n        </View>\n      );\n    }\n    default:\n  }\n\n  return (\n    <View style={slideStyle.slide}>\n      <Text style={slideStyle.category}>{num}</Text>\n      <Text style={slideStyle.question}>{slide.question}</Text>\n      <Text style={slideStyle.instruction}>{slide.instruction}</Text>\n\n      <Choices choices={slide.choices} />\n\n      <Button style={slideStyle.button} onPress={validateSlide} testID={`button-quizzer-validate`}>\n        {validateLabel}\n      </Button>\n    </View>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\n// const Slides = ({slide}: Props) => {\nconst Slides = ({slides, validateSlide}) => {\n  if (!slides) {\n    return null;\n  }\n\n  return (\n    <View style={quizzerStyle.container}>\n      <Slide validateSlide={validateSlide} slide={slides[0]} num={0} key={`slide-${0}`} />\n      {/* {slides.reverse().map((_slide, index) => (\n      <Slide\n        validateSlide={validateSlide}\n        slide={_slide}\n        num={slides.length - index}\n        key={`slide-${index}`}\n      />\n    ))} */}\n    </View>\n  );\n};\n\nSlides.propTypes = SlidesReviewPropTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default Slides;\n"],"file":"index.native.js"}

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

@@ -1,9 +1,12 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 // -----------------------------------------------------------------------------
-import React, { createContext, useContext } from 'react'; // -----------------------------------------------------------------------------
-
-const Context = createContext({}); // -----------------------------------------------------------------------------
+import React, { createContext, useContext } from 'react';
+import defaultTheme from '../../variables/theme.native';
+// -----------------------------------------------------------------------------
+const Context = createContext({
+  theme: defaultTheme
+}); // -----------------------------------------------------------------------------
 
 const useTemplateContext = () => {
   const context = useContext(Context);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/app-review/template-context.tsx"],"names":["React","createContext","useContext","Context","useTemplateContext","context","Error","TemplateContext","values","children"],"mappings":";;AAAA;AAEA,OAAOA,KAAP,IAAeC,aAAf,EAA8BC,UAA9B,QAA+C,OAA/C,C,CAEA;;AAEA,MAAMC,OAAO,GAAGF,aAAa,CAAC,EAAD,CAA7B,C,CAEA;;AAEA,MAAMG,kBAAkB,GAAG,MAAM;AAC/B,QAAMC,OAAO,GAAGH,UAAU,CAACC,OAAD,CAA1B;;AAEA,MAAI,CAACE,OAAL,EAAc;AACZ,UAAM,IAAIC,KAAJ,CACH,yFADG,CAAN;AAGD;;AAED,SAAOD,OAAP;AACD,CAVD,C,CAYA;;;AASA,MAAME,eAAe,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA;AAAT,CAAD,KAA+B;AACrD,sBAAO,oBAAC,OAAD,CAAS,QAAT;AAAkB,IAAA,KAAK,eAAMD,MAAN;AAAvB,KAAuCC,QAAvC,CAAP;AACD,CAFD,C,CAIA;;;AAEA,SAAQF,eAAR,EAAyBH,kBAAzB","sourcesContent":["// -----------------------------------------------------------------------------\n\nimport React, {createContext, useContext} from 'react';\n\n// -----------------------------------------------------------------------------\n\nconst Context = createContext({});\n\n// -----------------------------------------------------------------------------\n\nconst useTemplateContext = () => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error(\n      `❌ [TemplateContext] useTemplateContext must be used within a provider <TemplateContext>`\n    );\n  }\n\n  return context;\n};\n\n// -----------------------------------------------------------------------------\ntype TemplateContextValues = {\n  brandTheme: any;\n  theme: any; // TODO type Theme\n  translations: any; // TODO type Translations\n};\n\ntype Props = {values: TemplateContextValues; children: any};\n\nconst TemplateContext = ({values, children}: Props) => {\n  return <Context.Provider value={{...values}}>{children}</Context.Provider>;\n};\n\n// -----------------------------------------------------------------------------\n\nexport {TemplateContext, useTemplateContext};\n"],"file":"template-context.js"}
+{"version":3,"sources":["../../../src/template/app-review/template-context.tsx"],"names":["React","createContext","useContext","defaultTheme","Context","theme","useTemplateContext","context","Error","TemplateContext","values","children"],"mappings":";;AAAA;AAEA,OAAOA,KAAP,IAAeC,aAAf,EAA8BC,UAA9B,QAA+C,OAA/C;AAEA,OAAOC,YAAP,MAAkC,8BAAlC;AAYA;AAEA,MAAMC,OAAO,GAAGH,aAAa,CAAC;AAC5BI,EAAAA,KAAK,EAAEF;AADqB,CAAD,CAA7B,C,CAIA;;AAEA,MAAMG,kBAAkB,GAAG,MAA6B;AACtD,QAAMC,OAAO,GAAGL,UAAU,CAACE,OAAD,CAA1B;;AAEA,MAAI,CAACG,OAAL,EAAc;AACZ,UAAM,IAAIC,KAAJ,CACH,yFADG,CAAN;AAGD;;AAED,SAAOD,OAAP;AACD,CAVD,C,CAYA;;;AAEA,MAAME,eAAe,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA;AAAT,CAAD,KAA+B;AACrD,sBAAO,oBAAC,OAAD,CAAS,QAAT;AAAkB,IAAA,KAAK,eAAMD,MAAN;AAAvB,KAAuCC,QAAvC,CAAP;AACD,CAFD,C,CAIA;;;AAEA,SAAQF,eAAR,EAAyBH,kBAAzB","sourcesContent":["// -----------------------------------------------------------------------------\n\nimport React, {createContext, useContext} from 'react';\nimport {Analytics} from '../../variables/analytics';\nimport defaultTheme, {Theme} from '../../variables/theme.native';\nimport {Vibration} from '../../variables/vibration';\n\nexport type TemplateContextValues = {\n  analytics?: Analytics;\n  brandTheme?: any;\n  theme: Theme;\n  vibration?: Vibration;\n};\n\ntype Props = {values: TemplateContextValues; children: any};\n\n// -----------------------------------------------------------------------------\n\nconst Context = createContext({\n  theme: defaultTheme\n});\n\n// -----------------------------------------------------------------------------\n\nconst useTemplateContext = (): TemplateContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error(\n      `❌ [TemplateContext] useTemplateContext must be used within a provider <TemplateContext>`\n    );\n  }\n\n  return context;\n};\n\n// -----------------------------------------------------------------------------\n\nconst TemplateContext = ({values, children}: Props) => {\n  return <Context.Provider value={{...values}}>{children}</Context.Provider>;\n};\n\n// -----------------------------------------------------------------------------\n\nexport {TemplateContext, useTemplateContext};\n"],"file":"template-context.js"}

package/es/variables/analytics.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/variables/analytics.tsx"],"names":["ANALYTICS_EVENT_TYPE","PRESS","SWIPE","LONG_PRESS","SLIDE","MEDIA_VIEWED","START_PROGRESSION","OPEN_SELECT","CLOSE_SELECT","INPUT_BLUR","INPUT_FOCUS","FINISH_PROGRESSION","SIGN_IN","SIGN_OUT","NAVIGATE","VALIDATE_ANSWER","PERMISSION","NOTIFICATIONS_MAYBE_LATER","NOTIFICATIONS_YES_NOTIFY_ME","NOTIFICATIONS"],"mappings":"AAAA,OAAO,MAAMA,oBAAoB,GAAG;AAClCC,EAAAA,KAAK,EAAE,OAD2B;AAElCC,EAAAA,KAAK,EAAE,OAF2B;AAGlCC,EAAAA,UAAU,EAAE,WAHsB;AAIlCC,EAAAA,KAAK,EAAE,OAJ2B;AAKlCC,EAAAA,YAAY,EAAE,aALoB;AAMlCC,EAAAA,iBAAiB,EAAE,kBANe;AAOlCC,EAAAA,WAAW,EAAE,YAPqB;AAQlCC,EAAAA,YAAY,EAAE,aARoB;AASlCC,EAAAA,UAAU,EAAE,WATsB;AAUlCC,EAAAA,WAAW,EAAE,YAVqB;AAWlCC,EAAAA,kBAAkB,EAAE,mBAXc;AAYlCC,EAAAA,OAAO,EAAE,QAZyB;AAalCC,EAAAA,QAAQ,EAAE,SAbwB;AAclCC,EAAAA,QAAQ,EAAE,UAdwB;AAelCC,EAAAA,eAAe,EAAE,gBAfiB;AAgBlCC,EAAAA,UAAU,EAAE,YAhBsB;AAiBlCC,EAAAA,yBAAyB,EAAE,yBAjBO;AAkBlCC,EAAAA,2BAA2B,EAAE,0BAlBK;AAmBlCC,EAAAA,aAAa,EAAE;AAnBmB,CAA7B","sourcesContent":["export const ANALYTICS_EVENT_TYPE = {\n  PRESS: 'press',\n  SWIPE: 'swipe',\n  LONG_PRESS: 'longPress',\n  SLIDE: 'slide',\n  MEDIA_VIEWED: 'mediaViewed',\n  START_PROGRESSION: 'startProgression',\n  OPEN_SELECT: 'openSelect',\n  CLOSE_SELECT: 'closeSelect',\n  INPUT_BLUR: 'inputBlur',\n  INPUT_FOCUS: 'inputFocus',\n  FINISH_PROGRESSION: 'finishProgression',\n  SIGN_IN: 'signIn',\n  SIGN_OUT: 'signOut',\n  NAVIGATE: 'navigate',\n  VALIDATE_ANSWER: 'validateAnswer',\n  PERMISSION: 'permission',\n  NOTIFICATIONS_MAYBE_LATER: 'notificationsMaybeLater',\n  NOTIFICATIONS_YES_NOTIFY_ME: 'notificationsYesNotifyMe',\n  NOTIFICATIONS: 'notifications'\n};\n\nexport type Analytics = {\n  logEvent: Function;\n};\n"],"file":"analytics.js"}
+{"version":3,"sources":["../../src/variables/analytics.tsx"],"names":["ANALYTICS_EVENT_TYPE","PRESS","SWIPE","LONG_PRESS","SLIDE","MEDIA_VIEWED","START_PROGRESSION","OPEN_SELECT","CLOSE_SELECT","INPUT_BLUR","INPUT_FOCUS","FINISH_PROGRESSION","SIGN_IN","SIGN_OUT","NAVIGATE","VALIDATE_ANSWER","PERMISSION","NOTIFICATIONS_MAYBE_LATER","NOTIFICATIONS_YES_NOTIFY_ME","NOTIFICATIONS"],"mappings":"AAAA,OAAO,MAAMA,oBAAoB,GAAG;AAClCC,EAAAA,KAAK,EAAE,OAD2B;AAElCC,EAAAA,KAAK,EAAE,OAF2B;AAGlCC,EAAAA,UAAU,EAAE,WAHsB;AAIlCC,EAAAA,KAAK,EAAE,OAJ2B;AAKlCC,EAAAA,YAAY,EAAE,aALoB;AAMlCC,EAAAA,iBAAiB,EAAE,kBANe;AAOlCC,EAAAA,WAAW,EAAE,YAPqB;AAQlCC,EAAAA,YAAY,EAAE,aARoB;AASlCC,EAAAA,UAAU,EAAE,WATsB;AAUlCC,EAAAA,WAAW,EAAE,YAVqB;AAWlCC,EAAAA,kBAAkB,EAAE,mBAXc;AAYlCC,EAAAA,OAAO,EAAE,QAZyB;AAalCC,EAAAA,QAAQ,EAAE,SAbwB;AAclCC,EAAAA,QAAQ,EAAE,UAdwB;AAelCC,EAAAA,eAAe,EAAE,gBAfiB;AAgBlCC,EAAAA,UAAU,EAAE,YAhBsB;AAiBlCC,EAAAA,yBAAyB,EAAE,yBAjBO;AAkBlCC,EAAAA,2BAA2B,EAAE,0BAlBK;AAmBlCC,EAAAA,aAAa,EAAE;AAnBmB,CAA7B","sourcesContent":["export const ANALYTICS_EVENT_TYPE = {\n  PRESS: 'press',\n  SWIPE: 'swipe',\n  LONG_PRESS: 'longPress',\n  SLIDE: 'slide',\n  MEDIA_VIEWED: 'mediaViewed',\n  START_PROGRESSION: 'startProgression',\n  OPEN_SELECT: 'openSelect',\n  CLOSE_SELECT: 'closeSelect',\n  INPUT_BLUR: 'inputBlur',\n  INPUT_FOCUS: 'inputFocus',\n  FINISH_PROGRESSION: 'finishProgression',\n  SIGN_IN: 'signIn',\n  SIGN_OUT: 'signOut',\n  NAVIGATE: 'navigate',\n  VALIDATE_ANSWER: 'validateAnswer',\n  PERMISSION: 'permission',\n  NOTIFICATIONS_MAYBE_LATER: 'notificationsMaybeLater',\n  NOTIFICATIONS_YES_NOTIFY_ME: 'notificationsYesNotifyMe',\n  NOTIFICATIONS: 'notifications'\n};\n\nexport type Analytics = {\n  logEvent: Function;\n};\n\nexport type AnalyticsEventParams = {\n  [key: string]: string | number;\n};\n"],"file":"analytics.js"}

package/es/variables/theme.native.js

@@ -0,0 +1,65 @@
+const defaultTheme = {
+  colors: {
+    border: 'rgba(0, 0, 0, 0.1)',
+    gray: {
+      extra: '#FAFAFA',
+      lighter: '#F4F4F5',
+      light: '#ededed',
+      lightMedium: '#CFD8DC',
+      medium: '#90A4AE',
+      dark: '#546E7A',
+      extraDark: '#323232'
+    },
+    text: {
+      primary: '#06265B'
+    },
+    background: {},
+    cta: '#0061FF',
+    negative: '#F73F52',
+    positive: '#3EC483',
+    white: '#FFFFFF',
+    black: '#14171A',
+    battle: '#FFDE03',
+    notification: '#FF7043',
+    salmon: '#FDE2E5'
+  },
+  spacing: {
+    micro: 4,
+    tiny: 8,
+    small: 16,
+    base: 24,
+    medium: 32,
+    large: 48,
+    xlarge: 64
+  },
+  radius: {
+    common: 3,
+    card: 5,
+    regular: 8,
+    medium: 12,
+    search: 24,
+    button: 32,
+    thumbnail: 1000
+  },
+  fontWeight: {
+    regular: '400',
+    semiBold: '500',
+    bold: '700',
+    extraBold: '900'
+  },
+  fontSize: {
+    extraSmall: 10,
+    small: 12,
+    medium: 13,
+    regular: 15,
+    large: 17,
+    xlarge: 22,
+    xxlarge: 28,
+    xxxlarge: 40
+  },
+  letterSpacing: {
+    header: 5
+  }
+};
+export default defaultTheme;
+//# sourceMappingURL=theme.native.js.map

package/es/variables/theme.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/variables/theme.native.ts"],"names":["defaultTheme","colors","border","gray","extra","lighter","light","lightMedium","medium","dark","extraDark","text","primary","background","cta","negative","positive","white","black","battle","notification","salmon","spacing","micro","tiny","small","base","large","xlarge","radius","common","card","regular","search","button","thumbnail","fontWeight","semiBold","bold","extraBold","fontSize","extraSmall","xxlarge","xxxlarge","letterSpacing","header"],"mappings":"AAuDA,MAAMA,YAAmB,GAAG;AAC1BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,oBADF;AAENC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,SADH;AAEJC,MAAAA,OAAO,EAAE,SAFL;AAGJC,MAAAA,KAAK,EAAE,SAHH;AAIJC,MAAAA,WAAW,EAAE,SAJT;AAKJC,MAAAA,MAAM,EAAE,SALJ;AAMJC,MAAAA,IAAI,EAAE,SANF;AAOJC,MAAAA,SAAS,EAAE;AAPP,KAFA;AAWNC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE;AADL,KAXA;AAcNC,IAAAA,UAAU,EAAE,EAdN;AAeNC,IAAAA,GAAG,EAAE,SAfC;AAgBNC,IAAAA,QAAQ,EAAE,SAhBJ;AAiBNC,IAAAA,QAAQ,EAAE,SAjBJ;AAkBNC,IAAAA,KAAK,EAAE,SAlBD;AAmBNC,IAAAA,KAAK,EAAE,SAnBD;AAoBNC,IAAAA,MAAM,EAAE,SApBF;AAqBNC,IAAAA,YAAY,EAAE,SArBR;AAsBNC,IAAAA,MAAM,EAAE;AAtBF,GADkB;AAyB1BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,KAAK,EAAE,CADA;AAEPC,IAAAA,IAAI,EAAE,CAFC;AAGPC,IAAAA,KAAK,EAAE,EAHA;AAIPC,IAAAA,IAAI,EAAE,EAJC;AAKPlB,IAAAA,MAAM,EAAE,EALD;AAMPmB,IAAAA,KAAK,EAAE,EANA;AAOPC,IAAAA,MAAM,EAAE;AAPD,GAzBiB;AAkC1BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,CADF;AAENC,IAAAA,IAAI,EAAE,CAFA;AAGNC,IAAAA,OAAO,EAAE,CAHH;AAINxB,IAAAA,MAAM,EAAE,EAJF;AAKNyB,IAAAA,MAAM,EAAE,EALF;AAMNC,IAAAA,MAAM,EAAE,EANF;AAONC,IAAAA,SAAS,EAAE;AAPL,GAlCkB;AA2C1BC,EAAAA,UAAU,EAAE;AACVJ,IAAAA,OAAO,EAAE,KADC;AAEVK,IAAAA,QAAQ,EAAE,KAFA;AAGVC,IAAAA,IAAI,EAAE,KAHI;AAIVC,IAAAA,SAAS,EAAE;AAJD,GA3Cc;AAiD1BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAE,EADJ;AAERhB,IAAAA,KAAK,EAAE,EAFC;AAGRjB,IAAAA,MAAM,EAAE,EAHA;AAIRwB,IAAAA,OAAO,EAAE,EAJD;AAKRL,IAAAA,KAAK,EAAE,EALC;AAMRC,IAAAA,MAAM,EAAE,EANA;AAORc,IAAAA,OAAO,EAAE,EAPD;AAQRC,IAAAA,QAAQ,EAAE;AARF,GAjDgB;AA2D1BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,MAAM,EAAE;AADK;AA3DW,CAA5B;AAgEA,eAAe7C,YAAf","sourcesContent":["type SpaceType = 'micro' | 'tiny' | 'small' | 'base' | 'medium' | 'large' | 'xlarge';\n\nexport type Colors = {\n  border: string;\n  gray: {\n    extra: string;\n    light: string;\n    lighter: string;\n    lightMedium: string;\n    medium: string;\n    dark: string;\n    extraDark: string;\n  };\n  text: {\n    primary: '#06265B';\n  };\n  negative: string;\n  positive: string;\n  white: string;\n  black: string;\n  battle: string;\n  notification: string;\n  salmon: string;\n};\n\nexport type FontWeightType = 'extraBold' | 'bold' | 'semiBold' | 'regular';\n\nexport type FontSizeType =\n  | 'extraSmall'\n  | 'small'\n  | 'medium'\n  | 'regular'\n  | 'large'\n  | 'xlarge'\n  | 'xxlarge'\n  | 'xxxlarge';\n\nexport type Theme = {\n  colors: Colors;\n  spacing: {[key in SpaceType]: string};\n  radius: {\n    common: number;\n    card: number;\n    medium: number;\n    search: number;\n    button: number;\n    thumbnail: number;\n  };\n  fontWeight: {[key in FontWeightType]: string};\n  fontSize: {[key in FontSizeType]: string};\n  letterSpacing: {\n    header: number;\n  };\n};\n\nconst defaultTheme: Theme = {\n  colors: {\n    border: 'rgba(0, 0, 0, 0.1)',\n    gray: {\n      extra: '#FAFAFA',\n      lighter: '#F4F4F5',\n      light: '#ededed',\n      lightMedium: '#CFD8DC',\n      medium: '#90A4AE',\n      dark: '#546E7A',\n      extraDark: '#323232'\n    },\n    text: {\n      primary: '#06265B'\n    },\n    background: {},\n    cta: '#0061FF',\n    negative: '#F73F52',\n    positive: '#3EC483',\n    white: '#FFFFFF',\n    black: '#14171A',\n    battle: '#FFDE03',\n    notification: '#FF7043',\n    salmon: '#FDE2E5'\n  },\n  spacing: {\n    micro: 4,\n    tiny: 8,\n    small: 16,\n    base: 24,\n    medium: 32,\n    large: 48,\n    xlarge: 64\n  },\n  radius: {\n    common: 3,\n    card: 5,\n    regular: 8,\n    medium: 12,\n    search: 24,\n    button: 32,\n    thumbnail: 1000\n  },\n  fontWeight: {\n    regular: '400',\n    semiBold: '500',\n    bold: '700',\n    extraBold: '900'\n  },\n  fontSize: {\n    extraSmall: 10,\n    small: 12,\n    medium: 13,\n    regular: 15,\n    large: 17,\n    xlarge: 22,\n    xxlarge: 28,\n    xxxlarge: 40\n  },\n  letterSpacing: {\n    header: 5\n  }\n};\n\nexport default defaultTheme;\n"],"file":"theme.native.js"}

package/es/variables/vibration.js

@@ -0,0 +1,10 @@
+export const VIBRATION_TYPE = {
+  SELECTION: 'selection',
+  IMPACT_LIGHT: 'impactLight',
+  IMPACT_MEDIUM: 'impactMedium',
+  IMPACT_HEAVY: 'impactHeavy',
+  NOTIFICATION_SUCCESS: 'notificationSuccess',
+  NOTIFICATION_WARNING: 'notificationWarning',
+  NOTIFICATION_ERROR: 'notificationError'
+};
+//# sourceMappingURL=vibration.js.map

package/es/variables/vibration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/variables/vibration.ts"],"names":["VIBRATION_TYPE","SELECTION","IMPACT_LIGHT","IMPACT_MEDIUM","IMPACT_HEAVY","NOTIFICATION_SUCCESS","NOTIFICATION_WARNING","NOTIFICATION_ERROR"],"mappings":"AASA,OAAO,MAAMA,cASZ,GAAG;AACFC,EAAAA,SAAS,EAAE,WADT;AAEFC,EAAAA,YAAY,EAAE,aAFZ;AAGFC,EAAAA,aAAa,EAAE,cAHb;AAIFC,EAAAA,YAAY,EAAE,aAJZ;AAKFC,EAAAA,oBAAoB,EAAE,qBALpB;AAMFC,EAAAA,oBAAoB,EAAE,qBANpB;AAOFC,EAAAA,kBAAkB,EAAE;AAPlB,CATG","sourcesContent":["export type VibrationType =\n  | 'selection'\n  | 'impactLight'\n  | 'impactMedium'\n  | 'impactHeavy'\n  | 'notificationSuccess'\n  | 'notificationWarning'\n  | 'notificationError';\n\nexport const VIBRATION_TYPE: {\n  [key in\n    | 'SELECTION'\n    | 'IMPACT_LIGHT'\n    | 'IMPACT_MEDIUM'\n    | 'IMPACT_HEAVY'\n    | 'NOTIFICATION_SUCCESS'\n    | 'NOTIFICATION_WARNING'\n    | 'NOTIFICATION_ERROR']?: VibrationType;\n} = {\n  SELECTION: 'selection',\n  IMPACT_LIGHT: 'impactLight',\n  IMPACT_MEDIUM: 'impactMedium',\n  IMPACT_HEAVY: 'impactHeavy',\n  NOTIFICATION_SUCCESS: 'notificationSuccess',\n  NOTIFICATION_WARNING: 'notificationWarning',\n  NOTIFICATION_ERROR: 'notificationError'\n};\n\nexport type Vibration = {\n  VIBRATION_TYPE: typeof VIBRATION_TYPE;\n  vibrate: (arg0: VibrationType | void) => void;\n};\n"],"file":"vibration.js"}

package/lib/atom/spinner/index.js

@@ -19,6 +19,7 @@ const Spinner = () => {
   }));
 };
 
+Spinner.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
 var _default = Spinner;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/atom/spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/spinner/index.js"],"names":["Spinner","spinner","doubleBounce1","doubleBounce2"],"mappings":";;;;;AAAA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,MAAM;AACpB,sBACE;AAAK,IAAA,SAAS,EAAEC;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAEC;AAAhB,IADF,eAEE;AAAK,IAAA,SAAS,EAAEC;AAAhB,IAFF,CADF;AAMD,CAPD;;eASeH,O","sourcesContent":["import React from 'react';\nimport {spinner, doubleBounce1, doubleBounce2} from './style.css';\n\nconst Spinner = () => {\n  return (\n    <div className={spinner}>\n      <div className={doubleBounce1} />\n      <div className={doubleBounce2} />\n    </div>\n  );\n};\n\nexport default Spinner;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/spinner/index.js"],"names":["Spinner","spinner","doubleBounce1","doubleBounce2","propTypes"],"mappings":";;;;;AAAA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,MAAM;AACpB,sBACE;AAAK,IAAA,SAAS,EAAEC;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAEC;AAAhB,IADF,eAEE;AAAK,IAAA,SAAS,EAAEC;AAAhB,IAFF,CADF;AAMD,CAPD;;AASAH,OAAO,CAACI,SAAR,2CAAoB,EAApB;eAEeJ,O","sourcesContent":["import React from 'react';\nimport {spinner, doubleBounce1, doubleBounce2} from './style.css';\n\nconst Spinner = () => {\n  return (\n    <div className={spinner}>\n      <div className={doubleBounce1} />\n      <div className={doubleBounce2} />\n    </div>\n  );\n};\n\nSpinner.propTypes = {};\n\nexport default Spinner;\n"],"file":"index.js"}

package/lib/hoc/touchable/index.native.js

@@ -0,0 +1,74 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _reactNative = require("react-native");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _templateContext = require("../../template/app-review/template-context");
+
+var _analytics = require("../../variables/analytics");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const logEvent = (eventName, analyticsID, analytics, analyticsParams) => {
+  analytics && analytics.logEvent(eventName, _extends(_extends({}, analyticsParams || {}), {}, {
+    id: analyticsID
+  }));
+};
+
+const Touchable = props => {
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const {
+    theme,
+    vibration,
+    analytics
+  } = templateContext;
+  const {
+    analyticsID,
+    analyticsParams,
+    onPress,
+    onLongPress,
+    isWithoutFeedback,
+    isHighlight,
+    activeOpacity,
+    disabled
+  } = props;
+  const handlePress = (0, _react.useMemo)(() => event => {
+    if (!onPress) return;
+    vibration?.vibrate();
+    analytics && logEvent(_analytics.ANALYTICS_EVENT_TYPE.PRESS, analyticsID, analytics, analyticsParams);
+    onPress(event);
+  }, [analytics, analyticsID, analyticsParams, onPress, vibration]);
+  const handleLongPress = (0, _react.useMemo)(() => event => {
+    if (!onLongPress) return;
+    vibration?.vibrate();
+    analytics && logEvent(_analytics.ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);
+    onLongPress(event);
+  }, [analytics, analyticsID, analyticsParams, onLongPress, vibration]);
+
+  if (isHighlight) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, _extends({}, props, {
+      underlayColor: theme.colors.gray.light,
+      onPress: handlePress,
+      onLongPress: handleLongPress,
+      activeOpacity: activeOpacity || (disabled ? 1 : 0.85)
+    }));
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, _extends({}, props, {
+    onPress: handlePress,
+    onLongPress: handleLongPress,
+    activeOpacity: isWithoutFeedback && 1 || activeOpacity || (disabled ? 1 : 0.2)
+  }));
+};
+
+var _default = Touchable;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

package/lib/hoc/touchable/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hoc/touchable/index.native.tsx"],"names":["logEvent","eventName","analyticsID","analytics","analyticsParams","id","Touchable","props","templateContext","theme","vibration","onPress","onLongPress","isWithoutFeedback","isHighlight","activeOpacity","disabled","handlePress","event","vibrate","ANALYTICS_EVENT_TYPE","PRESS","handleLongPress","LONG_PRESS","colors","gray","light"],"mappings":";;;;;AAAA;;AAQA;;AACA;;AACA;;;;;;;;AAgCA,MAAMA,QAAQ,GAAG,CACfC,SADe,EAEfC,WAFe,EAGfC,SAHe,EAIfC,eAJe,KAKZ;AACHD,EAAAA,SAAS,IACPA,SAAS,CAACH,QAAV,CAAmBC,SAAnB,wBACMG,eAAe,IAAI,EADzB;AAEEC,IAAAA,EAAE,EAAEH;AAFN,KADF;AAKD,CAXD;;AAaA,MAAMI,SAAS,GAAIC,KAAD,IAAkB;AAClC,QAAMC,eAAe,GAAG,0CAAxB;AAEA,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,SAAR;AAAmBP,IAAAA;AAAnB,MAAgCK,eAAtC;AAEA,QAAM;AACJN,IAAAA,WADI;AAEJE,IAAAA,eAFI;AAGJO,IAAAA,OAHI;AAIJC,IAAAA,WAJI;AAKJC,IAAAA,iBALI;AAMJC,IAAAA,WANI;AAOJC,IAAAA,aAPI;AAQJC,IAAAA;AARI,MASFT,KATJ;AAWA,QAAMU,WAAW,GAAG,oBAClB,MAAOC,KAAD,IAAuB;AAC3B,QAAI,CAACP,OAAL,EAAc;AAEdD,IAAAA,SAAS,EAAES,OAAX;AAEAhB,IAAAA,SAAS,IAAIH,QAAQ,CAACoB,gCAAqBC,KAAtB,EAA6BnB,WAA7B,EAA0CC,SAA1C,EAAqDC,eAArD,CAArB;AACAO,IAAAA,OAAO,CAACO,KAAD,CAAP;AACD,GARiB,EASlB,CAACf,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CO,OAA1C,EAAmDD,SAAnD,CATkB,CAApB;AAYA,QAAMY,eAAe,GAAG,oBACtB,MAAOJ,KAAD,IAAuB;AAC3B,QAAI,CAACN,WAAL,EAAkB;AAElBF,IAAAA,SAAS,EAAES,OAAX;AAEAhB,IAAAA,SAAS,IACPH,QAAQ,CAACoB,gCAAqBG,UAAtB,EAAkCrB,WAAlC,EAA+CC,SAA/C,EAA0DC,eAA1D,CADV;AAEAQ,IAAAA,WAAW,CAACM,KAAD,CAAX;AACD,GATqB,EAUtB,CAACf,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CQ,WAA1C,EAAuDF,SAAvD,CAVsB,CAAxB;;AAaA,MAAII,WAAJ,EAAiB;AACf,wBACE,6BAAC,+BAAD,eACMP,KADN;AAEE,MAAA,aAAa,EAAEE,KAAK,CAACe,MAAN,CAAaC,IAAb,CAAkBC,KAFnC;AAGE,MAAA,OAAO,EAAET,WAHX;AAIE,MAAA,WAAW,EAAEK,eAJf;AAKE,MAAA,aAAa,EAAEP,aAAa,KAAKC,QAAQ,GAAG,CAAH,GAAO,IAApB;AAL9B,OADF;AASD;;AAED,sBACE,6BAAC,6BAAD,eACMT,KADN;AAEE,IAAA,OAAO,EAAEU,WAFX;AAGE,IAAA,WAAW,EAAEK,eAHf;AAIE,IAAA,aAAa,EAAGT,iBAAiB,IAAI,CAAtB,IAA4BE,aAA5B,KAA8CC,QAAQ,GAAG,CAAH,GAAO,GAA7D;AAJjB,KADF;AAQD,CA7DD;;eA+DeV,S","sourcesContent":["import {TouchableOpacity, TouchableHighlight, ViewStyle} from 'react-native';\nimport type {\n  BlurEvent,\n  LayoutEvent,\n  FocusEvent,\n  PressEvent\n} from 'react-native/Libraries/Types/CoreEventTypes';\n\nimport React, {useMemo} from 'react';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics, AnalyticsEventParams} from '../../variables/analytics';\nimport {Vibration} from '../../variables/vibration';\n\nexport type Props = {\n  accessible?: boolean;\n  children?: React.ReactNode;\n  delayLongPress?: number;\n  delayPressIn?: number;\n  delayPressOut?: number;\n  disabled?: boolean;\n  focusable?: boolean;\n  hitSlop?: number /* TODO: fix type EdgeInsetsProp,*/;\n  onBlur?: (event: BlurEvent) => any;\n  onFocus?: (event: FocusEvent) => any;\n  onLayout?: (event: LayoutEvent) => any;\n  onLongPress?: (event: PressEvent) => any;\n  onPress?: (event: PressEvent) => any;\n  onPressIn?: (event: PressEvent) => any;\n  onPressOut?: (event: PressEvent) => any;\n  testID?: string;\n  isHighlight?: boolean;\n  isWithoutFeedback?: boolean;\n  // for TouchableOpacity\n  activeOpacity?: number;\n  style?: ViewStyle;\n  // Analytics\n  analytics?: Analytics;\n  analyticsID: string;\n  analyticsParams?: AnalyticsEventParams;\n  vibration?: Vibration;\n};\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: String,\n  analytics: Analytics,\n  analyticsParams: AnalyticsEventParams | undefined\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      ...(analyticsParams || {}),\n      id: analyticsID\n    });\n};\n\nconst Touchable = (props: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme, vibration, analytics} = templateContext;\n\n  const {\n    analyticsID,\n    analyticsParams,\n    onPress,\n    onLongPress,\n    isWithoutFeedback,\n    isHighlight,\n    activeOpacity,\n    disabled\n  } = props;\n\n  const handlePress = useMemo(\n    () => (event: PressEvent) => {\n      if (!onPress) return;\n\n      vibration?.vibrate();\n\n      analytics && logEvent(ANALYTICS_EVENT_TYPE.PRESS, analyticsID, analytics, analyticsParams);\n      onPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onPress, vibration]\n  );\n\n  const handleLongPress = useMemo(\n    () => (event: PressEvent) => {\n      if (!onLongPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        logEvent(ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);\n      onLongPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onLongPress, vibration]\n  );\n\n  if (isHighlight) {\n    return (\n      <TouchableHighlight\n        {...props}\n        underlayColor={theme.colors.gray.light}\n        onPress={handlePress}\n        onLongPress={handleLongPress}\n        activeOpacity={activeOpacity || (disabled ? 1 : 0.85)}\n      />\n    );\n  }\n\n  return (\n    <TouchableOpacity\n      {...props}\n      onPress={handlePress}\n      onLongPress={handleLongPress}\n      activeOpacity={(isWithoutFeedback && 1) || activeOpacity || (disabled ? 1 : 0.2)}\n    />\n  );\n};\n\nexport default Touchable;\n"],"file":"index.native.js"}

package/lib/molecule/dashboard/battle-request-list/index.js

@@ -13,7 +13,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const BattleRequestList = (props, context) => {
+const BattleRequestList = _react.default.memo(function BattleRequestList(props) {
   const {
     requests
   } = props;
@@ -27,13 +27,11 @@ const BattleRequestList = (props, context) => {
     className: _style.default.list,
     "data-name": "battle-request-list"
   }, cards);
-};
+});
 
 BattleRequestList.propTypes = process.env.NODE_ENV !== "production" ? {
   requests: _propTypes.default.arrayOf(_propTypes.default.shape(_battleRequest.default.propTypes))
 } : {};
-
-var _default = _react.default.memo(BattleRequestList);
-
+var _default = BattleRequestList;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/dashboard/battle-request-list/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/dashboard/battle-request-list/index.js"],"names":["BattleRequestList","props","context","requests","cards","map","request","key","style","card","list","propTypes","PropTypes","arrayOf","shape","BattleRequest","React","memo"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC5C,QAAM;AAACC,IAAAA;AAAD,MAAaF,KAAnB;AAEA,QAAMG,KAAK,GAAGD,QAAQ,CAACE,GAAT,CAAa,CAACC,OAAD,EAAUC,GAAV,KAAkB;AAC3C,wBACE;AAAK,MAAA,SAAS,EAAEC,eAAMC,IAAtB;AAA4B,MAAA,GAAG,EAAEF;AAAjC,oBACE,6BAAC,sBAAD,EAAmBD,OAAnB,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAME,IAAtB;AAA4B,iBAAU;AAAtC,KACGN,KADH,CADF;AAKD,CAhBD;;AAkBAJ,iBAAiB,CAACW,SAAlB,2CAA8B;AAC5BR,EAAAA,QAAQ,EAAES,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,uBAAcJ,SAA9B,CAAlB;AADkB,CAA9B;;eAIeK,eAAMC,IAAN,CAAWjB,iBAAX,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BattleRequest from '../../battle-request';\nimport style from './style.css';\n\nconst BattleRequestList = (props, context) => {\n  const {requests} = props;\n\n  const cards = requests.map((request, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <BattleRequest {...request} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.list} data-name=\"battle-request-list\">\n      {cards}\n    </div>\n  );\n};\n\nBattleRequestList.propTypes = {\n  requests: PropTypes.arrayOf(PropTypes.shape(BattleRequest.propTypes))\n};\n\nexport default React.memo(BattleRequestList);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/battle-request-list/index.js"],"names":["BattleRequestList","React","memo","props","requests","cards","map","request","key","style","card","list","propTypes","PropTypes","arrayOf","shape","BattleRequest"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,iBAAiB,GAAGC,eAAMC,IAAN,CAAW,SAASF,iBAAT,CAA2BG,KAA3B,EAAkC;AACrE,QAAM;AAACC,IAAAA;AAAD,MAAaD,KAAnB;AAEA,QAAME,KAAK,GAAGD,QAAQ,CAACE,GAAT,CAAa,CAACC,OAAD,EAAUC,GAAV,KAAkB;AAC3C,wBACE;AAAK,MAAA,SAAS,EAAEC,eAAMC,IAAtB;AAA4B,MAAA,GAAG,EAAEF;AAAjC,oBACE,6BAAC,sBAAD,EAAmBD,OAAnB,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAME,IAAtB;AAA4B,iBAAU;AAAtC,KACGN,KADH,CADF;AAKD,CAhByB,CAA1B;;AAkBAL,iBAAiB,CAACY,SAAlB,2CAA8B;AAC5BR,EAAAA,QAAQ,EAAES,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,uBAAcJ,SAA9B,CAAlB;AADkB,CAA9B;eAIeZ,iB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BattleRequest from '../../battle-request';\nimport style from './style.css';\n\nconst BattleRequestList = React.memo(function BattleRequestList(props) {\n  const {requests} = props;\n\n  const cards = requests.map((request, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <BattleRequest {...request} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.list} data-name=\"battle-request-list\">\n      {cards}\n    </div>\n  );\n});\n\nBattleRequestList.propTypes = {\n  requests: PropTypes.arrayOf(PropTypes.shape(BattleRequest.propTypes))\n};\n\nexport default BattleRequestList;\n"],"file":"index.js"}

package/lib/molecule/dashboard/news-list/index.js

@@ -15,7 +15,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const NewsList = (props, context) => {
+const NewsList = _react.default.memo(function NewsList(props) {
   const {
     title,
     news,
@@ -48,7 +48,7 @@ const NewsList = (props, context) => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.title
   }, title), cardsView, loading ? loadingView : moreView));
-};
+});
 
 NewsList.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
@@ -59,8 +59,6 @@ NewsList.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   loading: _propTypes.default.bool
 } : {};
-
-var _default = _react.default.memo(NewsList);
-
+var _default = NewsList;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/dashboard/news-list/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/dashboard/news-list/index.js"],"names":["NewsList","props","context","title","news","more","loading","loadingView","style","loader","moreView","onClick","label","cardsView","map","nws","key","card","wrapper","list","propTypes","PropTypes","string","arrayOf","shape","News","func","bool","React","memo"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACnC,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,IAAd;AAAoBC,IAAAA,OAAO,GAAG;AAA9B,MAAuCL,KAA7C;;AAEA,QAAMM,WAAW,gBACf;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,kBACE,6BAAC,eAAD,OADF,CADF;;AAMA,QAAMC,QAAQ,GAAGL,IAAI;AAAA;AACnB;AACA;AAAK,IAAA,SAAS,EAAEG,eAAMH,IAAtB;AAA4B,IAAA,OAAO,EAAEA,IAAI,CAACM;AAA1C,KACGN,IAAI,CAACO,KADR,CAFmB,GAKjB,IALJ;AAOA,QAAMC,SAAS,GAAGT,IAAI,CAACU,GAAL,CAAS,CAACC,GAAD,EAAMC,GAAN,KAAc;AACvC,wBACE;AAAK,MAAA,SAAS,EAAER,eAAMS,IAAtB;AAA4B,MAAA,GAAG,EAAED;AAAjC,oBACE,6BAAC,aAAD,EAAUD,GAAV,CADF,CADF;AAKD,GANiB,CAAlB;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEP,eAAMU,OAAtB;AAA+B,iBAAU;AAAzC,kBACE;AAAK,IAAA,SAAS,EAAEV,eAAMW;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEX,eAAML;AAAtB,KAA8BA,KAA9B,CADF,EAEGU,SAFH,EAGGP,OAAO,GAAGC,WAAH,GAAiBG,QAH3B,CADF,CADF;AASD,CAjCD;;AAmCAV,QAAQ,CAACoB,SAAT,2CAAqB;AACnBjB,EAAAA,KAAK,EAAEkB,mBAAUC,MADE;AAEnBlB,EAAAA,IAAI,EAAEiB,mBAAUE,OAAV,CAAkBF,mBAAUG,KAAV,CAAgBC,cAAKL,SAArB,CAAlB,CAFa;AAGnBf,EAAAA,IAAI,EAAEgB,mBAAUG,KAAV,CAAgB;AACpBZ,IAAAA,KAAK,EAAES,mBAAUC,MADG;AAEpBX,IAAAA,OAAO,EAAEU,mBAAUK;AAFC,GAAhB,CAHa;AAOnBpB,EAAAA,OAAO,EAAEe,mBAAUM;AAPA,CAArB;;eAUeC,eAAMC,IAAN,CAAW7B,QAAX,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport News from '../../news';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst NewsList = (props, context) => {\n  const {title, news, more, loading = false} = props;\n\n  const loadingView = (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  );\n\n  const moreView = more ? (\n    // eslint-disable-next-line react/jsx-handler-names\n    <div className={style.more} onClick={more.onClick}>\n      {more.label}\n    </div>\n  ) : null;\n\n  const cardsView = news.map((nws, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <News {...nws} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.wrapper} data-name=\"news-list\">\n      <div className={style.list}>\n        <div className={style.title}>{title}</div>\n        {cardsView}\n        {loading ? loadingView : moreView}\n      </div>\n    </div>\n  );\n};\n\nNewsList.propTypes = {\n  title: PropTypes.string,\n  news: PropTypes.arrayOf(PropTypes.shape(News.propTypes)),\n  more: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool\n};\n\nexport default React.memo(NewsList);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/news-list/index.js"],"names":["NewsList","React","memo","props","title","news","more","loading","loadingView","style","loader","moreView","onClick","label","cardsView","map","nws","key","card","wrapper","list","propTypes","PropTypes","string","arrayOf","shape","News","func","bool"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,QAAQ,GAAGC,eAAMC,IAAN,CAAW,SAASF,QAAT,CAAkBG,KAAlB,EAAyB;AACnD,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,IAAd;AAAoBC,IAAAA,OAAO,GAAG;AAA9B,MAAuCJ,KAA7C;;AAEA,QAAMK,WAAW,gBACf;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,kBACE,6BAAC,eAAD,OADF,CADF;;AAMA,QAAMC,QAAQ,GAAGL,IAAI;AAAA;AACnB;AACA;AAAK,IAAA,SAAS,EAAEG,eAAMH,IAAtB;AAA4B,IAAA,OAAO,EAAEA,IAAI,CAACM;AAA1C,KACGN,IAAI,CAACO,KADR,CAFmB,GAKjB,IALJ;AAOA,QAAMC,SAAS,GAAGT,IAAI,CAACU,GAAL,CAAS,CAACC,GAAD,EAAMC,GAAN,KAAc;AACvC,wBACE;AAAK,MAAA,SAAS,EAAER,eAAMS,IAAtB;AAA4B,MAAA,GAAG,EAAED;AAAjC,oBACE,6BAAC,aAAD,EAAUD,GAAV,CADF,CADF;AAKD,GANiB,CAAlB;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEP,eAAMU,OAAtB;AAA+B,iBAAU;AAAzC,kBACE;AAAK,IAAA,SAAS,EAAEV,eAAMW;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEX,eAAML;AAAtB,KAA8BA,KAA9B,CADF,EAEGU,SAFH,EAGGP,OAAO,GAAGC,WAAH,GAAiBG,QAH3B,CADF,CADF;AASD,CAjCgB,CAAjB;;AAmCAX,QAAQ,CAACqB,SAAT,2CAAqB;AACnBjB,EAAAA,KAAK,EAAEkB,mBAAUC,MADE;AAEnBlB,EAAAA,IAAI,EAAEiB,mBAAUE,OAAV,CAAkBF,mBAAUG,KAAV,CAAgBC,cAAKL,SAArB,CAAlB,CAFa;AAGnBf,EAAAA,IAAI,EAAEgB,mBAAUG,KAAV,CAAgB;AACpBZ,IAAAA,KAAK,EAAES,mBAAUC,MADG;AAEpBX,IAAAA,OAAO,EAAEU,mBAAUK;AAFC,GAAhB,CAHa;AAOnBpB,EAAAA,OAAO,EAAEe,mBAAUM;AAPA,CAArB;eAUe5B,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport News from '../../news';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst NewsList = React.memo(function NewsList(props) {\n  const {title, news, more, loading = false} = props;\n\n  const loadingView = (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  );\n\n  const moreView = more ? (\n    // eslint-disable-next-line react/jsx-handler-names\n    <div className={style.more} onClick={more.onClick}>\n      {more.label}\n    </div>\n  ) : null;\n\n  const cardsView = news.map((nws, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <News {...nws} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.wrapper} data-name=\"news-list\">\n      <div className={style.list}>\n        <div className={style.title}>{title}</div>\n        {cardsView}\n        {loading ? loadingView : moreView}\n      </div>\n    </div>\n  );\n});\n\nNewsList.propTypes = {\n  title: PropTypes.string,\n  news: PropTypes.arrayOf(PropTypes.shape(News.propTypes)),\n  more: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool\n};\n\nexport default NewsList;\n"],"file":"index.js"}

package/lib/molecule/dashboard/review-banner/index.js

@@ -15,7 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const ReviewBanner = props => {
+const ReviewBanner = _react.default.memo(function ReviewBanner(props) {
   const {
     title,
     subtitle,
@@ -62,7 +62,7 @@ const ReviewBanner = props => {
     src: "https://static.coorpacademy.com/site/dumbell.png",
     alt: "Dumbbell image"
   })))));
-};
+});
 
 ReviewBanner.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
@@ -72,8 +72,6 @@ ReviewBanner.propTypes = process.env.NODE_ENV !== "production" ? {
     label: _propTypes.default.string
   })
 } : {};
-
-var _default = _react.default.memo(ReviewBanner);
-
+var _default = ReviewBanner;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/dashboard/review-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/dashboard/review-banner/index.js"],"names":["ReviewBanner","props","title","subtitle","cta","buttonProps","type","style","root","container","banner","left","image","middle","right","propTypes","PropTypes","string","shape","onClick","func","label","React","memo"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAAyBH,KAA/B;;AAEA,QAAMI,WAAW,yBACZD,GADY;AAEfE,IAAAA,IAAI,EAAE;AAFS,IAAjB;;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI,IAAtB;AAA4B,IAAA,IAAI,EAAC,KAAjC;AAAuC,kBAAW;AAAlD,kBACE;AACE,IAAA,SAAS,EAAEJ,eAAMK,KADnB;AAEE,IAAA,GAAG,EAAC,+CAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CADF,eAQE;AAAK,IAAA,SAAS,EAAEL,eAAMM;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEN,eAAML,KAAvB;AAA8B,iBAAU,qBAAxC;AAA8D,kBAAW;AAAzE,KACGA,KADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEK,eAAMJ,QADnB;AAEE,iBAAU,wBAFZ;AAGE,kBAAW;AAHb,KAKGA,QALH,CAJF,eAWE,6BAAC,mBAAD,eAAgBE,WAAhB;AAA6B,IAAA,SAAS,EAAEE,eAAMH;AAA9C,KAXF,CARF,eAqBE;AAAK,IAAA,SAAS,EAAEG,eAAMO,KAAtB;AAA6B,IAAA,IAAI,EAAC,KAAlC;AAAwC,kBAAW;AAAnD,kBACE;AACE,IAAA,SAAS,EAAEP,eAAMK,KADnB;AAEE,IAAA,GAAG,EAAC,kDAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CArBF,CADF,CADF,CADF;AAmCD,CA3CD;;AA6CAZ,YAAY,CAACe,SAAb,2CAAyB;AACvBb,EAAAA,KAAK,EAAEc,mBAAUC,MADM;AAEvBd,EAAAA,QAAQ,EAAEa,mBAAUC,MAFG;AAGvBb,EAAAA,GAAG,EAAEY,mBAAUE,KAAV,CAAgB;AACnBC,IAAAA,OAAO,EAAEH,mBAAUI,IADA;AAEnBC,IAAAA,KAAK,EAAEL,mBAAUC;AAFE,GAAhB;AAHkB,CAAzB;;eASeK,eAAMC,IAAN,CAAWvB,YAAX,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\n\nconst ReviewBanner = props => {\n  const {title, subtitle, cta} = props;\n\n  const buttonProps = {\n    ...cta,\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.root} data-name=\"start-review-banner\">\n      <div className={style.container}>\n        <div className={style.banner}>\n          <div className={style.left} role=\"img\" aria-label=\"Left image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/book.png\"\n              alt=\"Book image\"\n            />\n          </div>\n          <div className={style.middle}>\n            <span className={style.title} data-name=\"review-banner-title\" aria-label=\"{title}\">\n              {title}\n            </span>\n            <span\n              className={style.subtitle}\n              data-name=\"review-banner-subtitle\"\n              aria-label=\"{subtitle}\"\n            >\n              {subtitle}\n            </span>\n            <ButtonLink {...buttonProps} className={style.cta} />\n          </div>\n          <div className={style.right} role=\"img\" aria-label=\"Rigth image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/dumbell.png\"\n              alt=\"Dumbbell image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewBanner.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  cta: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string\n  })\n};\n\nexport default React.memo(ReviewBanner);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/review-banner/index.js"],"names":["ReviewBanner","React","memo","props","title","subtitle","cta","buttonProps","type","style","root","container","banner","left","image","middle","right","propTypes","PropTypes","string","shape","onClick","func","label"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,eAAMC,IAAN,CAAW,SAASF,YAAT,CAAsBG,KAAtB,EAA6B;AAC3D,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAAyBH,KAA/B;;AAEA,QAAMI,WAAW,yBACZD,GADY;AAEfE,IAAAA,IAAI,EAAE;AAFS,IAAjB;;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI,IAAtB;AAA4B,IAAA,IAAI,EAAC,KAAjC;AAAuC,kBAAW;AAAlD,kBACE;AACE,IAAA,SAAS,EAAEJ,eAAMK,KADnB;AAEE,IAAA,GAAG,EAAC,+CAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CADF,eAQE;AAAK,IAAA,SAAS,EAAEL,eAAMM;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEN,eAAML,KAAvB;AAA8B,iBAAU,qBAAxC;AAA8D,kBAAW;AAAzE,KACGA,KADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEK,eAAMJ,QADnB;AAEE,iBAAU,wBAFZ;AAGE,kBAAW;AAHb,KAKGA,QALH,CAJF,eAWE,6BAAC,mBAAD,eAAgBE,WAAhB;AAA6B,IAAA,SAAS,EAAEE,eAAMH;AAA9C,KAXF,CARF,eAqBE;AAAK,IAAA,SAAS,EAAEG,eAAMO,KAAtB;AAA6B,IAAA,IAAI,EAAC,KAAlC;AAAwC,kBAAW;AAAnD,kBACE;AACE,IAAA,SAAS,EAAEP,eAAMK,KADnB;AAEE,IAAA,GAAG,EAAC,kDAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CArBF,CADF,CADF,CADF;AAmCD,CA3CoB,CAArB;;AA6CAd,YAAY,CAACiB,SAAb,2CAAyB;AACvBb,EAAAA,KAAK,EAAEc,mBAAUC,MADM;AAEvBd,EAAAA,QAAQ,EAAEa,mBAAUC,MAFG;AAGvBb,EAAAA,GAAG,EAAEY,mBAAUE,KAAV,CAAgB;AACnBC,IAAAA,OAAO,EAAEH,mBAAUI,IADA;AAEnBC,IAAAA,KAAK,EAAEL,mBAAUC;AAFE,GAAhB;AAHkB,CAAzB;eASenB,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\n\nconst ReviewBanner = React.memo(function ReviewBanner(props) {\n  const {title, subtitle, cta} = props;\n\n  const buttonProps = {\n    ...cta,\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.root} data-name=\"start-review-banner\">\n      <div className={style.container}>\n        <div className={style.banner}>\n          <div className={style.left} role=\"img\" aria-label=\"Left image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/book.png\"\n              alt=\"Book image\"\n            />\n          </div>\n          <div className={style.middle}>\n            <span className={style.title} data-name=\"review-banner-title\" aria-label=\"{title}\">\n              {title}\n            </span>\n            <span\n              className={style.subtitle}\n              data-name=\"review-banner-subtitle\"\n              aria-label=\"{subtitle}\"\n            >\n              {subtitle}\n            </span>\n            <ButtonLink {...buttonProps} className={style.cta} />\n          </div>\n          <div className={style.right} role=\"img\" aria-label=\"Rigth image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/dumbell.png\"\n              alt=\"Dumbbell image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nReviewBanner.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  cta: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string\n  })\n};\n\nexport default ReviewBanner;\n"],"file":"index.js"}

package/lib/molecule/dashboard/start-battle/index.js

@@ -17,7 +17,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StartBattle = (props, context) => {
+const StartBattle = _react.default.memo(function StartBattle(props) {
   const {
     startBattleText,
     becomeAChampionText,
@@ -61,7 +61,7 @@ const StartBattle = (props, context) => {
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyBigFlashRight, {
     className: _style.default.smallFlashRight
   }))))));
-};
+});
 
 StartBattle.contextTypes = {
   skin: _provider.default.childContextTypes.skin
@@ -73,8 +73,6 @@ StartBattle.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes.default.func,
   href: _propTypes.default.string
 } : {};
-
-var _default = _react.default.memo(StartBattle);
-
+var _default = StartBattle;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/dashboard/start-battle/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/dashboard/start-battle/index.js"],"names":["StartBattle","props","context","startBattleText","becomeAChampionText","challengeText","onClick","href","style","root","container","wrapper","start","leftFlashes","bigFlashLeft","smallFlashLeft","middle","becomeText","smallFlashLeftMobile","smallFlashRightMobile","button","rightFlashes","bigFlashRight","smallFlashRight","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","string","func","React","memo"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACtC,QAAM;AAACC,IAAAA,eAAD;AAAkBC,IAAAA,mBAAlB;AAAuCC,IAAAA,aAAvC;AAAsDC,IAAAA,OAAtD;AAA+DC,IAAAA;AAA/D,MAAuEN,KAA7E;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEO,eAAMC,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,kBACE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAEL,eAAMM;AAA5B,IADF,eAEE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAEN,eAAMO;AAA5B,IAFF,CADF,eAKE;AAAK,IAAA,SAAS,EAAEP,eAAMQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,kBACE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAET,eAAMU;AAA5B,IADF,EAEGd,mBAFH,eAGE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEI,eAAMW;AAA7B,IAHF,CADF,eAME;AAAK,IAAA,SAAS,EAAEX,eAAMH;AAAtB,KAAsCA,aAAtC,CANF,eAOE,6BAAC,aAAD;AAAM,IAAA,SAAS,EAAEG,eAAMY,MAAvB;AAA+B,IAAA,OAAO,EAAEd,OAAxC;AAAiD,IAAA,IAAI,EAAEC;AAAvD,KACGJ,eADH,CAPF,CALF,eAgBE;AAAK,IAAA,SAAS,EAAEK,eAAMa;AAAtB,kBACE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEb,eAAMc;AAA7B,IADF,eAEE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEd,eAAMe;AAA7B,IAFF,CAhBF,CADF,CADF,CADF,CADF;AA6BD,CAhCD;;AAkCAvB,WAAW,CAACwB,YAAZ,GAA2B;AACzBC,EAAAA,IAAI,EAAEC,kBAASC,iBAAT,CAA2BF;AADR,CAA3B;AAIAzB,WAAW,CAAC4B,SAAZ,2CAAwB;AACtBzB,EAAAA,eAAe,EAAE0B,mBAAUC,MADL;AAEtB1B,EAAAA,mBAAmB,EAAEyB,mBAAUC,MAFT;AAGtBzB,EAAAA,aAAa,EAAEwB,mBAAUC,MAHH;AAItBxB,EAAAA,OAAO,EAAEuB,mBAAUE,IAJG;AAKtBxB,EAAAA,IAAI,EAAEsB,mBAAUC;AALM,CAAxB;;eAQeE,eAAMC,IAAN,CAAWjC,WAAX,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyBigFlashRight as FlashRight,\n  NovaCompositionCoorpacademyBigFlashLeft as FlashLeft\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Link from '../../../atom/link';\nimport style from './style.css';\n\nconst StartBattle = (props, context) => {\n  const {startBattleText, becomeAChampionText, challengeText, onClick, href} = props;\n\n  return (\n    <div className={style.root} data-name=\"start-battle\">\n      <div className={style.container}>\n        <div className={style.wrapper}>\n          <div className={style.start}>\n            <div className={style.leftFlashes}>\n              <FlashLeft className={style.bigFlashLeft} />\n              <FlashLeft className={style.smallFlashLeft} />\n            </div>\n            <div className={style.middle}>\n              <div className={style.becomeText}>\n                <FlashLeft className={style.smallFlashLeftMobile} />\n                {becomeAChampionText}\n                <FlashRight className={style.smallFlashRightMobile} />\n              </div>\n              <div className={style.challengeText}>{challengeText}</div>\n              <Link className={style.button} onClick={onClick} href={href}>\n                {startBattleText}\n              </Link>\n            </div>\n            <div className={style.rightFlashes}>\n              <FlashRight className={style.bigFlashRight} />\n              <FlashRight className={style.smallFlashRight} />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nStartBattle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nStartBattle.propTypes = {\n  startBattleText: PropTypes.string,\n  becomeAChampionText: PropTypes.string,\n  challengeText: PropTypes.string,\n  onClick: PropTypes.func,\n  href: PropTypes.string\n};\n\nexport default React.memo(StartBattle);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/start-battle/index.js"],"names":["StartBattle","React","memo","props","startBattleText","becomeAChampionText","challengeText","onClick","href","style","root","container","wrapper","start","leftFlashes","bigFlashLeft","smallFlashLeft","middle","becomeText","smallFlashLeftMobile","smallFlashRightMobile","button","rightFlashes","bigFlashRight","smallFlashRight","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","string","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAGC,eAAMC,IAAN,CAAW,SAASF,WAAT,CAAqBG,KAArB,EAA4B;AACzD,QAAM;AAACC,IAAAA,eAAD;AAAkBC,IAAAA,mBAAlB;AAAuCC,IAAAA,aAAvC;AAAsDC,IAAAA,OAAtD;AAA+DC,IAAAA;AAA/D,MAAuEL,KAA7E;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEM,eAAMC,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,kBACE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAEL,eAAMM;AAA5B,IADF,eAEE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAEN,eAAMO;AAA5B,IAFF,CADF,eAKE;AAAK,IAAA,SAAS,EAAEP,eAAMQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,kBACE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAET,eAAMU;AAA5B,IADF,EAEGd,mBAFH,eAGE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEI,eAAMW;AAA7B,IAHF,CADF,eAME;AAAK,IAAA,SAAS,EAAEX,eAAMH;AAAtB,KAAsCA,aAAtC,CANF,eAOE,6BAAC,aAAD;AAAM,IAAA,SAAS,EAAEG,eAAMY,MAAvB;AAA+B,IAAA,OAAO,EAAEd,OAAxC;AAAiD,IAAA,IAAI,EAAEC;AAAvD,KACGJ,eADH,CAPF,CALF,eAgBE;AAAK,IAAA,SAAS,EAAEK,eAAMa;AAAtB,kBACE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEb,eAAMc;AAA7B,IADF,eAEE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEd,eAAMe;AAA7B,IAFF,CAhBF,CADF,CADF,CADF,CADF;AA6BD,CAhCmB,CAApB;;AAkCAxB,WAAW,CAACyB,YAAZ,GAA2B;AACzBC,EAAAA,IAAI,EAAEC,kBAASC,iBAAT,CAA2BF;AADR,CAA3B;AAIA1B,WAAW,CAAC6B,SAAZ,2CAAwB;AACtBzB,EAAAA,eAAe,EAAE0B,mBAAUC,MADL;AAEtB1B,EAAAA,mBAAmB,EAAEyB,mBAAUC,MAFT;AAGtBzB,EAAAA,aAAa,EAAEwB,mBAAUC,MAHH;AAItBxB,EAAAA,OAAO,EAAEuB,mBAAUE,IAJG;AAKtBxB,EAAAA,IAAI,EAAEsB,mBAAUC;AALM,CAAxB;eAQe/B,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyBigFlashRight as FlashRight,\n  NovaCompositionCoorpacademyBigFlashLeft as FlashLeft\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Link from '../../../atom/link';\nimport style from './style.css';\n\nconst StartBattle = React.memo(function StartBattle(props) {\n  const {startBattleText, becomeAChampionText, challengeText, onClick, href} = props;\n\n  return (\n    <div className={style.root} data-name=\"start-battle\">\n      <div className={style.container}>\n        <div className={style.wrapper}>\n          <div className={style.start}>\n            <div className={style.leftFlashes}>\n              <FlashLeft className={style.bigFlashLeft} />\n              <FlashLeft className={style.smallFlashLeft} />\n            </div>\n            <div className={style.middle}>\n              <div className={style.becomeText}>\n                <FlashLeft className={style.smallFlashLeftMobile} />\n                {becomeAChampionText}\n                <FlashRight className={style.smallFlashRightMobile} />\n              </div>\n              <div className={style.challengeText}>{challengeText}</div>\n              <Link className={style.button} onClick={onClick} href={href}>\n                {startBattleText}\n              </Link>\n            </div>\n            <div className={style.rightFlashes}>\n              <FlashRight className={style.bigFlashRight} />\n              <FlashRight className={style.smallFlashRight} />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nStartBattle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nStartBattle.propTypes = {\n  startBattleText: PropTypes.string,\n  becomeAChampionText: PropTypes.string,\n  challengeText: PropTypes.string,\n  onClick: PropTypes.func,\n  href: PropTypes.string\n};\n\nexport default StartBattle;\n"],"file":"index.js"}

package/lib/molecule/external-content-viewer/index.js

@@ -17,7 +17,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const podcastWrapperStyle = {
   default: _style.default.podcastWrapper,
-  cockpit: _style.default.podcastWrapperCockpit
+  cockpit: _style.default.podcastWrapperCockpit,
+  mobile: _style.default.podcastWrapper
 };
 const iframeStyle = {
   default: _style.default.iframe,