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

package/es/molecule/module-bubble/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","stopPropagation","style","ModuleBubble","props","context","skin","onClick","status","iconColor","filtered","disabled","code","icon","String","fromCharCode","click","modulewrapper","bubble","bubbleBG","iconDisabled","color","contextTypes","childContextTypes","propTypes","bool","string","func","isRequired"],"sources":["../../../src/molecule/module-bubble/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, pipe, partial, unary} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport stopPropagation from '../../util/bubbling';\nimport style from './style.css';\n\nconst ModuleBubble = (props, context) => {\n  const {skin} = context;\n\n  const {onClick, status, iconColor, filtered, disabled} = props;\n\n  const code = getOr('', ['icons', status], skin);\n  const icon = String.fromCharCode(code);\n\n  const click = !disabled && pipe(stopPropagation, unary(partial(onClick, [props])));\n\n  return (\n    <div className={filtered ? style.filtered : style.modulewrapper} data-name=\"moduleBubble\">\n      <div className={style.bubble} onClick={click}>\n        <span className={style.bubbleBG} />\n        <span\n          data-name=\"icon\"\n          className={disabled ? style.iconDisabled : style.icon}\n          style={{\n            color: iconColor\n          }}\n        >\n          {icon}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nModuleBubble.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nModuleBubble.propTypes = {\n  disabled: PropTypes.bool,\n  filtered: PropTypes.bool,\n  iconColor: PropTypes.string,\n  status: PropTypes.string,\n  onClick: PropTypes.func.isRequired\n};\nexport default ModuleBubble;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACvC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,OAAO;IAAEC,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAGP,KAAK;EAE9D,MAAMQ,IAAI,GAAG,OAAM,EAAE,EAAE,CAAC,OAAO,EAAEJ,MAAM,CAAC,EAAEF,IAAI,CAAC;EAC/C,MAAMO,IAAI,GAAGC,MAAM,CAACC,YAAY,CAACH,IAAI,CAAC;EAEtC,MAAMI,KAAK,GAAG,CAACL,QAAQ,IAAI,MAAKV,eAAe,EAAE,OAAM,SAAQM,OAAO,EAAE,CAACH,KAAK,CAAC,CAAC,CAAC,CAAC;EAElF,oBACE;IAAK,SAAS,EAAEM,QAAQ,GAAGR,KAAK,CAACQ,QAAQ,GAAGR,KAAK,CAACe,aAAc;IAAC,aAAU;EAAc,gBACvF;IAAK,SAAS,EAAEf,KAAK,CAACgB,MAAO;IAAC,OAAO,EAAEF;EAAM,gBAC3C;IAAM,SAAS,EAAEd,KAAK,CAACiB;EAAS,EAAG,eACnC;IACE,aAAU,MAAM;IAChB,SAAS,EAAER,QAAQ,GAAGT,KAAK,CAACkB,YAAY,GAAGlB,KAAK,CAACW,IAAK;IACtD,KAAK,EAAE;MACLQ,KAAK,EAAEZ;IACT;EAAE,GAEDI,IAAI,CACA,CACH,CACF;AAEV,CAAC;AAEDV,YAAY,CAACmB,YAAY,GAAG;EAC1BhB,IAAI,EAAEN,QAAQ,CAACuB,iBAAiB,CAACjB;AACnC,CAAC;AAEDH,YAAY,CAACqB,SAAS,2CAAG;EACvBb,QAAQ,EAAEZ,SAAS,CAAC0B,IAAI;EACxBf,QAAQ,EAAEX,SAAS,CAAC0B,IAAI;EACxBhB,SAAS,EAAEV,SAAS,CAAC2B,MAAM;EAC3BlB,MAAM,EAAET,SAAS,CAAC2B,MAAM;EACxBnB,OAAO,EAAER,SAAS,CAAC4B,IAAI,CAACC;AAC1B,CAAC;AACD,eAAezB,YAAY"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","stopPropagation","style","ModuleBubble","props","context","skin","onClick","status","iconColor","filtered","disabled","code","icon","String","fromCharCode","click","modulewrapper","bubble","bubbleBG","iconDisabled","color","contextTypes","childContextTypes","propTypes","bool","string","func","isRequired"],"sources":["../../../src/molecule/module-bubble/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, pipe, partial, unary} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport stopPropagation from '../../util/bubbling';\nimport style from './style.css';\n\nconst ModuleBubble = (props, context) => {\n  const {skin} = context;\n\n  const {onClick, status, iconColor, filtered, disabled} = props;\n\n  const code = getOr('', ['icons', status], skin);\n  const icon = String.fromCharCode(code);\n\n  const click = !disabled && pipe(stopPropagation, unary(partial(onClick, [props])));\n\n  return (\n    <div className={filtered ? style.filtered : style.modulewrapper} data-name=\"moduleBubble\">\n      <div className={style.bubble} onClick={click}>\n        <span className={style.bubbleBG} />\n        <span\n          data-name=\"icon\"\n          className={disabled ? style.iconDisabled : style.icon}\n          style={{\n            color: iconColor\n          }}\n        >\n          {icon}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nModuleBubble.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nModuleBubble.propTypes = {\n  disabled: PropTypes.bool,\n  filtered: PropTypes.bool,\n  iconColor: PropTypes.string,\n  status: PropTypes.string,\n  onClick: PropTypes.func.isRequired\n};\nexport default ModuleBubble;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACC;EAAD,IAASD,OAAf;EAEA,MAAM;IAACE,OAAD;IAAUC,MAAV;IAAkBC,SAAlB;IAA6BC,QAA7B;IAAuCC;EAAvC,IAAmDP,KAAzD;;EAEA,MAAMQ,IAAI,GAAG,OAAM,EAAN,EAAU,CAAC,OAAD,EAAUJ,MAAV,CAAV,EAA6BF,IAA7B,CAAb;;EACA,MAAMO,IAAI,GAAGC,MAAM,CAACC,YAAP,CAAoBH,IAApB,CAAb;;EAEA,MAAMI,KAAK,GAAG,CAACL,QAAD,IAAa,MAAKV,eAAL,EAAsB,OAAM,SAAQM,OAAR,EAAiB,CAACH,KAAD,CAAjB,CAAN,CAAtB,CAA3B;;EAEA,oBACE;IAAK,SAAS,EAAEM,QAAQ,GAAGR,KAAK,CAACQ,QAAT,GAAoBR,KAAK,CAACe,aAAlD;IAAiE,aAAU;EAA3E,gBACE;IAAK,SAAS,EAAEf,KAAK,CAACgB,MAAtB;IAA8B,OAAO,EAAEF;EAAvC,gBACE;IAAM,SAAS,EAAEd,KAAK,CAACiB;EAAvB,EADF,eAEE;IACE,aAAU,MADZ;IAEE,SAAS,EAAER,QAAQ,GAAGT,KAAK,CAACkB,YAAT,GAAwBlB,KAAK,CAACW,IAFnD;IAGE,KAAK,EAAE;MACLQ,KAAK,EAAEZ;IADF;EAHT,GAOGI,IAPH,CAFF,CADF,CADF;AAgBD,CA1BD;;AA4BAV,YAAY,CAACmB,YAAb,GAA4B;EAC1BhB,IAAI,EAAEN,QAAQ,CAACuB,iBAAT,CAA2BjB;AADP,CAA5B;AAIAH,YAAY,CAACqB,SAAb,2CAAyB;EACvBb,QAAQ,EAAEZ,SAAS,CAAC0B,IADG;EAEvBf,QAAQ,EAAEX,SAAS,CAAC0B,IAFG;EAGvBhB,SAAS,EAAEV,SAAS,CAAC2B,MAHE;EAIvBlB,MAAM,EAAET,SAAS,CAAC2B,MAJK;EAKvBnB,OAAO,EAAER,SAAS,CAAC4B,IAAV,CAAeC;AALD,CAAzB;AAOA,eAAezB,YAAf"}

package/es/molecule/module-card/index.js

@@ -1,11 +1,14 @@
 import _getOr from "lodash/fp/getOr";
+
 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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import ModuleBubble from '../module-bubble';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 function ModuleCard(props, context) {
   const {
     skin
@@ -15,14 +18,15 @@ function ModuleCard(props, context) {
     level,
     onClick
   } = props;
+
   const iconColor = _getOr('#00B0FF', ['common', 'primary'], skin);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.default,
     "data-name": "module-card",
     onClick: onClick
   }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.title, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.title, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: label
@@ -36,6 +40,7 @@ function ModuleCard(props, context) {
     onClick: onClick
   }))));
 }
