@coorpacademy/components 10.22.3 → 10.22.6

package/lib/atom/select-modal/index.native.js

@@ -0,0 +1,135 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
+
+var _index = _interopRequireDefault(require("../../hoc/touchable/index.native"));
+
+var _analytics = require("../../variables/analytics");
+
+var _index2 = _interopRequireDefault(require("../space/index.native"));
+
+var _index3 = _interopRequireDefault(require("../text/index.native"));
+
+var _index4 = _interopRequireDefault(require("../../hoc/modal/select/index.native"));
+
+var _templateContext = require("../../template/app-review/template-context");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const ICON_WIDTH = 15;
+
+const createStyleSheet = theme => _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row'
+  },
+  text: {
+    flex: 1,
+    color: theme.colors.gray.medium,
+    textAlign: 'center'
+  }
+});
+
+const logEvent = (eventName, analyticsID, analytics, questionType) => {
+  analytics && analytics.logEvent(eventName, {
+    id: analyticsID,
+    questionType
+  });
+};
+
+const Select = props => {
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const {
+    theme,
+    analytics
+  } = templateContext;
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+  const {
+    analyticsID,
+    onBlur,
+    onFocus,
+    onChange,
+    values,
+    placeholder,
+    value,
+    style,
+    textStyle,
+    color,
+    questionType,
+    isFocused = false,
+    isDisabled = false,
+    testID = 'select'
+  } = props;
+  const handleFocus = (0, _react.useCallback)(() => {
+    if (!onFocus) return;
+    analytics && logEvent(_analytics.ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);
+    onFocus();
+  }, [analytics, analyticsID, onFocus, questionType]);
+  const handleBlur = (0, _react.useCallback)(() => {
+    if (!onBlur) return;
+    analytics && logEvent(_analytics.ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);
+    onBlur();
+  }, [analytics, analyticsID, onBlur, questionType]);
+  const handleChange = (0, _react.useCallback)(_value => {
+    onChange(_value);
+    handleBlur();
+  }, [onChange, handleBlur]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  const selectedItem = values.find(item => item.text === value);
+  const text = selectedItem && selectedItem.text || placeholder || null;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.default, {
+    disabled: isDisabled,
+    onPress: handleFocus,
+    analyticsID: analyticsID,
+    testID: `${testID}-input`
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styleSheet.container, style]
+  }, /*#__PURE__*/_react.default.createElement(_index3.default, {
+    style: [styleSheet.text, textStyle, color && {
+      color
+    }]
+  }, text), /*#__PURE__*/_react.default.createElement(_index2.default, {
+    type: "tiny"
+  }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
+    color: color || theme.colors.gray.dark,
+    height: ICON_WIDTH,
+    width: ICON_WIDTH
+  }))), /*#__PURE__*/_react.default.createElement(_reactNativeModal.default, {
+    isVisible: isFocused,
+    onSwipeComplete: handleBlur,
+    onBackdropPress: handleBlur,
+    testID: testID
+  }, /*#__PURE__*/_react.default.createElement(_index4.default, {
+    value: value,
+    values: values,
+    onChange: handleChange,
+    onClose: handleBlur,
+    testID: `${testID}-modal`
+  })));
+};
+
+var _default = Select;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

