@coorpacademy/components 10.22.24-alpha.5 → 10.22.25-alpha.15

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

@@ -3,267 +3,70 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _freeText = _interopRequireDefault(require("../../../molecule/questions/free-text"));
+var _index = _interopRequireDefault(require("../../../organism/review-stacked-slides/index.native"));
 
 var _templateContext = require("../template-context");
 
-var _propTypes2 = require("./prop-types");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-// import theme from '../../../modules/theme';
-// import translations from '../../../translations';
-// import {BrandThemeContext} from '../../../app-shared/components/brand-theme-provider';
-// import Button from '../../../app-shared/components/button';
-// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';
-// export type _Choice_ = {
-//   text?: string,
-//   selected: boolean
-// };
-// export type _Slide_ = {
-//   category: string,
-//   question: string,
-//   instruction: string,
-//   type: 'multiSelection' | 'singleSelection' | 'trueOrFalse',
-//   choices?: _Choice_[]
-// };
-// interface Props {
-//   slide: _Slide_;
-//   num: number;
-// }
-const quizzerStyle = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    padding: 20,
-    // paddingTop: HEADER_HEIGHT + 20,      @todo with props
-    // backgroundColor: theme.colors.white, @todo with props
-    justifyContent: 'space-between',
-    alignItems: 'center'
-  }
-});
-
-const SLIDE_HEIGHT = () => (0, _reactNative.useWindowDimensions)().height * 0.75; // const creatSlideStyle = (num: number) =>
-
-
-const creatSlideStyle = (num, width, height) => _reactNative.StyleSheet.create({
-  slide: {
-    position: 'absolute',
-    top: height / 2 - SLIDE_HEIGHT() / 2 - num * 4,
-    flex: 1,
-    backgroundColor: '#fff',
-    // backgroundColor: theme.colors.white, @todo with props and useEffect
-    height: SLIDE_HEIGHT(),
-    width: width - 40 - num * 8,
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    padding: 25,
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: -1
-    },
-    shadowOpacity: 0.05,
-    shadowRadius: 16,
-    elevation: 10 - num * 1,
-    borderRadius: 16
-  },
-  category: {
-    fontSize: 12,
-    lineHeight: 16,
-    // color: theme.colors.text.primary, @todo with props
-    // marginBottom: theme.spacing.tiny, @todo with props
-    // marginTop: theme.spacing.small,   @todo with props
-    textAlign: 'center'
-  },
-  question: {
-    fontSize: 16,
-    lineHeight: 22,
-    fontWeight: '700',
-    // color: theme.colors.text.primary, @todo with props
-    textAlign: 'center'
-  },
-  instruction: {
-    fontSize: 12,
-    lineHeight: 16,
-    // color: theme.colors.gray.medium,  @todo with props
-    // marginBottom: theme.spacing.base, @todo with props
-    // marginTop: theme.spacing.small,   @todo with props
-    textAlign: 'center'
-  },
-  button: {
-    width: 287,
-    height: 52,
-    borderRadius: 7 // marginTop: theme.spacing.base  @todo with props
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-  }
-});
-
-const createOptionStyle = selected => {
-  // const brandTheme = React.useContext(BrandThemeContext); @todo with props
-  return _reactNative.StyleSheet.create({
-    box: {
-      width: '100%',
-      // https://stackoverflow.com/a/66561995/959219
-      shadowColor: '#000',
-      shadowOffset: {
-        width: 0,
-        height: -1
-      },
-      shadowOpacity: 0.2,
-      shadowRadius: 16,
-      elevation: 8,
-      // backgroundColor: selected ? brandTheme.colors.primary : theme.colors.white, @todo with props
-      padding: 12,
-      marginTop: 4,
-      marginBottom: 4,
-      borderRadius: 8
-    },
-    text: {
-      fontSize: 15,
-      fontWeight: 'bold',
-      lineHeight: 24,
-      // color: selected ? theme.colors.white : theme.colors.text.primary, @todo with props
-      textAlign: 'center'
-    }
-  });
-};
+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; }
 
