@coorpacademy/components 10.21.4 → 10.22.3

package/lib/atom/tab/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/tab/index.js"],"names":["Tab","onClick","links","title","targetContent","handleTabClick","style","tab","link","propTypes","PropTypes","string","arrayOf","objectOf","func"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;;;AAEA,MAAMA,GAAG,GAAG,CAAC;AAACC,EAAAA,OAAD;AAAUC,EAAAA,KAAV;AAAiBC,EAAAA,KAAjB;AAAwBC,EAAAA;AAAxB,CAAD,KAA4C;AACtD,QAAMC,cAAc,GAAG,oBAAQ,MAAM,MAAMJ,OAAO,CAACG,aAAD,CAA3B,EAA4C,CAACH,OAAD,EAAUG,aAAV,CAA5C,CAAvB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAMC,GAAtB;AAA2B,IAAA,OAAO,EAAEF;AAApC,kBACE;AAAK,IAAA,SAAS,EAAEC,eAAMH;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEG,eAAME;AAAtB,KACG,mBACCA,IAAI,iBACF;AAAK,IAAA,GAAG,EAAEA,IAAI,CAACL;AAAf,KAAuBK,IAAI,CAACL,KAA5B,CAFH,EAICD,KAJD,CADH,CAFF,CADF;AAaD,CAhBD;;AAkBAF,GAAG,CAACS,SAAJ,2CAAgB;AACdN,EAAAA,KAAK,EAAEO,mBAAUC,MADH;AAEdT,EAAAA,KAAK,EAAEQ,mBAAUE,OAAV,CAAkBF,mBAAUG,QAAV,CAAmBH,mBAAUC,MAA7B,CAAlB,CAFO;AAGdV,EAAAA,OAAO,EAAES,mBAAUI,IAHL;AAIdV,EAAAA,aAAa,EAAEM,mBAAUC;AAJX,CAAhB;eAOeX,G","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport style from './style.css';\n\nconst Tab = ({onClick, links, title, targetContent}) => {\n  const handleTabClick = useMemo(() => () => onClick(targetContent), [onClick, targetContent]);\n\n  return (\n    <div className={style.tab} onClick={handleTabClick}>\n      <div className={style.title}>{title}</div>\n      <div className={style.link}>\n        {map(\n          link => (\n            <div key={link.title}>{link.title}</div>\n          ),\n          links\n        )}\n      </div>\n    </div>\n  );\n};\n\nTab.propTypes = {\n  title: PropTypes.string,\n  links: PropTypes.arrayOf(PropTypes.objectOf(PropTypes.string)),\n  onClick: PropTypes.func,\n  targetContent: PropTypes.string\n};\n\nexport default Tab;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/tab/index.js"],"names":["Tab","onClick","links","title","targetContent","handleTabClick","style","tab","link","propTypes","PropTypes","string","arrayOf","objectOf","func"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;;;AAEA,MAAMA,GAAG,GAAG,CAAC;AAACC,EAAAA,OAAD;AAAUC,EAAAA,KAAV;AAAiBC,EAAAA,KAAjB;AAAwBC,EAAAA;AAAxB,CAAD,KAA4C;AACtD,QAAMC,cAAc,GAAG,oBAAQ,MAAM,MAAMJ,OAAO,CAACG,aAAD,CAA3B,EAA4C,CAACH,OAAD,EAAUG,aAAV,CAA5C,CAAvB;AAEA,sBACE;AAAK,iBAAU,KAAf;AAAqB,IAAA,SAAS,EAAEE,eAAMC,GAAtC;AAA2C,IAAA,OAAO,EAAEF;AAApD,kBACE;AAAK,IAAA,SAAS,EAAEC,eAAMH;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEG,eAAME;AAAtB,KACG,mBACCA,IAAI,iBACF;AAAK,IAAA,GAAG,EAAEA,IAAI,CAACL;AAAf,KAAuBK,IAAI,CAACL,KAA5B,CAFH,EAICD,KAJD,CADH,CAFF,CADF;AAaD,CAhBD;;AAkBAF,GAAG,CAACS,SAAJ,2CAAgB;AACdN,EAAAA,KAAK,EAAEO,mBAAUC,MADH;AAEdT,EAAAA,KAAK,EAAEQ,mBAAUE,OAAV,CAAkBF,mBAAUG,QAAV,CAAmBH,mBAAUC,MAA7B,CAAlB,CAFO;AAGdV,EAAAA,OAAO,EAAES,mBAAUI,IAHL;AAIdV,EAAAA,aAAa,EAAEM,mBAAUC;AAJX,CAAhB;eAOeX,G","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport style from './style.css';\n\nconst Tab = ({onClick, links, title, targetContent}) => {\n  const handleTabClick = useMemo(() => () => onClick(targetContent), [onClick, targetContent]);\n\n  return (\n    <div data-name=\"tab\" className={style.tab} onClick={handleTabClick}>\n      <div className={style.title}>{title}</div>\n      <div className={style.link}>\n        {map(\n          link => (\n            <div key={link.title}>{link.title}</div>\n          ),\n          links\n        )}\n      </div>\n    </div>\n  );\n};\n\nTab.propTypes = {\n  title: PropTypes.string,\n  links: PropTypes.arrayOf(PropTypes.objectOf(PropTypes.string)),\n  onClick: PropTypes.func,\n  targetContent: PropTypes.string\n};\n\nexport default Tab;\n"],"file":"index.js"}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _reactNative = require("react-native");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _templateContext = require("../../template/app-review/template-context");
+
+var _analytics = require("../../variables/analytics");
+
+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 hitSlop = {
+  left: 12,
+  right: 12,
+  bottom: 12,
+  top: 12
+};
+
+const logEvent = (eventName, analyticsID, analytics, analyticsParams) => {
+  analytics && analytics.logEvent(eventName, _extends(_extends({}, analyticsParams || {}), {}, {
+    id: analyticsID
+  }));
+};
+
+const Touchable = props => {
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const {
+    theme,
+    vibration,
+    analytics
+  } = templateContext;
+  const {
+    analyticsID,
+    analyticsParams,
+    onPress,
+    onLongPress,
+    isWithoutFeedback,
+    isHighlight,
+    activeOpacity,
+    disabled
+  } = props;
+  const handlePress = (0, _react.useMemo)(() => event => {
+    if (!onPress) return;
+    vibration?.vibrate();
+    analytics && logEvent(_analytics.ANALYTICS_EVENT_TYPE.PRESS, analyticsID, analytics, analyticsParams);
+    onPress(event);
+  }, [analytics, analyticsID, analyticsParams, onPress, vibration]);
+  const handleLongPress = (0, _react.useMemo)(() => event => {
+    if (!onLongPress) return;
+    vibration?.vibrate();
+    analytics && logEvent(_analytics.ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);
+    onLongPress(event);
+  }, [analytics, analyticsID, analyticsParams, onLongPress, vibration]);
+
+  if (isHighlight) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, _extends({}, props, {
+      hitSlop: hitSlop,
+      underlayColor: theme.colors.gray.light,
+      onPress: handlePress,
+      onLongPress: handleLongPress,
+      activeOpacity: activeOpacity || (disabled ? 1 : 0.85)
+    }));
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, _extends({}, props, {
+    hitSlop: hitSlop,
+    onPress: handlePress,
+    onLongPress: handleLongPress,
+    activeOpacity: isWithoutFeedback && 1 || activeOpacity || (disabled ? 1 : 0.2)
+  }));
+};
+
+var _default = Touchable;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +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"}

package/lib/molecule/answer/index.js