package/lib/atom/select-modal/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/select-modal/index.native.tsx"],"names":["ICON_WIDTH","createStyleSheet","theme","StyleSheet","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","ANALYTICS_EVENT_TYPE","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","dark"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AA+BA,MAAMA,UAAU,GAAG,EAAnB;;AAEA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBC,wBAAWC,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,aAAa,EAAE;AAFN,GADK;AAKhBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE,CADF;AAEJC,IAAAA,KAAK,EAAER,KAAK,CAACS,MAAN,CAAaC,IAAb,CAAkBC,MAFrB;AAGJC,IAAAA,SAAS,EAAE;AAHP;AALU,CAAlB,CADF;;AAaA,MAAMC,QAAQ,GAAG,CACfC,SADe,EAEfC,WAFe,EAGfC,SAHe,EAIfC,YAJe,KAKZ;AACHD,EAAAA,SAAS,IACPA,SAAS,CAACH,QAAV,CAAmBC,SAAnB,EAA8B;AAC5BI,IAAAA,EAAE,EAAEH,WADwB;AAE5BE,IAAAA;AAF4B,GAA9B,CADF;AAKD,CAXD;;AAaA,MAAME,MAAM,GAAIC,KAAD,IAAkB;AAC/B,QAAMC,eAAe,GAAG,0CAAxB;AACA,QAAM;AAACrB,IAAAA,KAAD;AAAQgB,IAAAA;AAAR,MAAqBK,eAA3B;AACA,QAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,qBAAgC,IAAhC,CAApC;AAEA,wBAAU,MAAM;AACd,UAAMC,WAAW,GAAGzB,gBAAgB,CAACC,KAAD,CAApC;;AACAuB,IAAAA,aAAa,CAACC,WAAD,CAAb;AACD,GAHD,EAGG,CAACxB,KAAD,CAHH;AAKA,QAAM;AACJe,IAAAA,WADI;AAEJU,IAAAA,MAFI;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,MALI;AAMJC,IAAAA,WANI;AAOJC,IAAAA,KAPI;AAQJC,IAAAA,KARI;AASJC,IAAAA,SATI;AAUJxB,IAAAA,KAVI;AAWJS,IAAAA,YAXI;AAYJgB,IAAAA,SAAS,GAAG,KAZR;AAaJC,IAAAA,UAAU,GAAG,KAbT;AAcJC,IAAAA,MAAM,GAAG;AAdL,MAeFf,KAfJ;AAiBA,QAAMgB,WAAW,GAAG,wBAAY,MAAM;AACpC,QAAI,CAACV,OAAL,EAAc;AAEdV,IAAAA,SAAS,IAAIH,QAAQ,CAACwB,gCAAqBC,WAAtB,EAAmCvB,WAAnC,EAAgDC,SAAhD,EAA2DC,YAA3D,CAArB;AACAS,IAAAA,OAAO;AACR,GALmB,EAKjB,CAACV,SAAD,EAAYD,WAAZ,EAAyBW,OAAzB,EAAkCT,YAAlC,CALiB,CAApB;AAOA,QAAMsB,UAAU,GAAG,wBAAY,MAAM;AACnC,QAAI,CAACd,MAAL,EAAa;AAEbT,IAAAA,SAAS,IAAIH,QAAQ,CAACwB,gCAAqBG,YAAtB,EAAoCzB,WAApC,EAAiDC,SAAjD,EAA4DC,YAA5D,CAArB;AACAQ,IAAAA,MAAM;AACP,GALkB,EAKhB,CAACT,SAAD,EAAYD,WAAZ,EAAyBU,MAAzB,EAAiCR,YAAjC,CALgB,CAAnB;AAOA,QAAMwB,YAAY,GAAG,wBACnBC,MAAM,IAAI;AACRf,IAAAA,QAAQ,CAACe,MAAD,CAAR;AACAH,IAAAA,UAAU;AACX,GAJkB,EAKnB,CAACZ,QAAD,EAAWY,UAAX,CALmB,CAArB;;AAQA,MAAI,CAACjB,UAAL,EAAiB;AACf,WAAO,IAAP;AACD;;AAED,QAAMqB,YAAY,GAAGf,MAAM,CAACgB,IAAP,CAAYC,IAAI,IAAIA,IAAI,CAACvC,IAAL,KAAcwB,KAAlC,CAArB;AACA,QAAMxB,IAAI,GAAIqC,YAAY,IAAIA,YAAY,CAACrC,IAA9B,IAAuCuB,WAAvC,IAAsD,IAAnE;AAEA,sBACE,yEACE,6BAAC,cAAD;AACE,IAAA,QAAQ,EAAEK,UADZ;AAEE,IAAA,OAAO,EAAEE,WAFX;AAGE,IAAA,WAAW,EAAErB,WAHf;AAIE,IAAA,MAAM,EAAG,GAAEoB,MAAO;AAJpB,kBAME,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACb,UAAU,CAACnB,SAAZ,EAAuB4B,KAAvB;AAAb,kBACE,6BAAC,eAAD;AAAM,IAAA,KAAK,EAAE,CAACT,UAAU,CAAChB,IAAZ,EAAkB0B,SAAlB,EAA6BxB,KAAK,IAAI;AAACA,MAAAA;AAAD,KAAtC;AAAb,KAA8DF,IAA9D,CADF,eAEE,6BAAC,eAAD;AAAO,IAAA,IAAI,EAAC;AAAZ,IAFF,eAGE,6BAAC,6CAAD;AACE,IAAA,KAAK,EAAEE,KAAK,IAAIR,KAAK,CAACS,MAAN,CAAaC,IAAb,CAAkBoC,IADpC;AAEE,IAAA,MAAM,EAAEhD,UAFV;AAGE,IAAA,KAAK,EAAEA;AAHT,IAHF,CANF,CADF,eAiBE,6BAAC,yBAAD;AACE,IAAA,SAAS,EAAEmC,SADb;AAEE,IAAA,eAAe,EAAEM,UAFnB;AAGE,IAAA,eAAe,EAAEA,UAHnB;AAIE,IAAA,MAAM,EAAEJ;AAJV,kBAME,6BAAC,eAAD;AACE,IAAA,KAAK,EAAEL,KADT;AAEE,IAAA,MAAM,EAAEF,MAFV;AAGE,IAAA,QAAQ,EAAEa,YAHZ;AAIE,IAAA,OAAO,EAAEF,UAJX;AAKE,IAAA,MAAM,EAAG,GAAEJ,MAAO;AALpB,IANF,CAjBF,CADF;AAkCD,CA1FD;;eA4FehB,M","sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, FlexAlignType} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {ChoiceItem, QuestionType} from '../../types/progression-engine.d';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  color?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle;\n  textStyle?: ViewStyle;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: {\n    alignItems: FlexAlignType;\n    flexDirection: 'row' | 'column' | 'row-reverse' | 'column-reverse' | undefined;\n  };\n  text: {\n    flex: number;\n    color: string;\n    textAlign: string;\n  };\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme) =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: String,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    color,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.text === value);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={[styleSheet.text, textStyle, color && {color}]}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"file":"index.native.js"}

