@coorpacademy/components 10.21.3 → 10.22.2

package/lib/molecule/card/selectable.css

@@ -1,6 +1,7 @@
 @value colors: "../../variables/colors.css";
 @value positive from colors;
 @value cm_grey_400 from colors;
+@value cm_negative_200 from colors;
 
 .selectable {
   width: 100%;
@@ -34,6 +35,15 @@
   display: none;
 }
 
+.eyeIcons {
+  color: white;
+  width: 30px;
+  height: 30px;
+  padding: 4px 4px;
+  border-radius: 50%;
+  display: none;
+}
+
 .checkIcon {
   color: positive;
   composes: icons;
@@ -44,14 +54,43 @@
   composes: icons;
 }
 
+.showIcon {
+  background: cm_grey_400;
+  composes: eyeIcons;
+}
+
+.hideIcon {
+  background: cm_negative_200;
+  composes: eyeIcons;
+}
+
+
+.selectable.selected.hidden .showIcon,
+.selectable.selected.hidden .addIcon,
+.selectable.hidden .addIcon,
+.selectable.hidden .checkIcon,
+.selectable.hidden:hover .checkIcon  {
+  display: none;
+}
+.hidden.selectable .hideIcon {
+  display: block;
+}
+.hidden.selectable:hover .hideIcon {
+  display: none;
+}
+.hidden.selectable:hover .showIcon {
+  display: block;
+}
+
+
 .selectable:hover .addIcon,
 .selectable:hover .circle {
   display: block;
 }
 
-.selectable.selected .checkIcon,
+.selectable.selected:not(.hidden) .checkIcon,
 .selectable.selected .circle,