-const choicesStyle = _reactNative.StyleSheet.create({
+const createStyleSheet = (theme, headerHeight) => _reactNative.StyleSheet.create({
   container: {
     flex: 1,
-    width: '100%',
-    justifyContent: 'center',
+    paddingTop: headerHeight,
+    backgroundColor: theme.colors.white,
+    // justifyContent: 'space-between',
     alignItems: 'center'
+  },
+  header: {
+    width: '100%',
+    backgroundColor: '#ded',
+    height: 70
   }
 });
-/* {choices.map(({text, selected = false}: _Choice_) => { */
-
-
-const Choices = ({
-  choices = []
-}) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-  style: choicesStyle.container
-}, choices.map(({
-  text,
-  selected = false
-}, index) => {
-  const optionStyle = createOptionStyle(selected);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: optionStyle.box,
-    key: `choice-${index}`
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: optionStyle.text
-  }, text, " ", selected));
-}));
 
-Choices.propTypes = process.env.NODE_ENV !== "production" ? {
-  choices: _propTypes.default.arrayOf({
-    text: _propTypes.default.text,
-    selected: _propTypes.default.bool
-  })
-} : {};
+const ReviewHeader = ({
+  style
+}) => /*#__PURE__*/_react.default.createElement(_reactNative.View, style, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "review header @todo"));
 
-const Slide = props => {
+const Slides = props => {
   const {
-    validateSlide,
-    slide,
-    num
+    header,
+    stack,
+    reviewBackgroundAriaLabel,
+    congratsProps
   } = props;
   const {
-    width,
-    height
-  } = (0, _reactNative.useWindowDimensions)();
-  const slideStyle = creatSlideStyle(num, width, height);
-  const validateLabel = '__validate'; // translations.validate
-
-  const templateContext = (0, _templateContext.useTemplateContext)();
-  const {
-    analytics
-  } = templateContext;
-  const {
-    answerUI: {
-      isDisabled = false,
-      value = '',
-      model: {
-        type,
-        onChange
-      }
-    } = {
-      isDisabled: false,
-      value: '',
-      model: {
-        type: 'freeText',
-        onChange: () => null
-      }
+    theme,
+    display: {
+      headerHeight
     }
-  } = slide;
+  } = (0, _templateContext.useTemplateContext)();
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(theme, headerHeight);
 
-  switch (type) {
-    case 'freeText':
-      {
-        return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-          style: slideStyle.slide
-        }, /*#__PURE__*/_react.default.createElement(_freeText.default, {
-          isDisabled: isDisabled,
-          onChange: onChange,
-          value: value,
-          testID: "free-text",
-          questionType: "basic",
-          analytics: analytics
-        }));
-      }
-
-    default:
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: slideStyle.slide
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: slideStyle.category
-  }, num), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: slideStyle.question
-  }, slide.question), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: slideStyle.instruction
-  }, slide.instruction), /*#__PURE__*/_react.default.createElement(Choices, {
-    choices: slide.choices
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.Button, {
-    style: slideStyle.button,
-    onPress: validateSlide,
-    testID: `button-quizzer-validate`
-  }, validateLabel));
-}; // const Slides = ({slide}: Props) => {
-
-
-const Slides = props => {
-  const {
-    stack
-  } = props;
-  const {
-    slides,
-    validateButton: validateSlide
-  } = stack;
+    setStylesheet(_stylesheet);
+  }, [theme, headerHeight]);
 
-  if (!slides) {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, null);
+  if (!styleSheet) {
+    return null;
   }
 
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: quizzerStyle.container
-  }, /*#__PURE__*/_react.default.createElement(Slide, {
-    validateSlide: validateSlide,
-    slide: slides[0],
-    num: 0,
-    key: `slide-${0}`
-  }));
+    style: styleSheet.container
+  }, /*#__PURE__*/_react.default.createElement(ReviewHeader, {
+    style: styleSheet.header
+  }), stack ? /*#__PURE__*/_react.default.createElement(_index.default, stack) : null);
 };
 
