@coorpacademy/components 10.22.4 → 10.22.7

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

@@ -0,0 +1,243 @@
+"use strict";
+
+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 _last = _interopRequireDefault(require("lodash/fp/last"));
+
+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"));
+
+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 = theme => ({
+  section: {
+    width: '100%',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  spaced: {
+    paddingVertical: theme.spacing.tiny
+  },
+  input: {
+    padding: theme.spacing.tiny,
+    borderWidth: 1,
+    borderColor: theme.colors.gray.lightMedium,
+    borderRadius: theme.radius.common,
+    backgroundColor: theme.colors.white,
+    minWidth: 175
+  },
+  htmlText: {
+    padding: theme.spacing.tiny,
+    color: theme.colors.black,
+    fontWeight: theme.fontWeight.bold,
+    lineHeight: 30
+  },
+  text: {
+    color: theme.colors.gray.medium,
+    fontWeight: theme.fontWeight.bold,
+    fontSize: theme.fontSize.regular,
+    textAlign: 'center'
+  }
+});
+
+const Section = ({
+  section,
+  items,
+  index,
+  focusedSelectId,
+  onInputChange,
+  userChoices,
+  handleBlur,
+  handleFocus,
+  isDisabled,
+  styles
+}) => {
+  const prefix = `question-section-${index + 1}`;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.section,
+    key: `container-${prefix}`
+  }, section.map((part, id) => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      key: `${prefix}-${id}`,
+      style: {
+        flexDirection: 'row'
+      }
+    }, /*#__PURE__*/_react.default.createElement(Item, {
+      prefix: prefix,
+      part: part,
+      items: items,
+      index: id,
+      focusedSelectId: focusedSelectId,
+      isDisabled: isDisabled,
+      userChoices: userChoices,
+      handleBlur: handleBlur,
+      handleFocus: handleFocus,
+      onInputChange: onInputChange,
+      styles: styles
+    }), /*#__PURE__*/_react.default.createElement(_index3.default, {
+      type: "micro"
+    }));
+  }));
+};
+
+const Item = props => {
+  const {
+    part,
+    index,
+    prefix,
+    isDisabled = false,
+    focusedSelectId,
+    items,
+    userChoices,
+    onInputChange,
+    handleBlur,
+    handleFocus,
+    styles
+  } = props;
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const {
+    theme,
+    brandTheme,
+    translations
+  } = templateContext;
+  const inputNames = items.map(item => item.name);
+  const id = `${prefix}-part-${index + 1}`;
+  const isFocused = focusedSelectId === id;
+  const selectedStyle = brandTheme && {
+    borderColor: brandTheme.colors.primary,
+    color: brandTheme.colors.primary
+  };
+
+  if (part.type === 'answerField' && inputNames.includes(part.value)) {
+    const itemIndex = items.findIndex(_item => _item.name === part.value);
+    const item = items[itemIndex];
+    const value = userChoices[itemIndex];
+
+    if (!item || !item.type || !item.name) {
+      return null;
+    }
+
+    const disabledSuffix = isDisabled ? '-disabled' : '';
+    const selectedSuffix = value ? '-selected' : '';
+
+    const handleInputChange = _item => _value => onInputChange(_item, _value);
+
+    if (item.type === 'text') {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styles.spaced,
+        testID: id
+      }, /*#__PURE__*/_react.default.createElement(_index4.default, {
+        key: id,
+        isDisabled: isDisabled,
+        onChange: handleInputChange(item),
+        value: value,
+        testID: `${id}-text${selectedSuffix}${disabledSuffix}`,
+        questionType: "template"
+      }));
+    }
+
+    if (item.type === 'select') {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styles.spaced,
+        testID: id
+      }, /*#__PURE__*/_react.default.createElement(_index2.default, {
+        isDisabled: isDisabled,
+        questionType: "template",
+        values: item.items,
+        value: value,
+        placeholder: translations.selectAnAnswer,
+        isFocused: isFocused,
+        onBlur: handleBlur,
+        onFocus: handleFocus(id),
+        onChange: handleInputChange(item),
+        textStyle: styles.text,
+        style: [styles.input, value && selectedStyle],
+        testID: `${id}-select${selectedSuffix}${disabledSuffix}`
+      }));
+    }
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
+    key: id,
+    fontSize: theme.fontSize.regular,
+    testID: id,
+    style: styles.htmlText
+  }, (0, _trim.default)(part.value || ''));
+};
+
+const QuestionTemplate = props => {
+  const {
+    template,
+    onInputChange,
+    userChoices,
+    items,
+    handleBlur,
+    handleFocus,
+    focusedSelectId,
+    isDisabled = false
+  } = props;
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const {
+    theme
+  } = templateContext;
+  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);
+  const sections = parts.reduce((result, item) => {
+    const section = (0, _last.default)(result) || [];
+    return result.slice(0, -1).concat([section.concat([item])]);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1
+    },
+    testID: "question-template"
+  }, sections.map((section, index) => /*#__PURE__*/_react.default.createElement(Section, {
+    key: index,
+    section: section,
+    items: items,
+    index: index,
+    handleBlur: handleBlur,
+    handleFocus: handleFocus,
+    focusedSelectId: focusedSelectId,
+    onInputChange: onInputChange,
+    userChoices: userChoices,
+    isDisabled: isDisabled,
+    styles: styleSheet
+  })));
+};
+
+var _default = QuestionTemplate;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"names":["createStyleSheet","theme","section","width","flexDirection","flexWrap","justifyContent","alignItems","spaced","paddingVertical","spacing","tiny","input","padding","borderWidth","borderColor","colors","gray","lightMedium","borderRadius","radius","common","backgroundColor","white","minWidth","htmlText","color","black","fontWeight","bold","lineHeight","text","medium","fontSize","regular","textAlign","Section","items","index","focusedSelectId","onInputChange","userChoices","handleBlur","handleFocus","isDisabled","styles","prefix","map","part","id","Item","props","templateContext","brandTheme","translations","inputNames","item","name","isFocused","selectedStyle","primary","type","includes","value","itemIndex","findIndex","_item","disabledSuffix","selectedSuffix","handleInputChange","_value","selectAnAnswer","QuestionTemplate","template","styleSheet","setStylesheet","_stylesheet","parts","sections","reduce","result","slice","concat","flex"],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View} from 'react-native';\n\nimport trim from 'lodash/fp/trim';\nimport last from 'lodash/fp/last';\n\nimport Html from '../../../../atom/html/index.native';\nimport Select from '../../../../atom/select-modal/index.native';\nimport Space from '../../../../atom/space/index.native';\nimport {FocusedSelectId, HandleBlur, HandleFocus} from '../../../../types/app-review.d';\nimport type {Choice} from '../../../../types/progression-engine.d';\nimport FreeText from '../../free-text/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\nimport parseTemplateString from '../../../../util/parse-template-string';\n\nconst createStyleSheet = (theme: Theme) => ({\n  section: {\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  input: {\n    padding: theme.spacing.tiny,\n    borderWidth: 1,\n    borderColor: theme.colors.gray.lightMedium,\n    borderRadius: theme.radius.common,\n    backgroundColor: theme.colors.white,\n    minWidth: 175\n  },\n  htmlText: {\n    padding: theme.spacing.tiny,\n    color: theme.colors.black,\n    fontWeight: theme.fontWeight.bold,\n    lineHeight: 30\n  },\n  text: {\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 SectionProps = {\n  isDisabled: boolean;\n  userChoices: Array<string>;\n  section: Array<TemplatePart>;\n  items: Array<Choice>;\n  index: number;\n  onInputChange: (item: Choice, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n  styles: any;\n};\n\nconst Section = ({\n  section,\n  items,\n  index,\n  focusedSelectId,\n  onInputChange,\n  userChoices,\n  handleBlur,\n  handleFocus,\n  isDisabled,\n  styles\n}: SectionProps) => {\n  const prefix = `question-section-${index + 1}`;\n\n  return (\n    <View style={styles.section} key={`container-${prefix}`}>\n      {section.map((part, id) => {\n        return (\n          <View key={`${prefix}-${id}`} style={{flexDirection: 'row'}}>\n            <Item\n              prefix={prefix}\n              part={part}\n              items={items}\n              index={id}\n              focusedSelectId={focusedSelectId}\n              isDisabled={isDisabled}\n              userChoices={userChoices}\n              handleBlur={handleBlur}\n              handleFocus={handleFocus}\n              onInputChange={onInputChange}\n              styles={styles}\n            />\n            <Space type=\"micro\" />\n          </View>\n        );\n      })}\n    </View>\n  );\n};\n\ntype ItemProps = {\n  part: TemplatePart;\n  items: Array<Choice>;\n  index: number;\n  prefix: string;\n  isDisabled?: boolean;\n  userChoices: Array<string>;\n  onInputChange: (item: Choice, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n  styles: any;\n};\n\nconst Item = (props: ItemProps) => {\n  const {\n    part,\n    index,\n    prefix,\n    isDisabled = false,\n    focusedSelectId,\n    items,\n    userChoices,\n    onInputChange,\n    handleBlur,\n    handleFocus,\n    styles\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme, translations} = templateContext;\n\n  const inputNames = items.map(item => item.name);\n  const id = `${prefix}-part-${index + 1}`;\n  const isFocused = focusedSelectId === id;\n\n  const selectedStyle = brandTheme && {\n    borderColor: brandTheme.colors.primary,\n    color: brandTheme.colors.primary\n  };\n\n  if (part.type === 'answerField' && inputNames.includes(part.value)) {\n    const itemIndex = items.findIndex(_item => _item.name === part.value);\n    const item = items[itemIndex];\n    const value = userChoices[itemIndex];\n\n    if (!item || !item.type || !item.name) {\n      return null;\n    }\n\n    const disabledSuffix = isDisabled ? '-disabled' : '';\n    const selectedSuffix = value ? '-selected' : '';\n\n    const handleInputChange = (_item: Choice) => (_value: string) => onInputChange(_item, _value);\n\n    if (item.type === 'text') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <FreeText\n            key={id}\n            isDisabled={isDisabled}\n            onChange={handleInputChange(item)}\n            value={value}\n            testID={`${id}-text${selectedSuffix}${disabledSuffix}`}\n            questionType=\"template\"\n          />\n        </View>\n      );\n    }\n\n    if (item.type === 'select') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <Select\n            isDisabled={isDisabled}\n            questionType=\"template\"\n            values={item.items}\n            value={value}\n            placeholder={translations.selectAnAnswer}\n            isFocused={isFocused}\n            onBlur={handleBlur}\n            onFocus={handleFocus(id)}\n            onChange={handleInputChange(item)}\n            textStyle={styles.text}\n            style={[styles.input, value && selectedStyle]}\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  items: Array<Choice>;\n  userChoices: Array<string>;\n  onInputChange: (item: Choice, 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    userChoices,\n    items,\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<any | 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 = parseTemplateString(template);\n\n  const sections: Array<Array<TemplatePart>> = parts.reduce((result, item) => {\n    const section = last(result) || [];\n    return result.slice(0, -1).concat([section.concat([item])]);\n  }, []);\n\n  return (\n    <View style={{flex: 1}} testID=\"question-template\">\n      {sections.map((section, index) => (\n        <Section\n          key={index}\n          section={section}\n          items={items}\n          index={index}\n          handleBlur={handleBlur}\n          handleFocus={handleFocus}\n          focusedSelectId={focusedSelectId}\n          onInputChange={onInputChange}\n          userChoices={userChoices}\n          isDisabled={isDisabled}\n          styles={styleSheet}\n        />\n      ))}\n    </View>\n  );\n};\n\nexport default QuestionTemplate;\n"],"file":"index.native.js"}

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