-.selectable.selected:hover .checkIcon {
+.selectable.selected:not(.hidden):hover .checkIcon {
   display: block;
 }
 
@@ -62,3 +101,11 @@
 .selectable.selected:hover .addIcon {
   display: none;
 }
+
+.selectable.selected.hidden:hover .circle {
+  display: block;
+}
+
+.selectable.selected.hidden:hover .addIcon {
+  display: none;
+}

package/lib/molecule/card/selectable.js

@@ -20,11 +20,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const Selectable = props => {
   const {
     isSelected,
+    hidden = false,
     'aria-label': ariaLabel = {}
   } = props;
   if ((0, _isUndefined2.default)(isSelected)) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_selectable.default.selectable, isSelected && _selectable.default.selected)
+    className: (0, _classnames.default)(_selectable.default.selectable, isSelected && _selectable.default.selected, hidden && _selectable.default.hidden)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _selectable.default.circle
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -35,11 +36,18 @@ const Selectable = props => {
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusCheckCircle2, {
     className: _selectable.default.checkIcon,
     "aria-label": ariaLabel.unSelect
+  }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaLineContentEditionHide, {
+    className: _selectable.default.hideIcon,
+    "aria-label": ariaLabel.hide
+  }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyEye, {
+    className: _selectable.default.showIcon,
+    "aria-label": ariaLabel.show
   })));
 };
 
 Selectable.propTypes = process.env.NODE_ENV !== "production" ? {
   isSelected: _propTypes.default.bool,
+  hidden: _propTypes.default.bool,
   'aria-label': _propTypes.default.shape({
     select: _propTypes.default.string,
     unSelect: _propTypes.default.string

package/lib/molecule/card/selectable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/card/selectable.js"],"names":["Selectable","props","isSelected","ariaLabel","style","selectable","selected","circle","iconWrapper","addIcon","select","checkIcon","unSelect","propTypes","PropTypes","bool","shape","string"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAIA;;;;AAEA,MAAMA,UAAU,GAAGC,KAAK,IAAI;AAC1B,QAAM;AAACC,IAAAA,UAAD;AAAa,kBAAcC,SAAS,GAAG;AAAvC,MAA6CF,KAAnD;AAEA,MAAI,2BAAYC,UAAZ,CAAJ,EAA6B,OAAO,IAAP;AAE7B,sBACE;AAAK,IAAA,SAAS,EAAE,yBAAWE,oBAAMC,UAAjB,EAA6BH,UAAU,IAAIE,oBAAME,QAAjD;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAEF,oBAAMG;AAAtB,IADF,eAEE;AAAK,IAAA,SAAS,EAAEH,oBAAMI;AAAtB,kBACE,6BAAC,uCAAD;AAAS,IAAA,SAAS,EAAEJ,oBAAMK,OAA1B;AAAmC,kBAAYN,SAAS,CAACO;AAAzD,IADF,eAEE,6BAAC,sCAAD;AAAW,IAAA,SAAS,EAAEN,oBAAMO,SAA5B;AAAuC,kBAAYR,SAAS,CAACS;AAA7D,IAFF,CAFF,CADF;AASD,CAdD;;AAgBAZ,UAAU,CAACa,SAAX,2CAAuB;AACrBX,EAAAA,UAAU,EAAEY,mBAAUC,IADD;AAErB,gBAAcD,mBAAUE,KAAV,CAAgB;AAC5BN,IAAAA,MAAM,EAAEI,mBAAUG,MADU;AAE5BL,IAAAA,QAAQ,EAAEE,mBAAUG;AAFQ,GAAhB;AAFO,CAAvB;eAQejB,U","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isUndefined} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidRemoveAddAddCircle1 as AddIcon\n} from '@coorpacademy/nova-icons';\nimport style from './selectable.css';\n\nconst Selectable = props => {\n  const {isSelected, 'aria-label': ariaLabel = {}} = props;\n\n  if (isUndefined(isSelected)) return null;\n\n  return (\n    <div className={classnames(style.selectable, isSelected && style.selected)}>\n      <div className={style.circle} />\n      <div className={style.iconWrapper}>\n        <AddIcon className={style.addIcon} aria-label={ariaLabel.select} />\n        <CheckIcon className={style.checkIcon} aria-label={ariaLabel.unSelect} />\n      </div>\n    </div>\n  );\n};\n\nSelectable.propTypes = {\n  isSelected: PropTypes.bool,\n  'aria-label': PropTypes.shape({\n    select: PropTypes.string,\n    unSelect: PropTypes.string\n  })\n};\n\nexport default Selectable;\n"],"file":"selectable.js"}
+{"version":3,"sources":["../../../src/molecule/card/selectable.js"],"names":["Selectable","props","isSelected","hidden","ariaLabel","style","selectable","selected","circle","iconWrapper","addIcon","select","checkIcon","unSelect","hideIcon","hide","showIcon","show","propTypes","PropTypes","bool","shape","string"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAMA;;;;AAEA,MAAMA,UAAU,GAAGC,KAAK,IAAI;AAC1B,QAAM;AAACC,IAAAA,UAAD;AAAaC,IAAAA,MAAM,GAAG,KAAtB;AAA6B,kBAAcC,SAAS,GAAG;AAAvD,MAA6DH,KAAnE;AAEA,MAAI,2BAAYC,UAAZ,CAAJ,EAA6B,OAAO,IAAP;AAE7B,sBACE;AACE,IAAA,SAAS,EAAE,yBAAWG,oBAAMC,UAAjB,EAA6BJ,UAAU,IAAIG,oBAAME,QAAjD,EAA2DJ,MAAM,IAAIE,oBAAMF,MAA3E;AADb,kBAGE;AAAK,IAAA,SAAS,EAAEE,oBAAMG;AAAtB,IAHF,eAIE;AAAK,IAAA,SAAS,EAAEH,oBAAMI;AAAtB,kBACE,6BAAC,uCAAD;AAAS,IAAA,SAAS,EAAEJ,oBAAMK,OAA1B;AAAmC,kBAAYN,SAAS,CAACO;AAAzD,IADF,eAEE,6BAAC,sCAAD;AAAW,IAAA,SAAS,EAAEN,oBAAMO,SAA5B;AAAuC,kBAAYR,SAAS,CAACS;AAA7D,IAFF,eAGE,6BAAC,qCAAD;AAAU,IAAA,SAAS,EAAER,oBAAMS,QAA3B;AAAqC,kBAAYV,SAAS,CAACW;AAA3D,IAHF,eAIE,6BAAC,yCAAD;AAAU,IAAA,SAAS,EAAEV,oBAAMW,QAA3B;AAAqC,kBAAYZ,SAAS,CAACa;AAA3D,IAJF,CAJF,CADF;AAaD,CAlBD;;AAoBAjB,UAAU,CAACkB,SAAX,2CAAuB;AACrBhB,EAAAA,UAAU,EAAEiB,mBAAUC,IADD;AAErBjB,EAAAA,MAAM,EAAEgB,mBAAUC,IAFG;AAGrB,gBAAcD,mBAAUE,KAAV,CAAgB;AAC5BV,IAAAA,MAAM,EAAEQ,mBAAUG,MADU;AAE5BT,IAAAA,QAAQ,EAAEM,mBAAUG;AAFQ,GAAhB;AAHO,CAAvB;eASetB,U","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isUndefined} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaLineContentEditionHide as HideIcon,\n  NovaCompositionCoorpacademyEye as ShowIcon\n} from '@coorpacademy/nova-icons';\nimport style from './selectable.css';\n\nconst Selectable = props => {\n  const {isSelected, hidden = false, 'aria-label': ariaLabel = {}} = props;\n\n  if (isUndefined(isSelected)) return null;\n\n  return (\n    <div\n      className={classnames(style.selectable, isSelected && style.selected, hidden && style.hidden)}\n    >\n      <div className={style.circle} />\n      <div className={style.iconWrapper}>\n        <AddIcon className={style.addIcon} aria-label={ariaLabel.select} />\n        <CheckIcon className={style.checkIcon} aria-label={ariaLabel.unSelect} />\n        <HideIcon className={style.hideIcon} aria-label={ariaLabel.hide} />\n        <ShowIcon className={style.showIcon} aria-label={ariaLabel.show} />\n      </div>\n    </div>\n  );\n};\n\nSelectable.propTypes = {\n  isSelected: PropTypes.bool,\n  hidden: PropTypes.bool,\n  'aria-label': PropTypes.shape({\n    select: PropTypes.string,\n    unSelect: PropTypes.string\n  })\n};\n\nexport default Selectable;\n"],"file":"selectable.js"}

package/lib/molecule/cm-popin/index.js

@@ -20,9 +20,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const CMPopin = props => {
   const {
     content,
+    mode = 'alert',
     firstButton,
     secondButton,
     onClose,
+    header,
     icon
   } = props;
   const logo = {
@@ -36,7 +38,10 @@ const CMPopin = props => {
     className: _style.default.popin
   }, /*#__PURE__*/_react.default.createElement("header", {
     className: _style.default.popinHeader
-  }, onClose ? /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, {
+  }, header ? /*#__PURE__*/_react.default.createElement("img", {
+    className: _style.default.headerBackground,
+    src: header
+  }) : null, onClose ? /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, {
     onClick: onClose,
     "data-name": 'close-icon',
     "aria-label": 'close-icon',
@@ -46,14 +51,14 @@ const CMPopin = props => {
     className: _style.default.contentSection
   }, LogoComponent ? /*#__PURE__*/_react.default.createElement(LogoComponent, {
     className: _style.default.icon
-  }) : null, /*#__PURE__*/_react.default.createElement("p", {
-    className: _style.default.content,
+  }) : null, content ? /*#__PURE__*/_react.default.createElement("p", {
+    className: mode === 'alert' ? _style.default.content : _style.default.message,
     "data-name": `cm-popin-content` // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: content
     }
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }) : null), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttonContainer
   }, firstButton ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.button
@@ -71,11 +76,13 @@ const CMPopin = props => {
     "data-name": `cm-popin-cta-${secondButton.type}`,
     "aria-label": firstButton['aria-label'],
     type: secondButton.type
-  })) : null)), ")");
+  })) : null)));
 };
 
 CMPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   content: _propTypes.default.string,