package/lib/atom/space/index.native.js

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _templateContext = require("../../template/app-review/template-context");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const Space = ({
+  type = 'tiny'
+}) => {
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const {
+    theme
+  } = templateContext;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      width: theme.spacing[type],
+      height: theme.spacing[type]
+    }
+  });
+};
+
+var _default = Space;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

package/lib/atom/space/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/space/index.native.tsx"],"names":["Space","type","templateContext","theme","width","spacing","height"],"mappings":";;;;;AAAA;;AACA;;AAEA;;;;;;AAMA,MAAMA,KAAK,GAAG,CAAC;AAACC,EAAAA,IAAI,GAAG;AAAR,CAAD,KAA4B;AACxC,QAAMC,eAAe,GAAG,0CAAxB;AAEA,QAAM;AAACC,IAAAA;AAAD,MAAUD,eAAhB;AAEA,sBAAO,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE;AAACE,MAAAA,KAAK,EAAED,KAAK,CAACE,OAAN,CAAcJ,IAAd,CAAR;AAA6BK,MAAAA,MAAM,EAAEH,KAAK,CAACE,OAAN,CAAcJ,IAAd;AAArC;AAAb,IAAP;AACD,CAND;;eAQeD,K","sourcesContent":["import * as React from 'react';\nimport {View} from 'react-native';\nimport type {SpaceType} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\ninterface Props {\n  type?: SpaceType;\n}\n\nconst Space = ({type = 'tiny'}: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme} = templateContext;\n\n  return <View style={{width: theme.spacing[type], height: theme.spacing[type]}} />;\n};\n\nexport default Space;\n"],"file":"index.native.js"}

package/lib/atom/text/index.native.js

@@ -0,0 +1,46 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.DEFAULT_STYLE = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const DEFAULT_STYLE = _extends({}, _reactNative.Platform.select({
+  android: {
+    fontFamily: 'Roboto'
+  }
+}));
+
+exports.DEFAULT_STYLE = DEFAULT_STYLE;
+
+const styles = _reactNative.StyleSheet.create({
+  text: _extends({}, DEFAULT_STYLE)
+});
+
+const Text = props => {
+  const {
+    children,
+    style,
+    testID,
+    numberOfLines,
+    allowFontScaling = true
+  } = props;
+  return /*#__PURE__*/React.createElement(_reactNative.Text, {
+    allowFontScaling: allowFontScaling,
+    style: [styles.text, style],
+    testID: testID,
+    numberOfLines: numberOfLines
+  }, children);
+};
+
+var _default = Text;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