@@ -18,6 +18,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 // -----------------------------------------------------------------------------
 const Context = (0, _react.createContext)({
   theme: _theme.default,
+  translations: {},
   display: {
     statusBarHeight: 42
   }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/app-review/template-context.tsx"],"names":["Context","theme","defaultTheme","display","statusBarHeight","useTemplateContext","context","Error","TemplateContext","values","children"],"mappings":";;;;;AAEA;;AAEA;;;;;;;;;;AAeA;AAEA,MAAMA,OAAO,GAAG,0BAAc;AAC5BC,EAAAA,KAAK,EAAEC,cADqB;AAE5BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAE;AADV;AAFmB,CAAd,CAAhB,C,CAOA;;AAEA,MAAMC,kBAAkB,GAAG,MAA6B;AACtD,QAAMC,OAAO,GAAG,uBAAWN,OAAX,CAAhB;;AAEA,MAAI,CAACM,OAAL,EAAc;AACZ,UAAM,IAAIC,KAAJ,CACH,yFADG,CAAN;AAGD;;AAED,SAAOD,OAAP;AACD,CAVD,C,CAYA;;;;;AAEA,MAAME,eAAe,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA;AAAT,CAAD,KAA+B;AACrD,sBAAO,6BAAC,OAAD,CAAS,QAAT;AAAkB,IAAA,KAAK,eAAMD,MAAN;AAAvB,KAAuCC,QAAvC,CAAP;AACD,CAFD,C,CAIA","sourcesContent":["// -----------------------------------------------------------------------------\n\nimport React, {createContext, useContext} from 'react';\nimport {Analytics} from '../../variables/analytics';\nimport defaultTheme, {Theme} from '../../variables/theme.native';\nimport {Vibration} from '../../variables/vibration';\n\nexport type TemplateContextValues = {\n  analytics?: Analytics;\n  brandTheme?: any;\n  theme: Theme;\n  vibration?: Vibration;\n  display: {\n    statusBarHeight: number;\n  };\n};\n\ntype Props = {values: TemplateContextValues; children: any};\n\n// -----------------------------------------------------------------------------\n\nconst Context = createContext({\n  theme: defaultTheme,\n  display: {\n    statusBarHeight: 42\n  }\n});\n\n// -----------------------------------------------------------------------------\n\nconst useTemplateContext = (): TemplateContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error(\n      `❌ [TemplateContext] useTemplateContext must be used within a provider <TemplateContext>`\n    );\n  }\n\n  return context;\n};\n\n// -----------------------------------------------------------------------------\n\nconst TemplateContext = ({values, children}: Props) => {\n  return <Context.Provider value={{...values}}>{children}</Context.Provider>;\n};\n\n// -----------------------------------------------------------------------------\n\nexport {TemplateContext, useTemplateContext};\n"],"file":"template-context.js"}
+{"version":3,"sources":["../../../src/template/app-review/template-context.tsx"],"names":["Context","theme","defaultTheme","translations","display","statusBarHeight","useTemplateContext","context","Error","TemplateContext","values","children"],"mappings":";;;;;AAEA;;AAGA;;;;;;;;;;AAgBA;AAEA,MAAMA,OAAO,GAAG,0BAAc;AAC5BC,EAAAA,KAAK,EAAEC,cADqB;AAE5BC,EAAAA,YAAY,EAAE,EAFc;AAG5BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAE;AADV;AAHmB,CAAd,CAAhB,C,CAQA;;AAEA,MAAMC,kBAAkB,GAAG,MAA6B;AACtD,QAAMC,OAAO,GAAG,uBAAWP,OAAX,CAAhB;;AAEA,MAAI,CAACO,OAAL,EAAc;AACZ,UAAM,IAAIC,KAAJ,CACH,yFADG,CAAN;AAGD;;AAED,SAAOD,OAAP;AACD,CAVD,C,CAYA;;;;;AAEA,MAAME,eAAe,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA;AAAT,CAAD,KAA+B;AACrD,sBAAO,6BAAC,OAAD,CAAS,QAAT;AAAkB,IAAA,KAAK,eAAMD,MAAN;AAAvB,KAAuCC,QAAvC,CAAP;AACD,CAFD,C,CAIA","sourcesContent":["// -----------------------------------------------------------------------------\n\nimport React, {createContext, useContext} from 'react';\nimport {Translations} from '../../types/translations';\nimport {Analytics} from '../../variables/analytics';\nimport defaultTheme, {Theme} from '../../variables/theme.native';\nimport {Vibration} from '../../variables/vibration';\n\nexport type TemplateContextValues = {\n  analytics?: Analytics;\n  brandTheme?: any;\n  theme: Theme;\n  translations: Translations;\n  vibration?: Vibration;\n  display: {\n    statusBarHeight: number;\n  };\n};\n\ntype Props = {values: TemplateContextValues; children: any};\n\n// -----------------------------------------------------------------------------\n\nconst Context = createContext({\n  theme: defaultTheme,\n  translations: {},\n  display: {\n    statusBarHeight: 42\n  }\n});\n\n// -----------------------------------------------------------------------------\n\nconst useTemplateContext = (): TemplateContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error(\n      `❌ [TemplateContext] useTemplateContext must be used within a provider <TemplateContext>`\n    );\n  }\n\n  return context;\n};\n\n// -----------------------------------------------------------------------------\n\nconst TemplateContext = ({values, children}: Props) => {\n  return <Context.Provider value={{...values}}>{children}</Context.Provider>;\n};\n\n// -----------------------------------------------------------------------------\n\nexport {TemplateContext, useTemplateContext};\n"],"file":"template-context.js"}

package/lib/template/common/dashboard/index.js

@@ -19,6 +19,8 @@ var _newsList = _interopRequireDefault(require("../../../molecule/dashboard/news
 
 var _startBattle = _interopRequireDefault(require("../../../molecule/dashboard/start-battle"));
 
+var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -41,7 +43,8 @@ const Dashboard = props => {
   const {
     sections = [],
     hero,
-    welcome
+    welcome,
+    cookie
   } = props;
 
   const buildSectionComponent = section => {
@@ -89,13 +92,14 @@ const Dashboard = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapper,
     "data-name": "dashboard"
-  }, sectionsList);
+  }, sectionsList, cookie ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, cookie) : null);
 };
 
 Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   hero: Hero.propTypes.hero,
   welcome: Hero.propTypes.welcome,
