@coorpacademy/components 11.33.1 → 11.33.2-alpha.0

package/lib/molecule/questions/mobile/draggable/index.native.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _index = _interopRequireDefault(require("../../../../atom/choice/index.native"));
+
 var _templateContext = require("../../../../template/app-review/template-context");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 createSelectionStyle = theme => _reactNative.StyleSheet.create({
   choice: {
     margin: theme.spacing.micro
@@ -21,6 +29,7 @@ const createSelectionStyle = theme => _reactNative.StyleSheet.create({
     color: theme.colors.gray.medium
   }
 });
+
 const Selection = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const {
@@ -32,11 +41,14 @@ const Selection = props => {
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     const _stylesheet = createSelectionStyle(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   const {
     choices
   } = props;
@@ -53,6 +65,7 @@ const Selection = props => {
     style: styleSheet.selectionArea
   }, mappedSortedChoices);
 };
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   container: {
     flex: 1
@@ -74,6 +87,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     height: 2
   }
 });
+
 const QuestionDraggable = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const {
@@ -82,11 +96,14 @@ const QuestionDraggable = props => {
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   const {
     choices,
     onPress,
@@ -113,5 +130,7 @@ const QuestionDraggable = props => {
     style: styleSheet.pickableChoices
   }, pickableChoices));
 };
-var _default = exports.default = QuestionDraggable;
+
+var _default = QuestionDraggable;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/molecule/questions/mobile/draggable/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_index","_interopRequireDefault","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createSelectionStyle","theme","StyleSheet","create","choice","margin","spacing","micro","selectionArea","flexWrap","flexDirection","text","color","colors","gray","medium","Selection","props","templateContext","useTemplateContext","onPress","styleSheet","setStylesheet","useState","useEffect","_stylesheet","choices","mappedSortedChoices","map","item","createElement","style","key","_id","squeezed","isSelected","testID","questionType","label","View","createStyleSheet","container","flex","pickableChoices","line","borderWidth","borderColor","borderRadius","marginHorizontal","marginBottom","marginTop","height","QuestionDraggable","selectedChoices","filter","selected","_default","exports"],"sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\n\nimport type {SelectableChoice} from '../../types';\n\nexport interface DropZoneProps {\n  choices: Array<SelectableChoice>;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype DropZoneStyleSheet = {\n  choice: ViewStyle;\n  selectionArea: ViewStyle;\n  text: TextStyle;\n};\n\nconst createSelectionStyle = (theme: Theme): DropZoneStyleSheet =>\n  StyleSheet.create({\n    choice: {\n      margin: theme.spacing.micro\n    },\n    selectionArea: {\n      flexWrap: 'wrap',\n      flexDirection: 'row'\n    },\n    text: {\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst Selection = (props: DropZoneProps) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n  const {onPress} = props;\n\n  const [styleSheet, setStylesheet] = useState<DropZoneStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createSelectionStyle(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices} = props;\n  const mappedSortedChoices = choices.map(item => (\n    <QuestionChoice\n      style={styleSheet.choice}\n      key={item._id}\n      squeezed\n      isSelected\n      testID={`choice-${item._id}`}\n      onPress={onPress(item)}\n      questionType=\"qcmDrag\"\n    >\n      {item.label}\n    </QuestionChoice>\n  ));\n\n  return <View style={styleSheet.selectionArea}>{mappedSortedChoices}</View>;\n};\n\nexport interface Props {\n  choices: Array<SelectableChoice>;\n  testID?: string;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype QuestionDraggableStyleSheet = {\n  container: ViewStyle;\n  pickableChoices: ViewStyle;\n  choice: ViewStyle;\n  line: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): QuestionDraggableStyleSheet =>\n  StyleSheet.create({\n    container: {\n      flex: 1\n    },\n    pickableChoices: {\n      flexDirection: 'row',\n      flexWrap: 'wrap'\n    },\n    choice: {\n      margin: theme.spacing.micro\n    },\n    line: {\n      borderWidth: 1,\n      borderColor: '#E1E1E3',\n      borderRadius: 17,\n      marginHorizontal: 4,\n      marginBottom: 24,\n      marginTop: 16,\n      height: 2\n    }\n  });\n\nconst QuestionDraggable = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<QuestionDraggableStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices, onPress, testID} = props;\n  const selectedChoices = choices.filter(item => item.selected);\n\n  const pickableChoices = choices\n    .filter(item => !item.selected)\n    .map((item: SelectableChoice) => (\n      <QuestionChoice\n        style={styleSheet.choice}\n        key={item._id}\n        squeezed\n        testID={`choice-${item._id}-unselected`}\n        onPress={onPress(item)}\n        questionType=\"qcmDrag\"\n      >\n        {item.label}\n      </QuestionChoice>\n    ));\n\n  return (\n    <View testID={testID} style={styleSheet.container}>\n      <Selection choices={selectedChoices} onPress={onPress} />\n      <View style={styleSheet.line} />\n      <View style={styleSheet.pickableChoices}>{pickableChoices}</View>\n    </View>\n  );\n};\n\nexport default QuestionDraggable;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["createSelectionStyle","theme","StyleSheet","create","choice","margin","spacing","micro","selectionArea","flexWrap","flexDirection","text","color","colors","gray","medium","Selection","props","templateContext","useTemplateContext","onPress","styleSheet","setStylesheet","useState","useEffect","_stylesheet","choices","mappedSortedChoices","map","item","_id","label","createStyleSheet","container","flex","pickableChoices","line","borderWidth","borderColor","borderRadius","marginHorizontal","marginBottom","marginTop","height","QuestionDraggable","testID","selectedChoices","filter","selected"],"sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\n\nimport type {SelectableChoice} from '../../types';\n\nexport interface DropZoneProps {\n  choices: Array<SelectableChoice>;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype DropZoneStyleSheet = {\n  choice: ViewStyle;\n  selectionArea: ViewStyle;\n  text: TextStyle;\n};\n\nconst createSelectionStyle = (theme: Theme): DropZoneStyleSheet =>\n  StyleSheet.create({\n    choice: {\n      margin: theme.spacing.micro\n    },\n    selectionArea: {\n      flexWrap: 'wrap',\n      flexDirection: 'row'\n    },\n    text: {\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst Selection = (props: DropZoneProps) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n  const {onPress} = props;\n\n  const [styleSheet, setStylesheet] = useState<DropZoneStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createSelectionStyle(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices} = props;\n  const mappedSortedChoices = choices.map(item => (\n    <QuestionChoice\n      style={styleSheet.choice}\n      key={item._id}\n      squeezed\n      isSelected\n      testID={`choice-${item._id}`}\n      onPress={onPress(item)}\n      questionType=\"qcmDrag\"\n    >\n      {item.label}\n    </QuestionChoice>\n  ));\n\n  return <View style={styleSheet.selectionArea}>{mappedSortedChoices}</View>;\n};\n\nexport interface Props {\n  choices: Array<SelectableChoice>;\n  testID?: string;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype QuestionDraggableStyleSheet = {\n  container: ViewStyle;\n  pickableChoices: ViewStyle;\n  choice: ViewStyle;\n  line: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): QuestionDraggableStyleSheet =>\n  StyleSheet.create({\n    container: {\n      flex: 1\n    },\n    pickableChoices: {\n      flexDirection: 'row',\n      flexWrap: 'wrap'\n    },\n    choice: {\n      margin: theme.spacing.micro\n    },\n    line: {\n      borderWidth: 1,\n      borderColor: '#E1E1E3',\n      borderRadius: 17,\n      marginHorizontal: 4,\n      marginBottom: 24,\n      marginTop: 16,\n      height: 2\n    }\n  });\n\nconst QuestionDraggable = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<QuestionDraggableStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices, onPress, testID} = props;\n  const selectedChoices = choices.filter(item => item.selected);\n\n  const pickableChoices = choices\n    .filter(item => !item.selected)\n    .map((item: SelectableChoice) => (\n      <QuestionChoice\n        style={styleSheet.choice}\n        key={item._id}\n        squeezed\n        testID={`choice-${item._id}-unselected`}\n        onPress={onPress(item)}\n        questionType=\"qcmDrag\"\n      >\n        {item.label}\n      </QuestionChoice>\n    ));\n\n  return (\n    <View testID={testID} style={styleSheet.container}>\n      <Selection choices={selectedChoices} onPress={onPress} />\n      <View style={styleSheet.line} />\n      <View style={styleSheet.pickableChoices}>{pickableChoices}</View>\n    </View>\n  );\n};\n\nexport default QuestionDraggable;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAgBA,MAAMA,oBAAoB,GAAIC,KAAD,IAC3BC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,MAAM,EAAE;IACNC,MAAM,EAAEJ,KAAK,CAACK,OAAN,CAAcC;EADhB,CADQ;EAIhBC,aAAa,EAAE;IACbC,QAAQ,EAAE,MADG;IAEbC,aAAa,EAAE;EAFF,CAJC;EAQhBC,IAAI,EAAE;IACJC,KAAK,EAAEX,KAAK,CAACY,MAAN,CAAaC,IAAb,CAAkBC;EADrB;AARU,CAAlB,CADF;;AAcA,MAAMC,SAAS,GAAIC,KAAD,IAA0B;EAC1C,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM;IAAClB;EAAD,IAAUiB,eAAhB;EACA,MAAM;IAACE;EAAD,IAAYH,KAAlB;EAEA,MAAM,CAACI,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAoC,IAApC,CAApC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGzB,oBAAoB,CAACC,KAAD,CAAxC;;IACAqB,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAACxB,KAAD,CAHH;;EAKA,IAAI,CAACoB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,MAAM;IAACK;EAAD,IAAYT,KAAlB;EACA,MAAMU,mBAAmB,GAAGD,OAAO,CAACE,GAAR,CAAYC,IAAI,iBAC1C,6BAAC,cAAD;IACE,KAAK,EAAER,UAAU,CAACjB,MADpB;IAEE,GAAG,EAAEyB,IAAI,CAACC,GAFZ;IAGE,QAAQ,MAHV;IAIE,UAAU,MAJZ;IAKE,MAAM,EAAG,UAASD,IAAI,CAACC,GAAI,EAL7B;IAME,OAAO,EAAEV,OAAO,CAACS,IAAD,CANlB;IAOE,YAAY,EAAC;EAPf,GASGA,IAAI,CAACE,KATR,CAD0B,CAA5B;EAcA,oBAAO,6BAAC,iBAAD;IAAM,KAAK,EAAEV,UAAU,CAACb;EAAxB,GAAwCmB,mBAAxC,CAAP;AACD,CAhCD;;AA+CA,MAAMK,gBAAgB,GAAI/B,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChB8B,SAAS,EAAE;IACTC,IAAI,EAAE;EADG,CADK;EAIhBC,eAAe,EAAE;IACfzB,aAAa,EAAE,KADA;IAEfD,QAAQ,EAAE;EAFK,CAJD;EAQhBL,MAAM,EAAE;IACNC,MAAM,EAAEJ,KAAK,CAACK,OAAN,CAAcC;EADhB,CARQ;EAWhB6B,IAAI,EAAE;IACJC,WAAW,EAAE,CADT;IAEJC,WAAW,EAAE,SAFT;IAGJC,YAAY,EAAE,EAHV;IAIJC,gBAAgB,EAAE,CAJd;IAKJC,YAAY,EAAE,EALV;IAMJC,SAAS,EAAE,EANP;IAOJC,MAAM,EAAE;EAPJ;AAXU,CAAlB,CADF;;AAuBA,MAAMC,iBAAiB,GAAI3B,KAAD,IAAkB;EAC1C,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM;IAAClB;EAAD,IAAUiB,eAAhB;EAEA,MAAM,CAACG,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAA6C,IAA7C,CAApC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGO,gBAAgB,CAAC/B,KAAD,CAApC;;IACAqB,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAACxB,KAAD,CAHH;;EAKA,IAAI,CAACoB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,MAAM;IAACK,OAAD;IAAUN,OAAV;IAAmByB;EAAnB,IAA6B5B,KAAnC;EACA,MAAM6B,eAAe,GAAGpB,OAAO,CAACqB,MAAR,CAAelB,IAAI,IAAIA,IAAI,CAACmB,QAA5B,CAAxB;EAEA,MAAMb,eAAe,GAAGT,OAAO,CAC5BqB,MADqB,CACdlB,IAAI,IAAI,CAACA,IAAI,CAACmB,QADA,EAErBpB,GAFqB,CAEhBC,IAAD,iBACH,6BAAC,cAAD;IACE,KAAK,EAAER,UAAU,CAACjB,MADpB;IAEE,GAAG,EAAEyB,IAAI,CAACC,GAFZ;IAGE,QAAQ,MAHV;IAIE,MAAM,EAAG,UAASD,IAAI,CAACC,GAAI,aAJ7B;IAKE,OAAO,EAAEV,OAAO,CAACS,IAAD,CALlB;IAME,YAAY,EAAC;EANf,GAQGA,IAAI,CAACE,KARR,CAHoB,CAAxB;EAeA,oBACE,6BAAC,iBAAD;IAAM,MAAM,EAAEc,MAAd;IAAsB,KAAK,EAAExB,UAAU,CAACY;EAAxC,gBACE,6BAAC,SAAD;IAAW,OAAO,EAAEa,eAApB;IAAqC,OAAO,EAAE1B;EAA9C,EADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,UAAU,CAACe;EAAxB,EAFF,eAGE,6BAAC,iBAAD;IAAM,KAAK,EAAEf,UAAU,CAACc;EAAxB,GAA0CA,eAA1C,CAHF,CADF;AAOD,CAxCD;;eA0CeS,iB"}

package/lib/molecule/questions/mobile/slider/index.native.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _reactNativeSlider = _interopRequireDefault(require("@coorpacademy/react-native-slider"));
+
 var _index = _interopRequireDefault(require("../../../../atom/text/index.native"));
+
 var _templateContext = require("../../../../template/app-review/template-context");
+
 var _shadow = require("../../../../variables/shadow");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 = (brandTheme, theme) => _reactNative.StyleSheet.create({
   container: {
     flex: 1,
@@ -45,8 +55,7 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
     height: 10,
     borderRadius: theme.radius.button
   },
-  thumb: {
-    ..._shadow.BOX_STYLE,
+  thumb: { ..._shadow.BOX_STYLE,
     width: 30,
     height: 30,
     borderRadius: 30 / 2,
@@ -55,6 +64,7 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
     borderColor: 'white'
   }
 });
+
 const QuestionSlider = props => {
   const {
     step,
@@ -78,13 +88,15 @@ const QuestionSlider = props => {
   }, [onSlidingComplete, value]);
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
+
     setStylesheet(_stylesheet);
   }, [brandTheme, theme]);
+
   if (!styleSheet) {
     return null;
   }
-  const textStyle = {
-    ...styleSheet.header,
+
+  const textStyle = { ...styleSheet.header,
     color: brandTheme?.colors?.primary
   };
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -119,5 +131,7 @@ const QuestionSlider = props => {
     testID: "slider-max-value"
   }, `${max} ${unit}`))));
 };
-var _default = exports.default = QuestionSlider;
+
+var _default = QuestionSlider;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/molecule/questions/mobile/slider/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSlider","_interopRequireDefault","_index","_templateContext","_shadow","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","brandTheme","theme","StyleSheet","create","container","flex","paddingHorizontal","flexDirection","justifyContent","header","fontSize","fontWeight","bold","textAlign","textValue","color","colors","black","valuesContainer","leftValue","alignItems","rightValue","track","height","borderRadius","radius","button","thumb","BOX_STYLE","width","borderWidth","backgroundColor","primary","borderColor","QuestionSlider","props","step","style","min","max","unit","value","storeValue","onSlidingComplete","testID","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","setValue","handleSlidingComplete","useCallback","useEffect","_stylesheet","textStyle","createElement","View","onValueChange","maximumValue","minimumValue","minimumTrackTintColor","trackStyle","thumbStyle","_default","exports"],"sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport Slider from '@coorpacademy/react-native-slider';\n\nimport {Theme} from '../../../../variables/theme.native';\nimport Text from '../../../../atom/text/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {BOX_STYLE} from '../../../../variables/shadow';\nimport {Brand} from '../../../../variables/brand.native';\n\nexport type OnSlidingCompleteFunction = (value: number) => void;\n\nexport type Props = {\n  min: number;\n  max: number;\n  value?: number;\n  unit?: string;\n  onSlidingComplete: OnSlidingCompleteFunction;\n  style?: ViewStyle;\n  step?: number;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: TextStyle;\n  textValue: TextStyle;\n  valuesContainer: ViewStyle;\n  leftValue: ViewStyle;\n  rightValue: ViewStyle;\n  track: ViewStyle;\n  thumb: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'center'\n    },\n    header: {\n      fontSize: 25,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    textValue: {\n      fontSize: 15,\n      color: theme.colors.black,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    valuesContainer: {\n      flexDirection: 'row',\n      justifyContent: 'space-around'\n    },\n    leftValue: {\n      flex: 1,\n      alignItems: 'flex-start'\n    },\n    rightValue: {\n      flex: 1,\n      alignItems: 'flex-end'\n    },\n    track: {\n      height: 10,\n      borderRadius: theme.radius.button\n    },\n    thumb: {\n      ...BOX_STYLE,\n      width: 30,\n      height: 30,\n      borderRadius: 30 / 2,\n      borderWidth: 5,\n      backgroundColor: brandTheme?.colors?.primary,\n      borderColor: 'white'\n    }\n  });\n\nconst QuestionSlider = (props: Props) => {\n  const {\n    step,\n    style,\n    min,\n    max,\n    unit = '',\n    value: storeValue = 0,\n    onSlidingComplete,\n    testID\n  } = props;\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [value, setValue] = useState<number>(storeValue);\n\n  const handleSlidingComplete = useCallback(() => {\n    onSlidingComplete(value);\n  }, [onSlidingComplete, value]);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const textStyle: TextStyle = {\n    ...styleSheet.header,\n    color: brandTheme?.colors?.primary\n  };\n\n  return (\n    <View style={[styleSheet.container, style]} testID={testID}>\n      <Text style={textStyle} testID=\"slider-value\">\n        {value}\n      </Text>\n      <Slider\n        step={step || 1}\n        value={value}\n        onValueChange={setValue}\n        maximumValue={max}\n        minimumValue={min}\n        onSlidingComplete={handleSlidingComplete}\n        minimumTrackTintColor={brandTheme?.colors?.primary}\n        trackStyle={styleSheet.track}\n        thumbStyle={[styleSheet.thumb]}\n        testID=\"slider\"\n      />\n      <View style={styleSheet.valuesContainer} testID=\"slider-values-container\">\n        <View style={styleSheet.leftValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-min-value\">\n            {`${min} ${unit}`}\n          </Text>\n        </View>\n        <View style={styleSheet.rightValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-max-value\">\n            {`${max} ${unit}`}\n          </Text>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionSlider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","brandTheme","theme","StyleSheet","create","container","flex","paddingHorizontal","flexDirection","justifyContent","header","fontSize","fontWeight","bold","textAlign","textValue","color","colors","black","valuesContainer","leftValue","alignItems","rightValue","track","height","borderRadius","radius","button","thumb","BOX_STYLE","width","borderWidth","backgroundColor","primary","borderColor","QuestionSlider","props","step","style","min","max","unit","value","storeValue","onSlidingComplete","testID","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","setValue","handleSlidingComplete","useCallback","useEffect","_stylesheet","textStyle"],"sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport Slider from '@coorpacademy/react-native-slider';\n\nimport {Theme} from '../../../../variables/theme.native';\nimport Text from '../../../../atom/text/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {BOX_STYLE} from '../../../../variables/shadow';\nimport {Brand} from '../../../../variables/brand.native';\n\nexport type OnSlidingCompleteFunction = (value: number) => void;\n\nexport type Props = {\n  min: number;\n  max: number;\n  value?: number;\n  unit?: string;\n  onSlidingComplete: OnSlidingCompleteFunction;\n  style?: ViewStyle;\n  step?: number;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: TextStyle;\n  textValue: TextStyle;\n  valuesContainer: ViewStyle;\n  leftValue: ViewStyle;\n  rightValue: ViewStyle;\n  track: ViewStyle;\n  thumb: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'center'\n    },\n    header: {\n      fontSize: 25,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    textValue: {\n      fontSize: 15,\n      color: theme.colors.black,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    valuesContainer: {\n      flexDirection: 'row',\n      justifyContent: 'space-around'\n    },\n    leftValue: {\n      flex: 1,\n      alignItems: 'flex-start'\n    },\n    rightValue: {\n      flex: 1,\n      alignItems: 'flex-end'\n    },\n    track: {\n      height: 10,\n      borderRadius: theme.radius.button\n    },\n    thumb: {\n      ...BOX_STYLE,\n      width: 30,\n      height: 30,\n      borderRadius: 30 / 2,\n      borderWidth: 5,\n      backgroundColor: brandTheme?.colors?.primary,\n      borderColor: 'white'\n    }\n  });\n\nconst QuestionSlider = (props: Props) => {\n  const {\n    step,\n    style,\n    min,\n    max,\n    unit = '',\n    value: storeValue = 0,\n    onSlidingComplete,\n    testID\n  } = props;\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [value, setValue] = useState<number>(storeValue);\n\n  const handleSlidingComplete = useCallback(() => {\n    onSlidingComplete(value);\n  }, [onSlidingComplete, value]);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const textStyle: TextStyle = {\n    ...styleSheet.header,\n    color: brandTheme?.colors?.primary\n  };\n\n  return (\n    <View style={[styleSheet.container, style]} testID={testID}>\n      <Text style={textStyle} testID=\"slider-value\">\n        {value}\n      </Text>\n      <Slider\n        step={step || 1}\n        value={value}\n        onValueChange={setValue}\n        maximumValue={max}\n        minimumValue={min}\n        onSlidingComplete={handleSlidingComplete}\n        minimumTrackTintColor={brandTheme?.colors?.primary}\n        trackStyle={styleSheet.track}\n        thumbStyle={[styleSheet.thumb]}\n        testID=\"slider\"\n      />\n      <View style={styleSheet.valuesContainer} testID=\"slider-values-container\">\n        <View style={styleSheet.leftValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-min-value\">\n            {`${min} ${unit}`}\n          </Text>\n        </View>\n        <View style={styleSheet.rightValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-max-value\">\n            {`${max} ${unit}`}\n          </Text>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionSlider;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAGA;;AACA;;AACA;;;;;;;;AA2BA,MAAMA,gBAAgB,GAAG,CAACC,UAAD,EAAoBC,KAApB,KACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,iBAAiB,EAAE,EAFV;IAGTC,aAAa,EAAE,QAHN;IAITC,cAAc,EAAE;EAJP,CADK;EAOhBC,MAAM,EAAE;IACNC,QAAQ,EAAE,EADJ;IAENC,UAAU,EAAEV,KAAK,CAACU,UAAN,CAAiBC,IAFvB;IAGNC,SAAS,EAAE;EAHL,CAPQ;EAYhBC,SAAS,EAAE;IACTJ,QAAQ,EAAE,EADD;IAETK,KAAK,EAAEd,KAAK,CAACe,MAAN,CAAaC,KAFX;IAGTN,UAAU,EAAEV,KAAK,CAACU,UAAN,CAAiBC,IAHpB;IAITC,SAAS,EAAE;EAJF,CAZK;EAkBhBK,eAAe,EAAE;IACfX,aAAa,EAAE,KADA;IAEfC,cAAc,EAAE;EAFD,CAlBD;EAsBhBW,SAAS,EAAE;IACTd,IAAI,EAAE,CADG;IAETe,UAAU,EAAE;EAFH,CAtBK;EA0BhBC,UAAU,EAAE;IACVhB,IAAI,EAAE,CADI;IAEVe,UAAU,EAAE;EAFF,CA1BI;EA8BhBE,KAAK,EAAE;IACLC,MAAM,EAAE,EADH;IAELC,YAAY,EAAEvB,KAAK,CAACwB,MAAN,CAAaC;EAFtB,CA9BS;EAkChBC,KAAK,EAAE,EACL,GAAGC,iBADE;IAELC,KAAK,EAAE,EAFF;IAGLN,MAAM,EAAE,EAHH;IAILC,YAAY,EAAE,KAAK,CAJd;IAKLM,WAAW,EAAE,CALR;IAMLC,eAAe,EAAE/B,UAAU,EAAEgB,MAAZ,EAAoBgB,OANhC;IAOLC,WAAW,EAAE;EAPR;AAlCS,CAAlB,CADF;;AA8CA,MAAMC,cAAc,GAAIC,KAAD,IAAkB;EACvC,MAAM;IACJC,IADI;IAEJC,KAFI;IAGJC,GAHI;IAIJC,GAJI;IAKJC,IAAI,GAAG,EALH;IAMJC,KAAK,EAAEC,UAAU,GAAG,CANhB;IAOJC,iBAPI;IAQJC;EARI,IASFT,KATJ;EAUA,MAAMU,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM;IAAC9C,UAAD;IAAaC;EAAb,IAAsB4C,eAA5B;EACA,MAAM,CAACE,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM,CAACR,KAAD,EAAQS,QAAR,IAAoB,IAAAD,eAAA,EAAiBP,UAAjB,CAA1B;EAEA,MAAMS,qBAAqB,GAAG,IAAAC,kBAAA,EAAY,MAAM;IAC9CT,iBAAiB,CAACF,KAAD,CAAjB;EACD,CAF6B,EAE3B,CAACE,iBAAD,EAAoBF,KAApB,CAF2B,CAA9B;EAIA,IAAAY,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGvD,gBAAgB,CAACC,UAAD,EAAaC,KAAb,CAApC;;IACA+C,aAAa,CAACM,WAAD,CAAb;EACD,CAHD,EAGG,CAACtD,UAAD,EAAaC,KAAb,CAHH;;EAKA,IAAI,CAAC8C,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,MAAMQ,SAAoB,GAAG,EAC3B,GAAGR,UAAU,CAACtC,MADa;IAE3BM,KAAK,EAAEf,UAAU,EAAEgB,MAAZ,EAAoBgB;EAFA,CAA7B;EAKA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACe,UAAU,CAAC3C,SAAZ,EAAuBiC,KAAvB,CAAb;IAA4C,MAAM,EAAEO;EAApD,gBACE,6BAAC,cAAD;IAAM,KAAK,EAAEW,SAAb;IAAwB,MAAM,EAAC;EAA/B,GACGd,KADH,CADF,eAIE,6BAAC,0BAAD;IACE,IAAI,EAAEL,IAAI,IAAI,CADhB;IAEE,KAAK,EAAEK,KAFT;IAGE,aAAa,EAAES,QAHjB;IAIE,YAAY,EAAEX,GAJhB;IAKE,YAAY,EAAED,GALhB;IAME,iBAAiB,EAAEa,qBANrB;IAOE,qBAAqB,EAAEnD,UAAU,EAAEgB,MAAZ,EAAoBgB,OAP7C;IAQE,UAAU,EAAEe,UAAU,CAACzB,KARzB;IASE,UAAU,EAAE,CAACyB,UAAU,CAACpB,KAAZ,CATd;IAUE,MAAM,EAAC;EAVT,EAJF,eAgBE,6BAAC,iBAAD;IAAM,KAAK,EAAEoB,UAAU,CAAC7B,eAAxB;IAAyC,MAAM,EAAC;EAAhD,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE6B,UAAU,CAAC5B;EAAxB,gBACE,6BAAC,cAAD;IAAM,KAAK,EAAE4B,UAAU,CAACjC,SAAxB;IAAmC,MAAM,EAAC;EAA1C,GACI,GAAEwB,GAAI,IAAGE,IAAK,EADlB,CADF,CADF,eAME,6BAAC,iBAAD;IAAM,KAAK,EAAEO,UAAU,CAAC1B;EAAxB,gBACE,6BAAC,cAAD;IAAM,KAAK,EAAE0B,UAAU,CAACjC,SAAxB;IAAmC,MAAM,EAAC;EAA1C,GACI,GAAEyB,GAAI,IAAGC,IAAK,EADlB,CADF,CANF,CAhBF,CADF;AA+BD,CAjED;;eAmEeN,c"}

package/lib/molecule/questions/mobile/switch/index.native.js

@@ -2,18 +2,31 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _index = _interopRequireDefault(require("../../../../atom/choice/index.native"));
+
 var _index2 = _interopRequireDefault(require("../draggable/index.native"));
+
 var _index3 = _interopRequireDefault(require("../template/index.native"));
+
 var _index4 = _interopRequireDefault(require("../slider/index.native"));
+
 var _index5 = _interopRequireDefault(require("../../free-text/index.native"));
+
 var _templateContext = require("../../../../template/app-review/template-context");
+
 var _analytics = require("../../../../variables/analytics");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 styleSheet = _reactNative.StyleSheet.create({
   cards: {
     flexDirection: 'row',
@@ -26,6 +39,7 @@ const styleSheet = _reactNative.StyleSheet.create({
     paddingVertical: 5
   }
 });
+
 const Switch = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const {
@@ -75,10 +89,12 @@ const Switch = props => {
       id: 'slider',
       questionType: 'slider'
     });
+
     if (onSliderChange) {
       onSliderChange(_value);
     }
   }, [analytics, onSliderChange]);
+
   switch (type) {
     case 'qcm':
       return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -92,6 +108,7 @@ const Switch = props => {
         style: styleSheet.choice,
         questionType: type
       }, choice.label)));
+
     case 'qcmGraphic':
       return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
         testID: "question-choices"
@@ -105,11 +122,13 @@ const Switch = props => {
         style: styleSheet.choice,
         questionType: type
       }, choice.label)));
+
     case 'slider':
       {
         if (min === undefined || max === undefined) {
           return /*#__PURE__*/_react.default.createElement(_reactNative.View, null);
         }
+
         return /*#__PURE__*/_react.default.createElement(_index4.default, {
           min: min,
           max: max,
@@ -120,12 +139,14 @@ const Switch = props => {
           testID: "question-slider"
         });
       }
+
     case 'template':
       if (handleBlur === undefined || handleFocus === undefined || focusedSelectId === undefined) {
         // eslint-disable-next-line no-console
         console.warn('type template must implement handleFocus etc within Context.store');
         return /*#__PURE__*/_react.default.createElement(_reactNative.View, null);
       }
+
       return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
         testID: "question-choices"
       }, /*#__PURE__*/_react.default.createElement(_index3.default, {
@@ -137,6 +158,7 @@ const Switch = props => {
         handleFocus: handleFocus,
         focusedSelectId: focusedSelectId
       }));
+
     case 'qcmDrag':
       return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
         testID: "question-draggable"
@@ -144,10 +166,12 @@ const Switch = props => {
         choices: choices,
         onPress: handleChoicePress
       }));
+
     case 'basic':
       if (!onInputValueChange) {
         return /*#__PURE__*/_react.default.createElement(_reactNative.View, null);
       }
+
       return /*#__PURE__*/_react.default.createElement(_index5.default, {
         fullWidth: true,
         onChange: onInputValueChange,
@@ -155,9 +179,12 @@ const Switch = props => {
         questionType: "basic",
         isDisabled: isDisabled
       });
+
     default:
       return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Unhandled type: ", type));
   }
 };
-var _default = exports.default = Switch;
+
+var _default = Switch;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/molecule/questions/mobile/switch/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_index","_interopRequireDefault","_index2","_index3","_index4","_index5","_templateContext","_analytics","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","styleSheet","StyleSheet","create","cards","flexDirection","alignItems","card","flex","choice","paddingVertical","Switch","props","templateContext","useTemplateContext","analytics","store","focusedSelectId","handleBlur","handleFocus","type","template","isDisabled","choices","min","max","unit","value","step","onSliderChange","onItemPress","onItemInputChange","onInputValueChange","handleChoicePress","useCallback","onPress","handleItemInputChange","_value","handleSlidingComplete","logEvent","ANALYTICS_EVENT_TYPE","SLIDE","id","questionType","createElement","View","testID","map","key","_id","isSelected","selected","style","label","media","undefined","onSlidingComplete","console","warn","onInputChange","fullWidth","onChange","Text","_default","exports"],"sources":["../../../../../src/molecule/questions/mobile/switch/index.native.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {View, StyleSheet, Text, ViewStyle} from 'react-native';\n\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport QuestionDraggable from '../draggable/index.native';\nimport QuestionTemplate from '../template/index.native';\nimport QuestionSlider from '../slider/index.native';\nimport FreeText from '../../free-text/index.native';\n\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE} from '../../../../variables/analytics';\n\nimport type {\n  QuestionType,\n  Choice,\n  TemplateListOfChoices,\n  TemplateTextChoice,\n  SelectableChoice\n} from '../../types';\n\nexport type Props = {\n  type: QuestionType;\n  isDisabled?: boolean;\n  template?: string;\n  choices?: Array<Choice>;\n  min?: number;\n  max?: number;\n  unit?: string;\n  step?: number;\n  value?: number;\n  onInputValueChange?: (value: string) => void;\n  onSliderChange?: (value: number) => void;\n  // --- mobile learner only\n  onItemInputChange?: (item: Choice, value: string) => void;\n  onItemPress?: (item: Choice) => void;\n};\n\ntype StyleSheetType = {\n  cards: ViewStyle;\n  card: ViewStyle;\n  choice: ViewStyle;\n};\n\nconst styleSheet: StyleSheetType = StyleSheet.create({\n  cards: {\n    flexDirection: 'row',\n    alignItems: 'stretch'\n  },\n  card: {\n    flex: 1\n  },\n  choice: {\n    paddingVertical: 5\n  }\n});\n\nconst Switch = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {analytics, store} = templateContext;\n  const {focusedSelectId, handleBlur, handleFocus} = store;\n\n  const {\n    type,\n    template,\n    isDisabled,\n    choices = [],\n    min,\n    max,\n    unit,\n    value,\n    step,\n    onSliderChange,\n    onItemPress,\n    onItemInputChange,\n    onInputValueChange\n  } = props;\n\n  const handleChoicePress = useCallback(\n    (choice: Choice) => () => {\n      if ((choice as SelectableChoice).onPress) {\n        // e.g. app-review\n        (choice as SelectableChoice).onPress();\n      } else if (onItemPress) {\n        // e.g. learner\n        onItemPress(choice);\n      }\n    },\n    [onItemPress]\n  );\n\n  const handleItemInputChange = useCallback(\n    (choice: Choice, _value: string) => {\n      if ((choice as SelectableChoice).onPress) {\n        // e.g. app-review\n        (choice as SelectableChoice).onPress(_value);\n      } else if (onItemInputChange) {\n        // e.g. learner\n        onItemInputChange(choice, _value);\n      }\n    },\n    [onItemInputChange]\n  );\n\n  const handleSlidingComplete = useCallback(\n    _value => {\n      analytics &&\n        analytics.logEvent(ANALYTICS_EVENT_TYPE.SLIDE, {\n          id: 'slider',\n          questionType: 'slider'\n        });\n\n      if (onSliderChange) {\n        onSliderChange(_value);\n      }\n    },\n    [analytics, onSliderChange]\n  );\n\n  switch (type) {\n    case 'qcm':\n      return (\n        <View testID=\"question-choices\">\n          {(choices as SelectableChoice[]).map(choice => (\n            <QuestionChoice\n              key={`question-choice-${choice._id}`}\n              onPress={handleChoicePress(choice)}\n              isDisabled={isDisabled}\n              isSelected={choice.selected}\n              testID={`question-choice-${choice._id}`}\n              style={styleSheet.choice}\n              questionType={type}\n            >\n              {choice.label}\n            </QuestionChoice>\n          ))}\n        </View>\n      );\n    case 'qcmGraphic':\n      return (\n        <View testID=\"question-choices\">\n          {(choices as SelectableChoice[]).map(choice => (\n            <QuestionChoice\n              key={`question-choice-${choice._id}`}\n              onPress={handleChoicePress(choice)}\n              media={choice.media}\n              isDisabled={isDisabled}\n              isSelected={choice.selected}\n              testID={`question-choice-${choice._id}`}\n              style={styleSheet.choice}\n              questionType={type}\n            >\n              {choice.label}\n            </QuestionChoice>\n          ))}\n        </View>\n      );\n    case 'slider': {\n      if (min === undefined || max === undefined) {\n        return <View />;\n      }\n\n      return (\n        <QuestionSlider\n          min={min}\n          max={max}\n          unit={unit}\n          value={value}\n          step={step}\n          onSlidingComplete={handleSlidingComplete}\n          testID=\"question-slider\"\n        />\n      );\n    }\n    case 'template':\n      if (handleBlur === undefined || handleFocus === undefined || focusedSelectId === undefined) {\n        // eslint-disable-next-line no-console\n        console.warn('type template must implement handleFocus etc within Context.store');\n        return <View />;\n      }\n\n      return (\n        <View testID=\"question-choices\">\n          <QuestionTemplate\n            isDisabled={isDisabled}\n            template={template || ''}\n            choices={choices as (TemplateListOfChoices | TemplateTextChoice)[]}\n            onInputChange={handleItemInputChange}\n            handleBlur={handleBlur}\n            handleFocus={handleFocus}\n            focusedSelectId={focusedSelectId}\n          />\n        </View>\n      );\n    case 'qcmDrag':\n      return (\n        <View testID=\"question-draggable\">\n          <QuestionDraggable choices={choices as SelectableChoice[]} onPress={handleChoicePress} />\n        </View>\n      );\n    case 'basic':\n      if (!onInputValueChange) {\n        return <View />;\n      }\n\n      return (\n        <FreeText\n          fullWidth\n          onChange={onInputValueChange}\n          testID=\"question-input-text\"\n          questionType=\"basic\"\n          isDisabled={isDisabled}\n        />\n      );\n    default:\n      return (\n        <View>\n          <Text>Unhandled type: {type}</Text>\n        </View>\n      );\n  }\n};\n\nexport default Switch;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,OAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,OAAA,GAAAJ,sBAAA,CAAAH,OAAA;AAEA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAAqE,SAAAG,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAiCrE,MAAMW,UAA0B,GAAGC,uBAAU,CAACC,MAAM,CAAC;EACnDC,KAAK,EAAE;IACLC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJC,IAAI,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACNC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAEF,MAAMC,MAAM,GAAIC,KAAY,IAAK;EAC/B,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,EAAC,CAAC;EAC5C,MAAM;IAACC,SAAS;IAAEC;EAAK,CAAC,GAAGH,eAAe;EAC1C,MAAM;IAACI,eAAe;IAAEC,UAAU;IAAEC;EAAW,CAAC,GAAGH,KAAK;EAExD,MAAM;IACJI,IAAI;IACJC,QAAQ;IACRC,UAAU;IACVC,OAAO,GAAG,EAAE;IACZC,GAAG;IACHC,GAAG;IACHC,IAAI;IACJC,KAAK;IACLC,IAAI;IACJC,cAAc;IACdC,WAAW;IACXC,iBAAiB;IACjBC;EACF,CAAC,GAAGpB,KAAK;EAET,MAAMqB,iBAAiB,GAAG,IAAAC,kBAAW,EAClCzB,MAAc,IAAK,MAAM;IACxB,IAAKA,MAAM,CAAsB0B,OAAO,EAAE;MACxC;MACC1B,MAAM,CAAsB0B,OAAO,CAAC,CAAC;IACxC,CAAC,MAAM,IAAIL,WAAW,EAAE;MACtB;MACAA,WAAW,CAACrB,MAAM,CAAC;IACrB;EACF,CAAC,EACD,CAACqB,WAAW,CACd,CAAC;EAED,MAAMM,qBAAqB,GAAG,IAAAF,kBAAW,EACvC,CAACzB,MAAc,EAAE4B,MAAc,KAAK;IAClC,IAAK5B,MAAM,CAAsB0B,OAAO,EAAE;MACxC;MACC1B,MAAM,CAAsB0B,OAAO,CAACE,MAAM,CAAC;IAC9C,CAAC,MAAM,IAAIN,iBAAiB,EAAE;MAC5B;MACAA,iBAAiB,CAACtB,MAAM,EAAE4B,MAAM,CAAC;IACnC;EACF,CAAC,EACD,CAACN,iBAAiB,CACpB,CAAC;EAED,MAAMO,qBAAqB,GAAG,IAAAJ,kBAAW,EACvCG,MAAM,IAAI;IACRtB,SAAS,IACPA,SAAS,CAACwB,QAAQ,CAACC,+BAAoB,CAACC,KAAK,EAAE;MAC7CC,EAAE,EAAE,QAAQ;MACZC,YAAY,EAAE;IAChB,CAAC,CAAC;IAEJ,IAAId,cAAc,EAAE;MAClBA,cAAc,CAACQ,MAAM,CAAC;IACxB;EACF,CAAC,EACD,CAACtB,SAAS,EAAEc,cAAc,CAC5B,CAAC;EAED,QAAQT,IAAI;IACV,KAAK,KAAK;MACR,oBACEnD,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAACxE,YAAA,CAAAyE,IAAI;QAACC,MAAM,EAAC;MAAkB,GAC3BvB,OAAO,CAAwBwB,GAAG,CAACtC,MAAM,iBACzCxC,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAACvE,MAAA,CAAAU,OAAc;QACbiE,GAAG,EAAE,mBAAmBvC,MAAM,CAACwC,GAAG,EAAG;QACrCd,OAAO,EAAEF,iBAAiB,CAACxB,MAAM,CAAE;QACnCa,UAAU,EAAEA,UAAW;QACvB4B,UAAU,EAAEzC,MAAM,CAAC0C,QAAS;QAC5BL,MAAM,EAAE,mBAAmBrC,MAAM,CAACwC,GAAG,EAAG;QACxCG,KAAK,EAAEnD,UAAU,CAACQ,MAAO;QACzBkC,YAAY,EAAEvB;MAAK,GAElBX,MAAM,CAAC4C,KACM,CACjB,CACG,CAAC;IAEX,KAAK,YAAY;MACf,oBACEpF,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAACxE,YAAA,CAAAyE,IAAI;QAACC,MAAM,EAAC;MAAkB,GAC3BvB,OAAO,CAAwBwB,GAAG,CAACtC,MAAM,iBACzCxC,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAACvE,MAAA,CAAAU,OAAc;QACbiE,GAAG,EAAE,mBAAmBvC,MAAM,CAACwC,GAAG,EAAG;QACrCd,OAAO,EAAEF,iBAAiB,CAACxB,MAAM,CAAE;QACnC6C,KAAK,EAAE7C,MAAM,CAAC6C,KAAM;QACpBhC,UAAU,EAAEA,UAAW;QACvB4B,UAAU,EAAEzC,MAAM,CAAC0C,QAAS;QAC5BL,MAAM,EAAE,mBAAmBrC,MAAM,CAACwC,GAAG,EAAG;QACxCG,KAAK,EAAEnD,UAAU,CAACQ,MAAO;QACzBkC,YAAY,EAAEvB;MAAK,GAElBX,MAAM,CAAC4C,KACM,CACjB,CACG,CAAC;IAEX,KAAK,QAAQ;MAAE;QACb,IAAI7B,GAAG,KAAK+B,SAAS,IAAI9B,GAAG,KAAK8B,SAAS,EAAE;UAC1C,oBAAOtF,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAACxE,YAAA,CAAAyE,IAAI,MAAE,CAAC;QACjB;QAEA,oBACE5E,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAACnE,OAAA,CAAAM,OAAc;UACbyC,GAAG,EAAEA,GAAI;UACTC,GAAG,EAAEA,GAAI;UACTC,IAAI,EAAEA,IAAK;UACXC,KAAK,EAAEA,KAAM;UACbC,IAAI,EAAEA,IAAK;UACX4B,iBAAiB,EAAElB,qBAAsB;UACzCQ,MAAM,EAAC;QAAiB,CACzB,CAAC;MAEN;IACA,KAAK,UAAU;MACb,IAAI5B,UAAU,KAAKqC,SAAS,IAAIpC,WAAW,KAAKoC,SAAS,IAAItC,eAAe,KAAKsC,SAAS,EAAE;QAC1F;QACAE,OAAO,CAACC,IAAI,CAAC,mEAAmE,CAAC;QACjF,oBAAOzF,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAACxE,YAAA,CAAAyE,IAAI,MAAE,CAAC;MACjB;MAEA,oBACE5E,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAACxE,YAAA,CAAAyE,IAAI;QAACC,MAAM,EAAC;MAAkB,gBAC7B7E,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAACpE,OAAA,CAAAO,OAAgB;QACfuC,UAAU,EAAEA,UAAW;QACvBD,QAAQ,EAAEA,QAAQ,IAAI,EAAG;QACzBE,OAAO,EAAEA,OAA0D;QACnEoC,aAAa,EAAEvB,qBAAsB;QACrClB,UAAU,EAAEA,UAAW;QACvBC,WAAW,EAAEA,WAAY;QACzBF,eAAe,EAAEA;MAAgB,CAClC,CACG,CAAC;IAEX,KAAK,SAAS;MACZ,oBACEhD,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAACxE,YAAA,CAAAyE,IAAI;QAACC,MAAM,EAAC;MAAoB,gBAC/B7E,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAACrE,OAAA,CAAAQ,OAAiB;QAACwC,OAAO,EAAEA,OAA8B;QAACY,OAAO,EAAEF;MAAkB,CAAE,CACpF,CAAC;IAEX,KAAK,OAAO;MACV,IAAI,CAACD,kBAAkB,EAAE;QACvB,oBAAO/D,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAACxE,YAAA,CAAAyE,IAAI,MAAE,CAAC;MACjB;MAEA,oBACE5E,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAAClE,OAAA,CAAAK,OAAQ;QACP6E,SAAS;QACTC,QAAQ,EAAE7B,kBAAmB;QAC7Bc,MAAM,EAAC,qBAAqB;QAC5BH,YAAY,EAAC,OAAO;QACpBrB,UAAU,EAAEA;MAAW,CACxB,CAAC;IAEN;MACE,oBACErD,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAACxE,YAAA,CAAAyE,IAAI,qBACH5E,MAAA,CAAAc,OAAA,CAAA6D,aAAA,CAACxE,YAAA,CAAA0F,IAAI,QAAC,kBAAgB,EAAC1C,IAAW,CAC9B,CAAC;EAEb;AACF,CAAC;AAAC,IAAA2C,QAAA,GAAAC,OAAA,CAAAjF,OAAA,GAEa4B,MAAM","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["styleSheet","StyleSheet","create","cards","flexDirection","alignItems","card","flex","choice","paddingVertical","Switch","props","templateContext","useTemplateContext","analytics","store","focusedSelectId","handleBlur","handleFocus","type","template","isDisabled","choices","min","max","unit","value","step","onSliderChange","onItemPress","onItemInputChange","onInputValueChange","handleChoicePress","useCallback","onPress","handleItemInputChange","_value","handleSlidingComplete","logEvent","ANALYTICS_EVENT_TYPE","SLIDE","id","questionType","map","_id","selected","label","media","undefined","console","warn"],"sources":["../../../../../src/molecule/questions/mobile/switch/index.native.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {View, StyleSheet, Text, ViewStyle} from 'react-native';\n\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport QuestionDraggable from '../draggable/index.native';\nimport QuestionTemplate from '../template/index.native';\nimport QuestionSlider from '../slider/index.native';\nimport FreeText from '../../free-text/index.native';\n\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE} from '../../../../variables/analytics';\n\nimport type {\n  QuestionType,\n  Choice,\n  TemplateListOfChoices,\n  TemplateTextChoice,\n  SelectableChoice\n} from '../../types';\n\nexport type Props = {\n  type: QuestionType;\n  isDisabled?: boolean;\n  template?: string;\n  choices?: Array<Choice>;\n  min?: number;\n  max?: number;\n  unit?: string;\n  step?: number;\n  value?: number;\n  onInputValueChange?: (value: string) => void;\n  onSliderChange?: (value: number) => void;\n  // --- mobile learner only\n  onItemInputChange?: (item: Choice, value: string) => void;\n  onItemPress?: (item: Choice) => void;\n};\n\ntype StyleSheetType = {\n  cards: ViewStyle;\n  card: ViewStyle;\n  choice: ViewStyle;\n};\n\nconst styleSheet: StyleSheetType = StyleSheet.create({\n  cards: {\n    flexDirection: 'row',\n    alignItems: 'stretch'\n  },\n  card: {\n    flex: 1\n  },\n  choice: {\n    paddingVertical: 5\n  }\n});\n\nconst Switch = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {analytics, store} = templateContext;\n  const {focusedSelectId, handleBlur, handleFocus} = store;\n\n  const {\n    type,\n    template,\n    isDisabled,\n    choices = [],\n    min,\n    max,\n    unit,\n    value,\n    step,\n    onSliderChange,\n    onItemPress,\n    onItemInputChange,\n    onInputValueChange\n  } = props;\n\n  const handleChoicePress = useCallback(\n    (choice: Choice) => () => {\n      if ((choice as SelectableChoice).onPress) {\n        // e.g. app-review\n        (choice as SelectableChoice).onPress();\n      } else if (onItemPress) {\n        // e.g. learner\n        onItemPress(choice);\n      }\n    },\n    [onItemPress]\n  );\n\n  const handleItemInputChange = useCallback(\n    (choice: Choice, _value: string) => {\n      if ((choice as SelectableChoice).onPress) {\n        // e.g. app-review\n        (choice as SelectableChoice).onPress(_value);\n      } else if (onItemInputChange) {\n        // e.g. learner\n        onItemInputChange(choice, _value);\n      }\n    },\n    [onItemInputChange]\n  );\n\n  const handleSlidingComplete = useCallback(\n    _value => {\n      analytics &&\n        analytics.logEvent(ANALYTICS_EVENT_TYPE.SLIDE, {\n          id: 'slider',\n          questionType: 'slider'\n        });\n\n      if (onSliderChange) {\n        onSliderChange(_value);\n      }\n    },\n    [analytics, onSliderChange]\n  );\n\n  switch (type) {\n    case 'qcm':\n      return (\n        <View testID=\"question-choices\">\n          {(choices as SelectableChoice[]).map(choice => (\n            <QuestionChoice\n              key={`question-choice-${choice._id}`}\n              onPress={handleChoicePress(choice)}\n              isDisabled={isDisabled}\n              isSelected={choice.selected}\n              testID={`question-choice-${choice._id}`}\n              style={styleSheet.choice}\n              questionType={type}\n            >\n              {choice.label}\n            </QuestionChoice>\n          ))}\n        </View>\n      );\n    case 'qcmGraphic':\n      return (\n        <View testID=\"question-choices\">\n          {(choices as SelectableChoice[]).map(choice => (\n            <QuestionChoice\n              key={`question-choice-${choice._id}`}\n              onPress={handleChoicePress(choice)}\n              media={choice.media}\n              isDisabled={isDisabled}\n              isSelected={choice.selected}\n              testID={`question-choice-${choice._id}`}\n              style={styleSheet.choice}\n              questionType={type}\n            >\n              {choice.label}\n            </QuestionChoice>\n          ))}\n        </View>\n      );\n    case 'slider': {\n      if (min === undefined || max === undefined) {\n        return <View />;\n      }\n\n      return (\n        <QuestionSlider\n          min={min}\n          max={max}\n          unit={unit}\n          value={value}\n          step={step}\n          onSlidingComplete={handleSlidingComplete}\n          testID=\"question-slider\"\n        />\n      );\n    }\n    case 'template':\n      if (handleBlur === undefined || handleFocus === undefined || focusedSelectId === undefined) {\n        // eslint-disable-next-line no-console\n        console.warn('type template must implement handleFocus etc within Context.store');\n        return <View />;\n      }\n\n      return (\n        <View testID=\"question-choices\">\n          <QuestionTemplate\n            isDisabled={isDisabled}\n            template={template || ''}\n            choices={choices as (TemplateListOfChoices | TemplateTextChoice)[]}\n            onInputChange={handleItemInputChange}\n            handleBlur={handleBlur}\n            handleFocus={handleFocus}\n            focusedSelectId={focusedSelectId}\n          />\n        </View>\n      );\n    case 'qcmDrag':\n      return (\n        <View testID=\"question-draggable\">\n          <QuestionDraggable choices={choices as SelectableChoice[]} onPress={handleChoicePress} />\n        </View>\n      );\n    case 'basic':\n      if (!onInputValueChange) {\n        return <View />;\n      }\n\n      return (\n        <FreeText\n          fullWidth\n          onChange={onInputValueChange}\n          testID=\"question-input-text\"\n          questionType=\"basic\"\n          isDisabled={isDisabled}\n        />\n      );\n    default:\n      return (\n        <View>\n          <Text>Unhandled type: {type}</Text>\n        </View>\n      );\n  }\n};\n\nexport default Switch;\n"],"mappings":"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"}

package/lib/molecule/questions/mobile/template/index.native.js

@@ -2,19 +2,33 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _trim = _interopRequireDefault(require("lodash/fp/trim"));
+
 var _index = _interopRequireDefault(require("../../../../atom/html/index.native"));
+
 var _index2 = _interopRequireDefault(require("../../../../atom/select-modal/index.native"));
+
 var _index3 = _interopRequireDefault(require("../../../../atom/space/index.native"));
+
 var _index4 = _interopRequireDefault(require("../../free-text/index.native"));
+
 var _templateContext = require("../../../../template/app-review/template-context");
+
 var _parseTemplateString = _interopRequireDefault(require("../../../../util/parse-template-string"));
+
 var _shadow = require("../../../../variables/shadow");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 => ({
   container: {
     width: '100%',
@@ -48,6 +62,7 @@ const createStyleSheet = theme => ({
     textAlign: 'center'
   }
 });
+
 const Item = props => {
   const {
     part,
@@ -67,18 +82,23 @@ const Item = props => {
   const inputNames = choices.map(choice => choice.name);
   const id = `question-part-${part.value}`;
   const isFocused = focusedSelectId === id;
+
   if (part.type === 'answerField' && inputNames.includes(part.value)) {
     const choiceIndex = choices.findIndex(choice => choice.name === part.value);
     const choice = choices[choiceIndex];
     const {
       value
     } = choice;
+
     if (!choice || !choice.type || !choice.name) {
       return null;
     }
+
     const disabledSuffix = isDisabled ? '-disabled' : '';
     const selectedSuffix = value ? '-selected' : '';
+
     const handleInputChange = _item => _value => onInputChange(_item, _value);
+
     if (choice.type === 'text') {
       return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
         style: styles.spaced,
@@ -92,8 +112,10 @@ const Item = props => {
         questionType: "template"
       }));
     }
+
     const selectInputStyle = [styles.selectInput];
     const selectTextStyle = [styles.selectText];
+
     if (choice.type === 'select') {
       return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
         style: styles.spaced,
@@ -115,6 +137,7 @@ const Item = props => {
       }));
     }
   }
+
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     key: id,
     fontSize: theme.fontSize.regular,
@@ -122,6 +145,7 @@ const Item = props => {
     style: styles.htmlText
   }, part.value === ' ' ? part.value : (0, _trim.default)(part.value || ''));
 };
+
 const QuestionTemplate = props => {
   const {
     template,
@@ -139,11 +163,14 @@ const QuestionTemplate = props => {
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!template || !styleSheet) {
     return null;
   }
+
   const parts = (0, _parseTemplateString.default)(template);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.container,
@@ -166,5 +193,7 @@ const QuestionTemplate = props => {
     type: "micro"
   }))));
 };
-var _default = exports.default = QuestionTemplate;
+
+var _default = QuestionTemplate;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map