-Slides.propTypes = process.env.NODE_ENV !== "production" ? _propTypes2.PlayerReviewPropTypes : {};
 var _default = Slides;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":["quizzerStyle","StyleSheet","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","PropTypes","arrayOf","bool","Slide","props","validateSlide","slideStyle","validateLabel","templateContext","analytics","answerUI","isDisabled","value","model","type","onChange","Slides","stack","slides","validateButton","PlayerReviewPropTypes"],"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 {PlayerReviewPropTypes} 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/* {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\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// const Slides = ({slide}: Props) => {\nconst Slides = props => {\n  const {stack} = props;\n  const {slides, validateButton: validateSlide} = stack;\n  if (!slides) {\n    return <View />;\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 = PlayerReviewPropTypes;\n\nexport default Slides;\n"],"file":"index.native.js"}
+{"version":3,"sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":["createStyleSheet","theme","headerHeight","StyleSheet","create","container","flex","paddingTop","backgroundColor","colors","white","alignItems","header","width","height","ReviewHeader","style","Slides","props","stack","reviewBackgroundAriaLabel","congratsProps","display","styleSheet","setStylesheet","_stylesheet"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;AAGA,MAAMA,gBAAgB,GAAG,CAACC,KAAD,EAAeC,YAAf,KACvBC,wBAAWC,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,IAAI,EAAE,CADG;AAETC,IAAAA,UAAU,EAAEL,YAFH;AAGTM,IAAAA,eAAe,EAAEP,KAAK,CAACQ,MAAN,CAAaC,KAHrB;AAIT;AACAC,IAAAA,UAAU,EAAE;AALH,GADK;AAQhBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,MADD;AAENL,IAAAA,eAAe,EAAE,MAFX;AAGNM,IAAAA,MAAM,EAAE;AAHF;AARQ,CAAlB,CADF;;AAgBA,MAAMC,YAAY,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACnB,6BAAC,iBAAD,EAAUA,KAAV,eACE,6BAAC,iBAAD,8BADF,CADF;;AAMA,MAAMC,MAAM,GAAIC,KAAD,IAAkB;AAC/B,QAAM;AAACN,IAAAA,MAAD;AAASO,IAAAA,KAAT;AAAgBC,IAAAA,yBAAhB;AAA2CC,IAAAA;AAA3C,MAA4DH,KAAlE;AAEA,QAAM;AACJjB,IAAAA,KADI;AAEJqB,IAAAA,OAAO,EAAE;AAACpB,MAAAA;AAAD;AAFL,MAGF,0CAHJ;AAKA,QAAM,CAACqB,UAAD,EAAaC,aAAb,IAA8B,qBAAqB,IAArB,CAApC;AAEA,wBAAU,MAAM;AACd,UAAMC,WAAW,GAAGzB,gBAAgB,CAACC,KAAD,EAAQC,YAAR,CAApC;;AACAsB,IAAAA,aAAa,CAACC,WAAD,CAAb;AACD,GAHD,EAGG,CAACxB,KAAD,EAAQC,YAAR,CAHH;;AAKA,MAAI,CAACqB,UAAL,EAAiB;AACf,WAAO,IAAP;AACD;;AAED,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEA,UAAU,CAAClB;AAAxB,kBACE,6BAAC,YAAD;AAAc,IAAA,KAAK,EAAEkB,UAAU,CAACX;AAAhC,IADF,EAEGO,KAAK,gBAAG,6BAAC,cAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAF1C,CADF;AAMD,CAzBD;;eA2BeF,M","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, Text} from 'react-native';\nimport StackedSlides from '../../../organism/review-stacked-slides/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {Props} from './prop-types';\n\nconst createStyleSheet = (theme: Theme, headerHeight: number) =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingTop: headerHeight,\n      backgroundColor: theme.colors.white,\n      // justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    header: {\n      width: '100%',\n      backgroundColor: '#ded',\n      height: 70\n    }\n  });\n\nconst ReviewHeader = ({style}) => (\n  <View {...style}>\n    <Text>review header @todo</Text>\n  </View>\n);\n\nconst Slides = (props: Props) => {\n  const {header, stack, reviewBackgroundAriaLabel, congratsProps} = props;\n\n  const {\n    theme,\n    display: {headerHeight}\n  } = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<any | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, headerHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, headerHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <ReviewHeader style={styleSheet.header} />\n      {stack ? <StackedSlides {...stack} /> : null}\n    </View>\n  );\n};\n\nexport default Slides;\n"],"file":"index.native.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/player/prop-types.js"],"names":["PlayerReviewPropTypes","header","PropTypes","shape","ReviewHeaderPropTypes","stack","StackedSlidesPropTypes","reviewBackgroundAriaLabel","ReviewBackgroundPropTypes","congratsProps","ReviewCongratsPropTypes"],"mappings":";;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,qBAAqB,GAAG;AACnCC,EAAAA,MAAM,EAAEC,mBAAUC,KAAV,CAAgBC,mBAAhB,CAD2B;AAEnCC,EAAAA,KAAK,EAAEH,mBAAUC,KAAV,CAAgBG,mBAAhB,CAF4B;AAGnCC,EAAAA,yBAAyB,EAAEC,oBAA0B,YAA1B,CAHQ;AAInCC,EAAAA,aAAa,EAAEP,mBAAUC,KAAV,CAAgBO,mBAAhB;AAJoB,CAA9B","sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewCongratsPropTypes from '../../../organism/review-congrats/prop-types';\nimport ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';\nimport ReviewHeaderPropTypes from '../../../organism/review-header/prop-types';\nimport StackedSlidesPropTypes from '../../../organism/review-stacked-slides/prop-types';\n\nexport const PlayerReviewPropTypes = {\n  header: PropTypes.shape(ReviewHeaderPropTypes),\n  stack: PropTypes.shape(StackedSlidesPropTypes),\n  reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],\n  congratsProps: PropTypes.shape(ReviewCongratsPropTypes)\n};\n"],"file":"prop-types.js"}
+{"version":3,"sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":["PlayerReviewPropTypes","header","PropTypes","shape","ReviewHeaderPropTypes","stack","StackedSlidesPropTypes","reviewBackgroundAriaLabel","ReviewBackgroundPropTypes","congratsProps","ReviewCongratsPropTypes"],"mappings":";;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,qBAAqB,GAAG;AACnCC,EAAAA,MAAM,EAAEC,mBAAUC,KAAV,CAAgBC,mBAAhB,CAD2B;AAEnCC,EAAAA,KAAK,EAAEH,mBAAUC,KAAV,CAAgBG,mBAAhB,CAF4B;AAGnCC,EAAAA,yBAAyB,EAAEC,oBAA0B,YAA1B,CAHQ;AAInCC,EAAAA,aAAa,EAAEP,mBAAUC,KAAV,CAAgBO,mBAAhB;AAJoB,CAA9B","sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewCongratsPropTypes from '../../../organism/review-congrats/prop-types';\nimport ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';\nimport ReviewHeaderPropTypes from '../../../organism/review-header/prop-types';\nimport StackedSlidesPropTypes from '../../../organism/review-stacked-slides/prop-types';\n\nexport const PlayerReviewPropTypes = {\n  header: PropTypes.shape(ReviewHeaderPropTypes),\n  stack: PropTypes.shape(StackedSlidesPropTypes),\n  reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],\n  congratsProps: PropTypes.shape(ReviewCongratsPropTypes)\n};\n\nexport type Props = PropTypes.InferProps<typeof PlayerReviewPropTypes>;\n"],"file":"prop-types.js"}

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

@@ -39,3 +39,10 @@
   top: 0;
   left: 0;
 }
+
+/* ie fallback */
+:-ms-fullscreen,
+:root .congrats {
+  position: relative;
+  bottom: 20%;
+}

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