-  sections: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_battleRequestList.default.propTypes), _propTypes.default.shape(_cardsList.default.propTypes), _propTypes.default.shape(_newsList.default.propTypes), _propTypes.default.shape(_startBattle.default.propTypes)]))
+  sections: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_battleRequestList.default.propTypes), _propTypes.default.shape(_cardsList.default.propTypes), _propTypes.default.shape(_newsList.default.propTypes), _propTypes.default.shape(_startBattle.default.propTypes)])),
+  cookie: _propTypes.default.shape(_cmPopin.default.propTypes)
 } : {};
 var _default = Dashboard;
 exports.default = _default;

package/lib/template/common/dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/common/dashboard/index.js"],"names":["Hero","React","memo","hero","welcome","style","propTypes","PropTypes","shape","HeroCard","Slide","Dashboard","props","sections","buildSectionComponent","section","type","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType","BattleRequestList","CardsList","NewsList","StartBattle"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,IAAI,GAAGC,eAAMC,IAAN,CAAW,SAASF,IAAT,CAAc;AAACG,EAAAA,IAAD;AAAOC,EAAAA;AAAP,CAAd,EAA+B;AACrD,sBAAO;AAAK,IAAA,SAAS,EAAEC,eAAMF;AAAtB,KAA6BA,IAAI,gBAAG,6BAAC,aAAD,EAAcA,IAAd,CAAH,gBAA4B,6BAAC,cAAD,EAAWC,OAAX,CAA7D,CAAP;AACD,CAFY,CAAb;;AAIAJ,IAAI,CAACM,SAAL,2CAAiB;AACfH,EAAAA,IAAI,EAAEI,mBAAUC,KAAV,CAAgBC,cAASH,SAAzB,CADS;AAEfF,EAAAA,OAAO,EAAEG,mBAAUC,KAAV,CAAgBE,eAAMJ,SAAtB;AAFM,CAAjB;;AAKA,MAAMK,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA,QAAQ,GAAG,EAAZ;AAAgBV,IAAAA,IAAhB;AAAsBC,IAAAA;AAAtB,MAAiCQ,KAAvC;;AAEA,QAAME,qBAAqB,GAAGC,OAAO,IAAI;AACvC,UAAM;AAACC,MAAAA;AAAD,QAASD,OAAf;;AACA,YAAQC,IAAR;AACE,WAAK,MAAL;AACE,4BAAO,6BAAC,IAAD;AAAM,UAAA,IAAI,EAAEb,IAAZ;AAAkB,UAAA,OAAO,EAAEC;AAA3B,UAAP;;AACF,WAAK,gBAAL;AACE,4BAAO,6BAAC,0BAAD,EAAuBW,OAAvB,CAAP;;AACF,WAAK,OAAL;AACE,4BAAO,6BAAC,kBAAD,EAAeA,OAAf,CAAP;;AACF,WAAK,MAAL;AACE,4BAAO,6BAAC,iBAAD,EAAcA,OAAd,CAAP;;AACF,WAAK,QAAL;AACE,4BAAO,6BAAC,oBAAD,EAAiBA,OAAjB,CAAP;;AACF;AACE,eAAO,IAAP;AAZJ;AAcD,GAhBD;;AAkBA,QAAME,YAAY,GAAG,CAACF,OAAD,EAAUG,KAAV,KAAoB;AACvC,UAAMC,WAAW,GAAGL,qBAAqB,CAACC,OAAD,CAAzC;AAEA,wBAAO;AAAK,MAAA,GAAG,EAAEG;AAAV,OAAkBC,WAAlB,CAAP;AACD,GAJD;;AAMA,QAAMC,YAAY,GAAG,CAAC;AAACJ,IAAAA,IAAI,EAAE,MAAP;AAAeK,IAAAA,GAAG,EAAE;AAApB,GAAD,EAA8B,GAAGR,QAAjC,EAA2CS,GAA3C,CAA+CP,OAAO,iBACzE;AAAK,IAAA,GAAG,EAAEA,OAAO,CAACM;AAAlB,KAAwBJ,YAAY,CAACF,OAAD,CAApC,CADmB,CAArB;AAGA,sBACE;AAAK,IAAA,SAAS,EAAEV,eAAMkB,OAAtB;AAA+B,iBAAU;AAAzC,KACGH,YADH,CADF;AAKD,CAnCD;;AAqCAT,SAAS,CAACL,SAAV,2CAAsB;AACpBH,EAAAA,IAAI,EAAEH,IAAI,CAACM,SAAL,CAAeH,IADD;AAEpBC,EAAAA,OAAO,EAAEJ,IAAI,CAACM,SAAL,CAAeF,OAFJ;AAGpBS,EAAAA,QAAQ,EAAEN,mBAAUiB,OAAV,CACRjB,mBAAUkB,SAAV,CAAoB,CAClBlB,mBAAUC,KAAV,CAAgBkB,2BAAkBpB,SAAlC,CADkB,EAElBC,mBAAUC,KAAV,CAAgBmB,mBAAUrB,SAA1B,CAFkB,EAGlBC,mBAAUC,KAAV,CAAgBoB,kBAAStB,SAAzB,CAHkB,EAIlBC,mBAAUC,KAAV,CAAgBqB,qBAAYvB,SAA5B,CAJkB,CAApB,CADQ;AAHU,CAAtB;eAYeK,S","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n  return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n  hero: PropTypes.shape(HeroCard.propTypes),\n  welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n  const {sections = [], hero, welcome} = props;\n\n  const buildSectionComponent = section => {\n    const {type} = section;\n    switch (type) {\n      case 'hero':\n        return <Hero hero={hero} welcome={welcome} />;\n      case 'battleRequests':\n        return <BattleRequestList {...section} />;\n      case 'cards':\n        return <CardsList {...section} />;\n      case 'news':\n        return <NewsList {...section} />;\n      case 'battle':\n        return <StartBattle {...section} />;\n      default:\n        return null;\n    }\n  };\n\n  const buildSection = (section, index) => {\n    const sectionView = buildSectionComponent(section);\n\n    return <div key={index}>{sectionView}</div>;\n  };\n\n  const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n    <div key={section.key}>{buildSection(section)}</div>\n  ));\n  return (\n    <div className={style.wrapper} data-name=\"dashboard\">\n      {sectionsList}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  hero: Hero.propTypes.hero,\n  welcome: Hero.propTypes.welcome,\n  sections: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(BattleRequestList.propTypes),\n      PropTypes.shape(CardsList.propTypes),\n      PropTypes.shape(NewsList.propTypes),\n      PropTypes.shape(StartBattle.propTypes)\n    ])\n  )\n};\nexport default Dashboard;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/common/dashboard/index.js"],"names":["Hero","React","memo","hero","welcome","style","propTypes","PropTypes","shape","HeroCard","Slide","Dashboard","props","sections","cookie","buildSectionComponent","section","type","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType","BattleRequestList","CardsList","NewsList","StartBattle","CMPopin"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n  return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n  hero: PropTypes.shape(HeroCard.propTypes),\n  welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n  const {sections = [], hero, welcome, cookie} = props;\n\n  const buildSectionComponent = section => {\n    const {type} = section;\n    switch (type) {\n      case 'hero':\n        return <Hero hero={hero} welcome={welcome} />;\n      case 'battleRequests':\n        return <BattleRequestList {...section} />;\n      case 'cards':\n        return <CardsList {...section} />;\n      case 'news':\n        return <NewsList {...section} />;\n      case 'battle':\n        return <StartBattle {...section} />;\n      default:\n        return null;\n    }\n  };\n\n  const buildSection = (section, index) => {\n    const sectionView = buildSectionComponent(section);\n\n    return <div key={index}>{sectionView}</div>;\n  };\n\n  const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n    <div key={section.key}>{buildSection(section)}</div>\n  ));\n  return (\n    <div className={style.wrapper} data-name=\"dashboard\">\n      {sectionsList}\n      {cookie ? <CMPopin {...cookie} /> : null}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  hero: Hero.propTypes.hero,\n  welcome: Hero.propTypes.welcome,\n  sections: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(BattleRequestList.propTypes),\n      PropTypes.shape(CardsList.propTypes),\n      PropTypes.shape(NewsList.propTypes),\n      PropTypes.shape(StartBattle.propTypes)\n    ])\n  ),\n  cookie: PropTypes.shape(CMPopin.propTypes)\n};\nexport default Dashboard;\n"],"file":"index.js"}