+
 ModuleCard.propTypes = process.env.NODE_ENV !== "production" ? {
   label: PropTypes.string.isRequired,
   level: PropTypes.string.isRequired,

package/es/molecule/module-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ModuleBubble","Provider","style","ModuleCard","props","context","skin","label","level","onClick","iconColor","default","title","innerHTML","__html","module","propTypes","string","isRequired","func","contextTypes","childContextTypes"],"sources":["../../../src/molecule/module-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ModuleBubble from '../module-bubble';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ModuleCard(props, context) {\n  const {skin} = context;\n  const {label, level, onClick} = props;\n\n  const iconColor = getOr('#00B0FF', ['common', 'primary'], skin);\n  return (\n    <div className={style.default} data-name=\"module-card\" onClick={onClick}>\n      <div\n        className={classnames(style.title, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: label}}\n      />\n      <div className={style.level}>{level}</div>\n      <div className={style.module}>\n        <ModuleBubble {...props} iconColor={iconColor} onClick={onClick} />\n      </div>\n    </div>\n  );\n}\n\nModuleCard.propTypes = {\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired\n};\n\nModuleCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default ModuleCard;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,UAAU,CAACC,KAAK,EAAEC,OAAO,EAAE;EAClC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAM;IAACE,KAAK;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAErC,MAAMM,SAAS,GAAG,OAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAEJ,IAAI,CAAC;EAC/D,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACS,OAAQ;IAAC,aAAU,aAAa;IAAC,OAAO,EAAEF;EAAQ,gBACtE;IACE,SAAS,EAAEV,UAAU,CAACG,KAAK,CAACU,KAAK,EAAEV,KAAK,CAACW,SAAS;IAClD;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEP;IAAK;EAAE,EACzC,eACF;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAK,SAAS,EAAEN,KAAK,CAACa;EAAO,gBAC3B,oBAAC,YAAY,eAAKX,KAAK;IAAE,SAAS,EAAEM,SAAU;IAAC,OAAO,EAAED;EAAQ,GAAG,CAC/D,CACF;AAEV;AAEAN,UAAU,CAACa,SAAS,2CAAG;EACrBT,KAAK,EAAET,SAAS,CAACmB,MAAM,CAACC,UAAU;EAClCV,KAAK,EAAEV,SAAS,CAACmB,MAAM,CAACC,UAAU;EAClCT,OAAO,EAAEX,SAAS,CAACqB,IAAI,CAACD;AAC1B,CAAC;AAEDf,UAAU,CAACiB,YAAY,GAAG;EACxBd,IAAI,EAAEL,QAAQ,CAACoB,iBAAiB,CAACf;AACnC,CAAC;AACD,eAAeH,UAAU"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ModuleBubble","Provider","style","ModuleCard","props","context","skin","label","level","onClick","iconColor","default","title","innerHTML","__html","module","propTypes","string","isRequired","func","contextTypes","childContextTypes"],"sources":["../../../src/molecule/module-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ModuleBubble from '../module-bubble';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ModuleCard(props, context) {\n  const {skin} = context;\n  const {label, level, onClick} = props;\n\n  const iconColor = getOr('#00B0FF', ['common', 'primary'], skin);\n  return (\n    <div className={style.default} data-name=\"module-card\" onClick={onClick}>\n      <div\n        className={classnames(style.title, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: label}}\n      />\n      <div className={style.level}>{level}</div>\n      <div className={style.module}>\n        <ModuleBubble {...props} iconColor={iconColor} onClick={onClick} />\n      </div>\n    </div>\n  );\n}\n\nModuleCard.propTypes = {\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired\n};\n\nModuleCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default ModuleCard;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,UAAT,CAAoBC,KAApB,EAA2BC,OAA3B,EAAoC;EAClC,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,KAAR;IAAeC;EAAf,IAA0BL,KAAhC;;EAEA,MAAMM,SAAS,GAAG,OAAM,SAAN,EAAiB,CAAC,QAAD,EAAW,SAAX,CAAjB,EAAwCJ,IAAxC,CAAlB;;EACA,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACS,OAAtB;IAA+B,aAAU,aAAzC;IAAuD,OAAO,EAAEF;EAAhE,gBACE;IACE,SAAS,EAAEV,UAAU,CAACG,KAAK,CAACU,KAAP,EAAcV,KAAK,CAACW,SAApB,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEP;IAAT;EAH3B,EADF,eAME;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,GAA8BA,KAA9B,CANF,eAOE;IAAK,SAAS,EAAEN,KAAK,CAACa;EAAtB,gBACE,oBAAC,YAAD,eAAkBX,KAAlB;IAAyB,SAAS,EAAEM,SAApC;IAA+C,OAAO,EAAED;EAAxD,GADF,CAPF,CADF;AAaD;;AAEDN,UAAU,CAACa,SAAX,2CAAuB;EACrBT,KAAK,EAAET,SAAS,CAACmB,MAAV,CAAiBC,UADH;EAErBV,KAAK,EAAEV,SAAS,CAACmB,MAAV,CAAiBC,UAFH;EAGrBT,OAAO,EAAEX,SAAS,CAACqB,IAAV,CAAeD;AAHH,CAAvB;AAMAf,UAAU,CAACiB,YAAX,GAA0B;EACxBd,IAAI,EAAEL,QAAQ,CAACoB,iBAAT,CAA2Bf;AADT,CAA1B;AAGA,eAAeH,UAAf"}

package/es/molecule/news/index.js

@@ -1,10 +1,12 @@
 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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Cta from '../../atom/cta';
 import Link from '../../atom/link';
 import style from './style.css';
+
 const News = (props, context) => {
   const {
     image,
@@ -62,6 +64,7 @@ const News = (props, context) => {
     target: cta.target
   }) : null);
 };
+
 News.propTypes = process.env.NODE_ENV !== "production" ? {
   image: PropTypes.string,
   title: PropTypes.string,

package/es/molecule/news/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Cta","Link","style","News","props","context","image","title","date","description","authorLogo","cta","news","href","linkImage","target","infos","innerHTML","__html","bottom","author","link","propTypes","string","shape"],"sources":["../../../src/molecule/news/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Cta from '../../atom/cta';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst News = (props, context) => {\n  const {image, title, date, description, authorLogo, cta} = props;\n\n  return (\n    <div className={style.news}>\n      <div className={style.image}>\n        {cta ? (\n          <Link\n            href={cta.href}\n            className={style.linkImage}\n            target={cta.target}\n            data-name=\"news-image\"\n          >\n            <img src={image} />\n          </Link>\n        ) : (\n          <img src={image} />\n        )}\n      </div>\n      <div className={style.infos}>\n        <Link\n          href={cta && cta.href}\n          title={title}\n          className={classnames(style.title, style.innerHTML)}\n          target={cta && cta.target}\n          data-name=\"news-title\"\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.date}>{date}</div>\n        <div className={style.description}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        </div>\n        <div className={style.bottom}>\n          <div className={style.author}>\n            <img src={authorLogo} />\n          </div>\n          {cta ? <Cta {...cta} secondary name=\"news-cta\" /> : null}\n        </div>\n      </div>\n      {cta ? <Link className={style.link} href={cta.href} target={cta.target} /> : null}\n    </div>\n  );\n};\n\nNews.propTypes = {\n  image: PropTypes.string,\n  title: PropTypes.string,\n  date: PropTypes.string,\n  description: PropTypes.string,\n  authorLogo: PropTypes.string,\n  cta: PropTypes.shape(Cta.propTypes)\n};\n\nexport default News;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,GAAG,MAAM,gBAAgB;AAChC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,IAAI,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC/B,MAAM;IAACC,KAAK;IAAEC,KAAK;IAAEC,IAAI;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAG,CAAC,GAAGP,KAAK;EAEhE,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACU;EAAK,gBACzB;IAAK,SAAS,EAAEV,KAAK,CAACI;EAAM,GACzBK,GAAG,gBACF,oBAAC,IAAI;IACH,IAAI,EAAEA,GAAG,CAACE,IAAK;IACf,SAAS,EAAEX,KAAK,CAACY,SAAU;IAC3B,MAAM,EAAEH,GAAG,CAACI,MAAO;IACnB,aAAU;EAAY,gBAEtB;IAAK,GAAG,EAAET;EAAM,EAAG,CACd,gBAEP;IAAK,GAAG,EAAEA;EAAM,EACjB,CACG,eACN;IAAK,SAAS,EAAEJ,KAAK,CAACc;EAAM,gBAC1B,oBAAC,IAAI;IACH,IAAI,EAAEL,GAAG,IAAIA,GAAG,CAACE,IAAK;IACtB,KAAK,EAAEN,KAAM;IACb,SAAS,EAAER,UAAU,CAACG,KAAK,CAACK,KAAK,EAAEL,KAAK,CAACe,SAAS,CAAE;IACpD,MAAM,EAAEN,GAAG,IAAIA,GAAG,CAACI,MAAO;IAC1B,aAAU,YAAY;IACtB,uBAAuB,EAAE;MAACG,MAAM,EAAEX;IAAK;EAAE,EACzC,eACF;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAK,GAAEA,IAAI,CAAO,eACxC;IAAK,SAAS,EAAEN,KAAK,CAACO;EAAY,gBAChC;IACE;IACA,uBAAuB,EAAE;MAACS,MAAM,EAAET;IAAW;EAAE,EAC/C,CACE,eACN;IAAK,SAAS,EAAEP,KAAK,CAACiB;EAAO,gBAC3B;IAAK,SAAS,EAAEjB,KAAK,CAACkB;EAAO,gBAC3B;IAAK,GAAG,EAAEV;EAAW,EAAG,CACpB,EACLC,GAAG,gBAAG,oBAAC,GAAG,eAAKA,GAAG;IAAE,SAAS;IAAC,IAAI,EAAC;EAAU,GAAG,GAAG,IAAI,CACpD,CACF,EACLA,GAAG,gBAAG,oBAAC,IAAI;IAAC,SAAS,EAAET,KAAK,CAACmB,IAAK;IAAC,IAAI,EAAEV,GAAG,CAACE,IAAK;IAAC,MAAM,EAAEF,GAAG,CAACI;EAAO,EAAG,GAAG,IAAI,CAC7E;AAEV,CAAC;AAEDZ,IAAI,CAACmB,SAAS,2CAAG;EACfhB,KAAK,EAAER,SAAS,CAACyB,MAAM;EACvBhB,KAAK,EAAET,SAAS,CAACyB,MAAM;EACvBf,IAAI,EAAEV,SAAS,CAACyB,MAAM;EACtBd,WAAW,EAAEX,SAAS,CAACyB,MAAM;EAC7Bb,UAAU,EAAEZ,SAAS,CAACyB,MAAM;EAC5BZ,GAAG,EAAEb,SAAS,CAAC0B,KAAK,CAACxB,GAAG,CAACsB,SAAS;AACpC,CAAC;AAED,eAAenB,IAAI"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Cta","Link","style","News","props","context","image","title","date","description","authorLogo","cta","news","href","linkImage","target","infos","innerHTML","__html","bottom","author","link","propTypes","string","shape"],"sources":["../../../src/molecule/news/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Cta from '../../atom/cta';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst News = (props, context) => {\n  const {image, title, date, description, authorLogo, cta} = props;\n\n  return (\n    <div className={style.news}>\n      <div className={style.image}>\n        {cta ? (\n          <Link\n            href={cta.href}\n            className={style.linkImage}\n            target={cta.target}\n            data-name=\"news-image\"\n          >\n            <img src={image} />\n          </Link>\n        ) : (\n          <img src={image} />\n        )}\n      </div>\n      <div className={style.infos}>\n        <Link\n          href={cta && cta.href}\n          title={title}\n          className={classnames(style.title, style.innerHTML)}\n          target={cta && cta.target}\n          data-name=\"news-title\"\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.date}>{date}</div>\n        <div className={style.description}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        </div>\n        <div className={style.bottom}>\n          <div className={style.author}>\n            <img src={authorLogo} />\n          </div>\n          {cta ? <Cta {...cta} secondary name=\"news-cta\" /> : null}\n        </div>\n      </div>\n      {cta ? <Link className={style.link} href={cta.href} target={cta.target} /> : null}\n    </div>\n  );\n};\n\nNews.propTypes = {\n  image: PropTypes.string,\n  title: PropTypes.string,\n  date: PropTypes.string,\n  description: PropTypes.string,\n  authorLogo: PropTypes.string,\n  cta: PropTypes.shape(Cta.propTypes)\n};\n\nexport default News;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAM;IAACC,KAAD;IAAQC,KAAR;IAAeC,IAAf;IAAqBC,WAArB;IAAkCC,UAAlC;IAA8CC;EAA9C,IAAqDP,KAA3D;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACU;EAAtB,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACI;EAAtB,GACGK,GAAG,gBACF,oBAAC,IAAD;IACE,IAAI,EAAEA,GAAG,CAACE,IADZ;IAEE,SAAS,EAAEX,KAAK,CAACY,SAFnB;IAGE,MAAM,EAAEH,GAAG,CAACI,MAHd;IAIE,aAAU;EAJZ,gBAME;IAAK,GAAG,EAAET;EAAV,EANF,CADE,gBAUF;IAAK,GAAG,EAAEA;EAAV,EAXJ,CADF,eAeE;IAAK,SAAS,EAAEJ,KAAK,CAACc;EAAtB,gBACE,oBAAC,IAAD;IACE,IAAI,EAAEL,GAAG,IAAIA,GAAG,CAACE,IADnB;IAEE,KAAK,EAAEN,KAFT;IAGE,SAAS,EAAER,UAAU,CAACG,KAAK,CAACK,KAAP,EAAcL,KAAK,CAACe,SAApB,CAHvB;IAIE,MAAM,EAAEN,GAAG,IAAIA,GAAG,CAACI,MAJrB;IAKE,aAAU,YALZ;IAME,uBAAuB,EAAE;MAACG,MAAM,EAAEX;IAAT;EAN3B,EADF,eASE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,GAA6BA,IAA7B,CATF,eAUE;IAAK,SAAS,EAAEN,KAAK,CAACO;EAAtB,gBACE;IACE;IACA,uBAAuB,EAAE;MAACS,MAAM,EAAET;IAAT;EAF3B,EADF,CAVF,eAgBE;IAAK,SAAS,EAAEP,KAAK,CAACiB;EAAtB,gBACE;IAAK,SAAS,EAAEjB,KAAK,CAACkB;EAAtB,gBACE;IAAK,GAAG,EAAEV;EAAV,EADF,CADF,EAIGC,GAAG,gBAAG,oBAAC,GAAD,eAASA,GAAT;IAAc,SAAS,MAAvB;IAAwB,IAAI,EAAC;EAA7B,GAAH,GAAgD,IAJtD,CAhBF,CAfF,EAsCGA,GAAG,gBAAG,oBAAC,IAAD;IAAM,SAAS,EAAET,KAAK,CAACmB,IAAvB;IAA6B,IAAI,EAAEV,GAAG,CAACE,IAAvC;IAA6C,MAAM,EAAEF,GAAG,CAACI;EAAzD,EAAH,GAAyE,IAtC/E,CADF;AA0CD,CA7CD;;AA+CAZ,IAAI,CAACmB,SAAL,2CAAiB;EACfhB,KAAK,EAAER,SAAS,CAACyB,MADF;EAEfhB,KAAK,EAAET,SAAS,CAACyB,MAFF;EAGff,IAAI,EAAEV,SAAS,CAACyB,MAHD;EAIfd,WAAW,EAAEX,SAAS,CAACyB,MAJR;EAKfb,UAAU,EAAEZ,SAAS,CAACyB,MALP;EAMfZ,GAAG,EAAEb,SAAS,CAAC0B,KAAV,CAAgBxB,GAAG,CAACsB,SAApB;AANU,CAAjB;AASA,eAAenB,IAAf"}

package/es/molecule/notification-banner/index.js

@@ -25,12 +25,16 @@ const ICONS = {
     color: '#01579b'
   }
 };
+
 const NotificationBanner = (props, context) => {
   const {
     skin
   } = context;
+
   const primaryColor = _getOr('#00B0FF', 'common.primary', skin);
+
   const whiteColor = _get('common.white', skin);
+
   const {
     type,
     message,
@@ -39,11 +43,13 @@ const NotificationBanner = (props, context) => {
     closeLabel,
     closeOnClick
   } = props;
+
   const {
     icon: Icon,
     title,
     color
   } = _get([type], ICONS);
+
   const handleOnClickAcceptButton = acceptOnClick;
   const handleOnClickCloseButton = closeOnClick;
   return /*#__PURE__*/React.createElement("div", {
@@ -86,6 +92,7 @@ const NotificationBanner = (props, context) => {
     }
   }) : null));
 };
+
 NotificationBanner.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/molecule/notification-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaLineToolsWrenchScrewdriver","MaintenanceIcon","NovaLineLeisureLeisurePartyPopper","FeatureIcon","NovaCompositionCoorpacademyListBullets3","SurveyIcon","Button","Provider","style","ICONS","feature","icon","title","color","maintenance","survey","NotificationBanner","props","context","skin","primaryColor","whiteColor","type","message","acceptOnClick","acceptLabel","closeLabel","closeOnClick","Icon","handleOnClickAcceptButton","handleOnClickCloseButton","banner","background","circle","text","buttons","close","backgroundColor","button","contextTypes","childContextTypes","propTypes","oneOf","isRequired","string","func"],"sources":["../../../src/molecule/notification-banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isUndefined, keys} from 'lodash/fp';\nimport {\n  NovaLineToolsWrenchScrewdriver as MaintenanceIcon,\n  NovaLineLeisureLeisurePartyPopper as FeatureIcon,\n  NovaCompositionCoorpacademyListBullets3 as SurveyIcon\n} from '@coorpacademy/nova-icons';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst ICONS = {\n  feature: {\n    icon: FeatureIcon,\n    title: 'New Feature',\n    color: '#3ec483'\n  },\n  maintenance: {\n    icon: MaintenanceIcon,\n    title: 'Maintenance',\n    color: '#f73f52'\n  },\n  survey: {\n    icon: SurveyIcon,\n    title: 'Survey',\n    color: '#01579b'\n  }\n};\n\nconst NotificationBanner = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  const {type, message, acceptOnClick, acceptLabel, closeLabel, closeOnClick} = props;\n  const {icon: Icon, title, color} = get([type], ICONS);\n  const handleOnClickAcceptButton = acceptOnClick;\n  const handleOnClickCloseButton = closeOnClick;\n\n  return (\n    <div className={style.banner}>\n      <div\n        style={{\n          background: color\n        }}\n        className={style.circle}\n      >\n        <Icon className={style.icon} />\n      </div>\n      <div className={style.text}>\n        <div className={style.title}>{title}</div>\n        <div data-name=\"notification-banner-message\" className={style.message}>\n          {message}\n        </div>\n      </div>\n      <div className={style.buttons}>\n        <Button\n          type=\"link\"\n          data-name=\"notification-banner-close-cta\"\n          className={style.close}\n          submitValue={closeLabel}\n          onClick={handleOnClickCloseButton}\n          style={{\n            backgroundColor: whiteColor,\n            color: '#546e7a'\n          }}\n        />\n        {!isUndefined(handleOnClickAcceptButton) ? (\n          <Button\n            type=\"link\"\n            data-name=\"notification-banner-cta\"\n            className={style.button}\n            submitValue={acceptLabel}\n            onClick={handleOnClickAcceptButton}\n            target=\"_blank\"\n            style={{\n              backgroundColor: primaryColor\n            }}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nNotificationBanner.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nNotificationBanner.propTypes = {\n  type: PropTypes.oneOf(keys(ICONS)).isRequired,\n  message: PropTypes.string.isRequired,\n  acceptOnClick: PropTypes.func,\n  acceptLabel: PropTypes.string,\n  closeLabel: PropTypes.string,\n  closeOnClick: PropTypes.func\n};\n\nexport default NotificationBanner;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaLineToolsWrenchScrewdriver","MaintenanceIcon","NovaLineLeisureLeisurePartyPopper","FeatureIcon","NovaCompositionCoorpacademyListBullets3","SurveyIcon","Button","Provider","style","ICONS","feature","icon","title","color","maintenance","survey","NotificationBanner","props","context","skin","primaryColor","whiteColor","type","message","acceptOnClick","acceptLabel","closeLabel","closeOnClick","Icon","handleOnClickAcceptButton","handleOnClickCloseButton","banner","background","circle","text","buttons","close","backgroundColor","button","contextTypes","childContextTypes","propTypes","oneOf","isRequired","string","func"],"sources":["../../../src/molecule/notification-banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isUndefined, keys} from 'lodash/fp';\nimport {\n  NovaLineToolsWrenchScrewdriver as MaintenanceIcon,\n  NovaLineLeisureLeisurePartyPopper as FeatureIcon,\n  NovaCompositionCoorpacademyListBullets3 as SurveyIcon\n} from '@coorpacademy/nova-icons';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst ICONS = {\n  feature: {\n    icon: FeatureIcon,\n    title: 'New Feature',\n    color: '#3ec483'\n  },\n  maintenance: {\n    icon: MaintenanceIcon,\n    title: 'Maintenance',\n    color: '#f73f52'\n  },\n  survey: {\n    icon: SurveyIcon,\n    title: 'Survey',\n    color: '#01579b'\n  }\n};\n\nconst NotificationBanner = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  const {type, message, acceptOnClick, acceptLabel, closeLabel, closeOnClick} = props;\n  const {icon: Icon, title, color} = get([type], ICONS);\n  const handleOnClickAcceptButton = acceptOnClick;\n  const handleOnClickCloseButton = closeOnClick;\n\n  return (\n    <div className={style.banner}>\n      <div\n        style={{\n          background: color\n        }}\n        className={style.circle}\n      >\n        <Icon className={style.icon} />\n      </div>\n      <div className={style.text}>\n        <div className={style.title}>{title}</div>\n        <div data-name=\"notification-banner-message\" className={style.message}>\n          {message}\n        </div>\n      </div>\n      <div className={style.buttons}>\n        <Button\n          type=\"link\"\n          data-name=\"notification-banner-close-cta\"\n          className={style.close}\n          submitValue={closeLabel}\n          onClick={handleOnClickCloseButton}\n          style={{\n            backgroundColor: whiteColor,\n            color: '#546e7a'\n          }}\n        />\n        {!isUndefined(handleOnClickAcceptButton) ? (\n          <Button\n            type=\"link\"\n            data-name=\"notification-banner-cta\"\n            className={style.button}\n            submitValue={acceptLabel}\n            onClick={handleOnClickAcceptButton}\n            target=\"_blank\"\n            style={{\n              backgroundColor: primaryColor\n            }}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nNotificationBanner.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nNotificationBanner.propTypes = {\n  type: PropTypes.oneOf(keys(ICONS)).isRequired,\n  message: PropTypes.string.isRequired,\n  acceptOnClick: PropTypes.func,\n  acceptLabel: PropTypes.string,\n  closeLabel: PropTypes.string,\n  closeOnClick: PropTypes.func\n};\n\nexport default NotificationBanner;\n"],"mappings":"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"}

package/es/molecule/pagination/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Link from '../../atom/link';
 import style from './style.css';
+
 const Pagination = props => {
   const {
     value,
@@ -22,6 +23,7 @@ const Pagination = props => {
     href: nextHref
   }, "\u27E9")));
 };
+
 Pagination.propTypes = process.env.NODE_ENV !== "production" ? {
   value: PropTypes.string.isRequired,
   nextHref: PropTypes.string,

package/es/molecule/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Link","style","Pagination","props","value","nextHref","previousHref","wrapper","buttons","button","disabled","propTypes","string","isRequired"],"sources":["../../../src/molecule/pagination/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Pagination = props => {\n  const {value, nextHref, previousHref} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.value}>{value}</div>\n      <div className={style.buttons}>\n        <Link className={previousHref ? style.button : style.disabled} href={previousHref}>\n          ⟨\n        </Link>\n        <Link className={nextHref ? style.button : style.disabled} href={nextHref}>\n          ⟩\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nPagination.propTypes = {\n  value: PropTypes.string.isRequired,\n  nextHref: PropTypes.string,\n  previousHref: PropTypes.string\n};\n\nexport default Pagination;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,KAAK;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAE7C,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAQ,gBAC5B;IAAK,SAAS,EAAEN,KAAK,CAACG;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAK,SAAS,EAAEH,KAAK,CAACO;EAAQ,gBAC5B,oBAAC,IAAI;IAAC,SAAS,EAAEF,YAAY,GAAGL,KAAK,CAACQ,MAAM,GAAGR,KAAK,CAACS,QAAS;IAAC,IAAI,EAAEJ;EAAa,GAAC,QAEnF,CAAO,eACP,oBAAC,IAAI;IAAC,SAAS,EAAED,QAAQ,GAAGJ,KAAK,CAACQ,MAAM,GAAGR,KAAK,CAACS,QAAS;IAAC,IAAI,EAAEL;EAAS,GAAC,QAE3E,CAAO,CACH,CACF;AAEV,CAAC;AAEDH,UAAU,CAACS,SAAS,2CAAG;EACrBP,KAAK,EAAEL,SAAS,CAACa,MAAM,CAACC,UAAU;EAClCR,QAAQ,EAAEN,SAAS,CAACa,MAAM;EAC1BN,YAAY,EAAEP,SAAS,CAACa;AAC1B,CAAC;AAED,eAAeV,UAAU"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Link","style","Pagination","props","value","nextHref","previousHref","wrapper","buttons","button","disabled","propTypes","string","isRequired"],"sources":["../../../src/molecule/pagination/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Pagination = props => {\n  const {value, nextHref, previousHref} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.value}>{value}</div>\n      <div className={style.buttons}>\n        <Link className={previousHref ? style.button : style.disabled} href={previousHref}>\n          ⟨\n        </Link>\n        <Link className={nextHref ? style.button : style.disabled} href={nextHref}>\n          ⟩\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nPagination.propTypes = {\n  value: PropTypes.string.isRequired,\n  nextHref: PropTypes.string,\n  previousHref: PropTypes.string\n};\n\nexport default Pagination;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC;EAAlB,IAAkCH,KAAxC;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAtB,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACG;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEH,KAAK,CAACO;EAAtB,gBACE,oBAAC,IAAD;IAAM,SAAS,EAAEF,YAAY,GAAGL,KAAK,CAACQ,MAAT,GAAkBR,KAAK,CAACS,QAArD;IAA+D,IAAI,EAAEJ;EAArE,YADF,eAIE,oBAAC,IAAD;IAAM,SAAS,EAAED,QAAQ,GAAGJ,KAAK,CAACQ,MAAT,GAAkBR,KAAK,CAACS,QAAjD;IAA2D,IAAI,EAAEL;EAAjE,YAJF,CAFF,CADF;AAaD,CAhBD;;AAkBAH,UAAU,CAACS,SAAX,2CAAuB;EACrBP,KAAK,EAAEL,SAAS,CAACa,MAAV,CAAiBC,UADH;EAErBR,QAAQ,EAAEN,SAAS,CAACa,MAFC;EAGrBN,YAAY,EAAEP,SAAS,CAACa;AAHH,CAAvB;AAMA,eAAeV,UAAf"}

package/es/molecule/payment-form/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 class PaymentForm extends React.Component {
   constructor(props) {
     super(props);
@@ -11,6 +12,7 @@ class PaymentForm extends React.Component {
     this.handleCardCvcChange = this.handleCardCvcChange.bind(this);
     this.handleSubmit = this.handleSubmit.bind(this);
   }
+
   componentDidMount() {
     if (this.stripe) {
       const elements = this.stripe.elements();
@@ -40,30 +42,36 @@ class PaymentForm extends React.Component {
       this.cardCvc.on('change', this.handleCardCvcChange);
     }
   }
+
   componentWillUnmount() {
     if (this.cardNumer) {
       this.cardNumber.unmount();
       this.cardNumber.off('change', this.handleCardNumberChange);
     }
+
     if (this.cardExpiry) {
       this.cardExpiry.unmount();
       this.cardExpiry.off('change', this.handleCardExpiryChange);
     }
+
     if (this.cardCvc) {
       this.cardCvc.unmount();
       this.cardCvc.off('change', this.handleCardCvcChange);
     }
   }
+
   handleSubmit() {
     const {
       onSubscription
     } = this.props;
+
     if (this.stripe) {
       return this.stripe.createToken(this.cardNumber).then(response => {
         return onSubscription(response);
       });
     }
   }
+
   handleCardNumberChange({
     error
   }) {
@@ -72,6 +80,7 @@ class PaymentForm extends React.Component {
     } = this.props;
     onCardNumberChange(error);
   }
+
   handleCardExpiryChange({
     error
   }) {
@@ -80,6 +89,7 @@ class PaymentForm extends React.Component {
     } = this.props;
     onCardExpiryChange(error);
   }
+
   handleCardCvcChange({
     error
   }) {
@@ -88,6 +98,7 @@ class PaymentForm extends React.Component {
     } = this.props;
     onCardCvcChange(error);
   }
+
   render() {
     const {
       checkImage,
@@ -159,7 +170,9 @@ class PaymentForm extends React.Component {
       disabled: !submitButtonEnabled
     }, translate('payment_form_submit'))));
   }
+
 }
+
 PaymentForm.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/molecule/payment-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PaymentForm","Component","constructor","props","stripe","stripeInstance","stripeKeyPublic","handleCardNumberChange","bind","handleCardExpiryChange","handleCardCvcChange","handleSubmit","componentDidMount","elements","elementOptions","base","iconStyle","color","fontSize","fontFamily","cardNumber","create","cardExpiry","cardCvc","mount","on","componentWillUnmount","cardNumer","unmount","off","onSubscription","createToken","then","response","error","onCardNumberChange","onCardExpiryChange","onCardCvcChange","render","checkImage","cardsImage","cardOwnerEmail","securedPaymentImage","errors","warning","submitButtonEnabled","cardNumberHasError","cardExpiryHasError","cardCvcHasError","translate","context","paymentForm","acceptedCards","acceptedCardsCheck","acceptedCardsText","acceptedCardsImage","creditCardOwnerEmail","creditCardOwnerEmailSeparator","creditCardOwnerEmailText","paymentErrors","paymentWarning","securedPayment","securedPaymentText","cardBlock","invalidElement","subscriptionDisclaimer","subscribeButtonContainer","subscribeButton","contextTypes","childContextTypes","propTypes","string","isRequired","func","bool"],"sources":["../../../src/molecule/payment-form/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass PaymentForm extends React.Component {\n  static propTypes = {\n    stripeKeyPublic: PropTypes.string.isRequired,\n    stripeInstance: PropTypes.func.isRequired,\n    onSubscription: PropTypes.func.isRequired,\n    checkImage: PropTypes.string.isRequired,\n    cardsImage: PropTypes.string.isRequired,\n    cardOwnerEmail: PropTypes.string,\n    securedPaymentImage: PropTypes.string,\n    errors: PropTypes.string,\n    warning: PropTypes.string,\n    onCardNumberChange: PropTypes.func,\n    cardNumberHasError: PropTypes.bool,\n    onCardExpiryChange: PropTypes.func,\n    cardExpiryHasError: PropTypes.bool,\n    onCardCvcChange: PropTypes.func,\n    cardCvcHasError: PropTypes.bool,\n    submitButtonEnabled: PropTypes.bool\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props) {\n    super(props);\n    this.stripe = props.stripeInstance ? props.stripeInstance(props.stripeKeyPublic) : null;\n    this.handleCardNumberChange = this.handleCardNumberChange.bind(this);\n    this.handleCardExpiryChange = this.handleCardExpiryChange.bind(this);\n    this.handleCardCvcChange = this.handleCardCvcChange.bind(this);\n    this.handleSubmit = this.handleSubmit.bind(this);\n  }\n\n  componentDidMount() {\n    if (this.stripe) {\n      const elements = this.stripe.elements();\n\n      const elementOptions = {\n        style: {\n          base: {\n            iconStyle: 'solid',\n            color: '#546E7A',\n            fontSize: '16px',\n            fontFamily: 'Gilroy',\n            '::placeholder': {\n              color: '#546E7A',\n              fontSize: '16px',\n              fontFamily: 'Gilroy'\n            }\n          }\n        }\n      };\n\n      this.cardNumber = elements.create('cardNumber', elementOptions);\n      this.cardExpiry = elements.create('cardExpiry', elementOptions);\n      this.cardCvc = elements.create('cardCvc', elementOptions);\n\n      this.cardNumber.mount('#card-number');\n      this.cardExpiry.mount('#card-expiry');\n      this.cardCvc.mount('#card-cvc');\n\n      this.cardNumber.on('change', this.handleCardNumberChange);\n      this.cardExpiry.on('change', this.handleCardExpiryChange);\n      this.cardCvc.on('change', this.handleCardCvcChange);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.cardNumer) {\n      this.cardNumber.unmount();\n      this.cardNumber.off('change', this.handleCardNumberChange);\n    }\n    if (this.cardExpiry) {\n      this.cardExpiry.unmount();\n      this.cardExpiry.off('change', this.handleCardExpiryChange);\n    }\n    if (this.cardCvc) {\n      this.cardCvc.unmount();\n      this.cardCvc.off('change', this.handleCardCvcChange);\n    }\n  }\n\n  handleSubmit() {\n    const {onSubscription} = this.props;\n    if (this.stripe) {\n      return this.stripe.createToken(this.cardNumber).then(response => {\n        return onSubscription(response);\n      });\n    }\n  }\n\n  handleCardNumberChange({error}) {\n    const {onCardNumberChange = () => {}} = this.props;\n    onCardNumberChange(error);\n  }\n\n  handleCardExpiryChange({error}) {\n    const {onCardExpiryChange = () => {}} = this.props;\n    onCardExpiryChange(error);\n  }\n\n  handleCardCvcChange({error}) {\n    const {onCardCvcChange = () => {}} = this.props;\n    onCardCvcChange(error);\n  }\n\n  render() {\n    const {\n      checkImage,\n      cardsImage,\n      cardOwnerEmail,\n      securedPaymentImage,\n      errors,\n      warning,\n      submitButtonEnabled,\n      cardNumberHasError,\n      cardExpiryHasError,\n      cardCvcHasError\n    } = this.props;\n\n    const {translate} = this.context;\n\n    return (\n      <div className={style.paymentForm}>\n        <div className={style.acceptedCards}>\n          <img className={style.acceptedCardsCheck} src={checkImage} />\n          <div className={style.acceptedCardsText}>{translate('accepted_cards')}</div>\n          <img className={style.acceptedCardsImage} src={cardsImage} />\n        </div>\n        <div className={style.creditCardOwnerEmail}>\n          <hr className={style.creditCardOwnerEmailSeparator} />\n          <div className={style.creditCardOwnerEmailText}>{cardOwnerEmail}</div>\n          <hr className={style.creditCardOwnerEmailSeparator} />\n        </div>\n        {errors ? <div className={style.paymentErrors}>-{errors}</div> : null}\n        {warning ? <div className={style.paymentWarning}>-{warning}</div> : null}\n        <div className={style.securedPayment}>\n          <img className={style.securedPaymentImage} src={securedPaymentImage} />\n          <div className={style.securedPaymentText}>{translate('secured_payment')}</div>\n        </div>\n        <div className={style.cardBlock}>\n          <div\n            className={`${style.cardNumber} ${cardNumberHasError && style.invalidElement}`}\n            id=\"card-number\"\n          />\n        </div>\n        <div className={style.cardBlock}>\n          <div\n            className={`${style.cardExpiry} ${cardExpiryHasError && style.invalidElement}`}\n            id=\"card-expiry\"\n          />\n          <div\n            className={`${style.cardCvc} ${cardCvcHasError && style.invalidElement}`}\n            id=\"card-cvc\"\n          />\n        </div>\n        <div className={style.subscriptionDisclaimer}>{translate('subscription_disclaimer')}</div>\n        <div className={style.subscribeButtonContainer}>\n          <button\n            className={style.subscribeButton}\n            type=\"button\"\n            onClick={this.handleSubmit}\n            disabled={!submitButtonEnabled}\n          >\n            {translate('payment_form_submit')}\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PaymentForm;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PaymentForm","Component","constructor","props","stripe","stripeInstance","stripeKeyPublic","handleCardNumberChange","bind","handleCardExpiryChange","handleCardCvcChange","handleSubmit","componentDidMount","elements","elementOptions","base","iconStyle","color","fontSize","fontFamily","cardNumber","create","cardExpiry","cardCvc","mount","on","componentWillUnmount","cardNumer","unmount","off","onSubscription","createToken","then","response","error","onCardNumberChange","onCardExpiryChange","onCardCvcChange","render","checkImage","cardsImage","cardOwnerEmail","securedPaymentImage","errors","warning","submitButtonEnabled","cardNumberHasError","cardExpiryHasError","cardCvcHasError","translate","context","paymentForm","acceptedCards","acceptedCardsCheck","acceptedCardsText","acceptedCardsImage","creditCardOwnerEmail","creditCardOwnerEmailSeparator","creditCardOwnerEmailText","paymentErrors","paymentWarning","securedPayment","securedPaymentText","cardBlock","invalidElement","subscriptionDisclaimer","subscribeButtonContainer","subscribeButton","contextTypes","childContextTypes","propTypes","string","isRequired","func","bool"],"sources":["../../../src/molecule/payment-form/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass PaymentForm extends React.Component {\n  static propTypes = {\n    stripeKeyPublic: PropTypes.string.isRequired,\n    stripeInstance: PropTypes.func.isRequired,\n    onSubscription: PropTypes.func.isRequired,\n    checkImage: PropTypes.string.isRequired,\n    cardsImage: PropTypes.string.isRequired,\n    cardOwnerEmail: PropTypes.string,\n    securedPaymentImage: PropTypes.string,\n    errors: PropTypes.string,\n    warning: PropTypes.string,\n    onCardNumberChange: PropTypes.func,\n    cardNumberHasError: PropTypes.bool,\n    onCardExpiryChange: PropTypes.func,\n    cardExpiryHasError: PropTypes.bool,\n    onCardCvcChange: PropTypes.func,\n    cardCvcHasError: PropTypes.bool,\n    submitButtonEnabled: PropTypes.bool\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props) {\n    super(props);\n    this.stripe = props.stripeInstance ? props.stripeInstance(props.stripeKeyPublic) : null;\n    this.handleCardNumberChange = this.handleCardNumberChange.bind(this);\n    this.handleCardExpiryChange = this.handleCardExpiryChange.bind(this);\n    this.handleCardCvcChange = this.handleCardCvcChange.bind(this);\n    this.handleSubmit = this.handleSubmit.bind(this);\n  }\n\n  componentDidMount() {\n    if (this.stripe) {\n      const elements = this.stripe.elements();\n\n      const elementOptions = {\n        style: {\n          base: {\n            iconStyle: 'solid',\n            color: '#546E7A',\n            fontSize: '16px',\n            fontFamily: 'Gilroy',\n            '::placeholder': {\n              color: '#546E7A',\n              fontSize: '16px',\n              fontFamily: 'Gilroy'\n            }\n          }\n        }\n      };\n\n      this.cardNumber = elements.create('cardNumber', elementOptions);\n      this.cardExpiry = elements.create('cardExpiry', elementOptions);\n      this.cardCvc = elements.create('cardCvc', elementOptions);\n\n      this.cardNumber.mount('#card-number');\n      this.cardExpiry.mount('#card-expiry');\n      this.cardCvc.mount('#card-cvc');\n\n      this.cardNumber.on('change', this.handleCardNumberChange);\n      this.cardExpiry.on('change', this.handleCardExpiryChange);\n      this.cardCvc.on('change', this.handleCardCvcChange);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.cardNumer) {\n      this.cardNumber.unmount();\n      this.cardNumber.off('change', this.handleCardNumberChange);\n    }\n    if (this.cardExpiry) {\n      this.cardExpiry.unmount();\n      this.cardExpiry.off('change', this.handleCardExpiryChange);\n    }\n    if (this.cardCvc) {\n      this.cardCvc.unmount();\n      this.cardCvc.off('change', this.handleCardCvcChange);\n    }\n  }\n\n  handleSubmit() {\n    const {onSubscription} = this.props;\n    if (this.stripe) {\n      return this.stripe.createToken(this.cardNumber).then(response => {\n        return onSubscription(response);\n      });\n    }\n  }\n\n  handleCardNumberChange({error}) {\n    const {onCardNumberChange = () => {}} = this.props;\n    onCardNumberChange(error);\n  }\n\n  handleCardExpiryChange({error}) {\n    const {onCardExpiryChange = () => {}} = this.props;\n    onCardExpiryChange(error);\n  }\n\n  handleCardCvcChange({error}) {\n    const {onCardCvcChange = () => {}} = this.props;\n    onCardCvcChange(error);\n  }\n\n  render() {\n    const {\n      checkImage,\n      cardsImage,\n      cardOwnerEmail,\n      securedPaymentImage,\n      errors,\n      warning,\n      submitButtonEnabled,\n      cardNumberHasError,\n      cardExpiryHasError,\n      cardCvcHasError\n    } = this.props;\n\n    const {translate} = this.context;\n\n    return (\n      <div className={style.paymentForm}>\n        <div className={style.acceptedCards}>\n          <img className={style.acceptedCardsCheck} src={checkImage} />\n          <div className={style.acceptedCardsText}>{translate('accepted_cards')}</div>\n          <img className={style.acceptedCardsImage} src={cardsImage} />\n        </div>\n        <div className={style.creditCardOwnerEmail}>\n          <hr className={style.creditCardOwnerEmailSeparator} />\n          <div className={style.creditCardOwnerEmailText}>{cardOwnerEmail}</div>\n          <hr className={style.creditCardOwnerEmailSeparator} />\n        </div>\n        {errors ? <div className={style.paymentErrors}>-{errors}</div> : null}\n        {warning ? <div className={style.paymentWarning}>-{warning}</div> : null}\n        <div className={style.securedPayment}>\n          <img className={style.securedPaymentImage} src={securedPaymentImage} />\n          <div className={style.securedPaymentText}>{translate('secured_payment')}</div>\n        </div>\n        <div className={style.cardBlock}>\n          <div\n            className={`${style.cardNumber} ${cardNumberHasError && style.invalidElement}`}\n            id=\"card-number\"\n          />\n        </div>\n        <div className={style.cardBlock}>\n          <div\n            className={`${style.cardExpiry} ${cardExpiryHasError && style.invalidElement}`}\n            id=\"card-expiry\"\n          />\n          <div\n            className={`${style.cardCvc} ${cardCvcHasError && style.invalidElement}`}\n            id=\"card-cvc\"\n          />\n        </div>\n        <div className={style.subscriptionDisclaimer}>{translate('subscription_disclaimer')}</div>\n        <div className={style.subscribeButtonContainer}>\n          <button\n            className={style.subscribeButton}\n            type=\"button\"\n            onClick={this.handleSubmit}\n            disabled={!submitButtonEnabled}\n          >\n            {translate('payment_form_submit')}\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PaymentForm;\n"],"mappings":"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"}

package/es/molecule/pdf/index.js

@@ -6,6 +6,7 @@ import { NovaLineFilesOfficeFileOfficePdf as PDFIcon } from '@coorpacademy/nova-
 import Link from '../../atom/link';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 const PDF = (props, context) => {
   const {
     description,
@@ -17,8 +18,11 @@ const PDF = (props, context) => {
     translate,
     skin
   } = context;
+
   const white = _get('common.white', skin);
+
   const primary = _get('common.primary', skin);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.pdfFrame,
     style: {
@@ -29,8 +33,7 @@ const PDF = (props, context) => {
     className: style.pdfIcon
   }), /*#__PURE__*/React.createElement("div", {
     className: classnames(style.pdfDescription, style.innerHTML),
-    "data-name": "pdfDescription"
-    // eslint-disable-next-line react/no-danger
+    "data-name": "pdfDescription" // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description
@@ -50,6 +53,7 @@ const PDF = (props, context) => {
     className: style.openPDFButtonLabel
   }, translate('Open')))));
 };
+
 PDF.contextTypes = {
   translate: Provider.childContextTypes.translate,
   skin: Provider.childContextTypes.skin

package/es/molecule/pdf/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaLineFilesOfficeFileOfficePdf","PDFIcon","Link","Provider","style","PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","pdfFrame","backgroundImage","pdfIcon","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/pdf/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaLineFilesOfficeFileOfficePdf as PDFIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PDF = (props, context) => {\n  const {description, mediaUrl, poster, onPlay} = props;\n  const {translate, skin} = context;\n\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n\n  return (\n    <div\n      className={style.pdfFrame}\n      style={{\n        backgroundImage: `url(${poster})`\n      }}\n    >\n      <PDFIcon color={white} className={style.pdfIcon} />\n      <div\n        className={classnames(style.pdfDescription, style.innerHTML)}\n        data-name=\"pdfDescription\"\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n\n      <Link href={mediaUrl} target=\"_blank\" onClick={onPlay}>\n        <div className={style.openPDFButton}>\n          <div className={style.openPDFButtonBackground} style={{backgroundColor: primary}} />\n          <label className={style.openPDFButtonLabel}>{translate('Open')}</label>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nPDF.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nPDF.propTypes = {\n  description: PropTypes.string,\n  mediaUrl: PropTypes.string,\n  poster: PropTypes.string,\n  onPlay: PropTypes.func\n};\n\nexport default PDF;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,gCAAgC,IAAIC,OAAO,QAAO,0BAA0B;AACpF,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,GAAG,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC9B,MAAM;IAACC,WAAW;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGL,KAAK;EACrD,MAAM;IAACM,SAAS;IAAEC;EAAI,CAAC,GAAGN,OAAO;EAEjC,MAAMO,KAAK,GAAG,KAAI,cAAc,EAAED,IAAI,CAAC;EACvC,MAAME,OAAO,GAAG,KAAI,gBAAgB,EAAEF,IAAI,CAAC;EAE3C,oBACE;IACE,SAAS,EAAET,KAAK,CAACY,QAAS;IAC1B,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMP,MAAO;IACjC;EAAE,gBAEF,oBAAC,OAAO;IAAC,KAAK,EAAEI,KAAM;IAAC,SAAS,EAAEV,KAAK,CAACc;EAAQ,EAAG,eACnD;IACE,SAAS,EAAEnB,UAAU,CAACK,KAAK,CAACe,cAAc,EAAEf,KAAK,CAACgB,SAAS,CAAE;IAC7D,aAAU;IACV;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEb;IAAW;EAAE,EAC/C,eAEF,oBAAC,IAAI;IAAC,IAAI,EAAEC,QAAS;IAAC,MAAM,EAAC,QAAQ;IAAC,OAAO,EAAEE;EAAO,gBACpD;IAAK,SAAS,EAAEP,KAAK,CAACkB;EAAc,gBAClC;IAAK,SAAS,EAAElB,KAAK,CAACmB,uBAAwB;IAAC,KAAK,EAAE;MAACC,eAAe,EAAET;IAAO;EAAE,EAAG,eACpF;IAAO,SAAS,EAAEX,KAAK,CAACqB;EAAmB,GAAEb,SAAS,CAAC,MAAM,CAAC,CAAS,CACnE,CACD,CACH;AAEV,CAAC;AAEDP,GAAG,CAACqB,YAAY,GAAG;EACjBd,SAAS,EAAET,QAAQ,CAACwB,iBAAiB,CAACf,SAAS;EAC/CC,IAAI,EAAEV,QAAQ,CAACwB,iBAAiB,CAACd;AACnC,CAAC;AAEDR,GAAG,CAACuB,SAAS,2CAAG;EACdpB,WAAW,EAAEV,SAAS,CAAC+B,MAAM;EAC7BpB,QAAQ,EAAEX,SAAS,CAAC+B,MAAM;EAC1BnB,MAAM,EAAEZ,SAAS,CAAC+B,MAAM;EACxBlB,MAAM,EAAEb,SAAS,CAACgC;AACpB,CAAC;AAED,eAAezB,GAAG"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaLineFilesOfficeFileOfficePdf","PDFIcon","Link","Provider","style","PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","pdfFrame","backgroundImage","pdfIcon","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/pdf/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaLineFilesOfficeFileOfficePdf as PDFIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PDF = (props, context) => {\n  const {description, mediaUrl, poster, onPlay} = props;\n  const {translate, skin} = context;\n\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n\n  return (\n    <div\n      className={style.pdfFrame}\n      style={{\n        backgroundImage: `url(${poster})`\n      }}\n    >\n      <PDFIcon color={white} className={style.pdfIcon} />\n      <div\n        className={classnames(style.pdfDescription, style.innerHTML)}\n        data-name=\"pdfDescription\"\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n\n      <Link href={mediaUrl} target=\"_blank\" onClick={onPlay}>\n        <div className={style.openPDFButton}>\n          <div className={style.openPDFButtonBackground} style={{backgroundColor: primary}} />\n          <label className={style.openPDFButtonLabel}>{translate('Open')}</label>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nPDF.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nPDF.propTypes = {\n  description: PropTypes.string,\n  mediaUrl: PropTypes.string,\n  poster: PropTypes.string,\n  onPlay: PropTypes.func\n};\n\nexport default PDF;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,gCAAgC,IAAIC,OAA5C,QAA0D,0BAA1D;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,GAAG,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC9B,MAAM;IAACC,WAAD;IAAcC,QAAd;IAAwBC,MAAxB;IAAgCC;EAAhC,IAA0CL,KAAhD;EACA,MAAM;IAACM,SAAD;IAAYC;EAAZ,IAAoBN,OAA1B;;EAEA,MAAMO,KAAK,GAAG,KAAI,cAAJ,EAAoBD,IAApB,CAAd;;EACA,MAAME,OAAO,GAAG,KAAI,gBAAJ,EAAsBF,IAAtB,CAAhB;;EAEA,oBACE;IACE,SAAS,EAAET,KAAK,CAACY,QADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMP,MAAO;IAD1B;EAFT,gBAME,oBAAC,OAAD;IAAS,KAAK,EAAEI,KAAhB;IAAuB,SAAS,EAAEV,KAAK,CAACc;EAAxC,EANF,eAOE;IACE,SAAS,EAAEnB,UAAU,CAACK,KAAK,CAACe,cAAP,EAAuBf,KAAK,CAACgB,SAA7B,CADvB;IAEE,aAAU,gBAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEb;IAAT;EAJ3B,EAPF,eAcE,oBAAC,IAAD;IAAM,IAAI,EAAEC,QAAZ;IAAsB,MAAM,EAAC,QAA7B;IAAsC,OAAO,EAAEE;EAA/C,gBACE;IAAK,SAAS,EAAEP,KAAK,CAACkB;EAAtB,gBACE;IAAK,SAAS,EAAElB,KAAK,CAACmB,uBAAtB;IAA+C,KAAK,EAAE;MAACC,eAAe,EAAET;IAAlB;EAAtD,EADF,eAEE;IAAO,SAAS,EAAEX,KAAK,CAACqB;EAAxB,GAA6Cb,SAAS,CAAC,MAAD,CAAtD,CAFF,CADF,CAdF,CADF;AAuBD,CA9BD;;AAgCAP,GAAG,CAACqB,YAAJ,GAAmB;EACjBd,SAAS,EAAET,QAAQ,CAACwB,iBAAT,CAA2Bf,SADrB;EAEjBC,IAAI,EAAEV,QAAQ,CAACwB,iBAAT,CAA2Bd;AAFhB,CAAnB;AAKAR,GAAG,CAACuB,SAAJ,2CAAgB;EACdpB,WAAW,EAAEV,SAAS,CAAC+B,MADT;EAEdpB,QAAQ,EAAEX,SAAS,CAAC+B,MAFN;EAGdnB,MAAM,EAAEZ,SAAS,CAAC+B,MAHJ;EAIdlB,MAAM,EAAEb,SAAS,CAACgC;AAJJ,CAAhB;AAOA,eAAezB,GAAf"}

package/es/molecule/popin/index.js

@@ -1,16 +1,21 @@
 import _getOr from "lodash/fp/getOr";
+
 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); }
+
 import React, { useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionCoorpacademyLocales as LocalesIcon, NovaSolidStatusClose as Close, NovaLineContentEditionBin as Bin, NovaLineContentEditionHide as Hide } from '@coorpacademy/nova-icons';
 import Cta from '../../atom/button';
 import Loader from '../../atom/loader';
 import style from './style.css';
+
 const Popin = (props, context) => {
   const {
     skin
   } = context;
+
   const primaryColor = _getOr('#00B0FF', 'common.primary', skin);
+
   const {
     header,
     content,
@@ -70,8 +75,7 @@ const Popin = (props, context) => {
     "data-name": `cockpit-popin-header-${type}`
   }, header), /*#__PURE__*/React.createElement("p", {
     className: style.content,
-    "data-name": `cockpit-popin-content-${type}`
-    // eslint-disable-next-line react/no-danger
+    "data-name": `cockpit-popin-content-${type}` // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: content
@@ -126,6 +130,7 @@ const Popin = (props, context) => {
     disabled: isAssistancePopin && !value.message
   }) : null)));
 };
+
 Popin.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.string,
   content: PropTypes.string,

package/es/molecule/popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useMemo","PropTypes","NovaCompositionCoorpacademyLocales","LocalesIcon","NovaSolidStatusClose","Close","NovaLineContentEditionBin","Bin","NovaLineContentEditionHide","Hide","Cta","Loader","style","Popin","props","context","skin","primaryColor","header","content","firstButtonLabel","onFirstButtonClick","secondeButtonLabel","onSecondeButtonClick","onClose","type","isLoading","backgroundImageUrl","logo","hiddenStateManagment","deleteContent","videoTranslate","LogoComponent","backgroundImageStyle","backgroundImage","value","setValue","object","message","email","handleChange","event","target","name","isAssistancePopin","handleClickOnSecondButton","background","loader","popin","popinHeader","headerCloseIcon","icon","color","__html","width","inputText","inputTextArea","lastInputText","buttonContainer","button","backgroundColor","propTypes","string","func","oneOf","bool"],"sources":["../../../src/molecule/popin/index.js"],"sourcesContent":["import React, {useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\n\nimport {\n  NovaCompositionCoorpacademyLocales as LocalesIcon,\n  NovaSolidStatusClose as Close,\n  NovaLineContentEditionBin as Bin,\n  NovaLineContentEditionHide as Hide\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const {\n    header,\n    content,\n    firstButtonLabel,\n    onFirstButtonClick,\n    secondeButtonLabel,\n    onSecondeButtonClick,\n    onClose,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n\n  const logo = {\n    hiddenStateManagment: Hide,\n    deleteContent: Bin,\n    videoTranslate: LocalesIcon\n  };\n\n  const LogoComponent = logo[type];\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`\n      }\n    : {};\n\n  const [value, setValue] = useState({object: '', message: '', email: ''});\n\n  const handleChange = useMemo(\n    () => event => {\n      setValue({...value, [event.target.name]: event.target.value});\n    },\n    [value]\n  );\n\n  const isAssistancePopin = type === 'assistance';\n\n  const handleClickOnSecondButton = useMemo(() => {\n    return type === 'assistance' ? onSecondeButtonClick(value) : onSecondeButtonClick;\n  }, [value, type, onSecondeButtonClick]);\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"cockpit-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          <header className={style.popinHeader}>\n            <Close onClick={onClose} className={style.headerCloseIcon} />\n          </header>\n          {LogoComponent ? (\n            <LogoComponent className={style.icon} style={{color: primaryColor}} />\n          ) : null}\n          <div className={style.header} data-name={`cockpit-popin-header-${type}`}>\n            {header}\n          </div>\n          <p\n            className={style.content}\n            data-name={`cockpit-popin-content-${type}`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n\n          {isAssistancePopin ? (\n            <div style={{width: '70%'}}>\n              <input\n                data-name=\"contact-object\"\n                className={style.inputText}\n                name=\"object\"\n                type=\"text\"\n                placeholder=\"Object\"\n                value={value.object}\n                onChange={handleChange}\n              />\n              <textarea\n                className={(style.inputText, style.inputTextArea)}\n                data-name=\"contact-message\"\n                name=\"message\"\n                type=\"text\"\n                placeholder=\"Message\"\n                value={value.message}\n                onChange={handleChange}\n              />\n              <input\n                className={style.lastInputText}\n                data-name=\"contact-email\"\n                name=\"email\"\n                type=\"text\"\n                placeholder=\"Email\"\n                value={value.email}\n                onChange={handleChange}\n              />\n            </div>\n          ) : null}\n\n          <div className={style.buttonContainer}>\n            {firstButtonLabel ? (\n              <Cta\n                submitValue={firstButtonLabel}\n                onClick={onFirstButtonClick}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{\n                  backgroundColor: 'white',\n                  color: 'gray'\n                }}\n              />\n            ) : null}\n            {secondeButtonLabel ? (\n              <Cta\n                submitValue={secondeButtonLabel}\n                onClick={handleClickOnSecondButton}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{backgroundColor: primaryColor}}\n                disabled={isAssistancePopin && !value.message}\n              />\n            ) : null}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  firstButtonLabel: PropTypes.string,\n  onFirstButtonClick: PropTypes.func,\n  secondeButtonLabel: PropTypes.string,\n  onSecondeButtonClick: PropTypes.func,\n  onClose: PropTypes.func,\n  type: PropTypes.oneOf(['videoTranslate', 'hiddenStateManagment', 'deleteContent', 'assistance']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default Popin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","useMemo","PropTypes","NovaCompositionCoorpacademyLocales","LocalesIcon","NovaSolidStatusClose","Close","NovaLineContentEditionBin","Bin","NovaLineContentEditionHide","Hide","Cta","Loader","style","Popin","props","context","skin","primaryColor","header","content","firstButtonLabel","onFirstButtonClick","secondeButtonLabel","onSecondeButtonClick","onClose","type","isLoading","backgroundImageUrl","logo","hiddenStateManagment","deleteContent","videoTranslate","LogoComponent","backgroundImageStyle","backgroundImage","value","setValue","object","message","email","handleChange","event","target","name","isAssistancePopin","handleClickOnSecondButton","background","loader","popin","popinHeader","headerCloseIcon","icon","color","__html","width","inputText","inputTextArea","lastInputText","buttonContainer","button","backgroundColor","propTypes","string","func","oneOf","bool"],"sources":["../../../src/molecule/popin/index.js"],"sourcesContent":["import React, {useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\n\nimport {\n  NovaCompositionCoorpacademyLocales as LocalesIcon,\n  NovaSolidStatusClose as Close,\n  NovaLineContentEditionBin as Bin,\n  NovaLineContentEditionHide as Hide\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const {\n    header,\n    content,\n    firstButtonLabel,\n    onFirstButtonClick,\n    secondeButtonLabel,\n    onSecondeButtonClick,\n    onClose,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n\n  const logo = {\n    hiddenStateManagment: Hide,\n    deleteContent: Bin,\n    videoTranslate: LocalesIcon\n  };\n\n  const LogoComponent = logo[type];\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`\n      }\n    : {};\n\n  const [value, setValue] = useState({object: '', message: '', email: ''});\n\n  const handleChange = useMemo(\n    () => event => {\n      setValue({...value, [event.target.name]: event.target.value});\n    },\n    [value]\n  );\n\n  const isAssistancePopin = type === 'assistance';\n\n  const handleClickOnSecondButton = useMemo(() => {\n    return type === 'assistance' ? onSecondeButtonClick(value) : onSecondeButtonClick;\n  }, [value, type, onSecondeButtonClick]);\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"cockpit-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          <header className={style.popinHeader}>\n            <Close onClick={onClose} className={style.headerCloseIcon} />\n          </header>\n          {LogoComponent ? (\n            <LogoComponent className={style.icon} style={{color: primaryColor}} />\n          ) : null}\n          <div className={style.header} data-name={`cockpit-popin-header-${type}`}>\n            {header}\n          </div>\n          <p\n            className={style.content}\n            data-name={`cockpit-popin-content-${type}`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n\n          {isAssistancePopin ? (\n            <div style={{width: '70%'}}>\n              <input\n                data-name=\"contact-object\"\n                className={style.inputText}\n                name=\"object\"\n                type=\"text\"\n                placeholder=\"Object\"\n                value={value.object}\n                onChange={handleChange}\n              />\n              <textarea\n                className={(style.inputText, style.inputTextArea)}\n                data-name=\"contact-message\"\n                name=\"message\"\n                type=\"text\"\n                placeholder=\"Message\"\n                value={value.message}\n                onChange={handleChange}\n              />\n              <input\n                className={style.lastInputText}\n                data-name=\"contact-email\"\n                name=\"email\"\n                type=\"text\"\n                placeholder=\"Email\"\n                value={value.email}\n                onChange={handleChange}\n              />\n            </div>\n          ) : null}\n\n          <div className={style.buttonContainer}>\n            {firstButtonLabel ? (\n              <Cta\n                submitValue={firstButtonLabel}\n                onClick={onFirstButtonClick}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{\n                  backgroundColor: 'white',\n                  color: 'gray'\n                }}\n              />\n            ) : null}\n            {secondeButtonLabel ? (\n              <Cta\n                submitValue={secondeButtonLabel}\n                onClick={handleClickOnSecondButton}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{backgroundColor: primaryColor}}\n                disabled={isAssistancePopin && !value.message}\n              />\n            ) : null}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  firstButtonLabel: PropTypes.string,\n  onFirstButtonClick: PropTypes.func,\n  secondeButtonLabel: PropTypes.string,\n  onSecondeButtonClick: PropTypes.func,\n  onClose: PropTypes.func,\n  type: PropTypes.oneOf(['videoTranslate', 'hiddenStateManagment', 'deleteContent', 'assistance']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default Popin;\n"],"mappings":"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"}

package/es/molecule/product-card/index.js

@@ -3,6 +3,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 const ProductCard = (props, context) => {
   const {
     title,
@@ -16,10 +17,12 @@ const ProductCard = (props, context) => {
   } = context;
   const descriptionItemTranslationKeys = [translate('product_desc_culture'), translate('product_desc_partnership'), translate('product_desc_battle'), translate('product_desc_coach'), translate('product_desc_forum'), translate('product_desc_certificates')];
   const priceTemplate = translate('subscription_price');
+
   const priceValue = _template(priceTemplate)({
     price,
     currency
   });
+
   const items = descriptionItemTranslationKeys.map((itemDescription, index) => {
     return /*#__PURE__*/React.createElement("div", {
       className: style.productDescriptionItem,
@@ -53,6 +56,7 @@ const ProductCard = (props, context) => {
     className: style.cancelText
   }, translate('product_cancel')))));
 };
+
 ProductCard.contextTypes = {
   translate: Provider.childContextTypes.translate
 };