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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Choice","title","subtitle","onClick","children","style","choice","choiceContent","choiceLeftIconWrapper","choiceDescription","choiceDescriptionTitle","choiceDescriptionSubtitle","choiceRightIconWrapper","choiceRightIcon","propTypes","PropTypes","string","func","node","Modal","props","header","description","choices","onClose","modalWrapper","modal","headerRightContent","headerRightIconWrapper","headerAddIcon","shadow","headerCloseIcon","__html","left","choiceLeftIcon","right","shape","contextTypes","skin","Provider","childContextTypes"],"sources":["../../../src/molecule/modal/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaLineContentEditionQuillCircle as QuillCircle,\n  NovaSolidRemoveAddAddCircle2 as AddCircle,\n  NovaSolidStatusClose as Close,\n  NovaSolidStatusCheckCircle2 as Check,\n  NovaCompositionCoorpacademyImportIcon as ImportIcon\n} from '@coorpacademy/nova-icons';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst Choice = ({title, subtitle, onClick, children}) => {\n  return (\n    <a className={style.choice} onClick={onClick}>\n      <div className={style.choiceContent}>\n        <div className={style.choiceLeftIconWrapper}>{children}</div>\n        <div className={style.choiceDescription}>\n          <h3 className={style.choiceDescriptionTitle}>{title}</h3>\n          <span className={style.choiceDescriptionSubtitle}>{subtitle}</span>\n        </div>\n      </div>\n      <div className={style.choiceRightIconWrapper}>\n        <Check className={style.choiceRightIcon} />\n      </div>\n    </a>\n  );\n};\n\nChoice.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  onClick: PropTypes.func,\n  children: PropTypes.node\n};\n\nconst Modal = props => {\n  const {header, description, choices, onClose} = props;\n  return (\n    <div className={style.modalWrapper}>\n      <div className={style.modal}>\n        <header className={style.header}>\n          <div className={style.headerRightContent}>\n            <div className={style.headerRightIconWrapper}>\n              <AddCircle className={style.headerAddIcon} />\n              <div className={style.shadow} />\n            </div>\n            <h3>{header}</h3>\n          </div>\n          <Close onClick={onClose} className={style.headerCloseIcon} />\n        </header>\n        <div\n          className={style.description}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: description}}\n        />\n        <div className={style.choices}>\n          <Choice\n            key={choices.left.title}\n            title={choices.left.title}\n            subtitle={choices.left.subtitle}\n            // eslint-disable-next-line react/jsx-handler-names\n            onClick={choices.left.onClick}\n          >\n            <QuillCircle className={style.choiceLeftIcon} />\n          </Choice>\n          <Choice\n            key={choices.right.title}\n            title={choices.right.title}\n            subtitle={choices.right.subtitle}\n            // eslint-disable-next-line react/jsx-handler-names\n            onClick={choices.right.onClick}\n          >\n            <ImportIcon className={style.choiceLeftIcon} />\n          </Choice>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModal.propTypes = {\n  header: PropTypes.string,\n  description: PropTypes.string,\n  choices: PropTypes.shape({\n    left: PropTypes.shape({\n      title: Choice.propTypes.title,\n      subtitle: Choice.propTypes.subtitle,\n      onClick: Choice.propTypes.onClick\n    }),\n    right: PropTypes.shape({\n      title: Choice.propTypes.title,\n      subtitle: Choice.propTypes.subtitle,\n      onClick: Choice.propTypes.onClick\n    })\n  }),\n  onClose: PropTypes.func\n};\n\nModal.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default Modal;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Choice","title","subtitle","onClick","children","style","choice","choiceContent","choiceLeftIconWrapper","choiceDescription","choiceDescriptionTitle","choiceDescriptionSubtitle","choiceRightIconWrapper","choiceRightIcon","propTypes","PropTypes","string","func","node","Modal","props","header","description","choices","onClose","modalWrapper","modal","headerRightContent","headerRightIconWrapper","headerAddIcon","shadow","headerCloseIcon","__html","left","choiceLeftIcon","right","shape","contextTypes","skin","Provider","childContextTypes"],"sources":["../../../src/molecule/modal/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaLineContentEditionQuillCircle as QuillCircle,\n  NovaSolidRemoveAddAddCircle2 as AddCircle,\n  NovaSolidStatusClose as Close,\n  NovaSolidStatusCheckCircle2 as Check,\n  NovaCompositionCoorpacademyImportIcon as ImportIcon\n} from '@coorpacademy/nova-icons';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst Choice = ({title, subtitle, onClick, children}) => {\n  return (\n    <a className={style.choice} onClick={onClick}>\n      <div className={style.choiceContent}>\n        <div className={style.choiceLeftIconWrapper}>{children}</div>\n        <div className={style.choiceDescription}>\n          <h3 className={style.choiceDescriptionTitle}>{title}</h3>\n          <span className={style.choiceDescriptionSubtitle}>{subtitle}</span>\n        </div>\n      </div>\n      <div className={style.choiceRightIconWrapper}>\n        <Check className={style.choiceRightIcon} />\n      </div>\n    </a>\n  );\n};\n\nChoice.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  onClick: PropTypes.func,\n  children: PropTypes.node\n};\n\nconst Modal = props => {\n  const {header, description, choices, onClose} = props;\n  return (\n    <div className={style.modalWrapper}>\n      <div className={style.modal}>\n        <header className={style.header}>\n          <div className={style.headerRightContent}>\n            <div className={style.headerRightIconWrapper}>\n              <AddCircle className={style.headerAddIcon} />\n              <div className={style.shadow} />\n            </div>\n            <h3>{header}</h3>\n          </div>\n          <Close onClick={onClose} className={style.headerCloseIcon} />\n        </header>\n        <div\n          className={style.description}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: description}}\n        />\n        <div className={style.choices}>\n          <Choice\n            key={choices.left.title}\n            title={choices.left.title}\n            subtitle={choices.left.subtitle}\n            // eslint-disable-next-line react/jsx-handler-names\n            onClick={choices.left.onClick}\n          >\n            <QuillCircle className={style.choiceLeftIcon} />\n          </Choice>\n          <Choice\n            key={choices.right.title}\n            title={choices.right.title}\n            subtitle={choices.right.subtitle}\n            // eslint-disable-next-line react/jsx-handler-names\n            onClick={choices.right.onClick}\n          >\n            <ImportIcon className={style.choiceLeftIcon} />\n          </Choice>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModal.propTypes = {\n  header: PropTypes.string,\n  description: PropTypes.string,\n  choices: PropTypes.shape({\n    left: PropTypes.shape({\n      title: Choice.propTypes.title,\n      subtitle: Choice.propTypes.subtitle,\n      onClick: Choice.propTypes.onClick\n    }),\n    right: PropTypes.shape({\n      title: Choice.propTypes.title,\n      subtitle: Choice.propTypes.subtitle,\n      onClick: Choice.propTypes.onClick\n    })\n  }),\n  onClose: PropTypes.func\n};\n\nModal.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default Modal;\n"],"mappings":"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"}

