@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/lib/template/app-player/player/slides/header/microlearning.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _link = _interopRequireDefault(require("../../../../../atom/link"));
+
 var _microlearning = _interopRequireDefault(require("./microlearning.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const Content = ({
   onClick,
   title,
@@ -17,13 +26,13 @@ const Content = ({
 }, context) => {
   const content = /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "contentTitle",
-    className: (0, _classnames.default)(_microlearning.default.contentTitle, _microlearning.default.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_microlearning.default.contentTitle, _microlearning.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
     }
   });
+
   if (mode === 'scorm') return /*#__PURE__*/_react.default.createElement("div", {
     className: _microlearning.default.contentScorm
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -36,11 +45,13 @@ const Content = ({
     className: _microlearning.default.backIcon
   }), content);
 };
+
 Content.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _link.default.propTypes.onClick,
   title: _propTypes.default.node,
   mode: _propTypes.default.string
 } : {};
+
 const MicrolearningHeader = (props, context) => {
   const {
     content,
@@ -50,6 +61,7 @@ const MicrolearningHeader = (props, context) => {
     mode: mode
   }));
 };
+
 MicrolearningHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   content: _propTypes.default.shape({
     onClick: _link.default.propTypes.onClick,
@@ -57,5 +69,6 @@ MicrolearningHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   mode: _propTypes.default.string
 } : {};
-var _default = exports.default = MicrolearningHeader;
+var _default = MicrolearningHeader;
+exports.default = _default;
 //# sourceMappingURL=microlearning.js.map

package/lib/template/app-player/player/slides/header/microlearning.js.map

@@ -1 +1 @@
-{"version":3,"file":"microlearning.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_link","_microlearning","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Content","onClick","title","mode","context","content","createElement","className","classnames","style","contentTitle","innerHTML","dangerouslySetInnerHTML","__html","contentScorm","backIcon","NovaCompositionNavigationArrowLeft","propTypes","process","env","NODE_ENV","Link","PropTypes","node","string","MicrolearningHeader","props","shape","isRequired","_default","exports"],"sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport style from './microlearning.css';\n\nconst Content = ({onClick, title, mode}, context) => {\n  const content = (\n    <div\n      data-name=\"contentTitle\"\n      className={classnames(style.contentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n  if (mode === 'scorm')\n    return (\n      <div className={style.contentScorm}>\n        <div className={style.backIcon} />\n        {content}\n      </div>\n    );\n  return (\n    <Link onClick={onClick} className={style.content}>\n      <BackIcon className={style.backIcon} />\n      {content}\n    </Link>\n  );\n};\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.node,\n  mode: PropTypes.string\n};\n\nconst MicrolearningHeader = (props, context) => {\n  const {content, mode} = props;\n  return <Content {...content} mode={mode} />;\n};\n\nMicrolearningHeader.propTypes = {\n  content: PropTypes.shape({\n    onClick: Link.propTypes.onClick,\n    title: PropTypes.string.isRequired\n  }),\n  mode: PropTypes.string\n};\n\nexport default MicrolearningHeader;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"microlearning.js","names":["Content","onClick","title","mode","context","content","classnames","style","contentTitle","innerHTML","__html","contentScorm","backIcon","propTypes","Link","PropTypes","node","string","MicrolearningHeader","props","shape","isRequired"],"sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport style from './microlearning.css';\n\nconst Content = ({onClick, title, mode}, context) => {\n  const content = (\n    <div\n      data-name=\"contentTitle\"\n      className={classnames(style.contentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n  if (mode === 'scorm')\n    return (\n      <div className={style.contentScorm}>\n        <div className={style.backIcon} />\n        {content}\n      </div>\n    );\n  return (\n    <Link onClick={onClick} className={style.content}>\n      <BackIcon className={style.backIcon} />\n      {content}\n    </Link>\n  );\n};\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.node,\n  mode: PropTypes.string\n};\n\nconst MicrolearningHeader = (props, context) => {\n  const {content, mode} = props;\n  return <Content {...content} mode={mode} />;\n};\n\nMicrolearningHeader.propTypes = {\n  content: PropTypes.shape({\n    onClick: Link.propTypes.onClick,\n    title: PropTypes.string.isRequired\n  }),\n  mode: PropTypes.string\n};\n\nexport default MicrolearningHeader;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,OAAO,GAAG,CAAC;EAACC,OAAD;EAAUC,KAAV;EAAiBC;AAAjB,CAAD,EAAyBC,OAAzB,KAAqC;EACnD,MAAMC,OAAO,gBACX;IACE,aAAU,cADZ;IAEE,SAAS,EAAE,IAAAC,mBAAA,EAAWC,sBAAA,CAAMC,YAAjB,EAA+BD,sBAAA,CAAME,SAArC,CAFb,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAER;IAAT;EAJ3B,EADF;;EAQA,IAAIC,IAAI,KAAK,OAAb,EACE,oBACE;IAAK,SAAS,EAAEI,sBAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,sBAAA,CAAMK;EAAtB,EADF,EAEGP,OAFH,CADF;EAMF,oBACE,6BAAC,aAAD;IAAM,OAAO,EAAEJ,OAAf;IAAwB,SAAS,EAAEM,sBAAA,CAAMF;EAAzC,gBACE,6BAAC,6CAAD;IAAU,SAAS,EAAEE,sBAAA,CAAMK;EAA3B,EADF,EAEGP,OAFH,CADF;AAMD,CAtBD;;AAwBAL,OAAO,CAACa,SAAR,2CAAoB;EAClBZ,OAAO,EAAEa,aAAA,CAAKD,SAAL,CAAeZ,OADN;EAElBC,KAAK,EAAEa,kBAAA,CAAUC,IAFC;EAGlBb,IAAI,EAAEY,kBAAA,CAAUE;AAHE,CAApB;;AAMA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQf,OAAR,KAAoB;EAC9C,MAAM;IAACC,OAAD;IAAUF;EAAV,IAAkBgB,KAAxB;EACA,oBAAO,6BAAC,OAAD,eAAad,OAAb;IAAsB,IAAI,EAAEF;EAA5B,GAAP;AACD,CAHD;;AAKAe,mBAAmB,CAACL,SAApB,2CAAgC;EAC9BR,OAAO,EAAEU,kBAAA,CAAUK,KAAV,CAAgB;IACvBnB,OAAO,EAAEa,aAAA,CAAKD,SAAL,CAAeZ,OADD;IAEvBC,KAAK,EAAEa,kBAAA,CAAUE,MAAV,CAAiBI;EAFD,CAAhB,CADqB;EAK9BlB,IAAI,EAAEY,kBAAA,CAAUE;AALc,CAAhC;eAQeC,mB"}

package/lib/template/app-player/player/slides/index.js

@@ -2,40 +2,75 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _split2 = _interopRequireDefault(require("lodash/fp/split"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _max2 = _interopRequireDefault(require("lodash/fp/max"));
+
 var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
+
 var _omit2 = _interopRequireDefault(require("lodash/fp/omit"));
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _find2 = _interopRequireDefault(require("lodash/fp/find"));
+
 var _compact2 = _interopRequireDefault(require("lodash/fp/compact"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _proptypes = require("../../../../util/proptypes");
+
 var _cta = _interopRequireDefault(require("../../../../atom/cta"));
+
 var _picture = _interopRequireDefault(require("../../../../atom/picture"));
+
 var _provider = _interopRequireDefault(require("../../../../atom/provider"));
+
 var _clue = _interopRequireDefault(require("../../../../atom/clue"));
+
 var _answer = _interopRequireDefault(require("../../../../molecule/answer"));
+
 var _loader = _interopRequireDefault(require("../../../../atom/loader"));
+
 var _swapper = _interopRequireDefault(require("../../../../hoc/swapper"));
+
 var _videoPlayer = _interopRequireDefault(require("../../../../molecule/video-player"));
+
 var _pdf = _interopRequireDefault(require("../../../../molecule/pdf"));
+
 var _audio = _interopRequireDefault(require("../../../../molecule/audio"));
+
 var _resourceBrowser = _interopRequireDefault(require("../../../../organism/resource-browser"));
+
 var _cmPopin = _interopRequireDefault(require("../../../../molecule/cm-popin"));
+
 var _footer = _interopRequireDefault(require("./footer"));
+
 var _header = _interopRequireDefault(require("./header"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const MediaView = ({
   media
 }) => {
@@ -45,10 +80,10 @@ const MediaView = ({
     src: media
   }));
 };
+
 MediaView.propTypes = process.env.NODE_ENV !== "production" ? {
   media: _picture.default.propTypes.src
 } : {};
-
 /*
  * Content types
  */
@@ -67,20 +102,24 @@ const ClueContent = (props, context) => {
     onClick: onClickSeeClue
   }));
 };
+
 ClueContent.propTypes = process.env.NODE_ENV !== "production" ? {
   text: _propTypes.default.string,
   starsDiff: _propTypes.default.number,
   onClickSeeClue: _propTypes.default.func
 } : {};
+
 const Bar = ({
   total,
   color,
   current
 }) => {
   const _current = (0, _max2.default)([current, 0]);
+
   if (!total) {
     return null;
   }
+
   const stepWidth = _current / total * 100;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.stepBar,
@@ -90,11 +129,13 @@ const Bar = ({
     }
   });
 };
+
 Bar.propTypes = process.env.NODE_ENV !== "production" ? {
   current: _propTypes.default.number.isRequired,
   total: _propTypes.default.number,
   color: _proptypes.ColorPropType
 } : {};
+
 const Step = ({
   step,
   color
@@ -117,6 +158,7 @@ const Step = ({
     color: color
   })))));
 };