@@ -1,14 +1,12 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.TYPE_AUDIO = exports.TYPE_VIDEO = exports.TYPE_IMAGE = void 0;
+exports.default = void 0;
 
 var _omit2 = _interopRequireDefault(require("lodash/fp/omit"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _videoPlayer = _interopRequireDefault(require("../video-player"));
 
 var _dropDown = _interopRequireDefault(require("../questions/drop-down"));
@@ -29,19 +27,18 @@ var _audio = _interopRequireDefault(require("../audio"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
+var _propTypes = _interopRequireWildcard(require("./prop-types"));
+
+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 }; }
 
 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); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-const TYPE_IMAGE = 'img';
-exports.TYPE_IMAGE = TYPE_IMAGE;
-const TYPE_VIDEO = 'video';
-exports.TYPE_VIDEO = TYPE_VIDEO;
-const TYPE_AUDIO = 'audio';
-exports.TYPE_AUDIO = TYPE_AUDIO;
-
 const MediaView = ({
   media
 }) => {
@@ -52,7 +49,7 @@ const MediaView = ({
         childProps = _objectWithoutPropertiesLoose(media, ["videoId", "type"]);
 
   switch (type) {
-    case TYPE_IMAGE:
+    case _propTypes.TYPE_IMAGE:
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.media,
         style: {
@@ -60,7 +57,7 @@ const MediaView = ({
         }
       });
 
-    case TYPE_VIDEO:
+    case _propTypes.TYPE_VIDEO:
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.video
       }, /*#__PURE__*/_react.default.createElement(_videoPlayer.default, _extends({}, (0, _omit2.default)('id', childProps), {
@@ -69,7 +66,7 @@ const MediaView = ({
         width: "100%"
       })));
 
-    case TYPE_AUDIO:
+    case _propTypes.TYPE_AUDIO:
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.audio
       }, /*#__PURE__*/_react.default.createElement(_audio.default, _extends({}, (0, _omit2.default)('id', childProps), {
@@ -82,21 +79,7 @@ const MediaView = ({
   }
 };
 
-const isType = process.env.NODE_ENV !== "production" ? name => _propTypes.default.oneOf([name]) : {};
-const videoPropType = process.env.NODE_ENV !== "production" ? _propTypes.default.shape(_extends(_extends({}, _videoPlayer.default.propTypes), {}, {
-  type: isType(TYPE_VIDEO).isRequired
-})) : {};
-const imgPropType = process.env.NODE_ENV !== "production" ? _propTypes.default.shape({
-  type: isType(TYPE_IMAGE).isRequired,
-  url: _propTypes.default.string.isRequired
-}) : {};
-const audioPropType = process.env.NODE_ENV !== "production" ? _propTypes.default.shape({
-  type: isType(TYPE_AUDIO).isRequired,
-  mediaUrl: _propTypes.default.string.isRequired
-}) : {};
-MediaView.propTypes = process.env.NODE_ENV !== "production" ? {
-  media: _propTypes.default.oneOfType([videoPropType, imgPropType, audioPropType])
-} : {};
+MediaView.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.MediaViewPropTypes : {};
 
 const Answer = props => {
   const {
@@ -106,6 +89,8 @@ const Answer = props => {
   } = props;
 
   const buildAnswer = () => {
+    // (propTypes model.type is properly defined)
+    // eslint-disable-next-line react/prop-types
     const {
       type
     } = model;
@@ -145,13 +130,7 @@ const Answer = props => {
   }) : null, answerView);
 };
 
-Answer.propTypes = process.env.NODE_ENV !== "production" ? {
-  model: _propTypes.default.shape({
-    type: _propTypes.default.oneOf(['qcmDrag', 'qcm', 'qcmGraphic', 'freeText', 'dropDown', 'slider', 'template']).isRequired
-  }),
-  help: _propTypes.default.string,
-  media: MediaView.propTypes.media
-} : {};
+Answer.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 var _default = Answer;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/answer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/answer/index.js"],"names":["TYPE_IMAGE","TYPE_VIDEO","TYPE_AUDIO","MediaView","media","videoId","type","childProps","style","backgroundImage","url","video","audio","isType","name","PropTypes","oneOf","videoPropType","shape","VideoPlayer","propTypes","isRequired","imgPropType","string","audioPropType","mediaUrl","oneOfType","Answer","props","model","help","buildAnswer","answerView","wrapper"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,UAAU,GAAG,KAAnB;;AACA,MAAMC,UAAU,GAAG,OAAnB;;AACA,MAAMC,UAAU,GAAG,OAAnB;;;AAEP,MAAMC,SAAS,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAa;AAC7B,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA;AAAV,MAAiCF,KAAvC;AAAA,QAAyBG,UAAzB,iCAAuCH,KAAvC;;AACA,UAAQE,IAAR;AACE,SAAKN,UAAL;AACE,0BACE;AACE,QAAA,SAAS,EAAEQ,eAAMJ,KADnB;AAEE,QAAA,KAAK,EAAE;AACLK,UAAAA,eAAe,EAAG,OAAML,KAAK,CAACM,GAAI;AAD7B;AAFT,QADF;;AAQF,SAAKT,UAAL;AACE,0BACE;AAAK,QAAA,SAAS,EAAEO,eAAMG;AAAtB,sBACE,6BAAC,oBAAD,eAAiB,oBAAK,IAAL,EAAWJ,UAAX,CAAjB;AAAyC,QAAA,EAAE,EAAEF,OAA7C;AAAsD,QAAA,MAAM,EAAC,MAA7D;AAAoE,QAAA,KAAK,EAAC;AAA1E,SADF,CADF;;AAKF,SAAKH,UAAL;AACE,0BACE;AAAK,QAAA,SAAS,EAAEM,eAAMI;AAAtB,sBACE,6BAAC,cAAD,eAAW,oBAAK,IAAL,EAAWL,UAAX,CAAX;AAAmC,QAAA,MAAM,EAAC,MAA1C;AAAiD,QAAA,KAAK,EAAC;AAAvD,SADF,CADF;;AAKF;AACE,aAAO,IAAP;AAvBJ;AAyBD,CA3BD;;AA6BA,MAAMM,MAAN,2CAAeC,IAAI,IAAIC,mBAAUC,KAAV,CAAgB,CAACF,IAAD,CAAhB,CAAvB;AAEA,MAAMG,aAAN,2CAAsBF,mBAAUG,KAAV,uBACjBC,qBAAYC,SADK;AAEpBd,EAAAA,IAAI,EAAEO,MAAM,CAACZ,UAAD,CAAN,CAAmBoB;AAFL,GAAtB;AAKA,MAAMC,WAAN,2CAAoBP,mBAAUG,KAAV,CAAgB;AAClCZ,EAAAA,IAAI,EAAEO,MAAM,CAACb,UAAD,CAAN,CAAmBqB,UADS;AAElCX,EAAAA,GAAG,EAAEK,mBAAUQ,MAAV,CAAiBF;AAFY,CAAhB,CAApB;AAKA,MAAMG,aAAN,2CAAsBT,mBAAUG,KAAV,CAAgB;AACpCZ,EAAAA,IAAI,EAAEO,MAAM,CAACX,UAAD,CAAN,CAAmBmB,UADW;AAEpCI,EAAAA,QAAQ,EAAEV,mBAAUQ,MAAV,CAAiBF;AAFS,CAAhB,CAAtB;AAKAlB,SAAS,CAACiB,SAAV,2CAAsB;AACpBhB,EAAAA,KAAK,EAAEW,mBAAUW,SAAV,CAAoB,CAACT,aAAD,EAAgBK,WAAhB,EAA6BE,aAA7B,CAApB;AADa,CAAtB;;AAIA,MAAMG,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAACC,IAAAA,KAAD;AAAQzB,IAAAA,KAAR;AAAe0B,IAAAA;AAAf,MAAuBF,KAA7B;;AACA,QAAMG,WAAW,GAAG,MAAM;AACxB,UAAM;AAACzB,MAAAA;AAAD,QAASuB,KAAf;;AAEA,YAAQvB,IAAR;AACE,WAAK,SAAL;AACE,4BAAO,6BAAC,gBAAD,eAAauB,KAAb;AAAoB,UAAA,IAAI,EAAEC;AAA1B,WAAP;;AACF,WAAK,KAAL;AACE,4BAAO,6BAAC,YAAD,EAASD,KAAT,CAAP;;AACF,WAAK,YAAL;AACE,4BAAO,6BAAC,mBAAD,EAAgBA,KAAhB,CAAP;;AACF,WAAK,UAAL;AACE,4BAAO,6BAAC,iBAAD,EAAcA,KAAd,CAAP;;AACF,WAAK,UAAL;AACE,4BAAO,6BAAC,iBAAD,EAAcA,KAAd,CAAP;;AACF,WAAK,QAAL;AACE,4BAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;AACF,WAAK,UAAL;AACE,4BAAO,6BAAC,iBAAD,EAAcA,KAAd,CAAP;AAdJ;AAgBD,GAnBD;;AAoBA,QAAMG,UAAU,GAAGD,WAAW,CAACF,KAAD,CAA9B;AAEA,sBACE;AAAK,iBAAU,QAAf;AAAwB,IAAA,SAAS,EAAErB,eAAMyB;AAAzC,KACG7B,KAAK,gBAAG,6BAAC,SAAD;AAAW,IAAA,KAAK,EAAEA;AAAlB,IAAH,GAAiC,IADzC,EAEG4B,UAFH,CADF;AAMD,CA9BD;;AAgCAL,MAAM,CAACP,SAAP,2CAAmB;AACjBS,EAAAA,KAAK,EAAEd,mBAAUG,KAAV,CAAgB;AACrBZ,IAAAA,IAAI,EAAES,mBAAUC,KAAV,CAAgB,CACpB,SADoB,EAEpB,KAFoB,EAGpB,YAHoB,EAIpB,UAJoB,EAKpB,UALoB,EAMpB,QANoB,EAOpB,UAPoB,CAAhB,EAQHK;AATkB,GAAhB,CADU;AAYjBS,EAAAA,IAAI,EAAEf,mBAAUQ,MAZC;AAajBnB,EAAAA,KAAK,EAAED,SAAS,CAACiB,SAAV,CAAoBhB;AAbV,CAAnB;eAgBeuB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {omit} from 'lodash/fp';\nimport VideoPlayer from '../video-player';\nimport DropDown from '../questions/drop-down';\nimport FreeText from '../questions/free-text';\nimport QcmDrag from '../questions/qcm-drag';\nimport Qcm from '../questions/qcm';\nimport QcmGraphic from '../questions/qcm-graphic';\nimport QuestionRange from '../questions/question-range';\nimport Template from '../questions/template';\nimport Audio from '../audio';\nimport style from './style.css';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst MediaView = ({media}) => {\n  const {videoId, type, ...childProps} = media;\n  switch (type) {\n    case TYPE_IMAGE:\n      return (\n        <div\n          className={style.media}\n          style={{\n            backgroundImage: `url(${media.url})`\n          }}\n        />\n      );\n    case TYPE_VIDEO:\n      return (\n        <div className={style.video}>\n          <VideoPlayer {...omit('id', childProps)} id={videoId} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    case TYPE_AUDIO:\n      return (\n        <div className={style.audio}>\n          <Audio {...omit('id', childProps)} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    default:\n      return null;\n  }\n};\n\nconst isType = name => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  ...VideoPlayer.propTypes,\n  type: isType(TYPE_VIDEO).isRequired\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  mediaUrl: PropTypes.string.isRequired\n});\n\nMediaView.propTypes = {\n  media: PropTypes.oneOfType([videoPropType, imgPropType, audioPropType])\n};\n\nconst Answer = props => {\n  const {model, media, help} = props;\n  const buildAnswer = () => {\n    const {type} = model;\n\n    switch (type) {\n      case 'qcmDrag':\n        return <QcmDrag {...model} help={help} />;\n      case 'qcm':\n        return <Qcm {...model} />;\n      case 'qcmGraphic':\n        return <QcmGraphic {...model} />;\n      case 'freeText':\n        return <FreeText {...model} />;\n      case 'dropDown':\n        return <DropDown {...model} />;\n      case 'slider':\n        return <QuestionRange {...model} />;\n      case 'template':\n        return <Template {...model} />;\n    }\n  };\n  const answerView = buildAnswer(model);\n\n  return (\n    <div data-name=\"answer\" className={style.wrapper}>\n      {media ? <MediaView media={media} /> : null}\n      {answerView}\n    </div>\n  );\n};\n\nAnswer.propTypes = {\n  model: PropTypes.shape({\n    type: PropTypes.oneOf([\n      'qcmDrag',\n      'qcm',\n      'qcmGraphic',\n      'freeText',\n      'dropDown',\n      'slider',\n      'template'\n    ]).isRequired\n  }),\n  help: PropTypes.string,\n  media: MediaView.propTypes.media\n};\n\nexport default Answer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/answer/index.js"],"names":["MediaView","media","videoId","type","childProps","TYPE_IMAGE","style","backgroundImage","url","TYPE_VIDEO","video","TYPE_AUDIO","audio","propTypes","MediaViewPropTypes","Answer","props","model","help","buildAnswer","answerView","wrapper"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAa;AAC7B,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA;AAAV,MAAiCF,KAAvC;AAAA,QAAyBG,UAAzB,iCAAuCH,KAAvC;;AACA,UAAQE,IAAR;AACE,SAAKE,qBAAL;AACE,0BACE;AACE,QAAA,SAAS,EAAEC,eAAML,KADnB;AAEE,QAAA,KAAK,EAAE;AACLM,UAAAA,eAAe,EAAG,OAAMN,KAAK,CAACO,GAAI;AAD7B;AAFT,QADF;;AAQF,SAAKC,qBAAL;AACE,0BACE;AAAK,QAAA,SAAS,EAAEH,eAAMI;AAAtB,sBACE,6BAAC,oBAAD,eAAiB,oBAAK,IAAL,EAAWN,UAAX,CAAjB;AAAyC,QAAA,EAAE,EAAEF,OAA7C;AAAsD,QAAA,MAAM,EAAC,MAA7D;AAAoE,QAAA,KAAK,EAAC;AAA1E,SADF,CADF;;AAKF,SAAKS,qBAAL;AACE,0BACE;AAAK,QAAA,SAAS,EAAEL,eAAMM;AAAtB,sBACE,6BAAC,cAAD,eAAW,oBAAK,IAAL,EAAWR,UAAX,CAAX;AAAmC,QAAA,MAAM,EAAC,MAA1C;AAAiD,QAAA,KAAK,EAAC;AAAvD,SADF,CADF;;AAKF;AACE,aAAO,IAAP;AAvBJ;AAyBD,CA3BD;;AA6BAJ,SAAS,CAACa,SAAV,2CAAsBC,6BAAtB;;AAEA,MAAMC,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAACC,IAAAA,KAAD;AAAQhB,IAAAA,KAAR;AAAeiB,IAAAA;AAAf,MAAuBF,KAA7B;;AACA,QAAMG,WAAW,GAAG,MAAM;AACxB;AACA;AACA,UAAM;AAAChB,MAAAA;AAAD,QAASc,KAAf;;AAEA,YAAQd,IAAR;AACE,WAAK,SAAL;AACE,4BAAO,6BAAC,gBAAD,eAAac,KAAb;AAAoB,UAAA,IAAI,EAAEC;AAA1B,WAAP;;AACF,WAAK,KAAL;AACE,4BAAO,6BAAC,YAAD,EAASD,KAAT,CAAP;;AACF,WAAK,YAAL;AACE,4BAAO,6BAAC,mBAAD,EAAgBA,KAAhB,CAAP;;AACF,WAAK,UAAL;AACE,4BAAO,6BAAC,iBAAD,EAAcA,KAAd,CAAP;;AACF,WAAK,UAAL;AACE,4BAAO,6BAAC,iBAAD,EAAcA,KAAd,CAAP;;AACF,WAAK,QAAL;AACE,4BAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;AACF,WAAK,UAAL;AACE,4BAAO,6BAAC,iBAAD,EAAcA,KAAd,CAAP;AAdJ;AAgBD,GArBD;;AAsBA,QAAMG,UAAU,GAAGD,WAAW,CAACF,KAAD,CAA9B;AAEA,sBACE;AAAK,iBAAU,QAAf;AAAwB,IAAA,SAAS,EAAEX,eAAMe;AAAzC,KACGpB,KAAK,gBAAG,6BAAC,SAAD;AAAW,IAAA,KAAK,EAAEA;AAAlB,IAAH,GAAiC,IADzC,EAEGmB,UAFH,CADF;AAMD,CAhCD;;AAkCAL,MAAM,CAACF,SAAP,2CAAmBA,kBAAnB;eAEeE,M","sourcesContent":["import React from 'react';\nimport {omit} from 'lodash/fp';\nimport VideoPlayer from '../video-player';\nimport DropDown from '../questions/drop-down';\nimport FreeText from '../questions/free-text';\nimport QcmDrag from '../questions/qcm-drag';\nimport Qcm from '../questions/qcm';\nimport QcmGraphic from '../questions/qcm-graphic';\nimport QuestionRange from '../questions/question-range';\nimport Template from '../questions/template';\nimport Audio from '../audio';\nimport style from './style.css';\nimport propTypes, {MediaViewPropTypes, TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from './prop-types';\n\nconst MediaView = ({media}) => {\n  const {videoId, type, ...childProps} = media;\n  switch (type) {\n    case TYPE_IMAGE:\n      return (\n        <div\n          className={style.media}\n          style={{\n            backgroundImage: `url(${media.url})`\n          }}\n        />\n      );\n    case TYPE_VIDEO:\n      return (\n        <div className={style.video}>\n          <VideoPlayer {...omit('id', childProps)} id={videoId} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    case TYPE_AUDIO:\n      return (\n        <div className={style.audio}>\n          <Audio {...omit('id', childProps)} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    default:\n      return null;\n  }\n};\n\nMediaView.propTypes = MediaViewPropTypes;\n\nconst Answer = props => {\n  const {model, media, help} = props;\n  const buildAnswer = () => {\n    // (propTypes model.type is properly defined)\n    // eslint-disable-next-line react/prop-types\n    const {type} = model;\n\n    switch (type) {\n      case 'qcmDrag':\n        return <QcmDrag {...model} help={help} />;\n      case 'qcm':\n        return <Qcm {...model} />;\n      case 'qcmGraphic':\n        return <QcmGraphic {...model} />;\n      case 'freeText':\n        return <FreeText {...model} />;\n      case 'dropDown':\n        return <DropDown {...model} />;\n      case 'slider':\n        return <QuestionRange {...model} />;\n      case 'template':\n        return <Template {...model} />;\n    }\n  };\n  const answerView = buildAnswer(model);\n\n  return (\n    <div data-name=\"answer\" className={style.wrapper}>\n      {media ? <MediaView media={media} /> : null}\n      {answerView}\n    </div>\n  );\n};\n\nAnswer.propTypes = propTypes;\n\nexport default Answer;\n"],"file":"index.js"}

package/lib/molecule/answer/prop-types.js

@@ -0,0 +1,49 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.MediaViewPropTypes = exports.TYPE_AUDIO = exports.TYPE_VIDEO = exports.TYPE_IMAGE = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _propTypes2 = _interopRequireDefault(require("../video-player/prop-types"));
+
+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 TYPE_IMAGE = 'img';
+exports.TYPE_IMAGE = TYPE_IMAGE;
+const TYPE_VIDEO = 'video';
+exports.TYPE_VIDEO = TYPE_VIDEO;
+const TYPE_AUDIO = 'audio';
+exports.TYPE_AUDIO = TYPE_AUDIO;
+
+const isType = name => _propTypes.default.oneOf([name]);
+
+const videoPropType = _propTypes.default.shape(_extends(_extends({}, _propTypes2.default), {}, {
+  type: isType(TYPE_VIDEO).isRequired
+}));
+
+const imgPropType = _propTypes.default.shape({
+  type: isType(TYPE_IMAGE).isRequired,
+  url: _propTypes.default.string.isRequired
+});
+
+const audioPropType = _propTypes.default.shape({
+  type: isType(TYPE_AUDIO).isRequired,
+  mediaUrl: _propTypes.default.string.isRequired
+});
+
+const MediaViewPropTypes = {
+  media: _propTypes.default.oneOfType([videoPropType, imgPropType, audioPropType])
+};
+exports.MediaViewPropTypes = MediaViewPropTypes;
+var _default = {
+  model: _propTypes.default.shape({
+    type: _propTypes.default.oneOf(['qcmDrag', 'qcm', 'qcmGraphic', 'freeText', 'dropDown', 'slider', 'template']).isRequired
+  }),
+  help: _propTypes.default.string,
+  media: MediaViewPropTypes.media
+};
+exports.default = _default;
+//# sourceMappingURL=prop-types.js.map

package/lib/molecule/answer/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/answer/prop-types.js"],"names":["TYPE_IMAGE","TYPE_VIDEO","TYPE_AUDIO","isType","name","PropTypes","oneOf","videoPropType","shape","VideoPlayerPropTypes","type","isRequired","imgPropType","url","string","audioPropType","mediaUrl","MediaViewPropTypes","media","oneOfType","model","help"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEO,MAAMA,UAAU,GAAG,KAAnB;;AACA,MAAMC,UAAU,GAAG,OAAnB;;AACA,MAAMC,UAAU,GAAG,OAAnB;;;AAEP,MAAMC,MAAM,GAAGC,IAAI,IAAIC,mBAAUC,KAAV,CAAgB,CAACF,IAAD,CAAhB,CAAvB;;AAEA,MAAMG,aAAa,GAAGF,mBAAUG,KAAV,uBACjBC,mBADiB;AAEpBC,EAAAA,IAAI,EAAEP,MAAM,CAACF,UAAD,CAAN,CAAmBU;AAFL,GAAtB;;AAKA,MAAMC,WAAW,GAAGP,mBAAUG,KAAV,CAAgB;AAClCE,EAAAA,IAAI,EAAEP,MAAM,CAACH,UAAD,CAAN,CAAmBW,UADS;AAElCE,EAAAA,GAAG,EAAER,mBAAUS,MAAV,CAAiBH;AAFY,CAAhB,CAApB;;AAKA,MAAMI,aAAa,GAAGV,mBAAUG,KAAV,CAAgB;AACpCE,EAAAA,IAAI,EAAEP,MAAM,CAACD,UAAD,CAAN,CAAmBS,UADW;AAEpCK,EAAAA,QAAQ,EAAEX,mBAAUS,MAAV,CAAiBH;AAFS,CAAhB,CAAtB;;AAKO,MAAMM,kBAAkB,GAAG;AAChCC,EAAAA,KAAK,EAAEb,mBAAUc,SAAV,CAAoB,CAACZ,aAAD,EAAgBK,WAAhB,EAA6BG,aAA7B,CAApB;AADyB,CAA3B;;eAIQ;AACbK,EAAAA,KAAK,EAAEf,mBAAUG,KAAV,CAAgB;AACrBE,IAAAA,IAAI,EAAEL,mBAAUC,KAAV,CAAgB,CACpB,SADoB,EAEpB,KAFoB,EAGpB,YAHoB,EAIpB,UAJoB,EAKpB,UALoB,EAMpB,QANoB,EAOpB,UAPoB,CAAhB,EAQHK;AATkB,GAAhB,CADM;AAYbU,EAAAA,IAAI,EAAEhB,mBAAUS,MAZH;AAabI,EAAAA,KAAK,EAAED,kBAAkB,CAACC;AAbb,C","sourcesContent":["import PropTypes from 'prop-types';\nimport VideoPlayerPropTypes from '../video-player/prop-types';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = name => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  ...VideoPlayerPropTypes,\n  type: isType(TYPE_VIDEO).isRequired\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  mediaUrl: PropTypes.string.isRequired\n});\n\nexport const MediaViewPropTypes = {\n  media: PropTypes.oneOfType([videoPropType, imgPropType, audioPropType])\n};\n\nexport default {\n  model: PropTypes.shape({\n    type: PropTypes.oneOf([\n      'qcmDrag',\n      'qcm',\n      'qcmGraphic',\n      'freeText',\n      'dropDown',\n      'slider',\n      'template'\n    ]).isRequired\n  }),\n  help: PropTypes.string,\n  media: MediaViewPropTypes.media\n};\n"],"file":"prop-types.js"}

package/lib/molecule/dashboard/battle-request-list/index.js

@@ -13,7 +13,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const BattleRequestList = (props, context) => {
+const BattleRequestList = _react.default.memo(function BattleRequestList(props) {
   const {
     requests
   } = props;
@@ -27,13 +27,11 @@ const BattleRequestList = (props, context) => {
     className: _style.default.list,
     "data-name": "battle-request-list"
   }, cards);
-};
+});
 
 BattleRequestList.propTypes = process.env.NODE_ENV !== "production" ? {
   requests: _propTypes.default.arrayOf(_propTypes.default.shape(_battleRequest.default.propTypes))
 } : {};
-
-var _default = _react.default.memo(BattleRequestList);
-
+var _default = BattleRequestList;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/dashboard/battle-request-list/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/dashboard/battle-request-list/index.js"],"names":["BattleRequestList","props","context","requests","cards","map","request","key","style","card","list","propTypes","PropTypes","arrayOf","shape","BattleRequest","React","memo"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC5C,QAAM;AAACC,IAAAA;AAAD,MAAaF,KAAnB;AAEA,QAAMG,KAAK,GAAGD,QAAQ,CAACE,GAAT,CAAa,CAACC,OAAD,EAAUC,GAAV,KAAkB;AAC3C,wBACE;AAAK,MAAA,SAAS,EAAEC,eAAMC,IAAtB;AAA4B,MAAA,GAAG,EAAEF;AAAjC,oBACE,6BAAC,sBAAD,EAAmBD,OAAnB,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAME,IAAtB;AAA4B,iBAAU;AAAtC,KACGN,KADH,CADF;AAKD,CAhBD;;AAkBAJ,iBAAiB,CAACW,SAAlB,2CAA8B;AAC5BR,EAAAA,QAAQ,EAAES,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,uBAAcJ,SAA9B,CAAlB;AADkB,CAA9B;;eAIeK,eAAMC,IAAN,CAAWjB,iBAAX,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BattleRequest from '../../battle-request';\nimport style from './style.css';\n\nconst BattleRequestList = (props, context) => {\n  const {requests} = props;\n\n  const cards = requests.map((request, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <BattleRequest {...request} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.list} data-name=\"battle-request-list\">\n      {cards}\n    </div>\n  );\n};\n\nBattleRequestList.propTypes = {\n  requests: PropTypes.arrayOf(PropTypes.shape(BattleRequest.propTypes))\n};\n\nexport default React.memo(BattleRequestList);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/battle-request-list/index.js"],"names":["BattleRequestList","React","memo","props","requests","cards","map","request","key","style","card","list","propTypes","PropTypes","arrayOf","shape","BattleRequest"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,iBAAiB,GAAGC,eAAMC,IAAN,CAAW,SAASF,iBAAT,CAA2BG,KAA3B,EAAkC;AACrE,QAAM;AAACC,IAAAA;AAAD,MAAaD,KAAnB;AAEA,QAAME,KAAK,GAAGD,QAAQ,CAACE,GAAT,CAAa,CAACC,OAAD,EAAUC,GAAV,KAAkB;AAC3C,wBACE;AAAK,MAAA,SAAS,EAAEC,eAAMC,IAAtB;AAA4B,MAAA,GAAG,EAAEF;AAAjC,oBACE,6BAAC,sBAAD,EAAmBD,OAAnB,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAME,IAAtB;AAA4B,iBAAU;AAAtC,KACGN,KADH,CADF;AAKD,CAhByB,CAA1B;;AAkBAL,iBAAiB,CAACY,SAAlB,2CAA8B;AAC5BR,EAAAA,QAAQ,EAAES,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,uBAAcJ,SAA9B,CAAlB;AADkB,CAA9B;eAIeZ,iB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BattleRequest from '../../battle-request';\nimport style from './style.css';\n\nconst BattleRequestList = React.memo(function BattleRequestList(props) {\n  const {requests} = props;\n\n  const cards = requests.map((request, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <BattleRequest {...request} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.list} data-name=\"battle-request-list\">\n      {cards}\n    </div>\n  );\n});\n\nBattleRequestList.propTypes = {\n  requests: PropTypes.arrayOf(PropTypes.shape(BattleRequest.propTypes))\n};\n\nexport default BattleRequestList;\n"],"file":"index.js"}

package/lib/molecule/dashboard/news-list/index.js

@@ -15,7 +15,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const NewsList = (props, context) => {
+const NewsList = _react.default.memo(function NewsList(props) {
   const {
     title,
     news,
@@ -48,7 +48,7 @@ const NewsList = (props, context) => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.title
   }, title), cardsView, loading ? loadingView : moreView));
-};
+});
 
 NewsList.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
@@ -59,8 +59,6 @@ NewsList.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   loading: _propTypes.default.bool
 } : {};
-
-var _default = _react.default.memo(NewsList);
-
+var _default = NewsList;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/dashboard/news-list/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/dashboard/news-list/index.js"],"names":["NewsList","props","context","title","news","more","loading","loadingView","style","loader","moreView","onClick","label","cardsView","map","nws","key","card","wrapper","list","propTypes","PropTypes","string","arrayOf","shape","News","func","bool","React","memo"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACnC,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,IAAd;AAAoBC,IAAAA,OAAO,GAAG;AAA9B,MAAuCL,KAA7C;;AAEA,QAAMM,WAAW,gBACf;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,kBACE,6BAAC,eAAD,OADF,CADF;;AAMA,QAAMC,QAAQ,GAAGL,IAAI;AAAA;AACnB;AACA;AAAK,IAAA,SAAS,EAAEG,eAAMH,IAAtB;AAA4B,IAAA,OAAO,EAAEA,IAAI,CAACM;AAA1C,KACGN,IAAI,CAACO,KADR,CAFmB,GAKjB,IALJ;AAOA,QAAMC,SAAS,GAAGT,IAAI,CAACU,GAAL,CAAS,CAACC,GAAD,EAAMC,GAAN,KAAc;AACvC,wBACE;AAAK,MAAA,SAAS,EAAER,eAAMS,IAAtB;AAA4B,MAAA,GAAG,EAAED;AAAjC,oBACE,6BAAC,aAAD,EAAUD,GAAV,CADF,CADF;AAKD,GANiB,CAAlB;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEP,eAAMU,OAAtB;AAA+B,iBAAU;AAAzC,kBACE;AAAK,IAAA,SAAS,EAAEV,eAAMW;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEX,eAAML;AAAtB,KAA8BA,KAA9B,CADF,EAEGU,SAFH,EAGGP,OAAO,GAAGC,WAAH,GAAiBG,QAH3B,CADF,CADF;AASD,CAjCD;;AAmCAV,QAAQ,CAACoB,SAAT,2CAAqB;AACnBjB,EAAAA,KAAK,EAAEkB,mBAAUC,MADE;AAEnBlB,EAAAA,IAAI,EAAEiB,mBAAUE,OAAV,CAAkBF,mBAAUG,KAAV,CAAgBC,cAAKL,SAArB,CAAlB,CAFa;AAGnBf,EAAAA,IAAI,EAAEgB,mBAAUG,KAAV,CAAgB;AACpBZ,IAAAA,KAAK,EAAES,mBAAUC,MADG;AAEpBX,IAAAA,OAAO,EAAEU,mBAAUK;AAFC,GAAhB,CAHa;AAOnBpB,EAAAA,OAAO,EAAEe,mBAAUM;AAPA,CAArB;;eAUeC,eAAMC,IAAN,CAAW7B,QAAX,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport News from '../../news';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst NewsList = (props, context) => {\n  const {title, news, more, loading = false} = props;\n\n  const loadingView = (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  );\n\n  const moreView = more ? (\n    // eslint-disable-next-line react/jsx-handler-names\n    <div className={style.more} onClick={more.onClick}>\n      {more.label}\n    </div>\n  ) : null;\n\n  const cardsView = news.map((nws, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <News {...nws} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.wrapper} data-name=\"news-list\">\n      <div className={style.list}>\n        <div className={style.title}>{title}</div>\n        {cardsView}\n        {loading ? loadingView : moreView}\n      </div>\n    </div>\n  );\n};\n\nNewsList.propTypes = {\n  title: PropTypes.string,\n  news: PropTypes.arrayOf(PropTypes.shape(News.propTypes)),\n  more: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool\n};\n\nexport default React.memo(NewsList);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/news-list/index.js"],"names":["NewsList","React","memo","props","title","news","more","loading","loadingView","style","loader","moreView","onClick","label","cardsView","map","nws","key","card","wrapper","list","propTypes","PropTypes","string","arrayOf","shape","News","func","bool"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,QAAQ,GAAGC,eAAMC,IAAN,CAAW,SAASF,QAAT,CAAkBG,KAAlB,EAAyB;AACnD,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,IAAd;AAAoBC,IAAAA,OAAO,GAAG;AAA9B,MAAuCJ,KAA7C;;AAEA,QAAMK,WAAW,gBACf;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,kBACE,6BAAC,eAAD,OADF,CADF;;AAMA,QAAMC,QAAQ,GAAGL,IAAI;AAAA;AACnB;AACA;AAAK,IAAA,SAAS,EAAEG,eAAMH,IAAtB;AAA4B,IAAA,OAAO,EAAEA,IAAI,CAACM;AAA1C,KACGN,IAAI,CAACO,KADR,CAFmB,GAKjB,IALJ;AAOA,QAAMC,SAAS,GAAGT,IAAI,CAACU,GAAL,CAAS,CAACC,GAAD,EAAMC,GAAN,KAAc;AACvC,wBACE;AAAK,MAAA,SAAS,EAAER,eAAMS,IAAtB;AAA4B,MAAA,GAAG,EAAED;AAAjC,oBACE,6BAAC,aAAD,EAAUD,GAAV,CADF,CADF;AAKD,GANiB,CAAlB;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEP,eAAMU,OAAtB;AAA+B,iBAAU;AAAzC,kBACE;AAAK,IAAA,SAAS,EAAEV,eAAMW;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEX,eAAML;AAAtB,KAA8BA,KAA9B,CADF,EAEGU,SAFH,EAGGP,OAAO,GAAGC,WAAH,GAAiBG,QAH3B,CADF,CADF;AASD,CAjCgB,CAAjB;;AAmCAX,QAAQ,CAACqB,SAAT,2CAAqB;AACnBjB,EAAAA,KAAK,EAAEkB,mBAAUC,MADE;AAEnBlB,EAAAA,IAAI,EAAEiB,mBAAUE,OAAV,CAAkBF,mBAAUG,KAAV,CAAgBC,cAAKL,SAArB,CAAlB,CAFa;AAGnBf,EAAAA,IAAI,EAAEgB,mBAAUG,KAAV,CAAgB;AACpBZ,IAAAA,KAAK,EAAES,mBAAUC,MADG;AAEpBX,IAAAA,OAAO,EAAEU,mBAAUK;AAFC,GAAhB,CAHa;AAOnBpB,EAAAA,OAAO,EAAEe,mBAAUM;AAPA,CAArB;eAUe5B,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport News from '../../news';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst NewsList = React.memo(function NewsList(props) {\n  const {title, news, more, loading = false} = props;\n\n  const loadingView = (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  );\n\n  const moreView = more ? (\n    // eslint-disable-next-line react/jsx-handler-names\n    <div className={style.more} onClick={more.onClick}>\n      {more.label}\n    </div>\n  ) : null;\n\n  const cardsView = news.map((nws, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <News {...nws} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.wrapper} data-name=\"news-list\">\n      <div className={style.list}>\n        <div className={style.title}>{title}</div>\n        {cardsView}\n        {loading ? loadingView : moreView}\n      </div>\n    </div>\n  );\n});\n\nNewsList.propTypes = {\n  title: PropTypes.string,\n  news: PropTypes.arrayOf(PropTypes.shape(News.propTypes)),\n  more: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool\n};\n\nexport default NewsList;\n"],"file":"index.js"}

package/lib/molecule/dashboard/review-banner/index.js

@@ -15,7 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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 ReviewBanner = props => {
+const ReviewBanner = _react.default.memo(function ReviewBanner(props) {
   const {
     title,
     subtitle,
@@ -62,7 +62,7 @@ const ReviewBanner = props => {
     src: "https://static.coorpacademy.com/site/dumbell.png",
     alt: "Dumbbell image"
   })))));
-};
+});
 
 ReviewBanner.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
@@ -72,8 +72,6 @@ ReviewBanner.propTypes = process.env.NODE_ENV !== "production" ? {
     label: _propTypes.default.string
   })
 } : {};
-
-var _default = _react.default.memo(ReviewBanner);
-
+var _default = ReviewBanner;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/dashboard/review-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/dashboard/review-banner/index.js"],"names":["ReviewBanner","props","title","subtitle","cta","buttonProps","type","style","root","container","banner","left","image","middle","right","propTypes","PropTypes","string","shape","onClick","func","label","React","memo"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAAyBH,KAA/B;;AAEA,QAAMI,WAAW,yBACZD,GADY;AAEfE,IAAAA,IAAI,EAAE;AAFS,IAAjB;;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI,IAAtB;AAA4B,IAAA,IAAI,EAAC,KAAjC;AAAuC,kBAAW;AAAlD,kBACE;AACE,IAAA,SAAS,EAAEJ,eAAMK,KADnB;AAEE,IAAA,GAAG,EAAC,+CAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CADF,eAQE;AAAK,IAAA,SAAS,EAAEL,eAAMM;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEN,eAAML,KAAvB;AAA8B,iBAAU,qBAAxC;AAA8D,kBAAW;AAAzE,KACGA,KADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEK,eAAMJ,QADnB;AAEE,iBAAU,wBAFZ;AAGE,kBAAW;AAHb,KAKGA,QALH,CAJF,eAWE,6BAAC,mBAAD,eAAgBE,WAAhB;AAA6B,IAAA,SAAS,EAAEE,eAAMH;AAA9C,KAXF,CARF,eAqBE;AAAK,IAAA,SAAS,EAAEG,eAAMO,KAAtB;AAA6B,IAAA,IAAI,EAAC,KAAlC;AAAwC,kBAAW;AAAnD,kBACE;AACE,IAAA,SAAS,EAAEP,eAAMK,KADnB;AAEE,IAAA,GAAG,EAAC,kDAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CArBF,CADF,CADF,CADF;AAmCD,CA3CD;;AA6CAZ,YAAY,CAACe,SAAb,2CAAyB;AACvBb,EAAAA,KAAK,EAAEc,mBAAUC,MADM;AAEvBd,EAAAA,QAAQ,EAAEa,mBAAUC,MAFG;AAGvBb,EAAAA,GAAG,EAAEY,mBAAUE,KAAV,CAAgB;AACnBC,IAAAA,OAAO,EAAEH,mBAAUI,IADA;AAEnBC,IAAAA,KAAK,EAAEL,mBAAUC;AAFE,GAAhB;AAHkB,CAAzB;;eASeK,eAAMC,IAAN,CAAWvB,YAAX,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\n\nconst ReviewBanner = props => {\n  const {title, subtitle, cta} = props;\n\n  const buttonProps = {\n    ...cta,\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.root} data-name=\"start-review-banner\">\n      <div className={style.container}>\n        <div className={style.banner}>\n          <div className={style.left} role=\"img\" aria-label=\"Left image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/book.png\"\n              alt=\"Book image\"\n            />\n          </div>\n          <div className={style.middle}>\n            <span className={style.title} data-name=\"review-banner-title\" aria-label=\"{title}\">\n              {title}\n            </span>\n            <span\n              className={style.subtitle}\n              data-name=\"review-banner-subtitle\"\n              aria-label=\"{subtitle}\"\n            >\n              {subtitle}\n            </span>\n            <ButtonLink {...buttonProps} className={style.cta} />\n          </div>\n          <div className={style.right} role=\"img\" aria-label=\"Rigth image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/dumbell.png\"\n              alt=\"Dumbbell image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewBanner.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  cta: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string\n  })\n};\n\nexport default React.memo(ReviewBanner);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/review-banner/index.js"],"names":["ReviewBanner","React","memo","props","title","subtitle","cta","buttonProps","type","style","root","container","banner","left","image","middle","right","propTypes","PropTypes","string","shape","onClick","func","label"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,eAAMC,IAAN,CAAW,SAASF,YAAT,CAAsBG,KAAtB,EAA6B;AAC3D,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAAyBH,KAA/B;;AAEA,QAAMI,WAAW,yBACZD,GADY;AAEfE,IAAAA,IAAI,EAAE;AAFS,IAAjB;;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI,IAAtB;AAA4B,IAAA,IAAI,EAAC,KAAjC;AAAuC,kBAAW;AAAlD,kBACE;AACE,IAAA,SAAS,EAAEJ,eAAMK,KADnB;AAEE,IAAA,GAAG,EAAC,+CAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CADF,eAQE;AAAK,IAAA,SAAS,EAAEL,eAAMM;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEN,eAAML,KAAvB;AAA8B,iBAAU,qBAAxC;AAA8D,kBAAW;AAAzE,KACGA,KADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEK,eAAMJ,QADnB;AAEE,iBAAU,wBAFZ;AAGE,kBAAW;AAHb,KAKGA,QALH,CAJF,eAWE,6BAAC,mBAAD,eAAgBE,WAAhB;AAA6B,IAAA,SAAS,EAAEE,eAAMH;AAA9C,KAXF,CARF,eAqBE;AAAK,IAAA,SAAS,EAAEG,eAAMO,KAAtB;AAA6B,IAAA,IAAI,EAAC,KAAlC;AAAwC,kBAAW;AAAnD,kBACE;AACE,IAAA,SAAS,EAAEP,eAAMK,KADnB;AAEE,IAAA,GAAG,EAAC,kDAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CArBF,CADF,CADF,CADF;AAmCD,CA3CoB,CAArB;;AA6CAd,YAAY,CAACiB,SAAb,2CAAyB;AACvBb,EAAAA,KAAK,EAAEc,mBAAUC,MADM;AAEvBd,EAAAA,QAAQ,EAAEa,mBAAUC,MAFG;AAGvBb,EAAAA,GAAG,EAAEY,mBAAUE,KAAV,CAAgB;AACnBC,IAAAA,OAAO,EAAEH,mBAAUI,IADA;AAEnBC,IAAAA,KAAK,EAAEL,mBAAUC;AAFE,GAAhB;AAHkB,CAAzB;eASenB,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\n\nconst ReviewBanner = React.memo(function ReviewBanner(props) {\n  const {title, subtitle, cta} = props;\n\n  const buttonProps = {\n    ...cta,\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.root} data-name=\"start-review-banner\">\n      <div className={style.container}>\n        <div className={style.banner}>\n          <div className={style.left} role=\"img\" aria-label=\"Left image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/book.png\"\n              alt=\"Book image\"\n            />\n          </div>\n          <div className={style.middle}>\n            <span className={style.title} data-name=\"review-banner-title\" aria-label=\"{title}\">\n              {title}\n            </span>\n            <span\n              className={style.subtitle}\n              data-name=\"review-banner-subtitle\"\n              aria-label=\"{subtitle}\"\n            >\n              {subtitle}\n            </span>\n            <ButtonLink {...buttonProps} className={style.cta} />\n          </div>\n          <div className={style.right} role=\"img\" aria-label=\"Rigth image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/dumbell.png\"\n              alt=\"Dumbbell image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nReviewBanner.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  cta: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string\n  })\n};\n\nexport default ReviewBanner;\n"],"file":"index.js"}

package/lib/molecule/dashboard/start-battle/index.js

@@ -17,7 +17,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StartBattle = (props, context) => {
+const StartBattle = _react.default.memo(function StartBattle(props) {
   const {
     startBattleText,
     becomeAChampionText,
@@ -61,7 +61,7 @@ const StartBattle = (props, context) => {
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyBigFlashRight, {
     className: _style.default.smallFlashRight
   }))))));
-};
+});
 
 StartBattle.contextTypes = {
   skin: _provider.default.childContextTypes.skin
@@ -73,8 +73,6 @@ StartBattle.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes.default.func,
   href: _propTypes.default.string
 } : {};