package/lib/types/app-review.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=app-review.d.js.map

package/lib/types/app-review.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"app-review.d.js"}

package/lib/types/translations.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=translations.js.map

package/lib/types/translations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"translations.js"}

package/lib/util/build-query-string.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const buildUrlQueryParams = params => (0, _keys2.default)(params).map(key => {
+  const value = params[key].toString();
+  return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
+}).join('&');
+
+var _default = buildUrlQueryParams;
+exports.default = _default;
+//# sourceMappingURL=build-query-string.js.map

package/lib/util/build-query-string.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/util/build-query-string.ts"],"names":["buildUrlQueryParams","params","map","key","value","toString","encodeURIComponent","join"],"mappings":";;;;;;;;;AAMA,MAAMA,mBAAmB,GAAIC,MAAD,IAC1B,oBAAKA,MAAL,EACGC,GADH,CACOC,GAAG,IAAI;AACV,QAAMC,KAAK,GAAGH,MAAM,CAACE,GAAD,CAAN,CAAYE,QAAZ,EAAd;AACA,SAAQ,GAAEC,kBAAkB,CAACH,GAAD,CAAM,IAAGG,kBAAkB,CAACF,KAAD,CAAQ,EAA/D;AACD,CAJH,EAKGG,IALH,CAKQ,GALR,CADF;;eAQeP,mB","sourcesContent":["import {keys} from 'lodash/fp';\n\nexport type QueryParams = {\n  [key: string]: string | number | boolean;\n};\n\nconst buildUrlQueryParams = (params: QueryParams) =>\n  keys(params)\n    .map(key => {\n      const value = params[key].toString();\n      return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;\n    })\n    .join('&');\n\nexport default buildUrlQueryParams;\n"],"file":"build-query-string.js"}