package/lib/atom/text/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/text/index.native.tsx"],"names":["DEFAULT_STYLE","Platform","select","android","fontFamily","styles","StyleSheet","create","text","Text","props","children","style","testID","numberOfLines","allowFontScaling"],"mappings":";;;;;AAAA;;AACA;;;;;;;;AAWO,MAAMA,aAAa,gBACrBC,sBAASC,MAAT,CAAgB;AACjBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,UAAU,EAAE;AADL;AADQ,CAAhB,CADqB,CAAnB;;;;AAQP,MAAMC,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,IAAI,eACCR,aADD;AAD2B,CAAlB,CAAf;;AAMA,MAAMS,IAAI,GAAIC,KAAD,IAAkB;AAC7B,QAAM;AAACC,IAAAA,QAAD;AAAWC,IAAAA,KAAX;AAAkBC,IAAAA,MAAlB;AAA0BC,IAAAA,aAA1B;AAAyCC,IAAAA,gBAAgB,GAAG;AAA5D,MAAoEL,KAA1E;AAEA,sBACE,oBAAC,iBAAD;AACE,IAAA,gBAAgB,EAAEK,gBADpB;AAEE,IAAA,KAAK,EAAE,CAACV,MAAM,CAACG,IAAR,EAAcI,KAAd,CAFT;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,aAAa,EAAEC;AAJjB,KAMGH,QANH,CADF;AAUD,CAbD;;eAeeF,I","sourcesContent":["import * as React from 'react';\nimport {Text as TextBase, Platform, StyleSheet, ViewStyle} from 'react-native';\n\nexport type Props = {\n  // copied from node_modules/react-native/Libraries/Text/TextProps.js\n  children: React.ReactNode;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  numberOfLines?: number;\n  allowFontScaling?: boolean;\n};\n\nexport const DEFAULT_STYLE = {\n  ...Platform.select({\n    android: {\n      fontFamily: 'Roboto'\n    }\n  })\n};\n\nconst styles = StyleSheet.create({\n  text: {\n    ...DEFAULT_STYLE\n  }\n});\n\nconst Text = (props: Props) => {\n  const {children, style, testID, numberOfLines, allowFontScaling = true} = props;\n\n  return (\n    <TextBase\n      allowFontScaling={allowFontScaling}\n      style={[styles.text, style]}\n      testID={testID}\n      numberOfLines={numberOfLines}\n    >\n      {children}\n    </TextBase>\n  );\n};\n\nexport default Text;\n"],"file":"index.native.js"}

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

@@ -0,0 +1,114 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.HEADER_HEIGHT = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _index = _interopRequireDefault(require("../../atom/header-back-button/index.native"));
+
+var _templateContext = require("../../template/app-review/template-context");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const HEADER_HEIGHT = 64;
+exports.HEADER_HEIGHT = HEADER_HEIGHT;
+
+const createStyleSheet = theme => _reactNative.StyleSheet.create({
+  container: {
+    borderRadius: theme.radius.card,
+    overflow: 'hidden',
+    backgroundColor: theme.colors.white
+  },
+  header: {
+    backgroundColor: theme.colors.white,
+    alignItems: 'flex-end',
+    justifyContent: 'center',
+    paddingHorizontal: theme.spacing.medium,
+    height: HEADER_HEIGHT
+  },
+  content: {
+    paddingHorizontal: theme.spacing.medium,
+    paddingBottom: theme.spacing.medium,
+    alignItems: 'center'
+  },
+  contentWithHeader: {
+    paddingTop: theme.spacing.medium
+  },
+  contentWithIcon: {
+    paddingTop: theme.spacing.small
+  },
+  icon: {
+    marginTop: -HEADER_HEIGHT * (3 / 4),
+    padding: 5,
+    backgroundColor: theme.colors.white,
+    borderRadius: theme.radius.thumbnail,
+    alignSelf: 'center'
+  },
+  iconContent: {
+    backgroundColor: theme.colors.white,
+    padding: theme.spacing.small,
+    borderRadius: theme.radius.thumbnail,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+
+const Modal = props => {
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  const {
+    theme
+  } = templateContext;
+  const {
+    children,
+    headerBackgroundColor,
+    iconBackgroundColor,
+    renderIcon,
+    contentStyle,
+    onClose,
+    testID
+  } = props;
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.container,
+    testID: testID
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styleSheet.header, {
+      backgroundColor: headerBackgroundColor
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    color: theme.colors.gray.dark,
+    isFloating: false,
+    testID: "close-modal",
+    onPress: onClose,
+    type: "close"
+  })), renderIcon ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.icon
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styleSheet.iconContent, {
+      backgroundColor: iconBackgroundColor
+    }]
+  }, renderIcon)) : null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styleSheet.content, headerBackgroundColor && styleSheet.contentWithHeader, renderIcon && styleSheet.contentWithIcon, contentStyle]
+  }, children));
+};
+
+var _default = Modal;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hoc/modal/index.native.tsx"],"names":["HEADER_HEIGHT","createStyleSheet","theme","StyleSheet","create","container","borderRadius","radius","card","overflow","backgroundColor","colors","white","header","alignItems","justifyContent","paddingHorizontal","spacing","medium","height","content","paddingBottom","contentWithHeader","paddingTop","contentWithIcon","small","icon","marginTop","padding","thumbnail","alignSelf","iconContent","Modal","props","templateContext","styleSheet","setStylesheet","children","headerBackgroundColor","iconBackgroundColor","renderIcon","contentStyle","onClose","testID","_stylesheet","gray","dark"],"mappings":"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","sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {StyleSheet, View, ViewStyle} from 'react-native';\nimport HeaderBackButton from '../../atom/header-back-button/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  children: React.ReactNode;\n  headerBackgroundColor?: string;\n  iconBackgroundColor?: string;\n  renderIcon?: React.ReactNode;\n  contentStyle?: ViewStyle;\n  onClose: () => void;\n  testID?: string;\n};\n\nexport const HEADER_HEIGHT = 64;\n\ntype StyleSheetType = {\n  container: {\n    borderRadius: number;\n    overflow: string;\n    backgroundColor: string;\n  };\n  header: {\n    backgroundColor: string;\n    alignItems: string;\n    justifyContent: string;\n    paddingHorizontal: number;\n    height: number;\n  };\n  content: {\n    paddingHorizontal: number;\n    paddingBottom: number;\n    alignItems: string;\n  };\n  contentWithHeader: {\n    paddingTop: number;\n  };\n  contentWithIcon: {\n    paddingTop: number;\n  };\n  icon: {\n    marginTop: number;\n    padding: number;\n    backgroundColor: string;\n    borderRadius: string;\n    alignSelf: string;\n  };\n  iconContent: {\n    backgroundColor: string;\n    padding: number;\n    borderRadius: number;\n    justifyContent: string;\n    alignItems: string;\n  };\n};\n\nconst createStyleSheet = theme =>\n  StyleSheet.create({\n    container: {\n      borderRadius: theme.radius.card,\n      overflow: 'hidden',\n      backgroundColor: theme.colors.white\n    },\n    header: {\n      backgroundColor: theme.colors.white,\n      alignItems: 'flex-end',\n      justifyContent: 'center',\n      paddingHorizontal: theme.spacing.medium,\n      height: HEADER_HEIGHT\n    },\n    content: {\n      paddingHorizontal: theme.spacing.medium,\n      paddingBottom: theme.spacing.medium,\n      alignItems: 'center'\n    },\n    contentWithHeader: {\n      paddingTop: theme.spacing.medium\n    },\n    contentWithIcon: {\n      paddingTop: theme.spacing.small\n    },\n    icon: {\n      marginTop: -HEADER_HEIGHT * (3 / 4),\n      padding: 5,\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.thumbnail,\n      alignSelf: 'center'\n    },\n    iconContent: {\n      backgroundColor: theme.colors.white,\n      padding: theme.spacing.small,\n      borderRadius: theme.radius.thumbnail,\n      justifyContent: 'center',\n      alignItems: 'center'\n    }\n  });\n\nconst Modal = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  const {\n    children,\n    headerBackgroundColor,\n    iconBackgroundColor,\n    renderIcon,\n    contentStyle,\n    onClose,\n    testID\n  } = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container} testID={testID}>\n      <View style={[styleSheet.header, {backgroundColor: headerBackgroundColor}]}>\n        <HeaderBackButton\n          color={theme.colors.gray.dark}\n          isFloating={false}\n          testID=\"close-modal\"\n          onPress={onClose}\n          type=\"close\"\n        />\n      </View>\n      {renderIcon ? (\n        <View style={styleSheet.icon}>\n          <View style={[styleSheet.iconContent, {backgroundColor: iconBackgroundColor}]}>\n            {renderIcon}\n          </View>\n        </View>\n      ) : null}\n      <View\n        style={[\n          styleSheet.content,\n          headerBackgroundColor && styleSheet.contentWithHeader,\n          renderIcon && styleSheet.contentWithIcon,\n          contentStyle\n        ]}\n      >\n        {children}\n      </View>\n    </View>\n  );\n};\n\nexport default Modal;\n"],"file":"index.native.js"}

