@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.31

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

@@ -1 +1 @@
-{"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":"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"}
+{"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":"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"}

package/lib/molecule/questions/mobile/slider/index.native.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ViewStyle } from 'react-native';
-export type OnSlidingCompleteFunction = (value: number) => void;
-export type Props = {
+export declare type OnSlidingCompleteFunction = (value: number) => void;
+export declare type Props = {
     min: number;
     max: number;
     value?: number;

package/lib/molecule/questions/mobile/slider/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AASpE,MAAM,MAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEhE,MAAM,MAAM,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA2DF,QAAA,MAAM,cAAc,UAAW,KAAK,uBA4DnC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AASpE,oBAAY,yBAAyB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEhE,oBAAY,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA2DF,QAAA,MAAM,cAAc,UAAW,KAAK,uBA4DnC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -2,16 +2,27 @@
 
 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(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; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
   container: {
     flex: 1,
@@ -55,6 +66,7 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
     borderColor: 'white'
   })
 });
+
 const QuestionSlider = props => {
   const {
     step,
@@ -78,11 +90,14 @@ const QuestionSlider = props => {
   }, [onSlidingComplete, value]);
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styleSheet.container, style],
     testID: testID
@@ -117,6 +132,7 @@ const QuestionSlider = props => {
     testID: "slider-max-value"
   }, `${max} ${unit}`))));
 };
+
 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":["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"],"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  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.container, style]} testID={testID}>\n      <Text style={[styleSheet.header, {color: brandTheme?.colors?.primary}]} 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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"}
+{"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"],"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  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.container, style]} testID={testID}>\n      <Text style={[styleSheet.header, {color: brandTheme?.colors?.primary}]} 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,eACAC,iBADA;IAEHC,KAAK,EAAE,EAFJ;IAGHN,MAAM,EAAE,EAHL;IAIHC,YAAY,EAAE,KAAK,CAJhB;IAKHM,WAAW,EAAE,CALV;IAMHC,eAAe,EAAE/B,UAAU,EAAEgB,MAAZ,EAAoBgB,OANlC;IAOHC,WAAW,EAAE;EAPV;AAlCW,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,CAACrD,KAAD,CAHH;;EAKA,IAAI,CAAC8C,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACA,UAAU,CAAC3C,SAAZ,EAAuBiC,KAAvB,CAAb;IAA4C,MAAM,EAAEO;EAApD,gBACE,6BAAC,cAAD;IAAM,KAAK,EAAE,CAACG,UAAU,CAACtC,MAAZ,EAAoB;MAACM,KAAK,EAAEf,UAAU,EAAEgB,MAAZ,EAAoBgB;IAA5B,CAApB,CAAb;IAAwE,MAAM,EAAC;EAA/E,GACGS,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,CA5DD;;eA8DeN,c"}