+  mode: _propTypes.default.oneOf(['alert', 'information']),
+  header: _propTypes.default.string,
   firstButton: _propTypes.default.shape({
     label: _propTypes.default.string,
     handleOnclick: _propTypes.default.func,

package/lib/molecule/cm-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["CMPopin","props","content","firstButton","secondButton","onClose","icon","logo","AlertDiamond","WindowUpload","LogoComponent","style","background","popin","popinHeader","contentSection","__html","buttonContainer","button","label","handleOnclick","type","propTypes","PropTypes","string","shape","func","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport style from './style.css';\n\nconst CMPopin = props => {\n  const {content, firstButton, secondButton, onClose, icon} = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload\n  };\n  const LogoComponent = logo[icon];\n\n  return (\n    <div className={style.background}>\n      <div className={style.popin}>\n        <header className={style.popinHeader}>\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div className={style.contentSection}>\n          {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n          <p\n            className={style.content}\n            data-name={`cm-popin-content`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        </div>\n\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={`cm-popin-cta`}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={firstButton['aria-label']}\n                type={secondButton.type}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n      )\n    </div>\n  );\n};\n\nCMPopin.propTypes = {\n  content: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    type: PropTypes.string\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary']),\n    'aria-label': PropTypes.string\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string\n};\n\nexport default CMPopin;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","logo","AlertDiamond","WindowUpload","LogoComponent","style","background","popin","popinHeader","headerBackground","contentSection","message","__html","buttonContainer","button","label","handleOnclick","type","propTypes","PropTypes","string","oneOf","shape","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAGC,KAAK,IAAI;AACvB,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA,IAAI,GAAG,OAAjB;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,YAAvC;AAAqDC,IAAAA,OAArD;AAA8DC,IAAAA,MAA9D;AAAsEC,IAAAA;AAAtE,MAA8EP,KAApF;AAEA,QAAMQ,IAAI,GAAG;AACXC,IAAAA,YAAY,EAAZA,0DADW;AAEXC,IAAAA,YAAY,EAAZA;AAFW,GAAb;AAIA,QAAMC,aAAa,GAAGH,IAAI,CAACD,IAAD,CAA1B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAQ,IAAA,SAAS,EAAEF,eAAMG;AAAzB,KACGT,MAAM,gBAAG;AAAK,IAAA,SAAS,EAAEM,eAAMI,gBAAtB;AAAwC,IAAA,GAAG,EAAEV;AAA7C,IAAH,GAA6D,IADtE,EAEGD,OAAO,gBACN,6BAAC,2BAAD;AACE,IAAA,OAAO,EAAEA,OADX;AAEE,iBAAW,YAFb;AAGE,kBAAY,YAHd;AAIE,IAAA,IAAI,EAAC,OAJP;AAKE,IAAA,IAAI,EAAC;AALP,IADM,GAQJ,IAVN,CADF,eAaE;AAAK,IAAA,SAAS,EAAEO,eAAMK;AAAtB,KACGN,aAAa,gBAAG,6BAAC,aAAD;AAAe,IAAA,SAAS,EAAEC,eAAML;AAAhC,IAAH,GAA8C,IAD9D,EAEGN,OAAO,gBACN;AACE,IAAA,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBU,eAAMX,OAAzB,GAAmCW,eAAMM,OADtD;AAEE,iBAAY,kBAFd,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAElB;AAAT;AAJ3B,IADM,GAOJ,IATN,CAbF,eAyBE;AAAK,IAAA,SAAS,EAAEW,eAAMQ;AAAtB,KACGjB,WAAW,gBACV;AAAK,IAAA,SAAS,EAAES,eAAMS;AAAtB,kBACE,6BAAC,mBAAD;AACE,IAAA,KAAK,EAAElB,WAAW,CAACmB,KADrB;AAEE,IAAA,OAAO,EAAEnB,WAAW,CAACoB,aAFvB;AAGE,iBAAY,cAHd;AAIE,kBAAYpB,WAAW,CAAC,YAAD,CAJzB;AAKE,IAAA,IAAI,EAAEA,WAAW,CAACqB;AALpB,IADF,CADU,GAUR,IAXN,EAYGpB,YAAY,gBACX;AAAK,IAAA,SAAS,EAAEQ,eAAMS;AAAtB,kBACE,6BAAC,mBAAD;AACE,IAAA,KAAK,EAAEjB,YAAY,CAACkB,KADtB;AAEE,IAAA,OAAO,EAAElB,YAAY,CAACmB,aAFxB;AAGE,iBAAY,gBAAenB,YAAY,CAACoB,IAAK,EAH/C;AAIE,kBAAYrB,WAAW,CAAC,YAAD,CAJzB;AAKE,IAAA,IAAI,EAAEC,YAAY,CAACoB;AALrB,IADF,CADW,GAUT,IAtBN,CAzBF,CADF,CADF;AAsDD,CA/DD;;AAiEAzB,OAAO,CAAC0B,SAAR,2CAAoB;AAClBxB,EAAAA,OAAO,EAAEyB,mBAAUC,MADD;AAElBzB,EAAAA,IAAI,EAAEwB,mBAAUE,KAAV,CAAgB,CAAC,OAAD,EAAU,aAAV,CAAhB,CAFY;AAGlBtB,EAAAA,MAAM,EAAEoB,mBAAUC,MAHA;AAIlBxB,EAAAA,WAAW,EAAEuB,mBAAUG,KAAV,CAAgB;AAC3BP,IAAAA,KAAK,EAAEI,mBAAUC,MADU;AAE3BJ,IAAAA,aAAa,EAAEG,mBAAUI,IAFE;AAG3B,kBAAcJ,mBAAUC,MAHG;AAI3BH,IAAAA,IAAI,EAAEE,mBAAUC;AAJW,GAAhB,CAJK;AAUlBvB,EAAAA,YAAY,EAAEsB,mBAAUG,KAAV,CAAgB;AAC5BP,IAAAA,KAAK,EAAEI,mBAAUC,MADW;AAE5BJ,IAAAA,aAAa,EAAEG,mBAAUI,IAFG;AAG5BN,IAAAA,IAAI,EAAEE,mBAAUE,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,CAAhB,CAHsB;AAI5B,kBAAcF,mBAAUC;AAJI,GAAhB,CAVI;AAgBlBtB,EAAAA,OAAO,EAAEqB,mBAAUI,IAhBD;AAiBlBvB,EAAAA,IAAI,EAAEmB,mBAAUC;AAjBE,CAApB;eAoBe5B,O","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport style from './style.css';\n\nconst CMPopin = props => {\n  const {content, mode = 'alert', firstButton, secondButton, onClose, header, icon} = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload\n  };\n  const LogoComponent = logo[icon];\n\n  return (\n    <div className={style.background}>\n      <div className={style.popin}>\n        <header className={style.popinHeader}>\n          {header ? <img className={style.headerBackground} src={header} /> : null}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div className={style.contentSection}>\n          {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n          {content ? (\n            <p\n              className={mode === 'alert' ? style.content : style.message}\n              data-name={`cm-popin-content`}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: content}}\n            />\n          ) : null}\n        </div>\n\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={`cm-popin-cta`}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={firstButton['aria-label']}\n                type={secondButton.type}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information']),\n  header: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    type: PropTypes.string\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary']),\n    'aria-label': PropTypes.string\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string\n};\n\nexport default CMPopin;\n"],"file":"index.js"}

package/lib/molecule/cm-popin/style.css

@@ -6,6 +6,7 @@
 @value cm_grey_800 from colors;
 @value negative from colors;
 @value lightGreen from colors;
+@value xtraLightGrey from colors;
 @value cm_grey_50 from colors;
 @value cm_negative_100 from colors;
 @value cm_negative_200 from colors;
@@ -29,6 +30,12 @@
   position:fixed;
 }
 