@@ -19,8 +19,10 @@ const Context = (0, _react.createContext)({
   theme: _theme.default,
   translations: {},
   display: {
+    headerHeight: 67,
     statusBarHeight: 42
-  }
+  },
+  store: {}
 });
 
 const useTemplateContext = () => {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/app-review/template-context.tsx"],"names":["Context","theme","defaultTheme","translations","display","statusBarHeight","useTemplateContext","context","Error","TemplateContext","values","children"],"mappings":";;;;;AAAA;;AAGA;;;;;;;;;;AAgBA,MAAMA,OAAO,GAAG,0BAAc;AAC5BC,EAAAA,KAAK,EAAEC,cADqB;AAE5BC,EAAAA,YAAY,EAAE,EAFc;AAG5BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAE;AADV;AAHmB,CAAd,CAAhB;;AAQA,MAAMC,kBAAkB,GAAG,MAA6B;AACtD,QAAMC,OAAO,GAAG,uBAAWP,OAAX,CAAhB;;AAEA,MAAI,CAACO,OAAL,EAAc;AACZ,UAAM,IAAIC,KAAJ,CACH,yFADG,CAAN;AAGD;;AAED,SAAOD,OAAP;AACD,CAVD;;;;AAYA,MAAME,eAAe,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA;AAAT,CAAD,KAA+B;AACrD,sBAAO,6BAAC,OAAD,CAAS,QAAT;AAAkB,IAAA,KAAK,eAAMD,MAAN;AAAvB,KAAuCC,QAAvC,CAAP;AACD,CAFD","sourcesContent":["import React, {createContext, useContext} from 'react';\nimport {Translations} from '../../types/translations';\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  translations: Translations;\n  vibration?: Vibration;\n  display: {\n    statusBarHeight: number;\n  };\n};\n\ntype Props = {values: TemplateContextValues; children: any};\n\nconst Context = createContext({\n  theme: defaultTheme,\n  translations: {},\n  display: {\n    statusBarHeight: 42\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\nconst TemplateContext = ({values, children}: Props) => {\n  return <Context.Provider value={{...values}}>{children}</Context.Provider>;\n};\n\nexport {TemplateContext, useTemplateContext};\n"],"file":"template-context.js"}
+{"version":3,"sources":["../../../src/template/app-review/template-context.tsx"],"names":["Context","theme","defaultTheme","translations","display","headerHeight","statusBarHeight","store","useTemplateContext","context","Error","TemplateContext","values","children"],"mappings":";;;;;AAAA;;AAIA;;;;;;;;;;AAsBA,MAAMA,OAAO,GAAG,0BAAc;AAC5BC,EAAAA,KAAK,EAAEC,cADqB;AAE5BC,EAAAA,YAAY,EAAE,EAFc;AAG5BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,YAAY,EAAE,EADP;AAEPC,IAAAA,eAAe,EAAE;AAFV,GAHmB;AAO5BC,EAAAA,KAAK,EAAE;AAPqB,CAAd,CAAhB;;AAUA,MAAMC,kBAAkB,GAAG,MAA6B;AACtD,QAAMC,OAAO,GAAG,uBAAWT,OAAX,CAAhB;;AAEA,MAAI,CAACS,OAAL,EAAc;AACZ,UAAM,IAAIC,KAAJ,CACH,yFADG,CAAN;AAGD;;AAED,SAAOD,OAAP;AACD,CAVD;;;;AAYA,MAAME,eAAe,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA;AAAT,CAAD,KAA+B;AACrD,sBAAO,6BAAC,OAAD,CAAS,QAAT;AAAkB,IAAA,KAAK,eAAMD,MAAN;AAAvB,KAAuCC,QAAvC,CAAP;AACD,CAFD","sourcesContent":["import React, {createContext, useContext} from 'react';\nimport {FocusedSelectId, HandleBlur, HandleFocus} from '../../types/app-review';\nimport {Translations} from '../../types/translations';\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  translations: Translations;\n  vibration?: Vibration;\n  display: {\n    headerHeight: number;\n    statusBarHeight: number;\n  };\n  store: {\n    focusedSelectId?: FocusedSelectId;\n    handleBlur?: HandleBlur;\n    handleFocus?: HandleFocus;\n  };\n};\n\ntype Props = {values: TemplateContextValues; children: any};\n\nconst Context = createContext({\n  theme: defaultTheme,\n  translations: {},\n  display: {\n    headerHeight: 67,\n    statusBarHeight: 42\n  },\n  store: {}\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\nconst TemplateContext = ({values, children}: Props) => {\n  return <Context.Provider value={{...values}}>{children}</Context.Provider>;\n};\n\nexport {TemplateContext, useTemplateContext};\n"],"file":"template-context.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.22.24-alpha.5+31142bfd9",
+  "version": "10.22.25-alpha.15+2f4f48c76",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -140,5 +140,5 @@
     "webpack": "^4.43.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "31142bfd914b3f169048c3e0bc261835ab74c030"
+  "gitHead": "2f4f48c7680fbec36ad06858d0416c2a6500c695"
 }

package/es/molecule/questions/qcm/index.native.js

@@ -1,50 +0,0 @@
-import { View, StyleSheet } from 'react-native';
-import React, { useState, useEffect } from 'react';
-import { useTemplateContext } from '../../../template/app-review/template-context';
-
-const createStyleSheet = theme => StyleSheet.create({
-  boxShadow: {
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: 4
-    },
-    shadowOpacity: 0.12,
-    shadowRadius: 16,
-    elevation: 6
-  },
-  container: {
-    backgroundColor: theme.colors.white,
-    borderRadius: theme.radius.regular,
-    overflow: 'hidden',
-    flexDirection: 'row',
-    alignItems: 'stretch'
-  }
-});
-
-const QuestionChoiceComponent = ({
-  children,
-  isSelected = false,
-  testID: prefixTestID
-}) => {
-  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';
-  const [styleSheet, setStylesheet] = useState(null);
-  const templateContext = useTemplateContext();
-  const {
-    theme
-  } = templateContext;
-  useEffect(() => {
-    const _stylesheet = createStyleSheet(theme);
-
-    setStylesheet(_stylesheet);
-  }, [theme]);
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styleSheet && styleSheet.boxShadow]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [styleSheet && styleSheet.container],
-    testID: prefixTestID && `${prefixTestID}${selectedSuffix}`
-  }, children));
-};
-
-export default QuestionChoiceComponent;
-//# sourceMappingURL=index.native.js.map

