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

package/lib/molecule/answer/index.js

@@ -2,34 +2,56 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _omit2 = _interopRequireDefault(require("lodash/fp/omit"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _videoPlayer = _interopRequireDefault(require("../video-player"));
+
 var _dropDown = _interopRequireDefault(require("../questions/drop-down"));
+
 var _freeText = _interopRequireDefault(require("../questions/free-text"));
+
 var _qcmDrag = _interopRequireDefault(require("../questions/qcm-drag"));
+
 var _qcm = _interopRequireDefault(require("../questions/qcm"));
+
 var _qcmGraphic = _interopRequireDefault(require("../questions/qcm-graphic"));
+
 var _questionRange = _interopRequireDefault(require("../questions/question-range"));
+
 var _template = _interopRequireDefault(require("../questions/template"));
+
 var _audio = _interopRequireDefault(require("../audio"));
-var _provider = _interopRequireWildcard(require("../../atom/provider"));
+
+var _provider = require("../../atom/provider");
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _propTypes = _interopRequireWildcard(require("./prop-types"));
+
 const _excluded = ["videoId", "type"];
+
 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); }
+
 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 MediaView = ({
   media
 }) => {
   const {
-      videoId,
-      type
-    } = media,
-    childProps = _objectWithoutPropertiesLoose(media, _excluded);
+    videoId,
+    type
+  } = media,
+        childProps = _objectWithoutPropertiesLoose(media, _excluded);
+
   switch (type) {
     case _propTypes.TYPE_IMAGE:
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -38,6 +60,7 @@ const MediaView = ({
           backgroundImage: `url(${media.url})`
         }
       });
+
     case _propTypes.TYPE_VIDEO:
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.video
@@ -46,6 +69,7 @@ const MediaView = ({
         height: "100%",
         width: "100%"
       })));
+
     case _propTypes.TYPE_AUDIO:
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.audio
@@ -53,57 +77,65 @@ const MediaView = ({
         height: "100%",
         width: "100%"
       })));
+
     default:
       return null;
   }
 };
+
 MediaView.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.MediaViewPropTypes : {};
+
 const Switch = ({
   model,
   help
-}, legacyContext) => {
+}) => {
   const {
     type
   } = model;
-  // const translate = legacyContext.translate;
-  const translate = (0, _provider.GetTranslateFromContext)(legacyContext);
+  const translate = (0, _provider.GetTranslateFromContext)();
+
   switch (type) {
     case 'qcmDrag':
       return /*#__PURE__*/_react.default.createElement(_qcmDrag.default, _extends({}, model, {
         help: help,
         groupAriaLabel: translate('answer_the_question')
       }));
+
     case 'qcm':
       return /*#__PURE__*/_react.default.createElement(_qcm.default, _extends({}, model, {
         groupAriaLabel: translate('answer_the_question')
       }));
+
     case 'qcmGraphic':
       return /*#__PURE__*/_react.default.createElement(_qcmGraphic.default, _extends({}, model, {
         groupAriaLabel: translate('answer_the_question')
       }));
+
     case 'freeText':
       return /*#__PURE__*/_react.default.createElement(_freeText.default, model);
+
     case 'dropDown':
       return /*#__PURE__*/_react.default.createElement(_dropDown.default, _extends({}, model, {
         groupAriaLabel: translate('answer_the_question')
       }));
+
     case 'slider':
       return /*#__PURE__*/_react.default.createElement(_questionRange.default, _extends({}, model, {
         groupAriaLabel: translate('answer_the_question')
       }));
+
     case 'template':
       return /*#__PURE__*/_react.default.createElement(_template.default, _extends({}, model, {
         groupAriaLabel: translate('answer_the_question')
       }));
   }
 };
+
 Switch.propTypes = process.env.NODE_ENV !== "production" ? {
   model: _propTypes.default.model,
   help: _propTypes.default.help
 } : {};
-Switch.contextTypes = {
-  translate: _provider.default.childContextTypes.translate
-};
+
 const Answer = props => {
   const {
     model,
@@ -120,10 +152,8 @@ const Answer = props => {
     help: help
   })));
 };
+
 Answer.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