+.headerBackground {
+  width: calc(100% + 32px);
+  height: auto;
+  margin: -16px -16px 0px -16px;
+}
+
 .popin {
   position: absolute;
   overflow: auto;
@@ -46,6 +53,23 @@
   animation: popup 0.7s;
 }
 
+.message {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 40px 40px 0px;
+  position: absolute;
+  background: xtraLightGrey;
+  font-family: 'Gilroy';
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 20px;
+  margin: 0;
+}
+.message p {
+  margin: 10px 0px;
+}
 @keyframes popup {
   0%{
     transform: scale(0);
@@ -98,4 +122,8 @@
   width: 100%;
   display: flex;
   justify-content: flex-end;
+}
+
+.popinHeader button {
+  position: absolute;
 }

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

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

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

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

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

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

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

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

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

@@ -15,7 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const ReviewBanner = props => {
+const ReviewBanner = _react.default.memo(function ReviewBanner(props) {
   const {
     title,
     subtitle,
@@ -62,7 +62,7 @@ const ReviewBanner = props => {
     src: "https://static.coorpacademy.com/site/dumbell.png",
     alt: "Dumbbell image"
   })))));
-};
+});
 
 ReviewBanner.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
@@ -72,8 +72,6 @@ ReviewBanner.propTypes = process.env.NODE_ENV !== "production" ? {
     label: _propTypes.default.string
   })
 } : {};