package/lib/molecule/module-bubble/index.js

@@ -2,16 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _unary2 = _interopRequireDefault(require("lodash/fp/unary"));
+
 var _partial2 = _interopRequireDefault(require("lodash/fp/partial"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _bubbling = _interopRequireDefault(require("../../util/bubbling"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ModuleBubble = (props, context) => {
   const {
     skin
@@ -42,6 +53,7 @@ const ModuleBubble = (props, context) => {
     }
   }, icon)));
 };
+
 ModuleBubble.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ModuleBubble","props","context","skin","onClick","status","iconColor","filtered","disabled","code","icon","String","fromCharCode","click","stopPropagation","style","modulewrapper","bubble","bubbleBG","iconDisabled","color","contextTypes","Provider","childContextTypes","propTypes","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;AACA;AAEA;AACA;AACA;AAAgC;AAEhC,MAAMA,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,qBAAM,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,oBAAKM,iBAAe,EAAE,qBAAM,uBAAQV,OAAO,EAAE,CAACH,KAAK,CAAC,CAAC,CAAC,CAAC;EAElF,oBACE;IAAK,SAAS,EAAEM,QAAQ,GAAGQ,cAAK,CAACR,QAAQ,GAAGQ,cAAK,CAACC,aAAc;IAAC,aAAU;EAAc,gBACvF;IAAK,SAAS,EAAED,cAAK,CAACE,MAAO;IAAC,OAAO,EAAEJ;EAAM,gBAC3C;IAAM,SAAS,EAAEE,cAAK,CAACG;EAAS,EAAG,eACnC;IACE,aAAU,MAAM;IAChB,SAAS,EAAEV,QAAQ,GAAGO,cAAK,CAACI,YAAY,GAAGJ,cAAK,CAACL,IAAK;IACtD,KAAK,EAAE;MACLU,KAAK,EAAEd;IACT;EAAE,GAEDI,IAAI,CACA,CACH,CACF;AAEV,CAAC;AAEDV,YAAY,CAACqB,YAAY,GAAG;EAC1BlB,IAAI,EAAEmB,iBAAQ,CAACC,iBAAiB,CAACpB;AACnC,CAAC;AAEDH,YAAY,CAACwB,SAAS,2CAAG;EACvBhB,QAAQ,EAAEiB,kBAAS,CAACC,IAAI;EACxBnB,QAAQ,EAAEkB,kBAAS,CAACC,IAAI;EACxBpB,SAAS,EAAEmB,kBAAS,CAACE,MAAM;EAC3BtB,MAAM,EAAEoB,kBAAS,CAACE,MAAM;EACxBvB,OAAO,EAAEqB,kBAAS,CAACG,IAAI,CAACC;AAC1B,CAAC;AAAC,eACa7B,YAAY;AAAA"}
+{"version":3,"file":"index.js","names":["ModuleBubble","props","context","skin","onClick","status","iconColor","filtered","disabled","code","icon","String","fromCharCode","click","stopPropagation","style","modulewrapper","bubble","bubbleBG","iconDisabled","color","contextTypes","Provider","childContextTypes","propTypes","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;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,MAAMA,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,qBAAM,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,oBAAKM,iBAAL,EAAsB,qBAAM,uBAAQV,OAAR,EAAiB,CAACH,KAAD,CAAjB,CAAN,CAAtB,CAA3B;EAEA,oBACE;IAAK,SAAS,EAAEM,QAAQ,GAAGQ,cAAA,CAAMR,QAAT,GAAoBQ,cAAA,CAAMC,aAAlD;IAAiE,aAAU;EAA3E,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME,MAAtB;IAA8B,OAAO,EAAEJ;EAAvC,gBACE;IAAM,SAAS,EAAEE,cAAA,CAAMG;EAAvB,EADF,eAEE;IACE,aAAU,MADZ;IAEE,SAAS,EAAEV,QAAQ,GAAGO,cAAA,CAAMI,YAAT,GAAwBJ,cAAA,CAAML,IAFnD;IAGE,KAAK,EAAE;MACLU,KAAK,EAAEd;IADF;EAHT,GAOGI,IAPH,CAFF,CADF,CADF;AAgBD,CA1BD;;AA4BAV,YAAY,CAACqB,YAAb,GAA4B;EAC1BlB,IAAI,EAAEmB,iBAAA,CAASC,iBAAT,CAA2BpB;AADP,CAA5B;AAIAH,YAAY,CAACwB,SAAb,2CAAyB;EACvBhB,QAAQ,EAAEiB,kBAAA,CAAUC,IADG;EAEvBnB,QAAQ,EAAEkB,kBAAA,CAAUC,IAFG;EAGvBpB,SAAS,EAAEmB,kBAAA,CAAUE,MAHE;EAIvBtB,MAAM,EAAEoB,kBAAA,CAAUE,MAJK;EAKvBvB,OAAO,EAAEqB,kBAAA,CAAUG,IAAV,CAAeC;AALD,CAAzB;eAOe7B,Y"}

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

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _moduleBubble = _interopRequireDefault(require("../module-bubble"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 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 ModuleCard(props, context) {
   const {
     skin
@@ -26,8 +36,7 @@ function ModuleCard(props, context) {
     "data-name": "module-card",
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.title, _style.default.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_style.default.title, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: label
@@ -41,6 +50,7 @@ function ModuleCard(props, context) {
     onClick: onClick
   }))));
 }
+
 ModuleCard.propTypes = process.env.NODE_ENV !== "production" ? {
   label: _propTypes.default.string.isRequired,
   level: _propTypes.default.string.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ModuleCard","props","context","skin","label","level","onClick","iconColor","style","default","classnames","title","innerHTML","__html","module","propTypes","PropTypes","string","isRequired","func","contextTypes","Provider","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;AACA;AAEA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,SAASA,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,qBAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAEJ,IAAI,CAAC;EAC/D,oBACE;IAAK,SAAS,EAAEK,cAAK,CAACC,OAAQ;IAAC,aAAU,aAAa;IAAC,OAAO,EAAEH;EAAQ,gBACtE;IACE,SAAS,EAAE,IAAAI,mBAAU,EAACF,cAAK,CAACG,KAAK,EAAEH,cAAK,CAACI,SAAS;IAClD;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAK;EAAE,EACzC,eACF;IAAK,SAAS,EAAEI,cAAK,CAACH;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAK,SAAS,EAAEG,cAAK,CAACM;EAAO,gBAC3B,6BAAC,qBAAY,eAAKb,KAAK;IAAE,SAAS,EAAEM,SAAU;IAAC,OAAO,EAAED;EAAQ,GAAG,CAC/D,CACF;AAEV;AAEAN,UAAU,CAACe,SAAS,2CAAG;EACrBX,KAAK,EAAEY,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCb,KAAK,EAAEW,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCZ,OAAO,EAAEU,kBAAS,CAACG,IAAI,CAACD;AAC1B,CAAC;AAEDlB,UAAU,CAACoB,YAAY,GAAG;EACxBjB,IAAI,EAAEkB,iBAAQ,CAACC,iBAAiB,CAACnB;AACnC,CAAC;AAAC,eACaH,UAAU;AAAA"}
+{"version":3,"file":"index.js","names":["ModuleCard","props","context","skin","label","level","onClick","iconColor","style","default","classnames","title","innerHTML","__html","module","propTypes","PropTypes","string","isRequired","func","contextTypes","Provider","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;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,SAASA,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,qBAAM,SAAN,EAAiB,CAAC,QAAD,EAAW,SAAX,CAAjB,EAAwCJ,IAAxC,CAAlB;EACA,oBACE;IAAK,SAAS,EAAEK,cAAA,CAAMC,OAAtB;IAA+B,aAAU,aAAzC;IAAuD,OAAO,EAAEH;EAAhE,gBACE;IACE,SAAS,EAAE,IAAAI,mBAAA,EAAWF,cAAA,CAAMG,KAAjB,EAAwBH,cAAA,CAAMI,SAA9B,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAT;EAH3B,EADF,eAME;IAAK,SAAS,EAAEI,cAAA,CAAMH;EAAtB,GAA8BA,KAA9B,CANF,eAOE;IAAK,SAAS,EAAEG,cAAA,CAAMM;EAAtB,gBACE,6BAAC,qBAAD,eAAkBb,KAAlB;IAAyB,SAAS,EAAEM,SAApC;IAA+C,OAAO,EAAED;EAAxD,GADF,CAPF,CADF;AAaD;;AAEDN,UAAU,CAACe,SAAX,2CAAuB;EACrBX,KAAK,EAAEY,kBAAA,CAAUC,MAAV,CAAiBC,UADH;EAErBb,KAAK,EAAEW,kBAAA,CAAUC,MAAV,CAAiBC,UAFH;EAGrBZ,OAAO,EAAEU,kBAAA,CAAUG,IAAV,CAAeD;AAHH,CAAvB;AAMAlB,UAAU,CAACoB,YAAX,GAA0B;EACxBjB,IAAI,EAAEkB,iBAAA,CAASC,iBAAT,CAA2BnB;AADT,CAA1B;eAGeH,U"}

package/lib/molecule/news/index.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _cta = _interopRequireDefault(require("../../atom/cta"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 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 News = (props, context) => {
   const {
     image,
@@ -67,6 +76,7 @@ const News = (props, context) => {
     target: cta.target
   }) : null);
 };
+
 News.propTypes = process.env.NODE_ENV !== "production" ? {
   image: _propTypes.default.string,
   title: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["News","props","context","image","title","date","description","authorLogo","cta","style","news","href","linkImage","target","infos","classnames","innerHTML","__html","bottom","author","link","propTypes","PropTypes","string","shape","Cta"],"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;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,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,EAAEQ,cAAK,CAACC;EAAK,gBACzB;IAAK,SAAS,EAAED,cAAK,CAACN;EAAM,GACzBK,GAAG,gBACF,6BAAC,aAAI;IACH,IAAI,EAAEA,GAAG,CAACG,IAAK;IACf,SAAS,EAAEF,cAAK,CAACG,SAAU;IAC3B,MAAM,EAAEJ,GAAG,CAACK,MAAO;IACnB,aAAU;EAAY,gBAEtB;IAAK,GAAG,EAAEV;EAAM,EAAG,CACd,gBAEP;IAAK,GAAG,EAAEA;EAAM,EACjB,CACG,eACN;IAAK,SAAS,EAAEM,cAAK,CAACK;EAAM,gBAC1B,6BAAC,aAAI;IACH,IAAI,EAAEN,GAAG,IAAIA,GAAG,CAACG,IAAK;IACtB,KAAK,EAAEP,KAAM;IACb,SAAS,EAAE,IAAAW,mBAAU,EAACN,cAAK,CAACL,KAAK,EAAEK,cAAK,CAACO,SAAS,CAAE;IACpD,MAAM,EAAER,GAAG,IAAIA,GAAG,CAACK,MAAO;IAC1B,aAAU,YAAY;IACtB,uBAAuB,EAAE;MAACI,MAAM,EAAEb;IAAK;EAAE,EACzC,eACF;IAAK,SAAS,EAAEK,cAAK,CAACJ;EAAK,GAAEA,IAAI,CAAO,eACxC;IAAK,SAAS,EAAEI,cAAK,CAACH;EAAY,gBAChC;IACE;IACA,uBAAuB,EAAE;MAACW,MAAM,EAAEX;IAAW;EAAE,EAC/C,CACE,eACN;IAAK,SAAS,EAAEG,cAAK,CAACS;EAAO,gBAC3B;IAAK,SAAS,EAAET,cAAK,CAACU;EAAO,gBAC3B;IAAK,GAAG,EAAEZ;EAAW,EAAG,CACpB,EACLC,GAAG,gBAAG,6BAAC,YAAG,eAAKA,GAAG;IAAE,SAAS;IAAC,IAAI,EAAC;EAAU,GAAG,GAAG,IAAI,CACpD,CACF,EACLA,GAAG,gBAAG,6BAAC,aAAI;IAAC,SAAS,EAAEC,cAAK,CAACW,IAAK;IAAC,IAAI,EAAEZ,GAAG,CAACG,IAAK;IAAC,MAAM,EAAEH,GAAG,CAACK;EAAO,EAAG,GAAG,IAAI,CAC7E;AAEV,CAAC;AAEDb,IAAI,CAACqB,SAAS,2CAAG;EACflB,KAAK,EAAEmB,kBAAS,CAACC,MAAM;EACvBnB,KAAK,EAAEkB,kBAAS,CAACC,MAAM;EACvBlB,IAAI,EAAEiB,kBAAS,CAACC,MAAM;EACtBjB,WAAW,EAAEgB,kBAAS,CAACC,MAAM;EAC7BhB,UAAU,EAAEe,kBAAS,CAACC,MAAM;EAC5Bf,GAAG,EAAEc,kBAAS,CAACE,KAAK,CAACC,YAAG,CAACJ,SAAS;AACpC,CAAC;AAAC,eAEarB,IAAI;AAAA"}
+{"version":3,"file":"index.js","names":["News","props","context","image","title","date","description","authorLogo","cta","style","news","href","linkImage","target","infos","classnames","innerHTML","__html","bottom","author","link","propTypes","PropTypes","string","shape","Cta"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,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,EAAEQ,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAMN;EAAtB,GACGK,GAAG,gBACF,6BAAC,aAAD;IACE,IAAI,EAAEA,GAAG,CAACG,IADZ;IAEE,SAAS,EAAEF,cAAA,CAAMG,SAFnB;IAGE,MAAM,EAAEJ,GAAG,CAACK,MAHd;IAIE,aAAU;EAJZ,gBAME;IAAK,GAAG,EAAEV;EAAV,EANF,CADE,gBAUF;IAAK,GAAG,EAAEA;EAAV,EAXJ,CADF,eAeE;IAAK,SAAS,EAAEM,cAAA,CAAMK;EAAtB,gBACE,6BAAC,aAAD;IACE,IAAI,EAAEN,GAAG,IAAIA,GAAG,CAACG,IADnB;IAEE,KAAK,EAAEP,KAFT;IAGE,SAAS,EAAE,IAAAW,mBAAA,EAAWN,cAAA,CAAML,KAAjB,EAAwBK,cAAA,CAAMO,SAA9B,CAHb;IAIE,MAAM,EAAER,GAAG,IAAIA,GAAG,CAACK,MAJrB;IAKE,aAAU,YALZ;IAME,uBAAuB,EAAE;MAACI,MAAM,EAAEb;IAAT;EAN3B,EADF,eASE;IAAK,SAAS,EAAEK,cAAA,CAAMJ;EAAtB,GAA6BA,IAA7B,CATF,eAUE;IAAK,SAAS,EAAEI,cAAA,CAAMH;EAAtB,gBACE;IACE;IACA,uBAAuB,EAAE;MAACW,MAAM,EAAEX;IAAT;EAF3B,EADF,CAVF,eAgBE;IAAK,SAAS,EAAEG,cAAA,CAAMS;EAAtB,gBACE;IAAK,SAAS,EAAET,cAAA,CAAMU;EAAtB,gBACE;IAAK,GAAG,EAAEZ;EAAV,EADF,CADF,EAIGC,GAAG,gBAAG,6BAAC,YAAD,eAASA,GAAT;IAAc,SAAS,MAAvB;IAAwB,IAAI,EAAC;EAA7B,GAAH,GAAgD,IAJtD,CAhBF,CAfF,EAsCGA,GAAG,gBAAG,6BAAC,aAAD;IAAM,SAAS,EAAEC,cAAA,CAAMW,IAAvB;IAA6B,IAAI,EAAEZ,GAAG,CAACG,IAAvC;IAA6C,MAAM,EAAEH,GAAG,CAACK;EAAzD,EAAH,GAAyE,IAtC/E,CADF;AA0CD,CA7CD;;AA+CAb,IAAI,CAACqB,SAAL,2CAAiB;EACflB,KAAK,EAAEmB,kBAAA,CAAUC,MADF;EAEfnB,KAAK,EAAEkB,kBAAA,CAAUC,MAFF;EAGflB,IAAI,EAAEiB,kBAAA,CAAUC,MAHD;EAIfjB,WAAW,EAAEgB,kBAAA,CAAUC,MAJR;EAKfhB,UAAU,EAAEe,kBAAA,CAAUC,MALP;EAMff,GAAG,EAAEc,kBAAA,CAAUE,KAAV,CAAgBC,YAAA,CAAIJ,SAApB;AANU,CAAjB;eASerB,I"}

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

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _isUndefined2 = _interopRequireDefault(require("lodash/fp/isUndefined"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _button = _interopRequireDefault(require("../../atom/button"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ICONS = {
   feature: {
     icon: _novaIcons.NovaLineLeisureLeisurePartyPopper,
@@ -30,6 +42,7 @@ const ICONS = {
     color: '#01579b'
   }
 };
+
 const NotificationBanner = (props, context) => {
   const {
     skin
@@ -91,6 +104,7 @@ const NotificationBanner = (props, context) => {
     }
   }) : null));
 };
+
 NotificationBanner.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICONS","feature","icon","FeatureIcon","title","color","maintenance","MaintenanceIcon","survey","SurveyIcon","NotificationBanner","props","context","skin","primaryColor","whiteColor","type","message","acceptOnClick","acceptLabel","closeLabel","closeOnClick","Icon","handleOnClickAcceptButton","handleOnClickCloseButton","style","banner","background","circle","text","buttons","close","backgroundColor","button","contextTypes","Provider","childContextTypes","propTypes","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":["ICONS","feature","icon","FeatureIcon","title","color","maintenance","MaintenanceIcon","survey","SurveyIcon","NotificationBanner","props","context","skin","primaryColor","whiteColor","type","message","acceptOnClick","acceptLabel","closeLabel","closeOnClick","Icon","handleOnClickAcceptButton","handleOnClickCloseButton","style","banner","background","circle","text","buttons","close","backgroundColor","button","contextTypes","Provider","childContextTypes","propTypes","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/lib/molecule/pagination/index.js

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Pagination = props => {
   const {
     value,
@@ -27,6 +33,7 @@ const Pagination = props => {
     href: nextHref
   }, "\u27E9")));
 };
+
 Pagination.propTypes = process.env.NODE_ENV !== "production" ? {
   value: _propTypes.default.string.isRequired,
   nextHref: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Pagination","props","value","nextHref","previousHref","style","wrapper","buttons","button","disabled","propTypes","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;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,KAAK;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAE7C,oBACE;IAAK,SAAS,EAAEI,cAAK,CAACC;EAAQ,gBAC5B;IAAK,SAAS,EAAED,cAAK,CAACH;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAK,SAAS,EAAEG,cAAK,CAACE;EAAQ,gBAC5B,6BAAC,aAAI;IAAC,SAAS,EAAEH,YAAY,GAAGC,cAAK,CAACG,MAAM,GAAGH,cAAK,CAACI,QAAS;IAAC,IAAI,EAAEL;EAAa,GAAC,QAEnF,CAAO,eACP,6BAAC,aAAI;IAAC,SAAS,EAAED,QAAQ,GAAGE,cAAK,CAACG,MAAM,GAAGH,cAAK,CAACI,QAAS;IAAC,IAAI,EAAEN;EAAS,GAAC,QAE3E,CAAO,CACH,CACF;AAEV,CAAC;AAEDH,UAAU,CAACU,SAAS,2CAAG;EACrBR,KAAK,EAAES,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCV,QAAQ,EAAEQ,kBAAS,CAACC,MAAM;EAC1BR,YAAY,EAAEO,kBAAS,CAACC;AAC1B,CAAC;AAAC,eAEaZ,UAAU;AAAA"}
+{"version":3,"file":"index.js","names":["Pagination","props","value","nextHref","previousHref","style","wrapper","buttons","button","disabled","propTypes","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;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC;EAAlB,IAAkCH,KAAxC;EAEA,oBACE;IAAK,SAAS,EAAEI,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAMH;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEG,cAAA,CAAME;EAAtB,gBACE,6BAAC,aAAD;IAAM,SAAS,EAAEH,YAAY,GAAGC,cAAA,CAAMG,MAAT,GAAkBH,cAAA,CAAMI,QAArD;IAA+D,IAAI,EAAEL;EAArE,YADF,eAIE,6BAAC,aAAD;IAAM,SAAS,EAAED,QAAQ,GAAGE,cAAA,CAAMG,MAAT,GAAkBH,cAAA,CAAMI,QAAjD;IAA2D,IAAI,EAAEN;EAAjE,YAJF,CAFF,CADF;AAaD,CAhBD;;AAkBAH,UAAU,CAACU,SAAX,2CAAuB;EACrBR,KAAK,EAAES,kBAAA,CAAUC,MAAV,CAAiBC,UADH;EAErBV,QAAQ,EAAEQ,kBAAA,CAAUC,MAFC;EAGrBR,YAAY,EAAEO,kBAAA,CAAUC;AAHH,CAAvB;eAMeZ,U"}

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

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class PaymentForm extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -16,6 +22,7 @@ class PaymentForm extends _react.default.Component {
     this.handleCardCvcChange = this.handleCardCvcChange.bind(this);
     this.handleSubmit = this.handleSubmit.bind(this);
   }
+
   componentDidMount() {
     if (this.stripe) {
       const elements = this.stripe.elements();
@@ -45,30 +52,36 @@ class PaymentForm extends _react.default.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
   }) {
@@ -77,6 +90,7 @@ class PaymentForm extends _react.default.Component {
     } = this.props;
     onCardNumberChange(error);
   }
+
   handleCardExpiryChange({
     error
   }) {
@@ -85,6 +99,7 @@ class PaymentForm extends _react.default.Component {
     } = this.props;
     onCardExpiryChange(error);
   }
+
   handleCardCvcChange({
     error
   }) {
@@ -93,6 +108,7 @@ class PaymentForm extends _react.default.Component {
     } = this.props;
     onCardCvcChange(error);
   }
+
   render() {
     const {
       checkImage,
@@ -164,7 +180,9 @@ class PaymentForm extends _react.default.Component {
       disabled: !submitButtonEnabled
     }, translate('payment_form_submit'))));
   }
+
 }
+
 PaymentForm.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PaymentForm","React","Component","constructor","props","stripe","stripeInstance","stripeKeyPublic","handleCardNumberChange","bind","handleCardExpiryChange","handleCardCvcChange","handleSubmit","componentDidMount","elements","elementOptions","style","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","Provider","childContextTypes","propTypes","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":";;;;AAAA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,WAAW,SAASC,cAAK,CAACC,SAAS,CAAC;EAwBxCC,WAAW,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,MAAM,GAAGD,KAAK,CAACE,cAAc,GAAGF,KAAK,CAACE,cAAc,CAACF,KAAK,CAACG,eAAe,CAAC,GAAG,IAAI;IACvF,IAAI,CAACC,sBAAsB,GAAG,IAAI,CAACA,sBAAsB,CAACC,IAAI,CAAC,IAAI,CAAC;IACpE,IAAI,CAACC,sBAAsB,GAAG,IAAI,CAACA,sBAAsB,CAACD,IAAI,CAAC,IAAI,CAAC;IACpE,IAAI,CAACE,mBAAmB,GAAG,IAAI,CAACA,mBAAmB,CAACF,IAAI,CAAC,IAAI,CAAC;IAC9D,IAAI,CAACG,YAAY,GAAG,IAAI,CAACA,YAAY,CAACH,IAAI,CAAC,IAAI,CAAC;EAClD;EAEAI,iBAAiB,GAAG;IAClB,IAAI,IAAI,CAACR,MAAM,EAAE;MACf,MAAMS,QAAQ,GAAG,IAAI,CAACT,MAAM,CAACS,QAAQ,EAAE;MAEvC,MAAMC,cAAc,GAAG;QACrBC,KAAK,EAAE;UACLC,IAAI,EAAE;YACJC,SAAS,EAAE,OAAO;YAClBC,KAAK,EAAE,SAAS;YAChBC,QAAQ,EAAE,MAAM;YAChBC,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE;cACfF,KAAK,EAAE,SAAS;cAChBC,QAAQ,EAAE,MAAM;cAChBC,UAAU,EAAE;YACd;UACF;QACF;MACF,CAAC;MAED,IAAI,CAACC,UAAU,GAAGR,QAAQ,CAACS,MAAM,CAAC,YAAY,EAAER,cAAc,CAAC;MAC/D,IAAI,CAACS,UAAU,GAAGV,QAAQ,CAACS,MAAM,CAAC,YAAY,EAAER,cAAc,CAAC;MAC/D,IAAI,CAACU,OAAO,GAAGX,QAAQ,CAACS,MAAM,CAAC,SAAS,EAAER,cAAc,CAAC;MAEzD,IAAI,CAACO,UAAU,CAACI,KAAK,CAAC,cAAc,CAAC;MACrC,IAAI,CAACF,UAAU,CAACE,KAAK,CAAC,cAAc,CAAC;MACrC,IAAI,CAACD,OAAO,CAACC,KAAK,CAAC,WAAW,CAAC;MAE/B,IAAI,CAACJ,UAAU,CAACK,EAAE,CAAC,QAAQ,EAAE,IAAI,CAACnB,sBAAsB,CAAC;MACzD,IAAI,CAACgB,UAAU,CAACG,EAAE,CAAC,QAAQ,EAAE,IAAI,CAACjB,sBAAsB,CAAC;MACzD,IAAI,CAACe,OAAO,CAACE,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAChB,mBAAmB,CAAC;IACrD;EACF;EAEAiB,oBAAoB,GAAG;IACrB,IAAI,IAAI,CAACC,SAAS,EAAE;MAClB,IAAI,CAACP,UAAU,CAACQ,OAAO,EAAE;MACzB,IAAI,CAACR,UAAU,CAACS,GAAG,CAAC,QAAQ,EAAE,IAAI,CAACvB,sBAAsB,CAAC;IAC5D;IACA,IAAI,IAAI,CAACgB,UAAU,EAAE;MACnB,IAAI,CAACA,UAAU,CAACM,OAAO,EAAE;MACzB,IAAI,CAACN,UAAU,CAACO,GAAG,CAAC,QAAQ,EAAE,IAAI,CAACrB,sBAAsB,CAAC;IAC5D;IACA,IAAI,IAAI,CAACe,OAAO,EAAE;MAChB,IAAI,CAACA,OAAO,CAACK,OAAO,EAAE;MACtB,IAAI,CAACL,OAAO,CAACM,GAAG,CAAC,QAAQ,EAAE,IAAI,CAACpB,mBAAmB,CAAC;IACtD;EACF;EAEAC,YAAY,GAAG;IACb,MAAM;MAACoB;IAAc,CAAC,GAAG,IAAI,CAAC5B,KAAK;IACnC,IAAI,IAAI,CAACC,MAAM,EAAE;MACf,OAAO,IAAI,CAACA,MAAM,CAAC4B,WAAW,CAAC,IAAI,CAACX,UAAU,CAAC,CAACY,IAAI,CAACC,QAAQ,IAAI;QAC/D,OAAOH,cAAc,CAACG,QAAQ,CAAC;MACjC,CAAC,CAAC;IACJ;EACF;EAEA3B,sBAAsB,CAAC;IAAC4B;EAAK,CAAC,EAAE;IAC9B,MAAM;MAACC,kBAAkB,GAAG,MAAM,CAAC;IAAC,CAAC,GAAG,IAAI,CAACjC,KAAK;IAClDiC,kBAAkB,CAACD,KAAK,CAAC;EAC3B;EAEA1B,sBAAsB,CAAC;IAAC0B;EAAK,CAAC,EAAE;IAC9B,MAAM;MAACE,kBAAkB,GAAG,MAAM,CAAC;IAAC,CAAC,GAAG,IAAI,CAAClC,KAAK;IAClDkC,kBAAkB,CAACF,KAAK,CAAC;EAC3B;EAEAzB,mBAAmB,CAAC;IAACyB;EAAK,CAAC,EAAE;IAC3B,MAAM;MAACG,eAAe,GAAG,MAAM,CAAC;IAAC,CAAC,GAAG,IAAI,CAACnC,KAAK;IAC/CmC,eAAe,CAACH,KAAK,CAAC;EACxB;EAEAI,MAAM,GAAG;IACP,MAAM;MACJC,UAAU;MACVC,UAAU;MACVC,cAAc;MACdC,mBAAmB;MACnBC,MAAM;MACNC,OAAO;MACPC,mBAAmB;MACnBC,kBAAkB;MAClBC,kBAAkB;MAClBC;IACF,CAAC,GAAG,IAAI,CAAC9C,KAAK;IAEd,MAAM;MAAC+C;IAAS,CAAC,GAAG,IAAI,CAACC,OAAO;IAEhC,oBACE;MAAK,SAAS,EAAEpC,cAAK,CAACqC;IAAY,gBAChC;MAAK,SAAS,EAAErC,cAAK,CAACsC;IAAc,gBAClC;MAAK,SAAS,EAAEtC,cAAK,CAACuC,kBAAmB;MAAC,GAAG,EAAEd;IAAW,EAAG,eAC7D;MAAK,SAAS,EAAEzB,cAAK,CAACwC;IAAkB,GAAEL,SAAS,CAAC,gBAAgB,CAAC,CAAO,eAC5E;MAAK,SAAS,EAAEnC,cAAK,CAACyC,kBAAmB;MAAC,GAAG,EAAEf;IAAW,EAAG,CACzD,eACN;MAAK,SAAS,EAAE1B,cAAK,CAAC0C;IAAqB,gBACzC;MAAI,SAAS,EAAE1C,cAAK,CAAC2C;IAA8B,EAAG,eACtD;MAAK,SAAS,EAAE3C,cAAK,CAAC4C;IAAyB,GAAEjB,cAAc,CAAO,eACtE;MAAI,SAAS,EAAE3B,cAAK,CAAC2C;IAA8B,EAAG,CAClD,EACLd,MAAM,gBAAG;MAAK,SAAS,EAAE7B,cAAK,CAAC6C;IAAc,GAAC,GAAC,EAAChB,MAAM,CAAO,GAAG,IAAI,EACpEC,OAAO,gBAAG;MAAK,SAAS,EAAE9B,cAAK,CAAC8C;IAAe,GAAC,GAAC,EAAChB,OAAO,CAAO,GAAG,IAAI,eACxE;MAAK,SAAS,EAAE9B,cAAK,CAAC+C;IAAe,gBACnC;MAAK,SAAS,EAAE/C,cAAK,CAAC4B,mBAAoB;MAAC,GAAG,EAAEA;IAAoB,EAAG,eACvE;MAAK,SAAS,EAAE5B,cAAK,CAACgD;IAAmB,GAAEb,SAAS,CAAC,iBAAiB,CAAC,CAAO,CAC1E,eACN;MAAK,SAAS,EAAEnC,cAAK,CAACiD;IAAU,gBAC9B;MACE,SAAS,EAAG,GAAEjD,cAAK,CAACM,UAAW,IAAG0B,kBAAkB,IAAIhC,cAAK,CAACkD,cAAe,EAAE;MAC/E,EAAE,EAAC;IAAa,EAChB,CACE,eACN;MAAK,SAAS,EAAElD,cAAK,CAACiD;IAAU,gBAC9B;MACE,SAAS,EAAG,GAAEjD,cAAK,CAACQ,UAAW,IAAGyB,kBAAkB,IAAIjC,cAAK,CAACkD,cAAe,EAAE;MAC/E,EAAE,EAAC;IAAa,EAChB,eACF;MACE,SAAS,EAAG,GAAElD,cAAK,CAACS,OAAQ,IAAGyB,eAAe,IAAIlC,cAAK,CAACkD,cAAe,EAAE;MACzE,EAAE,EAAC;IAAU,EACb,CACE,eACN;MAAK,SAAS,EAAElD,cAAK,CAACmD;IAAuB,GAAEhB,SAAS,CAAC,yBAAyB,CAAC,CAAO,eAC1F;MAAK,SAAS,EAAEnC,cAAK,CAACoD;IAAyB,gBAC7C;MACE,SAAS,EAAEpD,cAAK,CAACqD,eAAgB;MACjC,IAAI,EAAC,QAAQ;MACb,OAAO,EAAE,IAAI,CAACzD,YAAa;MAC3B,QAAQ,EAAE,CAACmC;IAAoB,GAE9BI,SAAS,CAAC,qBAAqB,CAAC,CAC1B,CACL,CACF;EAEV;AACF;AA1KMnD,WAAW,CAoBRsE,YAAY,GAAG;EACpBnB,SAAS,EAAEoB,iBAAQ,CAACC,iBAAiB,CAACrB;AACxC,CAAC;AAtBGnD,WAAW,CACRyE,SAAS,2CAAG;EACjBlE,eAAe,EAAEmE,kBAAS,CAACC,MAAM,CAACC,UAAU;EAC5CtE,cAAc,EAAEoE,kBAAS,CAACG,IAAI,CAACD,UAAU;EACzC5C,cAAc,EAAE0C,kBAAS,CAACG,IAAI,CAACD,UAAU;EACzCnC,UAAU,EAAEiC,kBAAS,CAACC,MAAM,CAACC,UAAU;EACvClC,UAAU,EAAEgC,kBAAS,CAACC,MAAM,CAACC,UAAU;EACvCjC,cAAc,EAAE+B,kBAAS,CAACC,MAAM;EAChC/B,mBAAmB,EAAE8B,kBAAS,CAACC,MAAM;EACrC9B,MAAM,EAAE6B,kBAAS,CAACC,MAAM;EACxB7B,OAAO,EAAE4B,kBAAS,CAACC,MAAM;EACzBtC,kBAAkB,EAAEqC,kBAAS,CAACG,IAAI;EAClC7B,kBAAkB,EAAE0B,kBAAS,CAACI,IAAI;EAClCxC,kBAAkB,EAAEoC,kBAAS,CAACG,IAAI;EAClC5B,kBAAkB,EAAEyB,kBAAS,CAACI,IAAI;EAClCvC,eAAe,EAAEmC,kBAAS,CAACG,IAAI;EAC/B3B,eAAe,EAAEwB,kBAAS,CAACI,IAAI;EAC/B/B,mBAAmB,EAAE2B,kBAAS,CAACI;AACjC,CAAC;AAAA,eA0JY9E,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["PaymentForm","React","Component","constructor","props","stripe","stripeInstance","stripeKeyPublic","handleCardNumberChange","bind","handleCardExpiryChange","handleCardCvcChange","handleSubmit","componentDidMount","elements","elementOptions","style","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","Provider","childContextTypes","propTypes","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/lib/molecule/pdf/index.js

@@ -2,15 +2,25 @@
 
 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 _link = _interopRequireDefault(require("../../atom/link"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const PDF = (props, context) => {
   const {
     description,
@@ -34,8 +44,7 @@ const PDF = (props, context) => {
     className: _style.default.pdfIcon
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.pdfDescription, _style.default.innerHTML),
-    "data-name": "pdfDescription"
-    // eslint-disable-next-line react/no-danger
+    "data-name": "pdfDescription" // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description
@@ -55,6 +64,7 @@ const PDF = (props, context) => {
     className: _style.default.openPDFButtonLabel
   }, translate('Open')))));
 };
+
 PDF.contextTypes = {
   translate: _provider.default.childContextTypes.translate,
   skin: _provider.default.childContextTypes.skin

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","style","pdfFrame","backgroundImage","pdfIcon","classnames","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","Provider","childContextTypes","propTypes","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;AAEA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,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,mBAAI,cAAc,EAAED,IAAI,CAAC;EACvC,MAAME,OAAO,GAAG,mBAAI,gBAAgB,EAAEF,IAAI,CAAC;EAE3C,oBACE;IACE,SAAS,EAAEG,cAAK,CAACC,QAAS;IAC1B,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMR,MAAO;IACjC;EAAE,gBAEF,6BAAC,2CAAO;IAAC,KAAK,EAAEI,KAAM;IAAC,SAAS,EAAEE,cAAK,CAACG;EAAQ,EAAG,eACnD;IACE,SAAS,EAAE,IAAAC,mBAAU,EAACJ,cAAK,CAACK,cAAc,EAAEL,cAAK,CAACM,SAAS,CAAE;IAC7D,aAAU;IACV;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEf;IAAW;EAAE,EAC/C,eAEF,6BAAC,aAAI;IAAC,IAAI,EAAEC,QAAS;IAAC,MAAM,EAAC,QAAQ;IAAC,OAAO,EAAEE;EAAO,gBACpD;IAAK,SAAS,EAAEK,cAAK,CAACQ;EAAc,gBAClC;IAAK,SAAS,EAAER,cAAK,CAACS,uBAAwB;IAAC,KAAK,EAAE;MAACC,eAAe,EAAEX;IAAO;EAAE,EAAG,eACpF;IAAO,SAAS,EAAEC,cAAK,CAACW;EAAmB,GAAEf,SAAS,CAAC,MAAM,CAAC,CAAS,CACnE,CACD,CACH;AAEV,CAAC;AAEDP,GAAG,CAACuB,YAAY,GAAG;EACjBhB,SAAS,EAAEiB,iBAAQ,CAACC,iBAAiB,CAAClB,SAAS;EAC/CC,IAAI,EAAEgB,iBAAQ,CAACC,iBAAiB,CAACjB;AACnC,CAAC;AAEDR,GAAG,CAAC0B,SAAS,2CAAG;EACdvB,WAAW,EAAEwB,kBAAS,CAACC,MAAM;EAC7BxB,QAAQ,EAAEuB,kBAAS,CAACC,MAAM;EAC1BvB,MAAM,EAAEsB,kBAAS,CAACC,MAAM;EACxBtB,MAAM,EAAEqB,kBAAS,CAACE;AACpB,CAAC;AAAC,eAEa7B,GAAG;AAAA"}
+{"version":3,"file":"index.js","names":["PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","style","pdfFrame","backgroundImage","pdfIcon","classnames","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","Provider","childContextTypes","propTypes","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;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;EACA,MAAME,OAAO,GAAG,mBAAI,gBAAJ,EAAsBF,IAAtB,CAAhB;EAEA,oBACE;IACE,SAAS,EAAEG,cAAA,CAAMC,QADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMR,MAAO;IAD1B;EAFT,gBAME,6BAAC,2CAAD;IAAS,KAAK,EAAEI,KAAhB;IAAuB,SAAS,EAAEE,cAAA,CAAMG;EAAxC,EANF,eAOE;IACE,SAAS,EAAE,IAAAC,mBAAA,EAAWJ,cAAA,CAAMK,cAAjB,EAAiCL,cAAA,CAAMM,SAAvC,CADb;IAEE,aAAU,gBAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEf;IAAT;EAJ3B,EAPF,eAcE,6BAAC,aAAD;IAAM,IAAI,EAAEC,QAAZ;IAAsB,MAAM,EAAC,QAA7B;IAAsC,OAAO,EAAEE;EAA/C,gBACE;IAAK,SAAS,EAAEK,cAAA,CAAMQ;EAAtB,gBACE;IAAK,SAAS,EAAER,cAAA,CAAMS,uBAAtB;IAA+C,KAAK,EAAE;MAACC,eAAe,EAAEX;IAAlB;EAAtD,EADF,eAEE;IAAO,SAAS,EAAEC,cAAA,CAAMW;EAAxB,GAA6Cf,SAAS,CAAC,MAAD,CAAtD,CAFF,CADF,CAdF,CADF;AAuBD,CA9BD;;AAgCAP,GAAG,CAACuB,YAAJ,GAAmB;EACjBhB,SAAS,EAAEiB,iBAAA,CAASC,iBAAT,CAA2BlB,SADrB;EAEjBC,IAAI,EAAEgB,iBAAA,CAASC,iBAAT,CAA2BjB;AAFhB,CAAnB;AAKAR,GAAG,CAAC0B,SAAJ,2CAAgB;EACdvB,WAAW,EAAEwB,kBAAA,CAAUC,MADT;EAEdxB,QAAQ,EAAEuB,kBAAA,CAAUC,MAFN;EAGdvB,MAAM,EAAEsB,kBAAA,CAAUC,MAHJ;EAIdtB,MAAM,EAAEqB,kBAAA,CAAUE;AAJJ,CAAhB;eAOe7B,G"}