-
-var _default = _react.default.memo(StartBattle);
-
+var _default = StartBattle;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/dashboard/start-battle/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/dashboard/start-battle/index.js"],"names":["StartBattle","props","context","startBattleText","becomeAChampionText","challengeText","onClick","href","style","root","container","wrapper","start","leftFlashes","bigFlashLeft","smallFlashLeft","middle","becomeText","smallFlashLeftMobile","smallFlashRightMobile","button","rightFlashes","bigFlashRight","smallFlashRight","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","string","func","React","memo"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACtC,QAAM;AAACC,IAAAA,eAAD;AAAkBC,IAAAA,mBAAlB;AAAuCC,IAAAA,aAAvC;AAAsDC,IAAAA,OAAtD;AAA+DC,IAAAA;AAA/D,MAAuEN,KAA7E;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEO,eAAMC,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,kBACE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAEL,eAAMM;AAA5B,IADF,eAEE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAEN,eAAMO;AAA5B,IAFF,CADF,eAKE;AAAK,IAAA,SAAS,EAAEP,eAAMQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,kBACE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAET,eAAMU;AAA5B,IADF,EAEGd,mBAFH,eAGE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEI,eAAMW;AAA7B,IAHF,CADF,eAME;AAAK,IAAA,SAAS,EAAEX,eAAMH;AAAtB,KAAsCA,aAAtC,CANF,eAOE,6BAAC,aAAD;AAAM,IAAA,SAAS,EAAEG,eAAMY,MAAvB;AAA+B,IAAA,OAAO,EAAEd,OAAxC;AAAiD,IAAA,IAAI,EAAEC;AAAvD,KACGJ,eADH,CAPF,CALF,eAgBE;AAAK,IAAA,SAAS,EAAEK,eAAMa;AAAtB,kBACE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEb,eAAMc;AAA7B,IADF,eAEE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEd,eAAMe;AAA7B,IAFF,CAhBF,CADF,CADF,CADF,CADF;AA6BD,CAhCD;;AAkCAvB,WAAW,CAACwB,YAAZ,GAA2B;AACzBC,EAAAA,IAAI,EAAEC,kBAASC,iBAAT,CAA2BF;AADR,CAA3B;AAIAzB,WAAW,CAAC4B,SAAZ,2CAAwB;AACtBzB,EAAAA,eAAe,EAAE0B,mBAAUC,MADL;AAEtB1B,EAAAA,mBAAmB,EAAEyB,mBAAUC,MAFT;AAGtBzB,EAAAA,aAAa,EAAEwB,mBAAUC,MAHH;AAItBxB,EAAAA,OAAO,EAAEuB,mBAAUE,IAJG;AAKtBxB,EAAAA,IAAI,EAAEsB,mBAAUC;AALM,CAAxB;;eAQeE,eAAMC,IAAN,CAAWjC,WAAX,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyBigFlashRight as FlashRight,\n  NovaCompositionCoorpacademyBigFlashLeft as FlashLeft\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Link from '../../../atom/link';\nimport style from './style.css';\n\nconst StartBattle = (props, context) => {\n  const {startBattleText, becomeAChampionText, challengeText, onClick, href} = props;\n\n  return (\n    <div className={style.root} data-name=\"start-battle\">\n      <div className={style.container}>\n        <div className={style.wrapper}>\n          <div className={style.start}>\n            <div className={style.leftFlashes}>\n              <FlashLeft className={style.bigFlashLeft} />\n              <FlashLeft className={style.smallFlashLeft} />\n            </div>\n            <div className={style.middle}>\n              <div className={style.becomeText}>\n                <FlashLeft className={style.smallFlashLeftMobile} />\n                {becomeAChampionText}\n                <FlashRight className={style.smallFlashRightMobile} />\n              </div>\n              <div className={style.challengeText}>{challengeText}</div>\n              <Link className={style.button} onClick={onClick} href={href}>\n                {startBattleText}\n              </Link>\n            </div>\n            <div className={style.rightFlashes}>\n              <FlashRight className={style.bigFlashRight} />\n              <FlashRight className={style.smallFlashRight} />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nStartBattle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nStartBattle.propTypes = {\n  startBattleText: PropTypes.string,\n  becomeAChampionText: PropTypes.string,\n  challengeText: PropTypes.string,\n  onClick: PropTypes.func,\n  href: PropTypes.string\n};\n\nexport default React.memo(StartBattle);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/start-battle/index.js"],"names":["StartBattle","React","memo","props","startBattleText","becomeAChampionText","challengeText","onClick","href","style","root","container","wrapper","start","leftFlashes","bigFlashLeft","smallFlashLeft","middle","becomeText","smallFlashLeftMobile","smallFlashRightMobile","button","rightFlashes","bigFlashRight","smallFlashRight","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","string","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAGC,eAAMC,IAAN,CAAW,SAASF,WAAT,CAAqBG,KAArB,EAA4B;AACzD,QAAM;AAACC,IAAAA,eAAD;AAAkBC,IAAAA,mBAAlB;AAAuCC,IAAAA,aAAvC;AAAsDC,IAAAA,OAAtD;AAA+DC,IAAAA;AAA/D,MAAuEL,KAA7E;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEM,eAAMC,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,kBACE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAEL,eAAMM;AAA5B,IADF,eAEE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAEN,eAAMO;AAA5B,IAFF,CADF,eAKE;AAAK,IAAA,SAAS,EAAEP,eAAMQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,kBACE,6BAAC,kDAAD;AAAW,IAAA,SAAS,EAAET,eAAMU;AAA5B,IADF,EAEGd,mBAFH,eAGE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEI,eAAMW;AAA7B,IAHF,CADF,eAME;AAAK,IAAA,SAAS,EAAEX,eAAMH;AAAtB,KAAsCA,aAAtC,CANF,eAOE,6BAAC,aAAD;AAAM,IAAA,SAAS,EAAEG,eAAMY,MAAvB;AAA+B,IAAA,OAAO,EAAEd,OAAxC;AAAiD,IAAA,IAAI,EAAEC;AAAvD,KACGJ,eADH,CAPF,CALF,eAgBE;AAAK,IAAA,SAAS,EAAEK,eAAMa;AAAtB,kBACE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEb,eAAMc;AAA7B,IADF,eAEE,6BAAC,mDAAD;AAAY,IAAA,SAAS,EAAEd,eAAMe;AAA7B,IAFF,CAhBF,CADF,CADF,CADF,CADF;AA6BD,CAhCmB,CAApB;;AAkCAxB,WAAW,CAACyB,YAAZ,GAA2B;AACzBC,EAAAA,IAAI,EAAEC,kBAASC,iBAAT,CAA2BF;AADR,CAA3B;AAIA1B,WAAW,CAAC6B,SAAZ,2CAAwB;AACtBzB,EAAAA,eAAe,EAAE0B,mBAAUC,MADL;AAEtB1B,EAAAA,mBAAmB,EAAEyB,mBAAUC,MAFT;AAGtBzB,EAAAA,aAAa,EAAEwB,mBAAUC,MAHH;AAItBxB,EAAAA,OAAO,EAAEuB,mBAAUE,IAJG;AAKtBxB,EAAAA,IAAI,EAAEsB,mBAAUC;AALM,CAAxB;eAQe/B,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyBigFlashRight as FlashRight,\n  NovaCompositionCoorpacademyBigFlashLeft as FlashLeft\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Link from '../../../atom/link';\nimport style from './style.css';\n\nconst StartBattle = React.memo(function StartBattle(props) {\n  const {startBattleText, becomeAChampionText, challengeText, onClick, href} = props;\n\n  return (\n    <div className={style.root} data-name=\"start-battle\">\n      <div className={style.container}>\n        <div className={style.wrapper}>\n          <div className={style.start}>\n            <div className={style.leftFlashes}>\n              <FlashLeft className={style.bigFlashLeft} />\n              <FlashLeft className={style.smallFlashLeft} />\n            </div>\n            <div className={style.middle}>\n              <div className={style.becomeText}>\n                <FlashLeft className={style.smallFlashLeftMobile} />\n                {becomeAChampionText}\n                <FlashRight className={style.smallFlashRightMobile} />\n              </div>\n              <div className={style.challengeText}>{challengeText}</div>\n              <Link className={style.button} onClick={onClick} href={href}>\n                {startBattleText}\n              </Link>\n            </div>\n            <div className={style.rightFlashes}>\n              <FlashRight className={style.bigFlashRight} />\n              <FlashRight className={style.smallFlashRight} />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nStartBattle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nStartBattle.propTypes = {\n  startBattleText: PropTypes.string,\n  becomeAChampionText: PropTypes.string,\n  challengeText: PropTypes.string,\n  onClick: PropTypes.func,\n  href: PropTypes.string\n};\n\nexport default StartBattle;\n"],"file":"index.js"}