-
-var _default = _react.default.memo(ReviewBanner);
-
+var _default = ReviewBanner;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,67 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _button = _interopRequireDefault(require("../../atom/button"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Go1Banner = props => {
+  const {
+    image,
+    title,
+    subTitle,
+    onClick,
+    submitValue
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.background,
+    "data-name": "go1-banner"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.textSection
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.title // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: title
+    }
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.subTitle // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: subTitle
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonWrapper
+  }, /*#__PURE__*/_react.default.createElement(_button.default, {
+    type: "link",
+    "data-name": "learn-more-button",
+    onClick: onClick,
+    submitValue: submitValue,
+    className: _style.default.ctaButton,
+    style: {
+      backgroundColor: '#D5FD42'
+    }
+  }))), /*#__PURE__*/_react.default.createElement("img", {
+    className: _style.default.image,
+    src: image
+  }));
+};
+
+Go1Banner.propTypes = process.env.NODE_ENV !== "production" ? {
+  image: _propTypes.default.string,
+  title: _propTypes.default.string,
+  subTitle: _propTypes.default.string,
+  onClick: _button.default.propTypes.onClick,
+  submitValue: _button.default.propTypes.submitValue
+} : {};
+var _default = Go1Banner;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/go1-banner/index.js"],"names":["Go1Banner","props","image","title","subTitle","onClick","submitValue","style","background","textSection","__html","buttonWrapper","ctaButton","backgroundColor","propTypes","PropTypes","string","Button"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,KAAR;AAAeC,IAAAA,QAAf;AAAyBC,IAAAA,OAAzB;AAAkCC,IAAAA;AAAlC,MAAiDL,KAAvD;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEM,eAAMC,UAAtB;AAAkC,iBAAU;AAA5C,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AACE,IAAA,SAAS,EAAEF,eAAMJ,KADnB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACO,MAAAA,MAAM,EAAEP;AAAT;AAH3B,IADF,eAME;AACE,IAAA,SAAS,EAAEI,eAAMH,QADnB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACM,MAAAA,MAAM,EAAEN;AAAT;AAH3B,IANF,eAWE;AAAK,IAAA,SAAS,EAAEG,eAAMI;AAAtB,kBACE,6BAAC,eAAD;AACE,IAAA,IAAI,EAAC,MADP;AAEE,iBAAU,mBAFZ;AAGE,IAAA,OAAO,EAAEN,OAHX;AAIE,IAAA,WAAW,EAAEC,WAJf;AAKE,IAAA,SAAS,EAAEC,eAAMK,SALnB;AAME,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAE;AAAlB;AANT,IADF,CAXF,CADF,eAuBE;AAAK,IAAA,SAAS,EAAEN,eAAML,KAAtB;AAA6B,IAAA,GAAG,EAAEA;AAAlC,IAvBF,CADF;AA2BD,CA9BD;;AAgCAF,SAAS,CAACc,SAAV,2CAAsB;AACpBZ,EAAAA,KAAK,EAAEa,mBAAUC,MADG;AAEpBb,EAAAA,KAAK,EAAEY,mBAAUC,MAFG;AAGpBZ,EAAAA,QAAQ,EAAEW,mBAAUC,MAHA;AAIpBX,EAAAA,OAAO,EAAEY,gBAAOH,SAAP,CAAiBT,OAJN;AAKpBC,EAAAA,WAAW,EAAEW,gBAAOH,SAAP,CAAiBR;AALV,CAAtB;eAQeN,S","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../../atom/button';\nimport style from './style.css';\n\nconst Go1Banner = props => {\n  const {image, title, subTitle, onClick, submitValue} = props;\n\n  return (\n    <div className={style.background} data-name=\"go1-banner\">\n      <div className={style.textSection}>\n        <span\n          className={style.title}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <span\n          className={style.subTitle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: subTitle}}\n        />\n        <div className={style.buttonWrapper}>\n          <Button\n            type=\"link\"\n            data-name=\"learn-more-button\"\n            onClick={onClick}\n            submitValue={submitValue}\n            className={style.ctaButton}\n            style={{backgroundColor: '#D5FD42'}}\n          />\n        </div>\n      </div>\n      <img className={style.image} src={image} />\n    </div>\n  );\n};\n\nGo1Banner.propTypes = {\n  image: PropTypes.string,\n  title: PropTypes.string,\n  subTitle: PropTypes.string,\n  onClick: Button.propTypes.onClick,\n  submitValue: Button.propTypes.submitValue\n};\n\nexport default Go1Banner;\n"],"file":"index.js"}