package/lib/hoc/modal/select/index.native.js

@@ -0,0 +1,103 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _templateContext = require("../../../template/app-review/template-context");
+
+var _index = _interopRequireDefault(require("../index.native"));
+
+var _index2 = _interopRequireDefault(require("../select-item/index.native"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const createStyleSheet = theme => _reactNative.StyleSheet.create({
+  content: {
+    paddingHorizontal: 0
+  },
+  separator: {
+    borderTopWidth: 1,
+    borderColor: theme.colors.border
+  },
+  list: {
+    width: '100%'
+  }
+});
+
+const keyExtractor = (item, index) => {
+  return `modal-select-item-${index + 1}`;
+};
+
+const createRenderItem = (value, testID, onChange) => ({
+  item,
+  index
+}) => {
+  // eslint-disable-next-line unicorn/consistent-function-scoping
+  const handleChange = _value => () => onChange(_value);
+
+  return /*#__PURE__*/_react.default.createElement(_index2.default, {
+    onPress: handleChange(item.text),
+    isSelected: value === item.text,
+    testID: `${testID}-item-${index + 1}`
+  }, item.text);
+};
+
+const createSeparator = styleSheet => () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet?.separator
+  });
+};
+
+const ModalSelect = props => {
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  const {
+    theme
+  } = templateContext;
+  const {
+    value = '',
+    values,
+    onChange,
+    onClose = _noop2.default,
+    testID = 'modal-select'
+  } = props;
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+  const renderItem = (0, _react.useMemo)(() => createRenderItem(value, testID, onChange), [value, testID, onChange]);
+  const renderSeparator = (0, _react.useMemo)(() => styleSheet ? createSeparator(styleSheet) : null, [styleSheet]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
+    onClose: onClose,
+    contentStyle: styleSheet?.content,
+    testID: testID
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    data: values,
+    renderItem: renderItem,
+    keyExtractor: keyExtractor,
+    showsVerticalScrollIndicator: false,
+    ItemSeparatorComponent: renderSeparator,
+    style: styleSheet?.list,
+    testID: `${testID}-items`
+  }));
+};
+
+var _default = ModalSelect;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