package/lib/molecule/external-content-viewer/index.js

@@ -17,7 +17,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const podcastWrapperStyle = {
   default: _style.default.podcastWrapper,
-  cockpit: _style.default.podcastWrapperCockpit
+  cockpit: _style.default.podcastWrapperCockpit,
+  mobile: _style.default.podcastWrapper
 };
 const iframeStyle = {
   default: _style.default.iframe,

package/lib/molecule/external-content-viewer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/external-content-viewer/index.js"],"names":["podcastWrapperStyle","default","style","podcastWrapper","cockpit","podcastWrapperCockpit","iframeStyle","iframe","iframeCockpit","mobile","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEC,eAAMC,cADW;AAE1BC,EAAAA,OAAO,EAAEF,eAAMG;AAFW,CAA5B;AAKA,MAAMC,WAAW,GAAG;AAClBL,EAAAA,OAAO,EAAEC,eAAMK,MADG;AAElBH,EAAAA,OAAO,EAAEF,eAAMM,aAFG;AAGlBC,EAAAA,MAAM,EAAEP,eAAMK;AAHI,CAApB;;AAMA,SAASG,qBAAT,CAA+BC,KAA/B,EAAsC;AACpC,QAAM;AAACC,IAAAA,GAAD;AAAMC,IAAAA,kBAAN;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,IAAI,GAAG;AAA9C,MAA2DJ,KAAjE;AACA,QAAMK,KAAK,GAAG,uBAAS,MAAT,EAAiBJ,GAAjB,CAAd;AACA,QAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAtF;AAEA,SAAO,yBAAW,OAAX,EAAoBE,WAApB,iBACL;AAAK,IAAA,SAAS,EAAEd,mBAAmB,CAACe,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEb,eAAMgB,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEX,eAAMkB,OADnB;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,YAAY,EAAC,YAHf;AAIE,IAAA,QAAQ,EAAC,EAJX;AAKE,IAAA,IAAI,EAAC,OALP;AAME,iBAAU,0BANZ;AAOE,IAAA,OAAO,EAAC;AAPV,kBASE;AAAQ,IAAA,GAAG,EAAER,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,IATF,CALF,CADK,gBAmBL;AACE,IAAA,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAlB,GAA6BE,YAA7B,GAA4CL,GADnD;AAEE,IAAA,WAAW,EAAE,CAFf;AAGE,IAAA,SAAS,EAAEN,WAAW,CAACS,IAAD,CAHxB;AAIE,IAAA,eAAe,MAJjB;AAKE,iBAAU;AALZ,IAnBF;AA2BD;;AAEDL,qBAAqB,CAACW,SAAtB,2CAAkC;AAChCT,EAAAA,GAAG,EAAEU,mBAAUC,MAAV,CAAiBC,UADU;AAEhCX,EAAAA,kBAAkB,EAAES,mBAAUC,MAFE;AAGhCT,EAAAA,WAAW,EAAEQ,mBAAUC,MAHS;AAIhCR,EAAAA,IAAI,EAAEO,mBAAUC;AAJgB,CAAlC;eAOeb,qB","sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/external-content-viewer/index.js"],"names":["podcastWrapperStyle","default","style","podcastWrapper","cockpit","podcastWrapperCockpit","mobile","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEC,eAAMC,cADW;AAE1BC,EAAAA,OAAO,EAAEF,eAAMG,qBAFW;AAG1BC,EAAAA,MAAM,EAAEJ,eAAMC;AAHY,CAA5B;AAMA,MAAMI,WAAW,GAAG;AAClBN,EAAAA,OAAO,EAAEC,eAAMM,MADG;AAElBJ,EAAAA,OAAO,EAAEF,eAAMO,aAFG;AAGlBH,EAAAA,MAAM,EAAEJ,eAAMM;AAHI,CAApB;;AAMA,SAASE,qBAAT,CAA+BC,KAA/B,EAAsC;AACpC,QAAM;AAACC,IAAAA,GAAD;AAAMC,IAAAA,kBAAN;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,IAAI,GAAG;AAA9C,MAA2DJ,KAAjE;AACA,QAAMK,KAAK,GAAG,uBAAS,MAAT,EAAiBJ,GAAjB,CAAd;AACA,QAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAtF;AAEA,SAAO,yBAAW,OAAX,EAAoBE,WAApB,iBACL;AAAK,IAAA,SAAS,EAAEd,mBAAmB,CAACe,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEb,eAAMgB,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEX,eAAMkB,OADnB;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,YAAY,EAAC,YAHf;AAIE,IAAA,QAAQ,EAAC,EAJX;AAKE,IAAA,IAAI,EAAC,OALP;AAME,iBAAU,0BANZ;AAOE,IAAA,OAAO,EAAC;AAPV,kBASE;AAAQ,IAAA,GAAG,EAAER,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,IATF,CALF,CADK,gBAmBL;AACE,IAAA,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAlB,GAA6BE,YAA7B,GAA4CL,GADnD;AAEE,IAAA,WAAW,EAAE,CAFf;AAGE,IAAA,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;AAIE,IAAA,eAAe,MAJjB;AAKE,iBAAU;AALZ,IAnBF;AA2BD;;AAEDL,qBAAqB,CAACW,SAAtB,2CAAkC;AAChCT,EAAAA,GAAG,EAAEU,mBAAUC,MAAV,CAAiBC,UADU;AAEhCX,EAAAA,kBAAkB,EAAES,mBAAUC,MAFE;AAGhCT,EAAAA,WAAW,EAAEQ,mBAAUC,MAHS;AAIhCR,EAAAA,IAAI,EAAEO,mBAAUC;AAJgB,CAAlC;eAOeb,qB","sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit,\n  mobile: style.podcastWrapper\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"file":"index.js"}