+
 Step.propTypes = process.env.NODE_ENV !== "production" ? {
   step: _propTypes.default.shape({
     current: Bar.propTypes.current,
@@ -124,6 +166,7 @@ Step.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   color: _proptypes.ColorPropType
 } : {};
+
 const NewMedia = (props, context) => {
   const {
     translate
@@ -139,6 +182,7 @@ const NewMedia = (props, context) => {
     "data-name": "newMedia"
   }, /*#__PURE__*/_react.default.createElement("span", null, translate(step === null || current === 1 ? 'See lesson' : 'New media')));
 };
+
 NewMedia.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes.default.func,
   step: Step.propTypes.step
@@ -146,6 +190,7 @@ NewMedia.propTypes = process.env.NODE_ENV !== "production" ? {
 NewMedia.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
+
 const ReviewLesson = (props, context) => {
   const {
     translate
@@ -159,12 +204,14 @@ const ReviewLesson = (props, context) => {
     "data-name": "reviewLesson"
   }, /*#__PURE__*/_react.default.createElement("span", null, translate('Review lesson')));
 };
+
 ReviewLesson.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes.default.func
 } : {};
 ReviewLesson.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
+
 const AnswerContent = ({
   answerType,
   help,
@@ -173,11 +220,13 @@ const AnswerContent = ({
   question: question,
   help: help
 }));
+
 AnswerContent.propTypes = process.env.NODE_ENV !== "production" ? {
   answerType: _propTypes.default.shape(_answer.default.propTypes),
   help: _propTypes.default.string,
   question: _propTypes.default.string
 } : {};
+
 const MediaContent = (props, context) => {
   const {
     resources,
@@ -197,6 +246,7 @@ const MediaContent = (props, context) => {
     className: _style.default.stars
   }, starsToWin));
 };
+
 MediaContent.propTypes = process.env.NODE_ENV !== "production" ? {
   resources: _resourceBrowser.default.propTypes.resources,
   starsDiff: _propTypes.default.number
@@ -204,6 +254,7 @@ MediaContent.propTypes = process.env.NODE_ENV !== "production" ? {
 MediaContent.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
+
 const ContextImage = ({
   src
 }) => {
@@ -216,12 +267,14 @@ const ContextImage = ({
   }));
   return /*#__PURE__*/_react.default.createElement("div", null, images);
 };
+
 ContextImage.propTypes = process.env.NODE_ENV !== "production" ? {
   src: _propTypes.default.arrayOf(_propTypes.default.shape({
     _id: _propTypes.default.string,
     url: _propTypes.default.string
   }))
 } : {};
+
 const ContextVideo = props => {
   const {
     src
@@ -236,6 +289,7 @@ const ContextVideo = props => {
   })));
   return /*#__PURE__*/_react.default.createElement("div", null, videos);
 };
+
 ContextVideo.propTypes = process.env.NODE_ENV !== "production" ? {
   src: _propTypes.default.arrayOf(_propTypes.default.shape(_videoPlayer.default.propTypes))
 } : {};
@@ -245,6 +299,7 @@ const CONTEXT_MEDIA = {
   audio: _audio.default,
   video: ContextVideo
 };
+
 const ContextMedia = ({
   media
 }) => {
@@ -254,21 +309,19 @@ const ContextMedia = ({
     className: (0, _classnames.default)(_style.default.contextWrapper, media.type === 'pdf' ? _style.default.contextPdfWrapper : null, media.type === 'audio' ? _style.default.contextAudioWrapper : null)
   }, /*#__PURE__*/_react.default.createElement(ContentType, media));
 };
+
 ContextMedia.propTypes = process.env.NODE_ENV !== "production" ? {
-  media: _propTypes.default.oneOfType([_propTypes.default.shape({
-    ...ContextImage.propTypes,
+  media: _propTypes.default.oneOfType([_propTypes.default.shape({ ...ContextImage.propTypes,
     type: _propTypes.default.oneOf(['img'])
-  }), _propTypes.default.shape({
-    ..._pdf.default.propTypes,
+  }), _propTypes.default.shape({ ..._pdf.default.propTypes,
     type: _propTypes.default.oneOf(['pdf'])
-  }), _propTypes.default.shape({
-    ..._audio.default.propTypes,
+  }), _propTypes.default.shape({ ..._audio.default.propTypes,
     type: _propTypes.default.oneOf(['audio'])
-  }), _propTypes.default.shape({
-    ...ContextVideo.propTypes,
+  }), _propTypes.default.shape({ ...ContextVideo.propTypes,
     type: _propTypes.default.oneOf(['video'])
   })])
 } : {};
+
 const ContextContent = ({
   slideContext
 }) => {
@@ -276,8 +329,7 @@ const ContextContent = ({
   const paragraphs = descriptionParagraphs.map((paragraph, index) => /*#__PURE__*/_react.default.createElement("p", {
     key: index,
     "data-name": "contextDescription",
-    className: (0, _classnames.default)(_style.default.contextDescription, _style.default.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_style.default.contextDescription, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: paragraph
@@ -289,6 +341,7 @@ const ContextContent = ({
     media: slideContext.media
   }) : null, paragraphs);
 };
+
 ContextContent.propTypes = process.env.NODE_ENV !== "production" ? {
   slideContext: _propTypes.default.shape({
     title: _propTypes.default.string,
@@ -302,19 +355,21 @@ const CONTENT_TYPE = {
   context: ContextContent,
   media: MediaContent
 };
+
 const Help = ({
   help
 }) => /*#__PURE__*/_react.default.createElement("div", {
-  className: (0, _classnames.default)(_style.default.helpView, _style.default.innerHTML)
-  // eslint-disable-next-line react/no-danger
+  className: (0, _classnames.default)(_style.default.helpView, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: help
   }
 });
+
 Help.propTypes = process.env.NODE_ENV !== "production" ? {
   help: _propTypes.default.string
 } : {};
+
 const ValidateButton = ({
   cta = {}
 }) => {
@@ -323,28 +378,34 @@ const ValidateButton = ({
   } = cta;
   (0, _react.useEffect)(() => {
     if ((0, _isEmpty2.default)(cta)) return;
+
     const keyDownHandler = event => {
       if (event.key === 'Enter' || event.key === ' ' && disabled) {
         event.preventDefault();
       }
     };
+
     document.addEventListener('keydown', keyDownHandler);
     return () => {
       document.removeEventListener('keydown', keyDownHandler);
     };
   }, [disabled, cta]);
+
   if ((0, _isEmpty2.default)(cta)) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.ctaWrapper
   }, /*#__PURE__*/_react.default.createElement(_cta.default, _extends({}, cta, {
     className: _style.default.cta
   })));
 };
+
 ValidateButton.propTypes = process.env.NODE_ENV !== "production" ? {
   cta: _propTypes.default.shape(_cta.default.propTypes)
 } : {};
+
 const ContentLayout = (props, context) => {
   const {
     typeClue: selectedTab,
@@ -366,8 +427,7 @@ const ContentLayout = (props, context) => {
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "question",
-    className: (0, _classnames.default)(selectedTab === 'context' ? _style.default.contextTitle : _style.default.question, _style.default.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(selectedTab === 'context' ? _style.default.contextTitle : _style.default.question, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: selectedTab === 'context' ? slideContext.title : question
@@ -376,6 +436,7 @@ const ContentLayout = (props, context) => {
     help: help
   }) : null, /*#__PURE__*/_react.default.createElement(ContentType, props), /*#__PURE__*/_react.default.createElement(ValidateButton, props));
 };
+
 ContentLayout.contextTypes = {
   translate: _provider.default.childContextTypes.translate,
   skin: _provider.default.childContextTypes.skin
@@ -385,7 +446,6 @@ ContentLayout.propTypes = process.env.NODE_ENV !== "production" ? {
   question: _propTypes.default.string,
   ...ValidateButton.propTypes
 } : {};
-
 /*
  * Loading
  */
@@ -395,9 +455,11 @@ const LoadingLayout = ({
 }) => /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.loading
 }, popinError ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinError) : /*#__PURE__*/_react.default.createElement(_loader.default, null));
+
 LoadingLayout.propTypes = process.env.NODE_ENV !== "production" ? {
   popinError: _propTypes.default.shape(_cmPopin.default.propTypes)
 } : {};
+
 const LoadedLayout = ({
   question,
   step,
@@ -407,11 +469,10 @@ const LoadedLayout = ({
     question: question
   })) : /*#__PURE__*/_react.default.createElement(LoadingLayout, props);
 };
-LoadedLayout.propTypes = process.env.NODE_ENV !== "production" ? {
-  ...ContentLayout.propTypes,
+
+LoadedLayout.propTypes = process.env.NODE_ENV !== "production" ? { ...ContentLayout.propTypes,
   question: ContentLayout.propTypes.question
 } : {};
-
 /*
  * Errors
  */
@@ -423,17 +484,19 @@ const ErrorMessage = ({
 }, /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.error
 }, errorMsg));
+
 ErrorMessage.propTypes = process.env.NODE_ENV !== "production" ? {
   errorMsg: _propTypes.default.string
 } : {};
+
 const Content = ({
   error,
   ...props
 }) => error ? /*#__PURE__*/_react.default.createElement(ErrorMessage, props) : /*#__PURE__*/_react.default.createElement(LoadedLayout, props);
+
 Content.propTypes = process.env.NODE_ENV !== "production" ? {
   error: _propTypes.default.bool
 } : {};
-
 /*
  * SlidesPlayer
  */
@@ -473,6 +536,7 @@ const SlidesPlayer = (props, context) => {
     buttons: buttons
   }));
 };
+
 SlidesPlayer.TYPE = CONTENT_TYPE;
 SlidesPlayer.contextTypes = {
   translate: _provider.default.childContextTypes.translate,
@@ -488,5 +552,6 @@ SlidesPlayer.propTypes = process.env.NODE_ENV !== "production" ? {
   backgroundUrl: _proptypes.SrcPropType,
   popinError: _propTypes.default.shape(_cmPopin.default.propTypes)
 } : {};
-var _default = exports.default = SlidesPlayer;
+var _default = SlidesPlayer;
+exports.default = _default;
 //# sourceMappingURL=index.js.map