package/lib/hoc/modal/select/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hoc/modal/select/index.native.tsx"],"names":["createStyleSheet","theme","StyleSheet","create","content","paddingHorizontal","separator","borderTopWidth","borderColor","colors","border","list","width","keyExtractor","item","index","createRenderItem","value","testID","onChange","handleChange","_value","text","createSeparator","styleSheet","ModalSelect","props","templateContext","setStylesheet","values","onClose","_stylesheet","renderItem","renderSeparator"],"mappings":"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","sourcesContent":["import React, {useState, useEffect, useMemo} from 'react';\nimport {View, FlatList, StyleSheet} from 'react-native';\nimport {noop} from 'lodash/fp';\nimport type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';\n\nimport type {ChoiceItem} from '../../../types/progression-engine.d';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\n\nimport Modal from '../index.native';\nimport ModalSelectItem from '../select-item/index.native';\n\nexport type OnChangeFunction = (value: string) => void;\n\nexport type Props = {\n  value?: string;\n  values: Array<ChoiceItem>;\n  onChange: OnChangeFunction;\n  onClose?: (event: PressEvent) => void;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  content: {\n    paddingHorizontal: number;\n  };\n  separator: {\n    borderTopWidth: number;\n    borderColor: string;\n  };\n  list: {\n    width: string;\n  };\n};\n\nconst createStyleSheet = (theme: Theme) =>\n  StyleSheet.create({\n    content: {\n      paddingHorizontal: 0\n    },\n    separator: {\n      borderTopWidth: 1,\n      borderColor: theme.colors.border\n    },\n    list: {\n      width: '100%'\n    }\n  });\n\nconst keyExtractor = (item: ChoiceItem, index: number): string => {\n  return `modal-select-item-${index + 1}`;\n};\n\nconst createRenderItem = (value: string, testID: String, onChange: OnChangeFunction) => ({\n  item,\n  index\n}: {\n  item: ChoiceItem;\n  index: number;\n}) => {\n  // eslint-disable-next-line unicorn/consistent-function-scoping\n  const handleChange = (_value: string) => () => onChange(_value);\n\n  return (\n    <ModalSelectItem\n      onPress={handleChange(item.text)}\n      isSelected={value === item.text}\n      testID={`${testID}-item-${index + 1}`}\n    >\n      {item.text}\n    </ModalSelectItem>\n  );\n};\n\nconst createSeparator = (styleSheet: StyleSheetType) => () => {\n  return <View style={styleSheet?.separator} />;\n};\n\nconst ModalSelect = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {value = '', values, onChange, onClose = noop, testID = 'modal-select'} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const renderItem = useMemo(() => createRenderItem(value, testID, onChange), [\n    value,\n    testID,\n    onChange\n  ]);\n\n  const renderSeparator = useMemo(() => (styleSheet ? createSeparator(styleSheet) : null), [\n    styleSheet\n  ]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Modal onClose={onClose} contentStyle={styleSheet?.content} testID={testID}>\n      <FlatList\n        data={values}\n        renderItem={renderItem}\n        keyExtractor={keyExtractor}\n        showsVerticalScrollIndicator={false}\n        ItemSeparatorComponent={renderSeparator}\n        style={styleSheet?.list}\n        testID={`${testID}-items`}\n      />\n    </Modal>\n  );\n};\n\nexport default ModalSelect;\n"],"file":"index.native.js"}