package/lib/util/get-clean-uri.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+const getCleanUri = originalUri => originalUri && originalUri.replace(/(http:|https:|)\/\//g, 'https://');
+
+var _default = getCleanUri;
+exports.default = _default;
+//# sourceMappingURL=get-clean-uri.js.map

package/lib/util/get-clean-uri.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/util/get-clean-uri.ts"],"names":["getCleanUri","originalUri","replace"],"mappings":";;;;;AAAA,MAAMA,WAAW,GAAIC,WAAD,IAClBA,WAAW,IAAIA,WAAW,CAACC,OAAZ,CAAoB,sBAApB,EAA4C,UAA5C,CADjB;;eAGeF,W","sourcesContent":["const getCleanUri = (originalUri: string): string =>\n  originalUri && originalUri.replace(/(http:|https:|)\\/\\//g, 'https://');\n\nexport default getCleanUri;\n"],"file":"get-clean-uri.js"}

package/lib/util/get-resized-image.js

@@ -0,0 +1,49 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _reactNative = require("react-native");
+
+var _buildQueryString = _interopRequireDefault(require("./build-query-string"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 MEDIAS_API = 'https://api.coorpacademy.com/api-service/medias';
+
+const getResizedImage = (url, {
+  maxWidth,
+  maxHeight,
+  resizeMode
+}) => {
+  if (!maxWidth && !maxHeight) {
+    return url;
+  }
+
+  let queryParams = {
+    url,
+    m: !resizeMode || resizeMode === 'cover' ? 'crop' : 'contain',
+    q: 90
+  };
+
+  if (maxWidth) {
+    queryParams = _extends(_extends({}, queryParams), {}, {
+      w: _reactNative.PixelRatio.getPixelSizeForLayoutSize(maxWidth)
+    });
+  }
+
+  if (maxHeight) {
+    queryParams = _extends(_extends({}, queryParams), {}, {
+      h: _reactNative.PixelRatio.getPixelSizeForLayoutSize(maxHeight)
+    });
+  }
+
+  const queryString = (0, _buildQueryString.default)(queryParams);
+  return `${MEDIAS_API}?${queryString}`;
+};
+
+var _default = getResizedImage;
+exports.default = _default;
+//# sourceMappingURL=get-resized-image.js.map

package/lib/util/get-resized-image.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/util/get-resized-image.ts"],"names":["MEDIAS_API","getResizedImage","url","maxWidth","maxHeight","resizeMode","queryParams","m","q","w","PixelRatio","getPixelSizeForLayoutSize","h","queryString"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAEA,MAAMA,UAAU,GAAG,iDAAnB;;AAUA,MAAMC,eAAe,GAAG,CACtBC,GADsB,EAEtB;AACEC,EAAAA,QADF;AAEEC,EAAAA,SAFF;AAGEC,EAAAA;AAHF,CAFsB,KAWnB;AACH,MAAI,CAACF,QAAD,IAAa,CAACC,SAAlB,EAA6B;AAC3B,WAAOF,GAAP;AACD;;AAED,MAAII,WAAgC,GAAG;AACrCJ,IAAAA,GADqC;AAErCK,IAAAA,CAAC,EAAE,CAACF,UAAD,IAAeA,UAAU,KAAK,OAA9B,GAAwC,MAAxC,GAAiD,SAFf;AAGrCG,IAAAA,CAAC,EAAE;AAHkC,GAAvC;;AAMA,MAAIL,QAAJ,EAAc;AACZG,IAAAA,WAAW,yBACNA,WADM;AAETG,MAAAA,CAAC,EAAEC,wBAAWC,yBAAX,CAAqCR,QAArC;AAFM,MAAX;AAID;;AAED,MAAIC,SAAJ,EAAe;AACbE,IAAAA,WAAW,yBACNA,WADM;AAETM,MAAAA,CAAC,EAAEF,wBAAWC,yBAAX,CAAqCP,SAArC;AAFM,MAAX;AAID;;AAED,QAAMS,WAAW,GAAG,+BAAoBP,WAApB,CAApB;AAEA,SAAQ,GAAEN,UAAW,IAAGa,WAAY,EAApC;AACD,CAvCD;;eAyCeZ,e","sourcesContent":["import {PixelRatio, ImageResizeMode} from 'react-native';\n\nimport buildUrlQueryParams from './build-query-string';\n\nconst MEDIAS_API = 'https://api.coorpacademy.com/api-service/medias';\n\ntype MediaAPIQueryParams = {\n  url: string;\n  m: ImageResizeMode | 'crop';\n  q: number;\n  w?: number;\n  h?: number;\n};\n\nconst getResizedImage = (\n  url: string,\n  {\n    maxWidth,\n    maxHeight,\n    resizeMode\n  }: {\n    maxWidth?: number;\n    maxHeight?: number;\n    resizeMode?: ImageResizeMode | undefined;\n  }\n) => {\n  if (!maxWidth && !maxHeight) {\n    return url;\n  }\n\n  let queryParams: MediaAPIQueryParams = {\n    url,\n    m: !resizeMode || resizeMode === 'cover' ? 'crop' : 'contain',\n    q: 90\n  };\n\n  if (maxWidth) {\n    queryParams = {\n      ...queryParams,\n      w: PixelRatio.getPixelSizeForLayoutSize(maxWidth)\n    };\n  }\n\n  if (maxHeight) {\n    queryParams = {\n      ...queryParams,\n      h: PixelRatio.getPixelSizeForLayoutSize(maxHeight)\n    };\n  }\n\n  const queryString = buildUrlQueryParams(queryParams);\n\n  return `${MEDIAS_API}?${queryString}`;\n};\n\nexport default getResizedImage;\n"],"file":"get-resized-image.js"}

package/lib/util/parse-template-string.js

@@ -9,11 +9,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const reg = /{{(\w+)}}/;
 
-function parseTemplateString(template) {
-  if (!template) {
+function parseTemplateString(_template) {
+  if (!_template) {
     return [];
   }
 
+  const template = _template.replace(/<br\s*\/*>/g, '<br>').replace(/\r?\n|\r/g, '<br>');
+
   const res = reg.exec(template);
 
   if (!res) {

package/lib/util/parse-template-string.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/util/parse-template-string.js"],"names":["reg","parseTemplateString","template","res","exec","type","value","index","slice","concat","length"],"mappings":";;;;;;;;;AAEA,MAAMA,GAAG,GAAG,WAAZ;;AAEA,SAASC,mBAAT,CAA6BC,QAA7B,EAAuC;AACrC,MAAI,CAACA,QAAL,EAAe;AACb,WAAO,EAAP;AACD;;AACD,QAAMC,GAAG,GAAGH,GAAG,CAACI,IAAJ,CAASF,QAAT,CAAZ;;AACA,MAAI,CAACC,GAAL,EAAU;AACR,WAAO,CAAC;AAACE,MAAAA,IAAI,EAAE,QAAP;AAAiBC,MAAAA,KAAK,EAAEJ;AAAxB,KAAD,CAAP;AACD;;AACD,SAAO,uBAAQ,CACbC,GAAG,CAACI,KAAJ,KAAc,CAAd,GAAkB,IAAlB,GAAyB;AAACF,IAAAA,IAAI,EAAE,QAAP;AAAiBC,IAAAA,KAAK,EAAEJ,QAAQ,CAACM,KAAT,CAAe,CAAf,EAAkBL,GAAG,CAACI,KAAtB;AAAxB,GADZ,EAEb;AAACF,IAAAA,IAAI,EAAE,aAAP;AAAsBC,IAAAA,KAAK,EAAEH,GAAG,CAAC,CAAD;AAAhC,GAFa,CAAR,EAGJM,MAHI,CAGGR,mBAAmB,CAACC,QAAQ,CAACM,KAAT,CAAeL,GAAG,CAACI,KAAJ,GAAYJ,GAAG,CAAC,CAAD,CAAH,CAAOO,MAAlC,CAAD,CAHtB,CAAP;AAID;;eAEcT,mB","sourcesContent":["import {compact} from 'lodash/fp';\n\nconst reg = /{{(\\w+)}}/;\n\nfunction parseTemplateString(template) {\n  if (!template) {\n    return [];\n  }\n  const res = reg.exec(template);\n  if (!res) {\n    return [{type: 'string', value: template}];\n  }\n  return compact([\n    res.index === 0 ? null : {type: 'string', value: template.slice(0, res.index)},\n    {type: 'answerField', value: res[1]}\n  ]).concat(parseTemplateString(template.slice(res.index + res[0].length)));\n}\n\nexport default parseTemplateString;\n"],"file":"parse-template-string.js"}
+{"version":3,"sources":["../../src/util/parse-template-string.js"],"names":["reg","parseTemplateString","_template","template","replace","res","exec","type","value","index","slice","concat","length"],"mappings":";;;;;;;;;AAEA,MAAMA,GAAG,GAAG,WAAZ;;AAEA,SAASC,mBAAT,CAA6BC,SAA7B,EAAwC;AACtC,MAAI,CAACA,SAAL,EAAgB;AACd,WAAO,EAAP;AACD;;AAED,QAAMC,QAAQ,GAAGD,SAAS,CAACE,OAAV,CAAkB,aAAlB,EAAiC,MAAjC,EAAyCA,OAAzC,CAAiD,WAAjD,EAA8D,MAA9D,CAAjB;;AAEA,QAAMC,GAAG,GAAGL,GAAG,CAACM,IAAJ,CAASH,QAAT,CAAZ;;AAEA,MAAI,CAACE,GAAL,EAAU;AACR,WAAO,CAAC;AAACE,MAAAA,IAAI,EAAE,QAAP;AAAiBC,MAAAA,KAAK,EAAEL;AAAxB,KAAD,CAAP;AACD;;AAED,SAAO,uBAAQ,CACbE,GAAG,CAACI,KAAJ,KAAc,CAAd,GAAkB,IAAlB,GAAyB;AAACF,IAAAA,IAAI,EAAE,QAAP;AAAiBC,IAAAA,KAAK,EAAEL,QAAQ,CAACO,KAAT,CAAe,CAAf,EAAkBL,GAAG,CAACI,KAAtB;AAAxB,GADZ,EAEb;AAACF,IAAAA,IAAI,EAAE,aAAP;AAAsBC,IAAAA,KAAK,EAAEH,GAAG,CAAC,CAAD;AAAhC,GAFa,CAAR,EAGJM,MAHI,CAGGV,mBAAmB,CAACE,QAAQ,CAACO,KAAT,CAAeL,GAAG,CAACI,KAAJ,GAAYJ,GAAG,CAAC,CAAD,CAAH,CAAOO,MAAlC,CAAD,CAHtB,CAAP;AAID;;eAEcX,mB","sourcesContent":["import {compact} from 'lodash/fp';\n\nconst reg = /{{(\\w+)}}/;\n\nfunction parseTemplateString(_template) {\n  if (!_template) {\n    return [];\n  }\n\n  const template = _template.replace(/<br\\s*\\/*>/g, '<br>').replace(/\\r?\\n|\\r/g, '<br>');\n\n  const res = reg.exec(template);\n\n  if (!res) {\n    return [{type: 'string', value: template}];\n  }\n\n  return compact([\n    res.index === 0 ? null : {type: 'string', value: template.slice(0, res.index)},\n    {type: 'answerField', value: res[1]}\n  ]).concat(parseTemplateString(template.slice(res.index + res[0].length)));\n}\n\nexport default parseTemplateString;\n"],"file":"parse-template-string.js"}

package/lib/variables/colors.css

@@ -67,6 +67,7 @@
 @value box_shadow_light_dark: rgba(0, 0, 0, 0.12);
 @value box_shadow_medium_dark: rgba(0, 0, 0, 0.2);
 @value box_shadow_orange_700: rgba(255, 84, 31, 0.15);
+@value light_blue: #ADC9F5;
 
 @value go1_backgound: #144953;
 @value go1_primary: #D5FD42;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.22.4",
+  "version": "10.22.7",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -96,7 +96,7 @@
     "@babel/types": "^7.9.6",
     "@coorpacademy/css-modules-require-hook": "2.1.5",
     "@coorpacademy/eslint-plugin-coorpacademy": "^10.0.0",
-    "@coorpacademy/react-native-mock-render": "^0.2.3",
+    "@coorpacademy/react-native-mock-render": "^0.2.4",
     "@coorpacademy/translate": "6.1.5",
     "@coorpacademy/webpack-config": "10.0.4",
     "@storybook/addon-knobs": "^5.3.18",
@@ -112,6 +112,7 @@
     "babel-plugin-lodash": "^3.3.4",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "browser-env": "^3.3.0",
+    "color": "^4.2.3",
     "concurrently": "^5.2.0",
     "cross-env": "^7.0.2",
     "enzyme": "^3.11.0",
@@ -126,6 +127,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-native": "^0.68.2",
+    "react-native-linear-gradient": "^2.6.2",
     "react-native-modal": "11.5.6",
     "react-native-render-html": "^6.3.4",
     "rxjs": "^6.5.5",
@@ -136,5 +138,5 @@
     "webpack": "^4.43.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "6a95baa03c98973afdd8d95d1b6959b21c7bb8ee"
+  "gitHead": "0581f6b96f948da672c274c4d233bc853981f4cc"
 }