-Answer.contextTypes = {
-  translate: _provider.default.childContextTypes.translate
-};
 var _default = Answer;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MediaView","media","videoId","type","childProps","TYPE_IMAGE","style","backgroundImage","url","TYPE_VIDEO","video","TYPE_AUDIO","audio","propTypes","MediaViewPropTypes","Switch","model","help","legacyContext","translate","GetTranslateFromContext","contextTypes","Provider","childContextTypes","Answer","props","wrapper"],"sources":["../../../src/molecule/answer/index.js"],"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 Provider, {GetTranslateFromContext} from '../../atom/provider';\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 Switch = ({model, help}, legacyContext) => {\n  const {type} = model;\n  // const translate = legacyContext.translate;\n  const translate = GetTranslateFromContext(legacyContext);\n  switch (type) {\n    case 'qcmDrag':\n      return <QcmDrag {...model} help={help} groupAriaLabel={translate('answer_the_question')} />;\n    case 'qcm':\n      return <Qcm {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'qcmGraphic':\n      return <QcmGraphic {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'freeText':\n      return <FreeText {...model} />;\n    case 'dropDown':\n      return <DropDown {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'slider':\n      return <QuestionRange {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'template':\n      return <Template {...model} groupAriaLabel={translate('answer_the_question')} />;\n  }\n};\n\nSwitch.propTypes = {\n  model: propTypes.model,\n  help: propTypes.help\n};\n\nSwitch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst Answer = props => {\n  const {model, media, help} = props;\n\n  return (\n    <div data-name=\"answer\" className={style.wrapper}>\n      {media ? <MediaView media={media} /> : null}\n      <form>\n        <Switch model={model} help={help} />\n      </form>\n    </div>\n  );\n};\n\nAnswer.propTypes = propTypes;\n\nAnswer.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Answer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["MediaView","media","videoId","type","childProps","TYPE_IMAGE","style","backgroundImage","url","TYPE_VIDEO","video","TYPE_AUDIO","audio","propTypes","MediaViewPropTypes","Switch","model","help","translate","GetTranslateFromContext","Answer","props","wrapper"],"sources":["../../../src/molecule/answer/index.js"],"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 {GetTranslateFromContext} from '../../atom/provider';\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 Switch = ({model, help}) => {\n  const {type} = model;\n  const translate = GetTranslateFromContext();\n  switch (type) {\n    case 'qcmDrag':\n      return <QcmDrag {...model} help={help} groupAriaLabel={translate('answer_the_question')} />;\n    case 'qcm':\n      return <Qcm {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'qcmGraphic':\n      return <QcmGraphic {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'freeText':\n      return <FreeText {...model} />;\n    case 'dropDown':\n      return <DropDown {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'slider':\n      return <QuestionRange {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'template':\n      return <Template {...model} groupAriaLabel={translate('answer_the_question')} />;\n  }\n};\n\nSwitch.propTypes = {\n  model: propTypes.model,\n  help: propTypes.help\n};\n\nconst Answer = props => {\n  const {model, media, help} = props;\n\n  return (\n    <div data-name=\"answer\" className={style.wrapper}>\n      {media ? <MediaView media={media} /> : null}\n      <form>\n        <Switch model={model} help={help} />\n      </form>\n    </div>\n  );\n};\n\nAnswer.propTypes = propTypes;\n\nexport default Answer;\n"],"mappings":"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"}

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

@@ -2,19 +2,26 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _index = _interopRequireDefault(require("../questions/mobile/switch/index.native"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const convertType = modelType => {
   switch (modelType) {
     case 'freeText':
       return 'basic';
+
     case 'dropDown':
       return 'template';
+
     default:
       return modelType;
   }
 };
+
 const convertToChoices = (answers = []) => answers.map((answer, index) => ({
   _id: `${index}`,
   label: answer.title,
@@ -41,6 +48,7 @@ const convertToChoices = (answers = []) => answers.map((answer, index) => ({
     _id: name
   }))
 }));
+
 const Answer = props => {
   const {
     model: {
@@ -57,15 +65,19 @@ const Answer = props => {
   const switchProps = {
     type: convertType(type)
   };
+
   if (type === 'freeText') {
     switchProps.onInputValueChange = onChange;
   }
+
   if (type === 'qcm' || type === 'qcmDrag' || type === 'qcmGraphic' || type === 'template') {
     switchProps.choices = convertToChoices(answers);
   }
+
   if (type === 'template') {
     switchProps.template = template;
   }
+
   if (type === 'slider') {
     switchProps.onSliderChange = onSliderChange;
     switchProps.min = minLabel ? Number.parseInt(minLabel.split(' ')[0]) : 0;
@@ -73,8 +85,10 @@ const Answer = props => {
     switchProps.value = title ? Number.parseInt(title.split(' ')[0]) : 0;
     switchProps.unit = minLabel ? minLabel.split(' ')[1] : '';
   }
+
   return /*#__PURE__*/_react.default.createElement(_index.default, switchProps);
 };
+
 var _default = Answer;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["convertType","modelType","convertToChoices","answers","map","answer","index","_id","label","title","value","onPress","onClick","onChange","selected","media","image","type","src","url","undefined","name","items","options","text","Answer","props","model","template","onSliderChange","minLabel","maxLabel","switchProps","onInputValueChange","choices","min","Number","parseInt","split","max","unit"],"sources":["../../../src/molecule/answer/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {Choice, QuestionType} from '../questions/types';\nimport Switch, {Props as SwitchProps} from '../questions/mobile/switch/index.native';\nimport {AnswerProps} from './prop-types';\n\nconst convertType = (modelType: AnswerProps['model']['type']): QuestionType => {\n  switch (modelType) {\n    case 'freeText':\n      return 'basic';\n    case 'dropDown':\n      return 'template';\n    default:\n      return modelType;\n  }\n};\n\nconst convertToChoices = (answers: AnswerProps['model']['answers'] = []): Choice[] =>\n  answers.map((answer, index) => ({\n    _id: `${index}`,\n    label: answer.title,\n    value: answer.title,\n    onPress: answer.onClick || answer.onChange,\n    selected: answer.selected,\n    media: answer.image\n      ? {\n          type: 'img',\n          src: [{url: answer.image}]\n        }\n      : undefined,\n    // ---- custom properties for template choice\n    type: answer.type,\n    name: answer.name,\n    items:\n      answer.options &&\n      answer.options.map(({name, selected, value}) => ({\n        text: name,\n        selected,\n        value,\n        _id: name\n      }))\n  }));\n\nconst Answer = (props: AnswerProps) => {\n  const {\n    model: {answers, onChange, template, type, onSliderChange, minLabel, maxLabel, title}\n  } = props;\n\n  const switchProps: SwitchProps = {\n    type: convertType(type)\n  };\n\n  if (type === 'freeText') {\n    switchProps.onInputValueChange = onChange;\n  }\n\n  if (type === 'qcm' || type === 'qcmDrag' || type === 'qcmGraphic' || type === 'template') {\n    switchProps.choices = convertToChoices(answers);\n  }\n\n  if (type === 'template') {\n    switchProps.template = template;\n  }\n\n  if (type === 'slider') {\n    switchProps.onSliderChange = onSliderChange;\n    switchProps.min = minLabel ? Number.parseInt(minLabel.split(' ')[0]) : 0;\n    switchProps.max = maxLabel ? Number.parseInt(maxLabel.split(' ')[0]) : 1;\n    switchProps.value = title ? Number.parseInt(title.split(' ')[0]) : 0;\n    switchProps.unit = minLabel ? minLabel.split(' ')[1] : '';\n  }\n\n  return <Switch {...switchProps} />;\n};\n\nexport default Answer;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["convertType","modelType","convertToChoices","answers","map","answer","index","_id","label","title","value","onPress","onClick","onChange","selected","media","image","type","src","url","undefined","name","items","options","text","Answer","props","model","template","onSliderChange","minLabel","maxLabel","switchProps","onInputValueChange","choices","min","Number","parseInt","split","max","unit"],"sources":["../../../src/molecule/answer/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {Choice, QuestionType} from '../questions/types';\nimport Switch, {Props as SwitchProps} from '../questions/mobile/switch/index.native';\nimport {AnswerProps} from './prop-types';\n\nconst convertType = (modelType: AnswerProps['model']['type']): QuestionType => {\n  switch (modelType) {\n    case 'freeText':\n      return 'basic';\n    case 'dropDown':\n      return 'template';\n    default:\n      return modelType;\n  }\n};\n\nconst convertToChoices = (answers: AnswerProps['model']['answers'] = []): Choice[] =>\n  answers.map((answer, index) => ({\n    _id: `${index}`,\n    label: answer.title,\n    value: answer.title,\n    onPress: answer.onClick || answer.onChange,\n    selected: answer.selected,\n    media: answer.image\n      ? {\n          type: 'img',\n          src: [{url: answer.image}]\n        }\n      : undefined,\n    // ---- custom properties for template choice\n    type: answer.type,\n    name: answer.name,\n    items:\n      answer.options &&\n      answer.options.map(({name, selected, value}) => ({\n        text: name,\n        selected,\n        value,\n        _id: name\n      }))\n  }));\n\nconst Answer = (props: AnswerProps) => {\n  const {\n    model: {answers, onChange, template, type, onSliderChange, minLabel, maxLabel, title}\n  } = props;\n\n  const switchProps: SwitchProps = {\n    type: convertType(type)\n  };\n\n  if (type === 'freeText') {\n    switchProps.onInputValueChange = onChange;\n  }\n\n  if (type === 'qcm' || type === 'qcmDrag' || type === 'qcmGraphic' || type === 'template') {\n    switchProps.choices = convertToChoices(answers);\n  }\n\n  if (type === 'template') {\n    switchProps.template = template;\n  }\n\n  if (type === 'slider') {\n    switchProps.onSliderChange = onSliderChange;\n    switchProps.min = minLabel ? Number.parseInt(minLabel.split(' ')[0]) : 0;\n    switchProps.max = maxLabel ? Number.parseInt(maxLabel.split(' ')[0]) : 1;\n    switchProps.value = title ? Number.parseInt(title.split(' ')[0]) : 0;\n    switchProps.unit = minLabel ? minLabel.split(' ')[1] : '';\n  }\n\n  return <Switch {...switchProps} />;\n};\n\nexport default Answer;\n"],"mappings":"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"}

package/lib/molecule/answer/prop-types.d.ts

@@ -111,13 +111,13 @@ declare const propTypes: {
         mediaUrl: PropTypes.Validator<string>;
     }> | null | undefined>>;
 };
-type SelectOptions = {
+declare type SelectOptions = {
     name: string;
     selected: boolean;
     validOption: boolean;
     value: string;
 };
-export type Answer = {
+export declare type Answer = {
     title?: string;
     'aria-label'?: string;
     onClick?: () => void;
@@ -128,7 +128,7 @@ export type Answer = {
     type?: 'text' | 'select';
     name?: string;
 };
-export type AnswerProps = {
+export declare type AnswerProps = {
     model: {
         type: 'qcmDrag' | 'qcm' | 'qcmGraphic' | 'freeText' | 'dropDown' | 'slider' | 'template';
         answers?: Answer[];

package/lib/molecule/answer/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC,eAAO,MAAM,UAAU,QAAQ,CAAC;AAChC,eAAO,MAAM,UAAU,UAAU,CAAC;AAClC,eAAO,MAAM,UAAU,UAAU,CAAC;AAmBlC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAE9B,CAAC;AAqBF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAed,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE;QACL,IAAI,EAAE,SAAS,GAAG,KAAK,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;QACzF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;QAC5C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;IAEb,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC,eAAO,MAAM,UAAU,QAAQ,CAAC;AAChC,eAAO,MAAM,UAAU,UAAU,CAAC;AAClC,eAAO,MAAM,UAAU,UAAU,CAAC;AAmBlC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAE9B,CAAC;AAqBF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAed,CAAC;AAEF,aAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,MAAM,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE;QACL,IAAI,EAAE,SAAS,GAAG,KAAK,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;QACzF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;QAC5C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;IAEb,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -2,38 +2,50 @@
 
 exports.__esModule = true;
 exports.default = exports.TYPE_VIDEO = exports.TYPE_IMAGE = exports.TYPE_AUDIO = exports.MediaViewPropTypes = 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 ? 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 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({}, _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;
+
 const SelectOptionsPropTypes = _propTypes.default.shape({
   name: _propTypes.default.string,
   selected: _propTypes.default.bool,
   validOption: _propTypes.default.bool,
   value: _propTypes.default.string
 });
+
 const AnswerPropTypes = _propTypes.default.shape({
   title: _propTypes.default.string.isRequired,
   'aria-label': _propTypes.default.string,
@@ -45,6 +57,7 @@ const AnswerPropTypes = _propTypes.default.shape({
   type: _propTypes.default.oneOf(['text', 'select']),
   name: _propTypes.default.string
 });
+
 const propTypes = {
   model: _propTypes.default.shape({
     type: _propTypes.default.oneOf(['qcmDrag', 'qcm', 'qcmGraphic', 'freeText', 'dropDown', 'slider', 'template']).isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"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","SelectOptionsPropTypes","selected","bool","validOption","value","AnswerPropTypes","title","onClick","func","onChange","image","options","arrayOf","propTypes","model","answer","help"],"sources":["../../../src/molecule/answer/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {Media} from '../questions/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: string) => 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\nconst SelectOptionsPropTypes = PropTypes.shape({\n  name: PropTypes.string,\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool,\n  value: PropTypes.string\n});\n\nconst AnswerPropTypes = PropTypes.shape({\n  title: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  onClick: PropTypes.func,\n  onChange: PropTypes.func,\n  selected: PropTypes.bool,\n  image: PropTypes.string,\n  options: PropTypes.arrayOf(SelectOptionsPropTypes),\n  type: PropTypes.oneOf(['text', 'select']),\n  name: PropTypes.string\n});\n\nconst 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    answer: PropTypes.arrayOf(AnswerPropTypes)\n  }).isRequired,\n  help: PropTypes.string,\n  media: MediaViewPropTypes.media\n};\n\ntype SelectOptions = {\n  name: string;\n  selected: boolean;\n  validOption: boolean;\n  value: string;\n};\n\nexport type Answer = {\n  title?: string;\n  'aria-label'?: string;\n  onClick?: () => void;\n  onChange?: (value: string) => void;\n  selected?: boolean;\n  image?: string;\n  options?: SelectOptions[];\n  type?: 'text' | 'select';\n  name?: string;\n};\n\nexport type AnswerProps = {\n  model: {\n    type: 'qcmDrag' | 'qcm' | 'qcmGraphic' | 'freeText' | 'dropDown' | 'slider' | 'template';\n    answers?: Answer[];\n    template?: string;\n    onChange?: (value: string | number) => void;\n    onSliderChange?: (value: number) => void;\n    minLabel?: string;\n    maxLabel?: string;\n    title?: string;\n  };\n  help: string;\n\n  media?: Media;\n};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA;AAEA;AAA8D;AAAA;AAEvD,MAAMA,UAAU,GAAG,KAAK;AAAC;AACzB,MAAMC,UAAU,GAAG,OAAO;AAAC;AAC3B,MAAMC,UAAU,GAAG,OAAO;AAAC;AAElC,MAAMC,MAAM,GAAIC,IAAY,IAAKC,kBAAS,CAACC,KAAK,CAAC,CAACF,IAAI,CAAC,CAAC;AAExD,MAAMG,aAAa,GAAGF,kBAAS,CAACG,KAAK,cAChCC,mBAAoB;EACvBC,IAAI,EAAEP,MAAM,CAACF,UAAU,CAAC,CAACU;AAAU,GACnC;AAEF,MAAMC,WAAW,GAAGP,kBAAS,CAACG,KAAK,CAAC;EAClCE,IAAI,EAAEP,MAAM,CAACH,UAAU,CAAC,CAACW,UAAU;EACnCE,GAAG,EAAER,kBAAS,CAACS,MAAM,CAACH;AACxB,CAAC,CAAC;AAEF,MAAMI,aAAa,GAAGV,kBAAS,CAACG,KAAK,CAAC;EACpCE,IAAI,EAAEP,MAAM,CAACD,UAAU,CAAC,CAACS,UAAU;EACnCK,QAAQ,EAAEX,kBAAS,CAACS,MAAM,CAACH;AAC7B,CAAC,CAAC;AAEK,MAAMM,kBAAkB,GAAG;EAChCC,KAAK,EAAEb,kBAAS,CAACc,SAAS,CAAC,CAACZ,aAAa,EAAEK,WAAW,EAAEG,aAAa,CAAC;AACxE,CAAC;AAAC;AAEF,MAAMK,sBAAsB,GAAGf,kBAAS,CAACG,KAAK,CAAC;EAC7CJ,IAAI,EAAEC,kBAAS,CAACS,MAAM;EACtBO,QAAQ,EAAEhB,kBAAS,CAACiB,IAAI;EACxBC,WAAW,EAAElB,kBAAS,CAACiB,IAAI;EAC3BE,KAAK,EAAEnB,kBAAS,CAACS;AACnB,CAAC,CAAC;AAEF,MAAMW,eAAe,GAAGpB,kBAAS,CAACG,KAAK,CAAC;EACtCkB,KAAK,EAAErB,kBAAS,CAACS,MAAM,CAACH,UAAU;EAClC,YAAY,EAAEN,kBAAS,CAACS,MAAM;EAC9Ba,OAAO,EAAEtB,kBAAS,CAACuB,IAAI;EACvBC,QAAQ,EAAExB,kBAAS,CAACuB,IAAI;EACxBP,QAAQ,EAAEhB,kBAAS,CAACiB,IAAI;EACxBQ,KAAK,EAAEzB,kBAAS,CAACS,MAAM;EACvBiB,OAAO,EAAE1B,kBAAS,CAAC2B,OAAO,CAACZ,sBAAsB,CAAC;EAClDV,IAAI,EAAEL,kBAAS,CAACC,KAAK,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;EACzCF,IAAI,EAAEC,kBAAS,CAACS;AAClB,CAAC,CAAC;AAEF,MAAMmB,SAAS,GAAG;EAChBC,KAAK,EAAE7B,kBAAS,CAACG,KAAK,CAAC;IACrBE,IAAI,EAAEL,kBAAS,CAACC,KAAK,CAAC,CACpB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,UAAU,EACV,UAAU,EACV,QAAQ,EACR,UAAU,CACX,CAAC,CAACK,UAAU;IACbwB,MAAM,EAAE9B,kBAAS,CAAC2B,OAAO,CAACP,eAAe;EAC3C,CAAC,CAAC,CAACd,UAAU;EACbyB,IAAI,EAAE/B,kBAAS,CAACS,MAAM;EACtBI,KAAK,EAAED,kBAAkB,CAACC;AAC5B,CAAC;AAAC,eAqCae,SAAS;AAAA"}
+{"version":3,"file":"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","SelectOptionsPropTypes","selected","bool","validOption","value","AnswerPropTypes","title","onClick","func","onChange","image","options","arrayOf","propTypes","model","answer","help"],"sources":["../../../src/molecule/answer/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {Media} from '../questions/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: string) => 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\nconst SelectOptionsPropTypes = PropTypes.shape({\n  name: PropTypes.string,\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool,\n  value: PropTypes.string\n});\n\nconst AnswerPropTypes = PropTypes.shape({\n  title: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  onClick: PropTypes.func,\n  onChange: PropTypes.func,\n  selected: PropTypes.bool,\n  image: PropTypes.string,\n  options: PropTypes.arrayOf(SelectOptionsPropTypes),\n  type: PropTypes.oneOf(['text', 'select']),\n  name: PropTypes.string\n});\n\nconst 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    answer: PropTypes.arrayOf(AnswerPropTypes)\n  }).isRequired,\n  help: PropTypes.string,\n  media: MediaViewPropTypes.media\n};\n\ntype SelectOptions = {\n  name: string;\n  selected: boolean;\n  validOption: boolean;\n  value: string;\n};\n\nexport type Answer = {\n  title?: string;\n  'aria-label'?: string;\n  onClick?: () => void;\n  onChange?: (value: string) => void;\n  selected?: boolean;\n  image?: string;\n  options?: SelectOptions[];\n  type?: 'text' | 'select';\n  name?: string;\n};\n\nexport type AnswerProps = {\n  model: {\n    type: 'qcmDrag' | 'qcm' | 'qcmGraphic' | 'freeText' | 'dropDown' | 'slider' | 'template';\n    answers?: Answer[];\n    template?: string;\n    onChange?: (value: string | number) => void;\n    onSliderChange?: (value: number) => void;\n    minLabel?: string;\n    maxLabel?: string;\n    title?: string;\n  };\n  help: string;\n\n  media?: Media;\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,UAAU,GAAG,KAAnB;;AACA,MAAMC,UAAU,GAAG,OAAnB;;AACA,MAAMC,UAAU,GAAG,OAAnB;;;AAEP,MAAMC,MAAM,GAAIC,IAAD,IAAkBC,kBAAA,CAAUC,KAAV,CAAgB,CAACF,IAAD,CAAhB,CAAjC;;AAEA,MAAMG,aAAa,GAAGF,kBAAA,CAAUG,KAAV,cACjBC,mBADiB;EAEpBC,IAAI,EAAEP,MAAM,CAACF,UAAD,CAAN,CAAmBU;AAFL,GAAtB;;AAKA,MAAMC,WAAW,GAAGP,kBAAA,CAAUG,KAAV,CAAgB;EAClCE,IAAI,EAAEP,MAAM,CAACH,UAAD,CAAN,CAAmBW,UADS;EAElCE,GAAG,EAAER,kBAAA,CAAUS,MAAV,CAAiBH;AAFY,CAAhB,CAApB;;AAKA,MAAMI,aAAa,GAAGV,kBAAA,CAAUG,KAAV,CAAgB;EACpCE,IAAI,EAAEP,MAAM,CAACD,UAAD,CAAN,CAAmBS,UADW;EAEpCK,QAAQ,EAAEX,kBAAA,CAAUS,MAAV,CAAiBH;AAFS,CAAhB,CAAtB;;AAKO,MAAMM,kBAAkB,GAAG;EAChCC,KAAK,EAAEb,kBAAA,CAAUc,SAAV,CAAoB,CAACZ,aAAD,EAAgBK,WAAhB,EAA6BG,aAA7B,CAApB;AADyB,CAA3B;;;AAIP,MAAMK,sBAAsB,GAAGf,kBAAA,CAAUG,KAAV,CAAgB;EAC7CJ,IAAI,EAAEC,kBAAA,CAAUS,MAD6B;EAE7CO,QAAQ,EAAEhB,kBAAA,CAAUiB,IAFyB;EAG7CC,WAAW,EAAElB,kBAAA,CAAUiB,IAHsB;EAI7CE,KAAK,EAAEnB,kBAAA,CAAUS;AAJ4B,CAAhB,CAA/B;;AAOA,MAAMW,eAAe,GAAGpB,kBAAA,CAAUG,KAAV,CAAgB;EACtCkB,KAAK,EAAErB,kBAAA,CAAUS,MAAV,CAAiBH,UADc;EAEtC,cAAcN,kBAAA,CAAUS,MAFc;EAGtCa,OAAO,EAAEtB,kBAAA,CAAUuB,IAHmB;EAItCC,QAAQ,EAAExB,kBAAA,CAAUuB,IAJkB;EAKtCP,QAAQ,EAAEhB,kBAAA,CAAUiB,IALkB;EAMtCQ,KAAK,EAAEzB,kBAAA,CAAUS,MANqB;EAOtCiB,OAAO,EAAE1B,kBAAA,CAAU2B,OAAV,CAAkBZ,sBAAlB,CAP6B;EAQtCV,IAAI,EAAEL,kBAAA,CAAUC,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,CAAhB,CARgC;EAStCF,IAAI,EAAEC,kBAAA,CAAUS;AATsB,CAAhB,CAAxB;;AAYA,MAAMmB,SAAS,GAAG;EAChBC,KAAK,EAAE7B,kBAAA,CAAUG,KAAV,CAAgB;IACrBE,IAAI,EAAEL,kBAAA,CAAUC,KAAV,CAAgB,CACpB,SADoB,EAEpB,KAFoB,EAGpB,YAHoB,EAIpB,UAJoB,EAKpB,UALoB,EAMpB,QANoB,EAOpB,UAPoB,CAAhB,EAQHK,UATkB;IAUrBwB,MAAM,EAAE9B,kBAAA,CAAU2B,OAAV,CAAkBP,eAAlB;EAVa,CAAhB,EAWJd,UAZa;EAahByB,IAAI,EAAE/B,kBAAA,CAAUS,MAbA;EAchBI,KAAK,EAAED,kBAAkB,CAACC;AAdV,CAAlB;eAoDee,S"}

package/lib/molecule/audio/index.js

@@ -2,39 +2,54 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class Audio extends _react.default.Component {
   constructor(props, context) {
     super(props, context);
+
     this.setAudio = element => {
       this.audioElement = element;
     };
+
     this.handlePlay = this.handlePlay.bind(this);
     this.audioElement = null;
     this.setAudio = this.setAudio.bind(this);
   }
+
   shouldComponentUpdate(nextProps) {
     const {
       mediaUrl
     } = this.props;
     return nextProps.mediaUrl !== mediaUrl;
   }
+
   componentDidUpdate() {
     this.audioElement.load();
   }
+
   handlePlay(e) {
     const {
       onPlay
     } = this.props;
     if (onPlay) onPlay(e);
   }
+
   render() {
     const {
       description,
@@ -55,8 +70,7 @@ class Audio extends _react.default.Component {
       className: _style.default.icon
     }), description ? /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(_style.default.description, _style.default.innerHTML),
-      "data-name": "audioDescription"
-      // eslint-disable-next-line react/no-danger
+      "data-name": "audioDescription" // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: description
@@ -75,7 +89,9 @@ class Audio extends _react.default.Component {
       src: mediaUrl
     })));
   }
+
 }
+
 Audio.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Audio","React","Component","constructor","props","context","setAudio","element","audioElement","handlePlay","bind","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","e","onPlay","render","description","poster","skin","white","style","frame","backgroundImage","icon","classnames","innerHTML","__html","audio","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/audio/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyMicrophone as PodcastIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass Audio extends React.Component {\n  static propTypes = {\n    description: PropTypes.string,\n    mediaUrl: PropTypes.string,\n    poster: PropTypes.string,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.audioElement = null;\n    this.setAudio = this.setAudio.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps) {\n    const {mediaUrl} = this.props;\n    return nextProps.mediaUrl !== mediaUrl;\n  }\n\n  componentDidUpdate() {\n    this.audioElement.load();\n  }\n\n  setAudio = element => {\n    this.audioElement = element;\n  };\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  render() {\n    const {description, mediaUrl, poster} = this.props;\n    const {skin} = this.context;\n\n    const white = get('common.white', skin);\n    return (\n      <div className={style.frame} style={{backgroundImage: `url(${poster})`}}>\n        <PodcastIcon color={white} className={style.icon} />\n        {description ? (\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"audioDescription\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        ) : null}\n        <audio\n          className={style.audio}\n          controls\n          controlsList=\"nodownload\"\n          ref={this.setAudio}\n          autoPlay=\"\"\n          onPlay={this.handlePlay}\n          name=\"media\"\n          data-name=\"audio\"\n          preload=\"auto\"\n        >\n          <source src={mediaUrl} />\n        </audio>\n      </div>\n    );\n  }\n}\n\nexport default Audio;\n"],"mappings":";;;;;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,KAAK,SAASC,cAAK,CAACC,SAAS,CAAC;EAYlCC,WAAW,CAACC,KAAK,EAAEC,OAAO,EAAE;IAC1B,KAAK,CAACD,KAAK,EAAEC,OAAO,CAAC;IAAC,KAexBC,QAAQ,GAAGC,OAAO,IAAI;MACpB,IAAI,CAACC,YAAY,GAAGD,OAAO;IAC7B,CAAC;IAhBC,IAAI,CAACE,UAAU,GAAG,IAAI,CAACA,UAAU,CAACC,IAAI,CAAC,IAAI,CAAC;IAC5C,IAAI,CAACF,YAAY,GAAG,IAAI;IACxB,IAAI,CAACF,QAAQ,GAAG,IAAI,CAACA,QAAQ,CAACI,IAAI,CAAC,IAAI,CAAC;EAC1C;EAEAC,qBAAqB,CAACC,SAAS,EAAE;IAC/B,MAAM;MAACC;IAAQ,CAAC,GAAG,IAAI,CAACT,KAAK;IAC7B,OAAOQ,SAAS,CAACC,QAAQ,KAAKA,QAAQ;EACxC;EAEAC,kBAAkB,GAAG;IACnB,IAAI,CAACN,YAAY,CAACO,IAAI,EAAE;EAC1B;EAMAN,UAAU,CAACO,CAAC,EAAE;IACZ,MAAM;MAACC;IAAM,CAAC,GAAG,IAAI,CAACb,KAAK;IAC3B,IAAIa,MAAM,EAAEA,MAAM,CAACD,CAAC,CAAC;EACvB;EAEAE,MAAM,GAAG;IACP,MAAM;MAACC,WAAW;MAAEN,QAAQ;MAAEO;IAAM,CAAC,GAAG,IAAI,CAAChB,KAAK;IAClD,MAAM;MAACiB;IAAI,CAAC,GAAG,IAAI,CAAChB,OAAO;IAE3B,MAAMiB,KAAK,GAAG,mBAAI,cAAc,EAAED,IAAI,CAAC;IACvC,oBACE;MAAK,SAAS,EAAEE,cAAK,CAACC,KAAM;MAAC,KAAK,EAAE;QAACC,eAAe,EAAG,OAAML,MAAO;MAAE;IAAE,gBACtE,6BAAC,gDAAW;MAAC,KAAK,EAAEE,KAAM;MAAC,SAAS,EAAEC,cAAK,CAACG;IAAK,EAAG,EACnDP,WAAW,gBACV;MACE,SAAS,EAAE,IAAAQ,mBAAU,EAACJ,cAAK,CAACJ,WAAW,EAAEI,cAAK,CAACK,SAAS,CAAE;MAC1D,aAAU;MACV;MAAA;MACA,uBAAuB,EAAE;QAACC,MAAM,EAAEV;MAAW;IAAE,EAC/C,GACA,IAAI,eACR;MACE,SAAS,EAAEI,cAAK,CAACO,KAAM;MACvB,QAAQ;MACR,YAAY,EAAC,YAAY;MACzB,GAAG,EAAE,IAAI,CAACxB,QAAS;MACnB,QAAQ,EAAC,EAAE;MACX,MAAM,EAAE,IAAI,CAACG,UAAW;MACxB,IAAI,EAAC,OAAO;MACZ,aAAU,OAAO;MACjB,OAAO,EAAC;IAAM,gBAEd;MAAQ,GAAG,EAAEI;IAAS,EAAG,CACnB,CACJ;EAEV;AACF;AArEMb,KAAK,CAQF+B,YAAY,GAAG;EACpBV,IAAI,EAAEW,iBAAQ,CAACC,iBAAiB,CAACZ;AACnC,CAAC;AAVGrB,KAAK,CACFkC,SAAS,2CAAG;EACjBf,WAAW,EAAEgB,kBAAS,CAACC,MAAM;EAC7BvB,QAAQ,EAAEsB,kBAAS,CAACC,MAAM;EAC1BhB,MAAM,EAAEe,kBAAS,CAACC,MAAM;EACxBnB,MAAM,EAAEkB,kBAAS,CAACE;AACpB,CAAC;AAAA,eAiEYrC,KAAK;AAAA"}
+{"version":3,"file":"index.js","names":["Audio","React","Component","constructor","props","context","setAudio","element","audioElement","handlePlay","bind","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","e","onPlay","render","description","poster","skin","white","style","frame","backgroundImage","icon","classnames","innerHTML","__html","audio","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/audio/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyMicrophone as PodcastIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass Audio extends React.Component {\n  static propTypes = {\n    description: PropTypes.string,\n    mediaUrl: PropTypes.string,\n    poster: PropTypes.string,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.audioElement = null;\n    this.setAudio = this.setAudio.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps) {\n    const {mediaUrl} = this.props;\n    return nextProps.mediaUrl !== mediaUrl;\n  }\n\n  componentDidUpdate() {\n    this.audioElement.load();\n  }\n\n  setAudio = element => {\n    this.audioElement = element;\n  };\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  render() {\n    const {description, mediaUrl, poster} = this.props;\n    const {skin} = this.context;\n\n    const white = get('common.white', skin);\n    return (\n      <div className={style.frame} style={{backgroundImage: `url(${poster})`}}>\n        <PodcastIcon color={white} className={style.icon} />\n        {description ? (\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"audioDescription\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        ) : null}\n        <audio\n          className={style.audio}\n          controls\n          controlsList=\"nodownload\"\n          ref={this.setAudio}\n          autoPlay=\"\"\n          onPlay={this.handlePlay}\n          name=\"media\"\n          data-name=\"audio\"\n          preload=\"auto\"\n        >\n          <source src={mediaUrl} />\n        </audio>\n      </div>\n    );\n  }\n}\n\nexport default Audio;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,KAAN,SAAoBC,cAAA,CAAMC,SAA1B,CAAoC;EAYlCC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;;IAD0B,KAgB5BC,QAhB4B,GAgBjBC,OAAO,IAAI;MACpB,KAAKC,YAAL,GAAoBD,OAApB;IACD,CAlB2B;;IAE1B,KAAKE,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;IACA,KAAKF,YAAL,GAAoB,IAApB;IACA,KAAKF,QAAL,GAAgB,KAAKA,QAAL,CAAcI,IAAd,CAAmB,IAAnB,CAAhB;EACD;;EAEDC,qBAAqB,CAACC,SAAD,EAAY;IAC/B,MAAM;MAACC;IAAD,IAAa,KAAKT,KAAxB;IACA,OAAOQ,SAAS,CAACC,QAAV,KAAuBA,QAA9B;EACD;;EAEDC,kBAAkB,GAAG;IACnB,KAAKN,YAAL,CAAkBO,IAAlB;EACD;;EAMDN,UAAU,CAACO,CAAD,EAAI;IACZ,MAAM;MAACC;IAAD,IAAW,KAAKb,KAAtB;IACA,IAAIa,MAAJ,EAAYA,MAAM,CAACD,CAAD,CAAN;EACb;;EAEDE,MAAM,GAAG;IACP,MAAM;MAACC,WAAD;MAAcN,QAAd;MAAwBO;IAAxB,IAAkC,KAAKhB,KAA7C;IACA,MAAM;MAACiB;IAAD,IAAS,KAAKhB,OAApB;IAEA,MAAMiB,KAAK,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;IACA,oBACE;MAAK,SAAS,EAAEE,cAAA,CAAMC,KAAtB;MAA6B,KAAK,EAAE;QAACC,eAAe,EAAG,OAAML,MAAO;MAAhC;IAApC,gBACE,6BAAC,gDAAD;MAAa,KAAK,EAAEE,KAApB;MAA2B,SAAS,EAAEC,cAAA,CAAMG;IAA5C,EADF,EAEGP,WAAW,gBACV;MACE,SAAS,EAAE,IAAAQ,mBAAA,EAAWJ,cAAA,CAAMJ,WAAjB,EAA8BI,cAAA,CAAMK,SAApC,CADb;MAEE,aAAU,kBAFZ,CAGE;MAHF;MAIE,uBAAuB,EAAE;QAACC,MAAM,EAAEV;MAAT;IAJ3B,EADU,GAOR,IATN,eAUE;MACE,SAAS,EAAEI,cAAA,CAAMO,KADnB;MAEE,QAAQ,MAFV;MAGE,YAAY,EAAC,YAHf;MAIE,GAAG,EAAE,KAAKxB,QAJZ;MAKE,QAAQ,EAAC,EALX;MAME,MAAM,EAAE,KAAKG,UANf;MAOE,IAAI,EAAC,OAPP;MAQE,aAAU,OARZ;MASE,OAAO,EAAC;IATV,gBAWE;MAAQ,GAAG,EAAEI;IAAb,EAXF,CAVF,CADF;EA0BD;;AApEiC;;AAA9Bb,K,CAQG+B,Y,GAAe;EACpBV,IAAI,EAAEW,iBAAA,CAASC,iBAAT,CAA2BZ;AADb,C;AARlBrB,K,CACGkC,S,2CAAY;EACjBf,WAAW,EAAEgB,kBAAA,CAAUC,MADN;EAEjBvB,QAAQ,EAAEsB,kBAAA,CAAUC,MAFH;EAGjBhB,MAAM,EAAEe,kBAAA,CAAUC,MAHD;EAIjBnB,MAAM,EAAEkB,kBAAA,CAAUE;AAJD,C;eAsENrC,K"}

package/lib/molecule/banner/index.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ICONS = {
   success: _novaIcons.NovaCompositionCoorpacademyValidate,
   error: _novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertDiamond,
@@ -20,6 +29,7 @@ const STYLES = {
   error: _style.default.error,
   warning: _style.default.warning
 };
+
 const Banner = props => {
   const {
     type,
@@ -63,6 +73,7 @@ const Banner = props => {
     type: "text"
   })) : null);
 };
+
 Banner.propTypes = process.env.NODE_ENV !== "production" ? {
   bannerKey: _propTypes.default.string,
   type: _propTypes.default.oneOf((0, _keys2.default)(ICONS)),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICONS","success","ValidateIcon","error","QuestionIcon","warning","STYLES","style","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","bannerKey","onEnd","Icon","classnames","banner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","PropTypes","string","oneOf","isRequired","func","bool"],"sources":["../../../src/molecule/banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n  success: ValidateIcon,\n  error: QuestionIcon,\n  warning: QuestionIcon\n};\n\nconst STYLES = {\n  success: style.success,\n  error: style.error,\n  warning: style.warning\n};\n\nconst Banner = props => {\n  const {\n    type,\n    message,\n    firstCTA,\n    firstCTALabel,\n    secondCTALabel,\n    secondCTA,\n    temporary,\n    bannerKey,\n    onEnd\n  } = props;\n  const Icon = ICONS[type];\n  return (\n    <div\n      key={bannerKey}\n      className={classnames(style.banner, STYLES[type], temporary && style.temporaryBanner)}\n      onAnimationEnd={onEnd}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n        {message}\n      </div>\n      {firstCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <Link\n            data-name=\"first-banner-cta\"\n            aria-label={firstCTALabel}\n            label={firstCTALabel}\n            onClick={firstCTA}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n      {firstCTALabel && secondCTALabel ? (\n        <div className={classnames(style.buttonsBar, STYLES[type])} />\n      ) : null}\n      {secondCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <Link\n            data-name=\"second-banner-cta\"\n            onClick={secondCTA}\n            aria-label={secondCTALabel}\n            label={secondCTALabel}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nBanner.propTypes = {\n  bannerKey: PropTypes.string,\n  type: PropTypes.oneOf(keys(ICONS)),\n  message: PropTypes.string.isRequired,\n  firstCTA: PropTypes.func,\n  firstCTALabel: PropTypes.string,\n  secondCTALabel: PropTypes.string,\n  secondCTA: PropTypes.func,\n  temporary: PropTypes.bool,\n  onEnd: PropTypes.func\n};\n\nexport default Banner;\n"],"mappings":";;;;;AAAA;AACA;AACA;AAEA;AAIA;AACA;AAAgC;AAEhC,MAAMA,KAAK,GAAG;EACZC,OAAO,EAAEC,8CAAY;EACrBC,KAAK,EAAEC,0DAAY;EACnBC,OAAO,EAAED;AACX,CAAC;AAED,MAAME,MAAM,GAAG;EACbL,OAAO,EAAEM,cAAK,CAACN,OAAO;EACtBE,KAAK,EAAEI,cAAK,CAACJ,KAAK;EAClBE,OAAO,EAAEE,cAAK,CAACF;AACjB,CAAC;AAED,MAAMG,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IACJC,IAAI;IACJC,OAAO;IACPC,QAAQ;IACRC,aAAa;IACbC,cAAc;IACdC,SAAS;IACTC,SAAS;IACTC,SAAS;IACTC;EACF,CAAC,GAAGT,KAAK;EACT,MAAMU,IAAI,GAAGnB,KAAK,CAACU,IAAI,CAAC;EACxB,oBACE;IACE,GAAG,EAAEO,SAAU;IACf,SAAS,EAAE,IAAAG,mBAAU,EAACb,cAAK,CAACc,MAAM,EAAEf,MAAM,CAACI,IAAI,CAAC,EAAEM,SAAS,IAAIT,cAAK,CAACe,eAAe,CAAE;IACtF,cAAc,EAAEJ,KAAM;IACtB,KAAK,EAAEP;EAAQ,gBAEf;IAAK,aAAY,GAAED,IAAK,iBAAiB;IAAC,SAAS,EAAEH,cAAK,CAACI;EAAQ,gBACjE,6BAAC,IAAI;IAAC,SAAS,EAAE,IAAAS,mBAAU,EAACb,cAAK,CAACgB,IAAI,EAAEP,SAAS,IAAIT,cAAK,CAACiB,aAAa;EAAE,EAAG,EAC5Eb,OAAO,CACJ,EACLE,aAAa,gBACZ;IAAK,SAAS,EAAE,IAAAO,mBAAU,EAACb,cAAK,CAACkB,MAAM,EAAEnB,MAAM,CAACI,IAAI,CAAC;EAAE,gBACrD,6BAAC,mBAAI;IACH,aAAU,kBAAkB;IAC5B,cAAYG,aAAc;IAC1B,KAAK,EAAEA,aAAc;IACrB,OAAO,EAAED,QAAS;IAClB,IAAI,EAAC;EAAM,EACX,CACE,GACJ,IAAI,EACPC,aAAa,IAAIC,cAAc,gBAC9B;IAAK,SAAS,EAAE,IAAAM,mBAAU,EAACb,cAAK,CAACmB,UAAU,EAAEpB,MAAM,CAACI,IAAI,CAAC;EAAE,EAAG,GAC5D,IAAI,EACPI,cAAc,gBACb;IAAK,SAAS,EAAE,IAAAM,mBAAU,EAACb,cAAK,CAACkB,MAAM,EAAEnB,MAAM,CAACI,IAAI,CAAC;EAAE,gBACrD,6BAAC,mBAAI;IACH,aAAU,mBAAmB;IAC7B,OAAO,EAAEK,SAAU;IACnB,cAAYD,cAAe;IAC3B,KAAK,EAAEA,cAAe;IACtB,IAAI,EAAC;EAAM,EACX,CACE,GACJ,IAAI,CACJ;AAEV,CAAC;AAEDN,MAAM,CAACmB,SAAS,2CAAG;EACjBV,SAAS,EAAEW,kBAAS,CAACC,MAAM;EAC3BnB,IAAI,EAAEkB,kBAAS,CAACE,KAAK,CAAC,oBAAK9B,KAAK,CAAC,CAAC;EAClCW,OAAO,EAAEiB,kBAAS,CAACC,MAAM,CAACE,UAAU;EACpCnB,QAAQ,EAAEgB,kBAAS,CAACI,IAAI;EACxBnB,aAAa,EAAEe,kBAAS,CAACC,MAAM;EAC/Bf,cAAc,EAAEc,kBAAS,CAACC,MAAM;EAChCd,SAAS,EAAEa,kBAAS,CAACI,IAAI;EACzBhB,SAAS,EAAEY,kBAAS,CAACK,IAAI;EACzBf,KAAK,EAAEU,kBAAS,CAACI;AACnB,CAAC;AAAC,eAEaxB,MAAM;AAAA"}
+{"version":3,"file":"index.js","names":["ICONS","success","ValidateIcon","error","QuestionIcon","warning","STYLES","style","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","bannerKey","onEnd","Icon","classnames","banner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","PropTypes","string","oneOf","isRequired","func","bool"],"sources":["../../../src/molecule/banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n  success: ValidateIcon,\n  error: QuestionIcon,\n  warning: QuestionIcon\n};\n\nconst STYLES = {\n  success: style.success,\n  error: style.error,\n  warning: style.warning\n};\n\nconst Banner = props => {\n  const {\n    type,\n    message,\n    firstCTA,\n    firstCTALabel,\n    secondCTALabel,\n    secondCTA,\n    temporary,\n    bannerKey,\n    onEnd\n  } = props;\n  const Icon = ICONS[type];\n  return (\n    <div\n      key={bannerKey}\n      className={classnames(style.banner, STYLES[type], temporary && style.temporaryBanner)}\n      onAnimationEnd={onEnd}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n        {message}\n      </div>\n      {firstCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <Link\n            data-name=\"first-banner-cta\"\n            aria-label={firstCTALabel}\n            label={firstCTALabel}\n            onClick={firstCTA}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n      {firstCTALabel && secondCTALabel ? (\n        <div className={classnames(style.buttonsBar, STYLES[type])} />\n      ) : null}\n      {secondCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <Link\n            data-name=\"second-banner-cta\"\n            onClick={secondCTA}\n            aria-label={secondCTALabel}\n            label={secondCTALabel}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nBanner.propTypes = {\n  bannerKey: PropTypes.string,\n  type: PropTypes.oneOf(keys(ICONS)),\n  message: PropTypes.string.isRequired,\n  firstCTA: PropTypes.func,\n  firstCTALabel: PropTypes.string,\n  secondCTALabel: PropTypes.string,\n  secondCTA: PropTypes.func,\n  temporary: PropTypes.bool,\n  onEnd: PropTypes.func\n};\n\nexport default Banner;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAIA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,OAAO,EAAEC,8CADG;EAEZC,KAAK,EAAEC,0DAFK;EAGZC,OAAO,EAAED;AAHG,CAAd;AAMA,MAAME,MAAM,GAAG;EACbL,OAAO,EAAEM,cAAA,CAAMN,OADF;EAEbE,KAAK,EAAEI,cAAA,CAAMJ,KAFA;EAGbE,OAAO,EAAEE,cAAA,CAAMF;AAHF,CAAf;;AAMA,MAAMG,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IACJC,IADI;IAEJC,OAFI;IAGJC,QAHI;IAIJC,aAJI;IAKJC,cALI;IAMJC,SANI;IAOJC,SAPI;IAQJC,SARI;IASJC;EATI,IAUFT,KAVJ;EAWA,MAAMU,IAAI,GAAGnB,KAAK,CAACU,IAAD,CAAlB;EACA,oBACE;IACE,GAAG,EAAEO,SADP;IAEE,SAAS,EAAE,IAAAG,mBAAA,EAAWb,cAAA,CAAMc,MAAjB,EAAyBf,MAAM,CAACI,IAAD,CAA/B,EAAuCM,SAAS,IAAIT,cAAA,CAAMe,eAA1D,CAFb;IAGE,cAAc,EAAEJ,KAHlB;IAIE,KAAK,EAAEP;EAJT,gBAME;IAAK,aAAY,GAAED,IAAK,iBAAxB;IAA0C,SAAS,EAAEH,cAAA,CAAMI;EAA3D,gBACE,6BAAC,IAAD;IAAM,SAAS,EAAE,IAAAS,mBAAA,EAAWb,cAAA,CAAMgB,IAAjB,EAAuBP,SAAS,IAAIT,cAAA,CAAMiB,aAA1C;EAAjB,EADF,EAEGb,OAFH,CANF,EAUGE,aAAa,gBACZ;IAAK,SAAS,EAAE,IAAAO,mBAAA,EAAWb,cAAA,CAAMkB,MAAjB,EAAyBnB,MAAM,CAACI,IAAD,CAA/B;EAAhB,gBACE,6BAAC,mBAAD;IACE,aAAU,kBADZ;IAEE,cAAYG,aAFd;IAGE,KAAK,EAAEA,aAHT;IAIE,OAAO,EAAED,QAJX;IAKE,IAAI,EAAC;EALP,EADF,CADY,GAUV,IApBN,EAqBGC,aAAa,IAAIC,cAAjB,gBACC;IAAK,SAAS,EAAE,IAAAM,mBAAA,EAAWb,cAAA,CAAMmB,UAAjB,EAA6BpB,MAAM,CAACI,IAAD,CAAnC;EAAhB,EADD,GAEG,IAvBN,EAwBGI,cAAc,gBACb;IAAK,SAAS,EAAE,IAAAM,mBAAA,EAAWb,cAAA,CAAMkB,MAAjB,EAAyBnB,MAAM,CAACI,IAAD,CAA/B;EAAhB,gBACE,6BAAC,mBAAD;IACE,aAAU,mBADZ;IAEE,OAAO,EAAEK,SAFX;IAGE,cAAYD,cAHd;IAIE,KAAK,EAAEA,cAJT;IAKE,IAAI,EAAC;EALP,EADF,CADa,GAUX,IAlCN,CADF;AAsCD,CAnDD;;AAqDAN,MAAM,CAACmB,SAAP,2CAAmB;EACjBV,SAAS,EAAEW,kBAAA,CAAUC,MADJ;EAEjBnB,IAAI,EAAEkB,kBAAA,CAAUE,KAAV,CAAgB,oBAAK9B,KAAL,CAAhB,CAFW;EAGjBW,OAAO,EAAEiB,kBAAA,CAAUC,MAAV,CAAiBE,UAHT;EAIjBnB,QAAQ,EAAEgB,kBAAA,CAAUI,IAJH;EAKjBnB,aAAa,EAAEe,kBAAA,CAAUC,MALR;EAMjBf,cAAc,EAAEc,kBAAA,CAAUC,MANT;EAOjBd,SAAS,EAAEa,kBAAA,CAAUI,IAPJ;EAQjBhB,SAAS,EAAEY,kBAAA,CAAUK,IARJ;EASjBf,KAAK,EAAEU,kBAAA,CAAUI;AATA,CAAnB;eAYexB,M"}