package/lib/molecule/questions/mobile/switch/index.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { QuestionType, Choice } from '../../types';
-export type Props = {
+export declare type Props = {
     type: QuestionType;
     isDisabled?: boolean;
     template?: string;

package/lib/molecule/questions/mobile/switch/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/switch/index.native.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EACV,YAAY,EACZ,MAAM,EAIP,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAqBF,QAAA,MAAM,MAAM,UAAW,KAAK,gBAoK3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/switch/index.native.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EACV,YAAY,EACZ,MAAM,EAIP,MAAM,aAAa,CAAC;AAErB,oBAAY,KAAK,GAAG;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAqBF,QAAA,MAAM,MAAM,UAAW,KAAK,gBAoK3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

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(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,10 +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 = 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":["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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"}
+{"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.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { TemplateListOfChoices, TemplateTextChoice } from '../../types';
 import { FocusedSelectId, HandleBlur, HandleFocus } from '../../../../template/app-review/template-context';
-export type Props = {
+export declare type Props = {
     isDisabled?: boolean;
     template: string;
     choices: Array<TemplateTextChoice | TemplateListOfChoices>;

package/lib/molecule/questions/mobile/template/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE3E,OAAO,EACL,eAAe,EACf,UAAU,EACV,WAAW,EAEZ,MAAM,kDAAkD,CAAC;AAoJ1D,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,CAAC;IAC3D,aAAa,EAAE,CAAC,IAAI,EAAE,kBAAkB,GAAG,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,gBAAgB,UAAW,KAAK,uBA+CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE3E,OAAO,EACL,eAAe,EACf,UAAU,EACV,WAAW,EAEZ,MAAM,kDAAkD,CAAC;AAoJ1D,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,CAAC;IAC3D,aAAa,EAAE,CAAC,IAAI,EAAE,kBAAkB,GAAG,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,gBAAgB,UAAW,KAAK,uBA+CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -2,20 +2,35 @@
 
 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(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; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const createStyleSheet = theme => ({
   container: {
     width: '100%',
@@ -49,6 +64,7 @@ const createStyleSheet = theme => ({
     textAlign: 'center'
   }
 });
+
 const Item = props => {
   const {
     part,
@@ -69,18 +85,23 @@ const Item = props => {
   const inputNames = choices.map(choice => choice.name);
   const id = `question-part-${index + 1}`;
   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,
@@ -94,8 +115,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,
@@ -117,6 +140,7 @@ const Item = props => {
       }));
     }
   }
+
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     key: id,
     fontSize: theme.fontSize.regular,
@@ -124,6 +148,7 @@ const Item = props => {
     style: styles.htmlText
   }, (0, _trim.default)(part.value || ''));
 };
+
 const QuestionTemplate = props => {
   const {
     template,
@@ -141,11 +166,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,
@@ -169,6 +197,7 @@ const QuestionTemplate = props => {
     type: "micro"
   }))));
 };
+
 var _default = QuestionTemplate;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","container","width","flexDirection","flexWrap","justifyContent","alignItems","spaced","paddingVertical","spacing","tiny","htmlText","color","colors","black","fontWeight","bold","lineHeight","selectInput","padding","borderRadius","radius","regular","minWidth","marginHorizontal","BOX_STYLE","backgroundColor","white","selectText","gray","medium","fontSize","textAlign","Item","props","part","index","isDisabled","focusedSelectId","choices","onInputChange","handleBlur","handleFocus","styles","templateContext","useTemplateContext","translations","inputNames","map","choice","name","id","isFocused","type","includes","value","choiceIndex","findIndex","disabledSuffix","selectedSuffix","handleInputChange","_item","_value","selectInputStyle","selectTextStyle","items","selectAnAnswer","trim","QuestionTemplate","template","styleSheet","setStylesheet","useState","useEffect","_stylesheet","parts","parseTemplateString"],"sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {TextStyle, View, ViewStyle} from 'react-native';\n\nimport trim from 'lodash/fp/trim';\n\nimport Html from '../../../../atom/html/index.native';\nimport Select from '../../../../atom/select-modal/index.native';\nimport Space from '../../../../atom/space/index.native';\nimport type {TemplateListOfChoices, TemplateTextChoice} from '../../types';\nimport FreeText from '../../free-text/index.native';\nimport {\n  FocusedSelectId,\n  HandleBlur,\n  HandleFocus,\n  useTemplateContext\n} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\nimport parseTemplateString from '../../../../util/parse-template-string';\nimport {BOX_STYLE} from '../../../../variables/shadow';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  spaced: ViewStyle;\n  htmlText: TextStyle;\n  selectInput: ViewStyle;\n  selectText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType => ({\n  container: {\n    width: '100%',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  spaced: {\n    paddingVertical: theme.spacing.tiny\n  },\n  htmlText: {\n    color: theme.colors.black,\n    fontWeight: theme.fontWeight.bold,\n    lineHeight: 25\n  },\n  // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n  selectInput: {\n    padding: theme.spacing.tiny,\n    borderRadius: theme.radius.regular,\n    minWidth: 175,\n    marginHorizontal: 12,\n    paddingVertical: 16,\n    ...BOX_STYLE,\n    backgroundColor: theme.colors.white\n  },\n  selectText: {\n    color: theme.colors.gray.medium,\n    fontWeight: theme.fontWeight.bold,\n    fontSize: theme.fontSize.regular,\n    textAlign: 'center'\n  }\n});\n\ntype TemplatePart = {\n  type: 'string' | 'answerField';\n  value: string;\n};\n\ntype ItemProps = {\n  part: TemplatePart;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  index: number;\n  isDisabled?: boolean;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n  styles: StyleSheetType;\n};\n\nconst Item = (props: ItemProps) => {\n  const {\n    part,\n    index,\n    isDisabled = false,\n    focusedSelectId,\n    choices,\n    onInputChange,\n    handleBlur,\n    handleFocus,\n    styles\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme, translations} = templateContext;\n\n  const inputNames = choices.map(choice => choice.name);\n  const id = `question-part-${index + 1}`;\n  const isFocused = focusedSelectId === id;\n\n  if (part.type === 'answerField' && inputNames.includes(part.value)) {\n    const choiceIndex = choices.findIndex(choice => choice.name === part.value);\n    const choice = choices[choiceIndex];\n    const {value} = choice;\n\n    if (!choice || !choice.type || !choice.name) {\n      return null;\n    }\n\n    const disabledSuffix = isDisabled ? '-disabled' : '';\n    const selectedSuffix = value ? '-selected' : '';\n\n    const handleInputChange =\n      (_item: TemplateTextChoice | TemplateListOfChoices) => (_value: string) =>\n        onInputChange(_item, _value);\n\n    if (choice.type === 'text') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <FreeText\n            key={id}\n            isDisabled={isDisabled}\n            onChange={handleInputChange(choice)}\n            value={value}\n            testID={`${id}-text${selectedSuffix}${disabledSuffix}`}\n            questionType=\"template\"\n          />\n        </View>\n      );\n    }\n\n    const selectInputStyle: TextStyle[] = [styles.selectInput];\n    const selectTextStyle: TextStyle[] = [styles.selectText];\n\n    if (choice.type === 'select') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <Select\n            isDisabled={isDisabled}\n            questionType=\"template\"\n            values={choice.items}\n            value={value}\n            placeholder={translations.selectAnAnswer}\n            isFocused={isFocused}\n            onBlur={handleBlur}\n            onFocus={handleFocus(id)}\n            onChange={handleInputChange(choice)}\n            textStyle={selectTextStyle}\n            style={selectInputStyle}\n            analyticsID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n            testID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n          />\n        </View>\n      );\n    }\n  }\n\n  return (\n    <Html key={id} fontSize={theme.fontSize.regular} testID={id} style={styles.htmlText}>\n      {trim(part.value || '')}\n    </Html>\n  );\n};\n\nexport type Props = {\n  isDisabled?: boolean;\n  template: string;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n};\n\nconst QuestionTemplate = (props: Props) => {\n  const {\n    template,\n    onInputChange,\n    choices,\n    handleBlur,\n    handleFocus,\n    focusedSelectId,\n    isDisabled = false\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!template || !styleSheet) {\n    return null;\n  }\n\n  const parts: TemplatePart[] = parseTemplateString(template);\n\n  return (\n    <View style={styleSheet.container} testID=\"question-template\">\n      {parts.map((part, id) => (\n        <View key={`question-part-${id}`} style={{flexDirection: 'row'}}>\n          <Item\n            part={part}\n            choices={choices}\n            index={id}\n            focusedSelectId={focusedSelectId}\n            isDisabled={isDisabled}\n            handleBlur={handleBlur}\n            handleFocus={handleFocus}\n            onInputChange={onInputChange}\n            styles={styleSheet}\n          />\n          <Space type=\"micro\" />\n        </View>\n      ))}\n    </View>\n  );\n};\n\nexport default QuestionTemplate;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","container","width","flexDirection","flexWrap","justifyContent","alignItems","spaced","paddingVertical","spacing","tiny","htmlText","color","colors","black","fontWeight","bold","lineHeight","selectInput","padding","borderRadius","radius","regular","minWidth","marginHorizontal","BOX_STYLE","backgroundColor","white","selectText","gray","medium","fontSize","textAlign","Item","props","part","index","isDisabled","focusedSelectId","choices","onInputChange","handleBlur","handleFocus","styles","templateContext","useTemplateContext","translations","inputNames","map","choice","name","id","isFocused","type","includes","value","choiceIndex","findIndex","disabledSuffix","selectedSuffix","handleInputChange","_item","_value","selectInputStyle","selectTextStyle","items","selectAnAnswer","trim","QuestionTemplate","template","styleSheet","setStylesheet","useState","useEffect","_stylesheet","parts","parseTemplateString"],"sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {TextStyle, View, ViewStyle} from 'react-native';\n\nimport trim from 'lodash/fp/trim';\n\nimport Html from '../../../../atom/html/index.native';\nimport Select from '../../../../atom/select-modal/index.native';\nimport Space from '../../../../atom/space/index.native';\nimport type {TemplateListOfChoices, TemplateTextChoice} from '../../types';\nimport FreeText from '../../free-text/index.native';\nimport {\n  FocusedSelectId,\n  HandleBlur,\n  HandleFocus,\n  useTemplateContext\n} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\nimport parseTemplateString from '../../../../util/parse-template-string';\nimport {BOX_STYLE} from '../../../../variables/shadow';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  spaced: ViewStyle;\n  htmlText: TextStyle;\n  selectInput: ViewStyle;\n  selectText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType => ({\n  container: {\n    width: '100%',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  spaced: {\n    paddingVertical: theme.spacing.tiny\n  },\n  htmlText: {\n    color: theme.colors.black,\n    fontWeight: theme.fontWeight.bold,\n    lineHeight: 25\n  },\n  // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n  selectInput: {\n    padding: theme.spacing.tiny,\n    borderRadius: theme.radius.regular,\n    minWidth: 175,\n    marginHorizontal: 12,\n    paddingVertical: 16,\n    ...BOX_STYLE,\n    backgroundColor: theme.colors.white\n  },\n  selectText: {\n    color: theme.colors.gray.medium,\n    fontWeight: theme.fontWeight.bold,\n    fontSize: theme.fontSize.regular,\n    textAlign: 'center'\n  }\n});\n\ntype TemplatePart = {\n  type: 'string' | 'answerField';\n  value: string;\n};\n\ntype ItemProps = {\n  part: TemplatePart;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  index: number;\n  isDisabled?: boolean;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n  styles: StyleSheetType;\n};\n\nconst Item = (props: ItemProps) => {\n  const {\n    part,\n    index,\n    isDisabled = false,\n    focusedSelectId,\n    choices,\n    onInputChange,\n    handleBlur,\n    handleFocus,\n    styles\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme, translations} = templateContext;\n\n  const inputNames = choices.map(choice => choice.name);\n  const id = `question-part-${index + 1}`;\n  const isFocused = focusedSelectId === id;\n\n  if (part.type === 'answerField' && inputNames.includes(part.value)) {\n    const choiceIndex = choices.findIndex(choice => choice.name === part.value);\n    const choice = choices[choiceIndex];\n    const {value} = choice;\n\n    if (!choice || !choice.type || !choice.name) {\n      return null;\n    }\n\n    const disabledSuffix = isDisabled ? '-disabled' : '';\n    const selectedSuffix = value ? '-selected' : '';\n\n    const handleInputChange =\n      (_item: TemplateTextChoice | TemplateListOfChoices) => (_value: string) =>\n        onInputChange(_item, _value);\n\n    if (choice.type === 'text') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <FreeText\n            key={id}\n            isDisabled={isDisabled}\n            onChange={handleInputChange(choice)}\n            value={value}\n            testID={`${id}-text${selectedSuffix}${disabledSuffix}`}\n            questionType=\"template\"\n          />\n        </View>\n      );\n    }\n\n    const selectInputStyle: TextStyle[] = [styles.selectInput];\n    const selectTextStyle: TextStyle[] = [styles.selectText];\n\n    if (choice.type === 'select') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <Select\n            isDisabled={isDisabled}\n            questionType=\"template\"\n            values={choice.items}\n            value={value}\n            placeholder={translations.selectAnAnswer}\n            isFocused={isFocused}\n            onBlur={handleBlur}\n            onFocus={handleFocus(id)}\n            onChange={handleInputChange(choice)}\n            textStyle={selectTextStyle}\n            style={selectInputStyle}\n            analyticsID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n            testID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n          />\n        </View>\n      );\n    }\n  }\n\n  return (\n    <Html key={id} fontSize={theme.fontSize.regular} testID={id} style={styles.htmlText}>\n      {trim(part.value || '')}\n    </Html>\n  );\n};\n\nexport type Props = {\n  isDisabled?: boolean;\n  template: string;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n};\n\nconst QuestionTemplate = (props: Props) => {\n  const {\n    template,\n    onInputChange,\n    choices,\n    handleBlur,\n    handleFocus,\n    focusedSelectId,\n    isDisabled = false\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!template || !styleSheet) {\n    return null;\n  }\n\n  const parts: TemplatePart[] = parseTemplateString(template);\n\n  return (\n    <View style={styleSheet.container} testID=\"question-template\">\n      {parts.map((part, id) => (\n        <View key={`question-part-${id}`} style={{flexDirection: 'row'}}>\n          <Item\n            part={part}\n            choices={choices}\n            index={id}\n            focusedSelectId={focusedSelectId}\n            isDisabled={isDisabled}\n            handleBlur={handleBlur}\n            handleFocus={handleFocus}\n            onInputChange={onInputChange}\n            styles={styleSheet}\n          />\n          <Space type=\"micro\" />\n        </View>\n      ))}\n    </View>\n  );\n};\n\nexport default QuestionTemplate;\n"],"mappings":"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"}