package/es/molecule/questions/qcm/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/molecule/questions/qcm/index.native.tsx"],"names":["View","StyleSheet","React","useState","useEffect","useTemplateContext","createStyleSheet","theme","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","container","backgroundColor","colors","white","borderRadius","radius","regular","overflow","flexDirection","alignItems","QuestionChoiceComponent","children","isSelected","testID","prefixTestID","selectedSuffix","styleSheet","setStylesheet","templateContext","_stylesheet"],"mappings":"AAAA,SAAQA,IAAR,EAAcC,UAAd,QAA0C,cAA1C;AACA,OAAOC,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,kBAAR,QAAiC,+CAAjC;;AAmCA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBN,UAAU,CAACO,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,WAAW,EAAE,MADJ;AAETC,IAAAA,YAAY,EAAE;AAACC,MAAAA,KAAK,EAAE,CAAR;AAAWC,MAAAA,MAAM,EAAE;AAAnB,KAFL;AAGTC,IAAAA,aAAa,EAAE,IAHN;AAITC,IAAAA,YAAY,EAAE,EAJL;AAKTC,IAAAA,SAAS,EAAE;AALF,GADK;AAQhBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,eAAe,EAAEX,KAAK,CAACY,MAAN,CAAaC,KADrB;AAETC,IAAAA,YAAY,EAAEd,KAAK,CAACe,MAAN,CAAaC,OAFlB;AAGTC,IAAAA,QAAQ,EAAE,QAHD;AAITC,IAAAA,aAAa,EAAE,KAJN;AAKTC,IAAAA,UAAU,EAAE;AALH;AARK,CAAlB,CADF;;AAkBA,MAAMC,uBAAuB,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWC,EAAAA,UAAU,GAAG,KAAxB;AAA+BC,EAAAA,MAAM,EAAEC;AAAvC,CAAD,KAAiE;AAC/F,QAAMC,cAAc,GAAGD,YAAY,IAAIF,UAAhB,GAA6B,WAA7B,GAA2C,EAAlE;AAEA,QAAM,CAACI,UAAD,EAAaC,aAAb,IAA8B/B,QAAQ,CAAmB,IAAnB,CAA5C;AAEA,QAAMgC,eAAe,GAAG9B,kBAAkB,EAA1C;AACA,QAAM;AAACE,IAAAA;AAAD,MAAU4B,eAAhB;AAEA/B,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMgC,WAAW,GAAG9B,gBAAgB,CAACC,KAAD,CAApC;;AACA2B,IAAAA,aAAa,CAACE,WAAD,CAAb;AACD,GAHQ,EAGN,CAAC7B,KAAD,CAHM,CAAT;AAKA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAAC0B,UAAU,IAAIA,UAAU,CAACxB,SAA1B;AAAb,kBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CAACwB,UAAU,IAAIA,UAAU,CAAChB,SAA1B,CADT;AAEE,IAAA,MAAM,EAAEc,YAAY,IAAK,GAAEA,YAAa,GAAEC,cAAe;AAF3D,KAIGJ,QAJH,CADF,CADF;AAUD,CAvBD;;AAyBA,eAAeD,uBAAf","sourcesContent":["import {View, StyleSheet, ViewStyle} from 'react-native';\nimport React, {useState, useEffect} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\n\ninterface Props {\n  isSelected?: boolean;\n  children: string;\n  testID?: string;\n  style?: ViewStyle;\n  theme?: any;\n}\n\ntype StyleType = {\n  boxShadow: {\n    shadowColor: string;\n    shadowOffset: {\n      width: number;\n      height: number;\n    };\n    shadowOpacity: number;\n    shadowRadius: number;\n    elevation: number;\n  };\n  container: {\n    backgroundColor: string;\n    borderRadius: number;\n    shadowColor: string;\n    shadowOffset: {width: number; height: number};\n    shadowOpacity: number;\n    shadowRadius: number;\n    elevation: number;\n    overflow: string;\n    flexDirection: string;\n    alignItems: string;\n  };\n};\n\nconst createStyleSheet = (theme: any) =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 16,\n      elevation: 6\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      overflow: 'hidden',\n      flexDirection: 'row',\n      alignItems: 'stretch'\n    }\n  });\n\nconst QuestionChoiceComponent = ({children, isSelected = false, testID: prefixTestID}: Props) => {\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n\n  const [styleSheet, setStylesheet] = useState<StyleType | null>(null);\n\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  return (\n    <View style={[styleSheet && styleSheet.boxShadow]}>\n      <View\n        style={[styleSheet && styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {children}\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionChoiceComponent;\n"],"file":"index.native.js"}

package/lib/molecule/questions/qcm/index.native.js

@@ -1,62 +0,0 @@
-"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");
-
-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; }
-
-const createStyleSheet = theme => _reactNative.StyleSheet.create({
-  boxShadow: {
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: 4
-    },
-    shadowOpacity: 0.12,
-    shadowRadius: 16,
-    elevation: 6
-  },
-  container: {
-    backgroundColor: theme.colors.white,
-    borderRadius: theme.radius.regular,
-    overflow: 'hidden',
-    flexDirection: 'row',
-    alignItems: 'stretch'
-  }
-});
-
-const QuestionChoiceComponent = ({
-  children,
-  isSelected = false,
-  testID: prefixTestID
-}) => {
-  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';
-  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
-  const templateContext = (0, _templateContext.useTemplateContext)();
-  const {
-    theme
-  } = templateContext;
-  (0, _react.useEffect)(() => {
-    const _stylesheet = createStyleSheet(theme);
-
-    setStylesheet(_stylesheet);
-  }, [theme]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styleSheet && styleSheet.boxShadow]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styleSheet && styleSheet.container],
-    testID: prefixTestID && `${prefixTestID}${selectedSuffix}`
-  }, children));
-};
-
-var _default = QuestionChoiceComponent;
-exports.default = _default;
-//# sourceMappingURL=index.native.js.map