package/lib/hoc/modal/select-item/index.native.js

@@ -0,0 +1,70 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _index = _interopRequireDefault(require("../../../atom/text/index.native"));
+
+var _index2 = _interopRequireDefault(require("../../touchable/index.native"));
+
+var _templateContext = require("../../../template/app-review/template-context");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
+  container: {
+    backgroundColor: theme.colors.white,
+    padding: theme.spacing.small
+  },
+  text: {
+    fontWeight: theme.fontWeight.bold,
+    color: theme.colors.black
+  },
+  selectedTextStyle: {
+    color: brandTheme?.colors.primary
+  }
+});
+
+const ModalSelectItem = props => {
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  const {
+    brandTheme,
+    theme
+  } = templateContext;
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(brandTheme, theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme, brandTheme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  const {
+    children,
+    onPress,
+    isSelected,
+    testID
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_index2.default, {
+    onPress: onPress,
+    style: styleSheet.container,
+    testID: testID
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    style: [styleSheet.text, isSelected && styleSheet.selectedTextStyle]
+  }, children));
+};
+
+var _default = ModalSelectItem;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

package/lib/hoc/modal/select-item/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hoc/modal/select-item/index.native.tsx"],"names":["createStyleSheet","brandTheme","theme","StyleSheet","create","container","backgroundColor","colors","white","padding","spacing","small","text","fontWeight","bold","color","black","selectedTextStyle","primary","ModalSelectItem","props","templateContext","styleSheet","setStylesheet","_stylesheet","children","onPress","isSelected","testID"],"mappings":";;;;;AAAA;;AACA;;AAGA;;AACA;;AACA;;;;;;;;AAwBA,MAAMA,gBAAgB,GAAG,CAACC,UAAD,EAAkBC,KAAlB,KACvBC,wBAAWC,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,eAAe,EAAEJ,KAAK,CAACK,MAAN,CAAaC,KADrB;AAETC,IAAAA,OAAO,EAAEP,KAAK,CAACQ,OAAN,CAAcC;AAFd,GADK;AAKhBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,UAAU,EAAEX,KAAK,CAACW,UAAN,CAAiBC,IADzB;AAEJC,IAAAA,KAAK,EAAEb,KAAK,CAACK,MAAN,CAAaS;AAFhB,GALU;AAShBC,EAAAA,iBAAiB,EAAE;AACjBF,IAAAA,KAAK,EAAEd,UAAU,EAAEM,MAAZ,CAAmBW;AADT;AATH,CAAlB,CADF;;AAeA,MAAMC,eAAe,GAAIC,KAAD,IAAkB;AACxC,QAAMC,eAAe,GAAG,0CAAxB;AACA,QAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,qBAAgC,IAAhC,CAApC;AACA,QAAM;AAACtB,IAAAA,UAAD;AAAaC,IAAAA;AAAb,MAAsBmB,eAA5B;AAEA,wBAAU,MAAM;AACd,UAAMG,WAAW,GAAGxB,gBAAgB,CAACC,UAAD,EAAaC,KAAb,CAApC;;AACAqB,IAAAA,aAAa,CAACC,WAAD,CAAb;AACD,GAHD,EAGG,CAACtB,KAAD,EAAQD,UAAR,CAHH;;AAKA,MAAI,CAACqB,UAAL,EAAiB;AACf,WAAO,IAAP;AACD;;AAED,QAAM;AAACG,IAAAA,QAAD;AAAWC,IAAAA,OAAX;AAAoBC,IAAAA,UAApB;AAAgCC,IAAAA;AAAhC,MAA0CR,KAAhD;AAEA,sBACE,6BAAC,eAAD;AAAW,IAAA,OAAO,EAAEM,OAApB;AAA6B,IAAA,KAAK,EAAEJ,UAAU,CAACjB,SAA/C;AAA0D,IAAA,MAAM,EAAEuB;AAAlE,kBACE,6BAAC,cAAD;AAAM,IAAA,KAAK,EAAE,CAACN,UAAU,CAACV,IAAZ,EAAkBe,UAAU,IAAIL,UAAU,CAACL,iBAA3C;AAAb,KAA6EQ,QAA7E,CADF,CADF;AAKD,CArBD;;eAuBeN,e","sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {StyleSheet, TextStyle} from 'react-native';\nimport type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';\n\nimport Text from '../../../atom/text/index.native';\nimport Touchable from '../../touchable/index.native';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  children: string;\n  onPress?: (event: PressEvent) => any;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: {\n    backgroundColor: string;\n    padding: number;\n  };\n  text: {\n    fontWeight: TextStyle;\n    color: string;\n  };\n  selectedTextStyle: {\n    color: string;\n  };\n};\n\nconst createStyleSheet = (brandTheme: any, theme: Theme) =>\n  StyleSheet.create({\n    container: {\n      backgroundColor: theme.colors.white,\n      padding: theme.spacing.small\n    },\n    text: {\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.black\n    },\n    selectedTextStyle: {\n      color: brandTheme?.colors.primary\n    }\n  });\n\nconst ModalSelectItem = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [theme, brandTheme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {children, onPress, isSelected, testID} = props;\n\n  return (\n    <Touchable onPress={onPress} style={styleSheet.container} testID={testID}>\n      <Text style={[styleSheet.text, isSelected && styleSheet.selectedTextStyle]}>{children}</Text>\n    </Touchable>\n  );\n};\n\nexport default ModalSelectItem;\n"],"file":"index.native.js"}

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

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

package/lib/index.js

@@ -22,5 +22,9 @@ var _loading = _interopRequireDefault(require("./template/app-player/loading"));
 
 exports.Loading = _loading.default;
 
+var _popinNoAccess = _interopRequireDefault(require("./template/app-player/popin-no-access"));
+
+exports.PopinNoAccess = _popinNoAccess.default;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;AAAA;;;;AACA;;;;AACA;;;;AACA;;;;AACA","sourcesContent":["import Provider from './atom/provider';\nimport PopinEnd from './template/app-player/popin-end';\nimport PopinCorrection from './template/app-player/popin-correction';\nimport Player from './template/app-player/player';\nimport Loading from './template/app-player/loading';\n\nexport {Provider, PopinEnd, PopinCorrection, Loading, Player};\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;AAAA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA","sourcesContent":["import Provider from './atom/provider';\nimport PopinEnd from './template/app-player/popin-end';\nimport PopinCorrection from './template/app-player/popin-correction';\nimport Player from './template/app-player/player';\nimport Loading from './template/app-player/loading';\nimport PopinNoAccess from './template/app-player/popin-no-access';\n\nexport {Provider, PopinEnd, PopinCorrection, Loading, Player, PopinNoAccess};\n"],"file":"index.js"}