package/lib/molecule/questions/qcm/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/molecule/questions/qcm/index.native.tsx"],"names":["createStyleSheet","theme","StyleSheet","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","container","backgroundColor","colors","white","borderRadius","radius","regular","overflow","flexDirection","alignItems","QuestionChoiceComponent","children","isSelected","testID","prefixTestID","selectedSuffix","styleSheet","setStylesheet","templateContext","_stylesheet"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAmCA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,wBAAWC,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,WAAW,EAAE,MADJ;AAETC,IAAAA,YAAY,EAAE;AAACC,MAAAA,KAAK,EAAE,CAAR;AAAWC,MAAAA,MAAM,EAAE;AAAnB,KAFL;AAGTC,IAAAA,aAAa,EAAE,IAHN;AAITC,IAAAA,YAAY,EAAE,EAJL;AAKTC,IAAAA,SAAS,EAAE;AALF,GADK;AAQhBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,eAAe,EAAEZ,KAAK,CAACa,MAAN,CAAaC,KADrB;AAETC,IAAAA,YAAY,EAAEf,KAAK,CAACgB,MAAN,CAAaC,OAFlB;AAGTC,IAAAA,QAAQ,EAAE,QAHD;AAITC,IAAAA,aAAa,EAAE,KAJN;AAKTC,IAAAA,UAAU,EAAE;AALH;AARK,CAAlB,CADF;;AAkBA,MAAMC,uBAAuB,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWC,EAAAA,UAAU,GAAG,KAAxB;AAA+BC,EAAAA,MAAM,EAAEC;AAAvC,CAAD,KAAiE;AAC/F,QAAMC,cAAc,GAAGD,YAAY,IAAIF,UAAhB,GAA6B,WAA7B,GAA2C,EAAlE;AAEA,QAAM,CAACI,UAAD,EAAaC,aAAb,IAA8B,qBAA2B,IAA3B,CAApC;AAEA,QAAMC,eAAe,GAAG,0CAAxB;AACA,QAAM;AAAC7B,IAAAA;AAAD,MAAU6B,eAAhB;AAEA,wBAAU,MAAM;AACd,UAAMC,WAAW,GAAG/B,gBAAgB,CAACC,KAAD,CAApC;;AACA4B,IAAAA,aAAa,CAACE,WAAD,CAAb;AACD,GAHD,EAGG,CAAC9B,KAAD,CAHH;AAKA,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAC2B,UAAU,IAAIA,UAAU,CAACxB,SAA1B;AAAb,kBACE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CAACwB,UAAU,IAAIA,UAAU,CAAChB,SAA1B,CADT;AAEE,IAAA,MAAM,EAAEc,YAAY,IAAK,GAAEA,YAAa,GAAEC,cAAe;AAF3D,KAIGJ,QAJH,CADF,CADF;AAUD,CAvBD;;eAyBeD,uB","sourcesContent":["import {View, StyleSheet, ViewStyle} from 'react-native';\nimport React, {useState, useEffect} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\n\ninterface Props {\n  isSelected?: boolean;\n  children: string;\n  testID?: string;\n  style?: ViewStyle;\n  theme?: any;\n}\n\ntype StyleType = {\n  boxShadow: {\n    shadowColor: string;\n    shadowOffset: {\n      width: number;\n      height: number;\n    };\n    shadowOpacity: number;\n    shadowRadius: number;\n    elevation: number;\n  };\n  container: {\n    backgroundColor: string;\n    borderRadius: number;\n    shadowColor: string;\n    shadowOffset: {width: number; height: number};\n    shadowOpacity: number;\n    shadowRadius: number;\n    elevation: number;\n    overflow: string;\n    flexDirection: string;\n    alignItems: string;\n  };\n};\n\nconst createStyleSheet = (theme: any) =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 16,\n      elevation: 6\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      overflow: 'hidden',\n      flexDirection: 'row',\n      alignItems: 'stretch'\n    }\n  });\n\nconst QuestionChoiceComponent = ({children, isSelected = false, testID: prefixTestID}: Props) => {\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n\n  const [styleSheet, setStylesheet] = useState<StyleType | null>(null);\n\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  return (\n    <View style={[styleSheet && styleSheet.boxShadow]}>\n      <View\n        style={[styleSheet && styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {children}\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionChoiceComponent;\n"],"file":"index.native.js"}