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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICONS","login","SchoolGraduation","loginFailed","LoginFailedIcon","addressError","AddressErrorIcon","reload","ReloadIcon","wrong","TeamsPopin","props","header","content","buttonLabel","aboutLabel","onButtonClick","type","isLoading","backgroundImageUrl","IconType","iconContainerStyle","style","iconContainer","errorIconContainer","Icon","icon","backgroundImageStyle","backgroundImage","backgroundSize","background","loader","popin","__html","buttonContainer","about","propTypes","PropTypes","string","func","oneOf","bool"],"sources":["../../../src/molecule/teams-popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyReload as ReloadIcon,\n  NovaCompositionCoorpacademyLoginFailed as LoginFailedIcon,\n  NovaCompositionCoorpacademyAddressError as AddressErrorIcon,\n  NovaCompositionCoorpacademySchoolGraduation as SchoolGraduation\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst ICONS = {\n  login: SchoolGraduation,\n  loginFailed: LoginFailedIcon,\n  addressError: AddressErrorIcon,\n  reload: ReloadIcon,\n  wrong: ReloadIcon\n};\n\nconst TeamsPopin = props => {\n  const {\n    header,\n    content,\n    buttonLabel,\n    aboutLabel,\n    onButtonClick,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n  const IconType = ICONS[type];\n  const iconContainerStyle = type === 'login' ? style.iconContainer : style.errorIconContainer;\n  const Icon = IconType ? (\n    <div className={iconContainerStyle}>\n      <IconType className={style.icon} />\n    </div>\n  ) : null;\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : {};\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"teams-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          {Icon}\n          <div\n            className={style.header}\n            data-name={`popin-header-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: header}}\n          />\n          <p\n            className={style.content}\n            data-name={`popin-content-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n          {buttonLabel && onButtonClick ? (\n            <div className={style.buttonContainer}>\n              <Cta submitValue={buttonLabel} onClick={onButtonClick} name={`popin-cta-${type}`} />\n            </div>\n          ) : null}\n          {aboutLabel ? (\n            <p\n              className={style.about}\n              data-name={`popin-about-label-${type}`} // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: aboutLabel}}\n            />\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n};\n\nTeamsPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  aboutLabel: PropTypes.string,\n  onButtonClick: PropTypes.func,\n  type: PropTypes.oneOf(['login', 'reload', 'loginFailed', 'addressError', 'wrong']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default TeamsPopin;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAMA;;AACA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,KAAK,EAAEC,sDADK;EAEZC,WAAW,EAAEC,iDAFD;EAGZC,YAAY,EAAEC,kDAHF;EAIZC,MAAM,EAAEC,4CAJI;EAKZC,KAAK,EAAED;AALK,CAAd;;AAQA,MAAME,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,MADI;IAEJC,OAFI;IAGJC,WAHI;IAIJC,UAJI;IAKJC,aALI;IAMJC,IANI;IAOJC,SAAS,GAAG,KAPR;IAQJC;EARI,IASFR,KATJ;EAUA,MAAMS,QAAQ,GAAGpB,KAAK,CAACiB,IAAD,CAAtB;EACA,MAAMI,kBAAkB,GAAGJ,IAAI,KAAK,OAAT,GAAmBK,cAAA,CAAMC,aAAzB,GAAyCD,cAAA,CAAME,kBAA1E;EACA,MAAMC,IAAI,GAAGL,QAAQ,gBACnB;IAAK,SAAS,EAAEC;EAAhB,gBACE,6BAAC,QAAD;IAAU,SAAS,EAAEC,cAAA,CAAMI;EAA3B,EADF,CADmB,GAIjB,IAJJ;EAKA,MAAMC,oBAAoB,GAAGR,kBAAkB,GAC3C;IACES,eAAe,EAAG,OAAMT,kBAAmB,GAD7C;IAEEU,cAAc,EAAE;EAFlB,CAD2C,GAK3C,EALJ;EAOA,oBACE;IAAK,SAAS,EAAEP,cAAA,CAAMQ,UAAtB;IAAkC,KAAK,EAAEH;EAAzC,GACGT,SAAS,gBACR;IAAK,SAAS,EAAEI,cAAA,CAAMS;EAAtB,gBACE,6BAAC,eAAD;IAAQ,aAAU;EAAlB,EADF,CADQ,gBAKR;IAAK,SAAS,EAAET,cAAA,CAAMU;EAAtB,GACGP,IADH,eAEE;IACE,SAAS,EAAEH,cAAA,CAAMV,MADnB;IAEE,aAAY,gBAAeK,IAAK,EAFlC,CAEqC;IAFrC;IAGE,uBAAuB,EAAE;MAACgB,MAAM,EAAErB;IAAT;EAH3B,EAFF,eAOE;IACE,SAAS,EAAEU,cAAA,CAAMT,OADnB;IAEE,aAAY,iBAAgBI,IAAK,EAFnC,CAEsC;IAFtC;IAGE,uBAAuB,EAAE;MAACgB,MAAM,EAAEpB;IAAT;EAH3B,EAPF,EAYGC,WAAW,IAAIE,aAAf,gBACC;IAAK,SAAS,EAAEM,cAAA,CAAMY;EAAtB,gBACE,6BAAC,YAAD;IAAK,WAAW,EAAEpB,WAAlB;IAA+B,OAAO,EAAEE,aAAxC;IAAuD,IAAI,EAAG,aAAYC,IAAK;EAA/E,EADF,CADD,GAIG,IAhBN,EAiBGF,UAAU,gBACT;IACE,SAAS,EAAEO,cAAA,CAAMa,KADnB;IAEE,aAAY,qBAAoBlB,IAAK,EAFvC,CAE0C;IAF1C;IAGE,uBAAuB,EAAE;MAACgB,MAAM,EAAElB;IAAT;EAH3B,EADS,GAMP,IAvBN,CANJ,CADF;AAmCD,CA5DD;;AA8DAL,UAAU,CAAC0B,SAAX,2CAAuB;EACrBxB,MAAM,EAAEyB,kBAAA,CAAUC,MADG;EAErBzB,OAAO,EAAEwB,kBAAA,CAAUC,MAFE;EAGrBxB,WAAW,EAAEuB,kBAAA,CAAUC,MAHF;EAIrBvB,UAAU,EAAEsB,kBAAA,CAAUC,MAJD;EAKrBtB,aAAa,EAAEqB,kBAAA,CAAUE,IALJ;EAMrBtB,IAAI,EAAEoB,kBAAA,CAAUG,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,aAApB,EAAmC,cAAnC,EAAmD,OAAnD,CAAhB,CANe;EAOrBtB,SAAS,EAAEmB,kBAAA,CAAUI,IAPA;EAQrBtB,kBAAkB,EAAEkB,kBAAA,CAAUC;AART,CAAvB;eAWe5B,U"}
+{"version":3,"file":"index.js","names":["ICONS","login","SchoolGraduation","loginFailed","LoginFailedIcon","addressError","AddressErrorIcon","reload","ReloadIcon","wrong","TeamsPopin","props","header","content","buttonLabel","aboutLabel","onButtonClick","type","isLoading","backgroundImageUrl","IconType","iconContainerStyle","style","iconContainer","errorIconContainer","Icon","icon","backgroundImageStyle","backgroundImage","backgroundSize","background","loader","popin","__html","buttonContainer","about","propTypes","PropTypes","string","func","oneOf","bool"],"sources":["../../../src/molecule/teams-popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyReload as ReloadIcon,\n  NovaCompositionCoorpacademyLoginFailed as LoginFailedIcon,\n  NovaCompositionCoorpacademyAddressError as AddressErrorIcon,\n  NovaCompositionCoorpacademySchoolGraduation as SchoolGraduation\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst ICONS = {\n  login: SchoolGraduation,\n  loginFailed: LoginFailedIcon,\n  addressError: AddressErrorIcon,\n  reload: ReloadIcon,\n  wrong: ReloadIcon\n};\n\nconst TeamsPopin = props => {\n  const {\n    header,\n    content,\n    buttonLabel,\n    aboutLabel,\n    onButtonClick,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n  const IconType = ICONS[type];\n  const iconContainerStyle = type === 'login' ? style.iconContainer : style.errorIconContainer;\n  const Icon = IconType ? (\n    <div className={iconContainerStyle}>\n      <IconType className={style.icon} />\n    </div>\n  ) : null;\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : {};\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"teams-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          {Icon}\n          <div\n            className={style.header}\n            data-name={`popin-header-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: header}}\n          />\n          <p\n            className={style.content}\n            data-name={`popin-content-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n          {buttonLabel && onButtonClick ? (\n            <div className={style.buttonContainer}>\n              <Cta submitValue={buttonLabel} onClick={onButtonClick} name={`popin-cta-${type}`} />\n            </div>\n          ) : null}\n          {aboutLabel ? (\n            <p\n              className={style.about}\n              data-name={`popin-about-label-${type}`} // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: aboutLabel}}\n            />\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n};\n\nTeamsPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  aboutLabel: PropTypes.string,\n  onButtonClick: PropTypes.func,\n  type: PropTypes.oneOf(['login', 'reload', 'loginFailed', 'addressError', 'wrong']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default TeamsPopin;\n"],"mappings":";;;;AAAA;AACA;AACA;AAMA;AACA;AACA;AAAgC;AAEhC,MAAMA,KAAK,GAAG;EACZC,KAAK,EAAEC,sDAAgB;EACvBC,WAAW,EAAEC,iDAAe;EAC5BC,YAAY,EAAEC,kDAAgB;EAC9BC,MAAM,EAAEC,4CAAU;EAClBC,KAAK,EAAED;AACT,CAAC;AAED,MAAME,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,MAAM;IACNC,OAAO;IACPC,WAAW;IACXC,UAAU;IACVC,aAAa;IACbC,IAAI;IACJC,SAAS,GAAG,KAAK;IACjBC;EACF,CAAC,GAAGR,KAAK;EACT,MAAMS,QAAQ,GAAGpB,KAAK,CAACiB,IAAI,CAAC;EAC5B,MAAMI,kBAAkB,GAAGJ,IAAI,KAAK,OAAO,GAAGK,cAAK,CAACC,aAAa,GAAGD,cAAK,CAACE,kBAAkB;EAC5F,MAAMC,IAAI,GAAGL,QAAQ,gBACnB;IAAK,SAAS,EAAEC;EAAmB,gBACjC,6BAAC,QAAQ;IAAC,SAAS,EAAEC,cAAK,CAACI;EAAK,EAAG,CAC/B,GACJ,IAAI;EACR,MAAMC,oBAAoB,GAAGR,kBAAkB,GAC3C;IACES,eAAe,EAAG,OAAMT,kBAAmB,GAAE;IAC7CU,cAAc,EAAE;EAClB,CAAC,GACD,CAAC,CAAC;EAEN,oBACE;IAAK,SAAS,EAAEP,cAAK,CAACQ,UAAW;IAAC,KAAK,EAAEH;EAAqB,GAC3DT,SAAS,gBACR;IAAK,SAAS,EAAEI,cAAK,CAACS;EAAO,gBAC3B,6BAAC,eAAM;IAAC,aAAU;EAAoB,EAAG,CACrC,gBAEN;IAAK,SAAS,EAAET,cAAK,CAACU;EAAM,GACzBP,IAAI,eACL;IACE,SAAS,EAAEH,cAAK,CAACV,MAAO;IACxB,aAAY,gBAAeK,IAAK,EAAE,CAAC;IAAA;IACnC,uBAAuB,EAAE;MAACgB,MAAM,EAAErB;IAAM;EAAE,EAC1C,eACF;IACE,SAAS,EAAEU,cAAK,CAACT,OAAQ;IACzB,aAAY,iBAAgBI,IAAK,EAAE,CAAC;IAAA;IACpC,uBAAuB,EAAE;MAACgB,MAAM,EAAEpB;IAAO;EAAE,EAC3C,EACDC,WAAW,IAAIE,aAAa,gBAC3B;IAAK,SAAS,EAAEM,cAAK,CAACY;EAAgB,gBACpC,6BAAC,YAAG;IAAC,WAAW,EAAEpB,WAAY;IAAC,OAAO,EAAEE,aAAc;IAAC,IAAI,EAAG,aAAYC,IAAK;EAAE,EAAG,CAChF,GACJ,IAAI,EACPF,UAAU,gBACT;IACE,SAAS,EAAEO,cAAK,CAACa,KAAM;IACvB,aAAY,qBAAoBlB,IAAK,EAAE,CAAC;IAAA;IACxC,uBAAuB,EAAE;MAACgB,MAAM,EAAElB;IAAU;EAAE,EAC9C,GACA,IAAI,CAEX,CACG;AAEV,CAAC;AAEDL,UAAU,CAAC0B,SAAS,2CAAG;EACrBxB,MAAM,EAAEyB,kBAAS,CAACC,MAAM;EACxBzB,OAAO,EAAEwB,kBAAS,CAACC,MAAM;EACzBxB,WAAW,EAAEuB,kBAAS,CAACC,MAAM;EAC7BvB,UAAU,EAAEsB,kBAAS,CAACC,MAAM;EAC5BtB,aAAa,EAAEqB,kBAAS,CAACE,IAAI;EAC7BtB,IAAI,EAAEoB,kBAAS,CAACG,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;EAClFtB,SAAS,EAAEmB,kBAAS,CAACI,IAAI;EACzBtB,kBAAkB,EAAEkB,kBAAS,CAACC;AAChC,CAAC;AAAC,eAEa5B,UAAU;AAAA"}

package/lib/molecule/theme-image/index.js

@@ -2,19 +2,12 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _image = _interopRequireDefault(require("../../util/image"));
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ThemeImage({
   image
 }, {
@@ -50,7 +43,6 @@ function ThemeImage({
     style: mobileStyle
   })));
 }
-
 ThemeImage.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

package/lib/molecule/theme-image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ThemeImage","image","skin","extract","extractor","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","style","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/molecule/theme-image/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport extractor from '../../util/image';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ThemeImage({image}, {skin}) {\n  const extract = extractor(skin);\n  const defaultStyle = extract(image);\n\n  const extractWithDefault = extractor(skin, image);\n  const mobileStyle = extractWithDefault(`${image}-mobile`);\n  const tabletStyle = extractWithDefault(`${image}-tablet`);\n  const desktopStyle = extractWithDefault(`${image}-desktop`);\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.default}>\n        <div className={style.background} style={defaultStyle} />\n      </div>\n      <div className={style.desktopContainer}>\n        <div className={style.background} style={desktopStyle} />\n      </div>\n      <div className={style.tabletContainer}>\n        <div className={style.background} style={tabletStyle} />\n      </div>\n      <div className={style.mobileContainer}>\n        <div className={style.background} style={mobileStyle} />\n      </div>\n    </div>\n  );\n}\n\nThemeImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nThemeImage.propTypes = {\n  image: PropTypes.string.isRequired\n};\n\nexport default ThemeImage;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,SAASA,UAAT,CAAoB;EAACC;AAAD,CAApB,EAA6B;EAACC;AAAD,CAA7B,EAAqC;EACnC,MAAMC,OAAO,GAAG,IAAAC,cAAA,EAAUF,IAAV,CAAhB;EACA,MAAMG,YAAY,GAAGF,OAAO,CAACF,KAAD,CAA5B;EAEA,MAAMK,kBAAkB,GAAG,IAAAF,cAAA,EAAUF,IAAV,EAAgBD,KAAhB,CAA3B;EACA,MAAMM,WAAW,GAAGD,kBAAkB,CAAE,GAAEL,KAAM,SAAV,CAAtC;EACA,MAAMO,WAAW,GAAGF,kBAAkB,CAAE,GAAEL,KAAM,SAAV,CAAtC;EACA,MAAMQ,YAAY,GAAGH,kBAAkB,CAAE,GAAEL,KAAM,UAAV,CAAvC;EAEA,oBACE;IAAK,SAAS,EAAES,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAER;EAAzC,EADF,CADF,eAIE;IAAK,SAAS,EAAEK,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAEJ;EAAzC,EADF,CAJF,eAOE;IAAK,SAAS,EAAEC,cAAA,CAAMK;EAAtB,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAEL;EAAzC,EADF,CAPF,eAUE;IAAK,SAAS,EAAEE,cAAA,CAAMM;EAAtB,gBACE;IAAK,SAAS,EAAEN,cAAA,CAAMG,UAAtB;IAAkC,KAAK,EAAEN;EAAzC,EADF,CAVF,CADF;AAgBD;;AAEDP,UAAU,CAACiB,YAAX,GAA0B;EACxBf,IAAI,EAAEgB,iBAAA,CAASC,iBAAT,CAA2BjB;AADT,CAA1B;AAIAF,UAAU,CAACoB,SAAX,2CAAuB;EACrBnB,KAAK,EAAEoB,kBAAA,CAAUC,MAAV,CAAiBC;AADH,CAAvB;eAIevB,U"}
+{"version":3,"file":"index.js","names":["ThemeImage","image","skin","extract","extractor","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","style","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/molecule/theme-image/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport extractor from '../../util/image';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ThemeImage({image}, {skin}) {\n  const extract = extractor(skin);\n  const defaultStyle = extract(image);\n\n  const extractWithDefault = extractor(skin, image);\n  const mobileStyle = extractWithDefault(`${image}-mobile`);\n  const tabletStyle = extractWithDefault(`${image}-tablet`);\n  const desktopStyle = extractWithDefault(`${image}-desktop`);\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.default}>\n        <div className={style.background} style={defaultStyle} />\n      </div>\n      <div className={style.desktopContainer}>\n        <div className={style.background} style={desktopStyle} />\n      </div>\n      <div className={style.tabletContainer}>\n        <div className={style.background} style={tabletStyle} />\n      </div>\n      <div className={style.mobileContainer}>\n        <div className={style.background} style={mobileStyle} />\n      </div>\n    </div>\n  );\n}\n\nThemeImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nThemeImage.propTypes = {\n  image: PropTypes.string.isRequired\n};\n\nexport default ThemeImage;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,SAASA,UAAU,CAAC;EAACC;AAAK,CAAC,EAAE;EAACC;AAAI,CAAC,EAAE;EACnC,MAAMC,OAAO,GAAG,IAAAC,cAAS,EAACF,IAAI,CAAC;EAC/B,MAAMG,YAAY,GAAGF,OAAO,CAACF,KAAK,CAAC;EAEnC,MAAMK,kBAAkB,GAAG,IAAAF,cAAS,EAACF,IAAI,EAAED,KAAK,CAAC;EACjD,MAAMM,WAAW,GAAGD,kBAAkB,CAAE,GAAEL,KAAM,SAAQ,CAAC;EACzD,MAAMO,WAAW,GAAGF,kBAAkB,CAAE,GAAEL,KAAM,SAAQ,CAAC;EACzD,MAAMQ,YAAY,GAAGH,kBAAkB,CAAE,GAAEL,KAAM,UAAS,CAAC;EAE3D,oBACE;IAAK,SAAS,EAAES,cAAK,CAACC;EAAQ,gBAC5B;IAAK,SAAS,EAAED,cAAK,CAACE;EAAQ,gBAC5B;IAAK,SAAS,EAAEF,cAAK,CAACG,UAAW;IAAC,KAAK,EAAER;EAAa,EAAG,CACrD,eACN;IAAK,SAAS,EAAEK,cAAK,CAACI;EAAiB,gBACrC;IAAK,SAAS,EAAEJ,cAAK,CAACG,UAAW;IAAC,KAAK,EAAEJ;EAAa,EAAG,CACrD,eACN;IAAK,SAAS,EAAEC,cAAK,CAACK;EAAgB,gBACpC;IAAK,SAAS,EAAEL,cAAK,CAACG,UAAW;IAAC,KAAK,EAAEL;EAAY,EAAG,CACpD,eACN;IAAK,SAAS,EAAEE,cAAK,CAACM;EAAgB,gBACpC;IAAK,SAAS,EAAEN,cAAK,CAACG,UAAW;IAAC,KAAK,EAAEN;EAAY,EAAG,CACpD,CACF;AAEV;AAEAP,UAAU,CAACiB,YAAY,GAAG;EACxBf,IAAI,EAAEgB,iBAAQ,CAACC,iBAAiB,CAACjB;AACnC,CAAC;AAEDF,UAAU,CAACoB,SAAS,2CAAG;EACrBnB,KAAK,EAAEoB,kBAAS,CAACC,MAAM,CAACC;AAC1B,CAAC;AAAC,eAEavB,UAAU;AAAA"}

package/lib/molecule/title-and-checkbox-wrapper/index.js

@@ -2,30 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _inputTextWithTitle = _interopRequireDefault(require("../../atom/input-text-with-title"));
-
 var _checkboxWithTitle = _interopRequireDefault(require("../../atom/checkbox-with-title"));
-
 var _title = _interopRequireDefault(require("../../atom/title"));
-
 var _dragAndDropWrapper = _interopRequireDefault(require("../drag-and-drop-wrapper"));
-
 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 CHILD = {
   'input-text': _inputTextWithTitle.default,
   'drag-and-drop-wrapper': _dragAndDropWrapper.default
 };
-
 const TitleAndCheckBoxWrapper = props => {
   const {
     checkboxWithTitle,
@@ -41,7 +30,6 @@ const TitleAndCheckBoxWrapper = props => {
     className: checkboxWithTitle || sectionTitle ? _style.default.child : null
   }, /*#__PURE__*/_react.default.createElement(Child, child)));
 };
-
 TitleAndCheckBoxWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   checkboxWithTitle: _propTypes.default.shape(_checkboxWithTitle.default.propTypes),
   sectionTitle: _propTypes.default.shape(_title.default.propTypes),

package/lib/molecule/title-and-checkbox-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CHILD","InputTextWithTitle","DragAndDropWrapper","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","style","propTypes","PropTypes","shape","CheckboxWithTitle","Title","oneOfType","oneOf"],"sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport Title from '../../atom/title';\nimport DragAndDropWrapper from '../drag-and-drop-wrapper';\nimport style from './style.css';\n\nconst CHILD = {\n  'input-text': InputTextWithTitle,\n  'drag-and-drop-wrapper': DragAndDropWrapper\n};\nconst TitleAndCheckBoxWrapper = props => {\n  const {checkboxWithTitle, child, sectionTitle} = props;\n\n  const Child = CHILD[child.childType];\n  return (\n    <div>\n      {checkboxWithTitle ? <CheckboxWithTitle {...checkboxWithTitle} /> : null}\n      {sectionTitle ? (\n        <div className={style.sectionTitle}>\n          <Title {...sectionTitle} type={'form-group'} />\n        </div>\n      ) : null}\n      <div className={checkboxWithTitle || sectionTitle ? style.child : null}>\n        <Child {...child} />\n      </div>\n    </div>\n  );\n};\n\nTitleAndCheckBoxWrapper.propTypes = {\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  sectionTitle: PropTypes.shape(Title.propTypes),\n  child: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...InputTextWithTitle.propTypes,\n      childType: PropTypes.oneOf(['input-text'])\n    }),\n    PropTypes.shape({\n      ...DragAndDropWrapper.propTypes,\n      childType: PropTypes.oneOf(['drag-and-drop-wrapper'])\n    })\n  ])\n};\nexport default TitleAndCheckBoxWrapper;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAG;EACZ,cAAcC,2BADF;EAEZ,yBAAyBC;AAFb,CAAd;;AAIA,MAAMC,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAD;IAAoBC,KAApB;IAA2BC;EAA3B,IAA2CH,KAAjD;EAEA,MAAMI,KAAK,GAAGR,KAAK,CAACM,KAAK,CAACG,SAAP,CAAnB;EACA,oBACE,0CACGJ,iBAAiB,gBAAG,6BAAC,0BAAD,EAAuBA,iBAAvB,CAAH,GAAkD,IADtE,EAEGE,YAAY,gBACX;IAAK,SAAS,EAAEG,cAAA,CAAMH;EAAtB,gBACE,6BAAC,cAAD,eAAWA,YAAX;IAAyB,IAAI,EAAE;EAA/B,GADF,CADW,GAIT,IANN,eAOE;IAAK,SAAS,EAAEF,iBAAiB,IAAIE,YAArB,GAAoCG,cAAA,CAAMJ,KAA1C,GAAkD;EAAlE,gBACE,6BAAC,KAAD,EAAWA,KAAX,CADF,CAPF,CADF;AAaD,CAjBD;;AAmBAH,uBAAuB,CAACQ,SAAxB,2CAAoC;EAClCN,iBAAiB,EAAEO,kBAAA,CAAUC,KAAV,CAAgBC,0BAAA,CAAkBH,SAAlC,CADe;EAElCJ,YAAY,EAAEK,kBAAA,CAAUC,KAAV,CAAgBE,cAAA,CAAMJ,SAAtB,CAFoB;EAGlCL,KAAK,EAAEM,kBAAA,CAAUI,SAAV,CAAoB,CACzBJ,kBAAA,CAAUC,KAAV,cACKZ,2BAAA,CAAmBU,SADxB;IAEEF,SAAS,EAAEG,kBAAA,CAAUK,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFb,GADyB,EAKzBL,kBAAA,CAAUC,KAAV,cACKX,2BAAA,CAAmBS,SADxB;IAEEF,SAAS,EAAEG,kBAAA,CAAUK,KAAV,CAAgB,CAAC,uBAAD,CAAhB;EAFb,GALyB,CAApB;AAH2B,CAApC;eAced,uB"}
+{"version":3,"file":"index.js","names":["CHILD","InputTextWithTitle","DragAndDropWrapper","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","style","propTypes","PropTypes","shape","CheckboxWithTitle","Title","oneOfType","oneOf"],"sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport Title from '../../atom/title';\nimport DragAndDropWrapper from '../drag-and-drop-wrapper';\nimport style from './style.css';\n\nconst CHILD = {\n  'input-text': InputTextWithTitle,\n  'drag-and-drop-wrapper': DragAndDropWrapper\n};\nconst TitleAndCheckBoxWrapper = props => {\n  const {checkboxWithTitle, child, sectionTitle} = props;\n\n  const Child = CHILD[child.childType];\n  return (\n    <div>\n      {checkboxWithTitle ? <CheckboxWithTitle {...checkboxWithTitle} /> : null}\n      {sectionTitle ? (\n        <div className={style.sectionTitle}>\n          <Title {...sectionTitle} type={'form-group'} />\n        </div>\n      ) : null}\n      <div className={checkboxWithTitle || sectionTitle ? style.child : null}>\n        <Child {...child} />\n      </div>\n    </div>\n  );\n};\n\nTitleAndCheckBoxWrapper.propTypes = {\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  sectionTitle: PropTypes.shape(Title.propTypes),\n  child: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...InputTextWithTitle.propTypes,\n      childType: PropTypes.oneOf(['input-text'])\n    }),\n    PropTypes.shape({\n      ...DragAndDropWrapper.propTypes,\n      childType: PropTypes.oneOf(['drag-and-drop-wrapper'])\n    })\n  ])\n};\nexport default TitleAndCheckBoxWrapper;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,KAAK,GAAG;EACZ,YAAY,EAAEC,2BAAkB;EAChC,uBAAuB,EAAEC;AAC3B,CAAC;AACD,MAAMC,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAiB;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAEtD,MAAMI,KAAK,GAAGR,KAAK,CAACM,KAAK,CAACG,SAAS,CAAC;EACpC,oBACE,0CACGJ,iBAAiB,gBAAG,6BAAC,0BAAiB,EAAKA,iBAAiB,CAAI,GAAG,IAAI,EACvEE,YAAY,gBACX;IAAK,SAAS,EAAEG,cAAK,CAACH;EAAa,gBACjC,6BAAC,cAAK,eAAKA,YAAY;IAAE,IAAI,EAAE;EAAa,GAAG,CAC3C,GACJ,IAAI,eACR;IAAK,SAAS,EAAEF,iBAAiB,IAAIE,YAAY,GAAGG,cAAK,CAACJ,KAAK,GAAG;EAAK,gBACrE,6BAAC,KAAK,EAAKA,KAAK,CAAI,CAChB,CACF;AAEV,CAAC;AAEDH,uBAAuB,CAACQ,SAAS,2CAAG;EAClCN,iBAAiB,EAAEO,kBAAS,CAACC,KAAK,CAACC,0BAAiB,CAACH,SAAS,CAAC;EAC/DJ,YAAY,EAAEK,kBAAS,CAACC,KAAK,CAACE,cAAK,CAACJ,SAAS,CAAC;EAC9CL,KAAK,EAAEM,kBAAS,CAACI,SAAS,CAAC,CACzBJ,kBAAS,CAACC,KAAK,cACVZ,2BAAkB,CAACU,SAAS;IAC/BF,SAAS,EAAEG,kBAAS,CAACK,KAAK,CAAC,CAAC,YAAY,CAAC;EAAC,GAC1C,EACFL,kBAAS,CAACC,KAAK,cACVX,2BAAkB,CAACS,SAAS;IAC/BF,SAAS,EAAEG,kBAAS,CAACK,KAAK,CAAC,CAAC,uBAAuB,CAAC;EAAC,GACrD,CACH;AACH,CAAC;AAAC,eACad,uBAAuB;AAAA"}

package/lib/molecule/titled-checkbox/index.js

@@ -2,25 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _proptypes = require("../../util/proptypes");
-
 var _checkbox = _interopRequireDefault(require("../../atom/checkbox"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const TitledCheckbox = props => {
   const {
     choice,
@@ -49,7 +39,6 @@ const TitledCheckbox = props => {
     className: _style.default.label
   }, label));
 };
-
 TitledCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   choice: _propTypes.default.shape({
     selected: _propTypes.default.bool.isRequired,

package/lib/molecule/titled-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","useMemo","style","default","box","selected","icon","input","propTypes","PropTypes","shape","bool","isRequired","string","value","ColorPropType","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} color=\"white\" /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMJ,QAAQ,CAACF,MAAD,CAA5B,EAAsC,CAACE,QAAD,EAAWF,MAAX,CAAtC,CAArB;EAEA,oBACE;IAAO,SAAS,EAAEO,cAAA,CAAMC;EAAxB,gBACE;IACE,SAAS,EAAED,cAAA,CAAME,GADnB;IAEE,KAAK,EAAE;MACLR,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACU,QAAP,gBAAkB,6BAAC,2CAAD;IAAO,SAAS,EAAEH,cAAA,CAAMI,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAAlB,GAAmE,IANtE,eAOE,6BAAC,iBAAD;IACE,SAAS,EAAEJ,cAAA,CAAMK,KADnB;IAEE,OAAO,EAAEZ,MAAM,CAACU,QAFlB;IAGE,QAAQ,EAAEL,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEI,cAAA,CAAMJ;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACe,SAAf,2CAA2B;EACzBb,MAAM,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACtBL,QAAQ,EAAEI,kBAAA,CAAUE,IAAV,CAAeC,UADH;IAEtBb,IAAI,EAAEU,kBAAA,CAAUI,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAEL,kBAAA,CAAUI;EAHK,CAAhB,EAILD,UALsB;EAMzBhB,UAAU,EAAEmB,wBANa;EAOzBlB,QAAQ,EAAEY,kBAAA,CAAUO,IAAV,CAAeJ;AAPA,CAA3B;eAUenB,c"}
+{"version":3,"file":"index.js","names":["TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","useMemo","style","default","box","selected","icon","input","propTypes","PropTypes","shape","bool","isRequired","string","value","ColorPropType","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} color=\"white\" /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAM;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGH,KAAK;EAC5C,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAAI;EACzB,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM,MAAMJ,QAAQ,CAACF,MAAM,CAAC,EAAE,CAACE,QAAQ,EAAEF,MAAM,CAAC,CAAC;EAE9E,oBACE;IAAO,SAAS,EAAEO,cAAK,CAACC;EAAQ,gBAC9B;IACE,SAAS,EAAED,cAAK,CAACE,GAAI;IACrB,KAAK,EAAE;MACLR,UAAU,EAAEA,UAAU,IAAI;IAC5B;EAAE,GAEDD,MAAM,CAACU,QAAQ,gBAAG,6BAAC,2CAAK;IAAC,SAAS,EAAEH,cAAK,CAACI,IAAK;IAAC,KAAK,EAAC;EAAO,EAAG,GAAG,IAAI,eACxE,6BAAC,iBAAQ;IACP,SAAS,EAAEJ,cAAK,CAACK,KAAM;IACvB,OAAO,EAAEZ,MAAM,CAACU,QAAS;IACzB,QAAQ,EAAEL,YAAa;IACvB,aAAWF;EAAM,EACjB,CACE,eACN;IAAM,KAAK,EAAEA,KAAM;IAAC,SAAS,EAAEI,cAAK,CAACJ;EAAM,GACxCA,KAAK,CACD,CACD;AAEZ,CAAC;AAEDL,cAAc,CAACe,SAAS,2CAAG;EACzBb,MAAM,EAAEc,kBAAS,CAACC,KAAK,CAAC;IACtBL,QAAQ,EAAEI,kBAAS,CAACE,IAAI,CAACC,UAAU;IACnCb,IAAI,EAAEU,kBAAS,CAACI,MAAM,CAACD,UAAU;IACjCE,KAAK,EAAEL,kBAAS,CAACI;EACnB,CAAC,CAAC,CAACD,UAAU;EACbhB,UAAU,EAAEmB,wBAAa;EACzBlB,QAAQ,EAAEY,kBAAS,CAACO,IAAI,CAACJ;AAC3B,CAAC;AAAC,eAEanB,cAAc;AAAA"}

package/lib/molecule/unsubscribe/index.js

@@ -2,19 +2,12 @@
 
 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 _link = _interopRequireDefault(require("../../atom/link"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Unsubscribe = (props, context) => {
   const {
     translate
@@ -43,7 +36,6 @@ const Unsubscribe = (props, context) => {
     className: _style.default.unsubscribeConfirmation
   }, translate('premium_unsubscribe_confirmation')) : null);
 };
-
 Unsubscribe.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Unsubscribe","props","context","translate","moocUrl","hasUnsubscribed","onUnsubscribeButtonClick","style","unsubscribe","description","buttonContainer","keepSubscriptionButton","unsubscribeButton","unsubscribeConfirmation","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/molecule/unsubscribe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Unsubscribe = (props, context) => {\n  const {translate} = context;\n  const {moocUrl, hasUnsubscribed, onUnsubscribeButtonClick} = props;\n\n  return (\n    <div>\n      {!hasUnsubscribed ? (\n        <div className={style.unsubscribe}>\n          <div className={style.description}>{translate('confirm_unsubscribe')} </div>\n          <div className={style.buttonContainer}>\n            <Link className={style.keepSubscriptionButton} href={moocUrl}>\n              {translate('keep_subscription')}\n            </Link>\n          </div>\n          <div className={style.buttonContainer}>\n            <button\n              type=\"button\"\n              className={style.unsubscribeButton}\n              onClick={onUnsubscribeButtonClick}\n            >\n              {translate('unsubscribe')}\n            </button>\n          </div>\n        </div>\n      ) : null}\n      {hasUnsubscribed ? (\n        <div className={style.unsubscribeConfirmation}>\n          {translate('premium_unsubscribe_confirmation')}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nUnsubscribe.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nUnsubscribe.propTypes = {\n  moocUrl: PropTypes.string,\n  hasUnsubscribed: PropTypes.bool,\n  onUnsubscribeButtonClick: PropTypes.func\n};\n\nexport default Unsubscribe;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtC,MAAM;IAACC;EAAD,IAAcD,OAApB;EACA,MAAM;IAACE,OAAD;IAAUC,eAAV;IAA2BC;EAA3B,IAAuDL,KAA7D;EAEA,oBACE,0CACG,CAACI,eAAD,gBACC;IAAK,SAAS,EAAEE,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GAAoCN,SAAS,CAAC,qBAAD,CAA7C,MADF,eAEE;IAAK,SAAS,EAAEI,cAAA,CAAMG;EAAtB,gBACE,6BAAC,aAAD;IAAM,SAAS,EAAEH,cAAA,CAAMI,sBAAvB;IAA+C,IAAI,EAAEP;EAArD,GACGD,SAAS,CAAC,mBAAD,CADZ,CADF,CAFF,eAOE;IAAK,SAAS,EAAEI,cAAA,CAAMG;EAAtB,gBACE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEH,cAAA,CAAMK,iBAFnB;IAGE,OAAO,EAAEN;EAHX,GAKGH,SAAS,CAAC,aAAD,CALZ,CADF,CAPF,CADD,GAkBG,IAnBN,EAoBGE,eAAe,gBACd;IAAK,SAAS,EAAEE,cAAA,CAAMM;EAAtB,GACGV,SAAS,CAAC,kCAAD,CADZ,CADc,GAIZ,IAxBN,CADF;AA4BD,CAhCD;;AAkCAH,WAAW,CAACc,YAAZ,GAA2B;EACzBX,SAAS,EAAEY,iBAAA,CAASC,iBAAT,CAA2Bb;AADb,CAA3B;AAIAH,WAAW,CAACiB,SAAZ,2CAAwB;EACtBb,OAAO,EAAEc,kBAAA,CAAUC,MADG;EAEtBd,eAAe,EAAEa,kBAAA,CAAUE,IAFL;EAGtBd,wBAAwB,EAAEY,kBAAA,CAAUG;AAHd,CAAxB;eAMerB,W"}
+{"version":3,"file":"index.js","names":["Unsubscribe","props","context","translate","moocUrl","hasUnsubscribed","onUnsubscribeButtonClick","style","unsubscribe","description","buttonContainer","keepSubscriptionButton","unsubscribeButton","unsubscribeConfirmation","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/molecule/unsubscribe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Unsubscribe = (props, context) => {\n  const {translate} = context;\n  const {moocUrl, hasUnsubscribed, onUnsubscribeButtonClick} = props;\n\n  return (\n    <div>\n      {!hasUnsubscribed ? (\n        <div className={style.unsubscribe}>\n          <div className={style.description}>{translate('confirm_unsubscribe')} </div>\n          <div className={style.buttonContainer}>\n            <Link className={style.keepSubscriptionButton} href={moocUrl}>\n              {translate('keep_subscription')}\n            </Link>\n          </div>\n          <div className={style.buttonContainer}>\n            <button\n              type=\"button\"\n              className={style.unsubscribeButton}\n              onClick={onUnsubscribeButtonClick}\n            >\n              {translate('unsubscribe')}\n            </button>\n          </div>\n        </div>\n      ) : null}\n      {hasUnsubscribed ? (\n        <div className={style.unsubscribeConfirmation}>\n          {translate('premium_unsubscribe_confirmation')}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nUnsubscribe.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nUnsubscribe.propTypes = {\n  moocUrl: PropTypes.string,\n  hasUnsubscribed: PropTypes.bool,\n  onUnsubscribeButtonClick: PropTypes.func\n};\n\nexport default Unsubscribe;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,WAAW,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACtC,MAAM;IAACC;EAAS,CAAC,GAAGD,OAAO;EAC3B,MAAM;IAACE,OAAO;IAAEC,eAAe;IAAEC;EAAwB,CAAC,GAAGL,KAAK;EAElE,oBACE,0CACG,CAACI,eAAe,gBACf;IAAK,SAAS,EAAEE,cAAK,CAACC;EAAY,gBAChC;IAAK,SAAS,EAAED,cAAK,CAACE;EAAY,GAAEN,SAAS,CAAC,qBAAqB,CAAC,EAAC,GAAC,CAAM,eAC5E;IAAK,SAAS,EAAEI,cAAK,CAACG;EAAgB,gBACpC,6BAAC,aAAI;IAAC,SAAS,EAAEH,cAAK,CAACI,sBAAuB;IAAC,IAAI,EAAEP;EAAQ,GAC1DD,SAAS,CAAC,mBAAmB,CAAC,CAC1B,CACH,eACN;IAAK,SAAS,EAAEI,cAAK,CAACG;EAAgB,gBACpC;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEH,cAAK,CAACK,iBAAkB;IACnC,OAAO,EAAEN;EAAyB,GAEjCH,SAAS,CAAC,aAAa,CAAC,CAClB,CACL,CACF,GACJ,IAAI,EACPE,eAAe,gBACd;IAAK,SAAS,EAAEE,cAAK,CAACM;EAAwB,GAC3CV,SAAS,CAAC,kCAAkC,CAAC,CAC1C,GACJ,IAAI,CACJ;AAEV,CAAC;AAEDH,WAAW,CAACc,YAAY,GAAG;EACzBX,SAAS,EAAEY,iBAAQ,CAACC,iBAAiB,CAACb;AACxC,CAAC;AAEDH,WAAW,CAACiB,SAAS,2CAAG;EACtBb,OAAO,EAAEc,kBAAS,CAACC,MAAM;EACzBd,eAAe,EAAEa,kBAAS,CAACE,IAAI;EAC/Bd,wBAAwB,EAAEY,kBAAS,CAACG;AACtC,CAAC;AAAC,eAEarB,WAAW;AAAA"}

package/lib/molecule/vertical-tabs/index.js

@@ -2,32 +2,20 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _keys = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _snakeCase = _interopRequireDefault(require("lodash/fp/snakeCase"));
-
 var _link = _interopRequireDefault(require("../../atom/link"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const LeftIcons = {
   BlueValidatedCircle: _novaIcons.NovaSolidStatusCheckCircle2,
   LocaleInError: _novaIcons.NovaSolidStatusClose
 };
-
 const getIconDataName = iconType => iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';
-
 const buildTab = (tab, index) => {
   const {
     title,
@@ -50,7 +38,6 @@ const buildTab = (tab, index) => {
     className: leftIcon === 'LocaleInError' ? _style.default.leftIconError : _style.default.leftIcon
   }) : null);
 };
-
 const VerticalTabs = props => {
   const {
     tabs,
@@ -63,7 +50,6 @@ const VerticalTabs = props => {
     title: ariaLabel
   }, tabsList);
 };
-
 const LeftIconValues = process.env.NODE_ENV !== "production" ? [...(0, _keys.default)(LeftIcons), ''] : {};
 VerticalTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   tabs: _propTypes.default.arrayOf(_propTypes.default.shape({

package/lib/molecule/vertical-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LeftIcons","BlueValidatedCircle","CheckIcon","LocaleInError","ErrorIcon","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","snakeCase","classnames","style","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","keys","propTypes","PropTypes","arrayOf","shape","Link","children","bool","oneOf","func","string"],"sources":["../../../src/molecule/vertical-tabs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon\n} from '@coorpacademy/nova-icons';\nimport keys from 'lodash/fp/keys';\nimport snakeCase from 'lodash/fp/snakeCase';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n  BlueValidatedCircle: CheckIcon,\n  LocaleInError: ErrorIcon\n};\n\nconst getIconDataName = iconType =>\n  iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';\n\nconst buildTab = (tab, index) => {\n  const {title, selected, onClick, leftIcon, iconAriaLabel} = tab;\n\n  const LeftIcon = LeftIcons[leftIcon];\n  return (\n    <li\n      data-name={`vertical_tab_${snakeCase(title)}`}\n      className={classnames(style.tab, selected && style.selected)}\n      key={index}\n      onClick={onClick}\n    >\n      <span className={style.title}>{title}</span>\n      {LeftIcon ? (\n        <LeftIcon\n          data-name={getIconDataName(leftIcon)}\n          aria-label={iconAriaLabel}\n          className={leftIcon === 'LocaleInError' ? style.leftIconError : style.leftIcon}\n        />\n      ) : null}\n    </li>\n  );\n};\n\nconst VerticalTabs = props => {\n  const {tabs, className, 'aria-label': ariaLabel} = props;\n  const tabsList = tabs.map(buildTab);\n\n  return (\n    <ul className={classnames([style.wrapper, className])} title={ariaLabel}>\n      {tabsList}\n    </ul>\n  );\n};\n\nconst LeftIconValues = [...keys(LeftIcons), ''];\n\nVerticalTabs.propTypes = {\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Link.propTypes.children,\n      selected: PropTypes.bool,\n      leftIcon: PropTypes.oneOf(LeftIconValues),\n      onClick: PropTypes.func,\n      iconAriaLabel: PropTypes.string\n    })\n  ),\n  className: PropTypes.string,\n  'aria-label': PropTypes.string\n};\nexport default VerticalTabs;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,mBAAmB,EAAEC,sCADL;EAEhBC,aAAa,EAAEC;AAFC,CAAlB;;AAKA,MAAMC,eAAe,GAAGC,QAAQ,IAC9BA,QAAQ,KAAK,eAAb,GAA+B,uBAA/B,GAAyD,sBAD3D;;AAGA,MAAMC,QAAQ,GAAG,CAACC,GAAD,EAAMC,KAAN,KAAgB;EAC/B,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC,OAAlB;IAA2BC,QAA3B;IAAqCC;EAArC,IAAsDN,GAA5D;EAEA,MAAMO,QAAQ,GAAGf,SAAS,CAACa,QAAD,CAA1B;EACA,oBACE;IACE,aAAY,gBAAe,IAAAG,kBAAA,EAAUN,KAAV,CAAiB,EAD9C;IAEE,SAAS,EAAE,IAAAO,mBAAA,EAAWC,cAAA,CAAMV,GAAjB,EAAsBG,QAAQ,IAAIO,cAAA,CAAMP,QAAxC,CAFb;IAGE,GAAG,EAAEF,KAHP;IAIE,OAAO,EAAEG;EAJX,gBAME;IAAM,SAAS,EAAEM,cAAA,CAAMR;EAAvB,GAA+BA,KAA/B,CANF,EAOGK,QAAQ,gBACP,6BAAC,QAAD;IACE,aAAWV,eAAe,CAACQ,QAAD,CAD5B;IAEE,cAAYC,aAFd;IAGE,SAAS,EAAED,QAAQ,KAAK,eAAb,GAA+BK,cAAA,CAAMC,aAArC,GAAqDD,cAAA,CAAML;EAHxE,EADO,GAML,IAbN,CADF;AAiBD,CArBD;;AAuBA,MAAMO,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,IAAD;IAAOC,SAAP;IAAkB,cAAcC;EAAhC,IAA6CH,KAAnD;EACA,MAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAL,CAASnB,QAAT,CAAjB;EAEA,oBACE;IAAI,SAAS,EAAE,IAAAU,mBAAA,EAAW,CAACC,cAAA,CAAMS,OAAP,EAAgBJ,SAAhB,CAAX,CAAf;IAAuD,KAAK,EAAEC;EAA9D,GACGC,QADH,CADF;AAKD,CATD;;AAWA,MAAMG,cAAN,2CAAuB,CAAC,GAAG,IAAAC,aAAA,EAAK7B,SAAL,CAAJ,EAAqB,EAArB,CAAvB;AAEAoB,YAAY,CAACU,SAAb,2CAAyB;EACvBR,IAAI,EAAES,kBAAA,CAAUC,OAAV,CACJD,kBAAA,CAAUE,KAAV,CAAgB;IACdvB,KAAK,EAAEwB,aAAA,CAAKJ,SAAL,CAAeK,QADR;IAEdxB,QAAQ,EAAEoB,kBAAA,CAAUK,IAFN;IAGdvB,QAAQ,EAAEkB,kBAAA,CAAUM,KAAV,CAAgBT,cAAhB,CAHI;IAIdhB,OAAO,EAAEmB,kBAAA,CAAUO,IAJL;IAKdxB,aAAa,EAAEiB,kBAAA,CAAUQ;EALX,CAAhB,CADI,CADiB;EAUvBhB,SAAS,EAAEQ,kBAAA,CAAUQ,MAVE;EAWvB,cAAcR,kBAAA,CAAUQ;AAXD,CAAzB;eAaenB,Y"}
+{"version":3,"file":"index.js","names":["LeftIcons","BlueValidatedCircle","CheckIcon","LocaleInError","ErrorIcon","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","snakeCase","classnames","style","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","keys","propTypes","PropTypes","arrayOf","shape","Link","children","bool","oneOf","func","string"],"sources":["../../../src/molecule/vertical-tabs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon\n} from '@coorpacademy/nova-icons';\nimport keys from 'lodash/fp/keys';\nimport snakeCase from 'lodash/fp/snakeCase';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n  BlueValidatedCircle: CheckIcon,\n  LocaleInError: ErrorIcon\n};\n\nconst getIconDataName = iconType =>\n  iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';\n\nconst buildTab = (tab, index) => {\n  const {title, selected, onClick, leftIcon, iconAriaLabel} = tab;\n\n  const LeftIcon = LeftIcons[leftIcon];\n  return (\n    <li\n      data-name={`vertical_tab_${snakeCase(title)}`}\n      className={classnames(style.tab, selected && style.selected)}\n      key={index}\n      onClick={onClick}\n    >\n      <span className={style.title}>{title}</span>\n      {LeftIcon ? (\n        <LeftIcon\n          data-name={getIconDataName(leftIcon)}\n          aria-label={iconAriaLabel}\n          className={leftIcon === 'LocaleInError' ? style.leftIconError : style.leftIcon}\n        />\n      ) : null}\n    </li>\n  );\n};\n\nconst VerticalTabs = props => {\n  const {tabs, className, 'aria-label': ariaLabel} = props;\n  const tabsList = tabs.map(buildTab);\n\n  return (\n    <ul className={classnames([style.wrapper, className])} title={ariaLabel}>\n      {tabsList}\n    </ul>\n  );\n};\n\nconst LeftIconValues = [...keys(LeftIcons), ''];\n\nVerticalTabs.propTypes = {\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Link.propTypes.children,\n      selected: PropTypes.bool,\n      leftIcon: PropTypes.oneOf(LeftIconValues),\n      onClick: PropTypes.func,\n      iconAriaLabel: PropTypes.string\n    })\n  ),\n  className: PropTypes.string,\n  'aria-label': PropTypes.string\n};\nexport default VerticalTabs;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,SAAS,GAAG;EAChBC,mBAAmB,EAAEC,sCAAS;EAC9BC,aAAa,EAAEC;AACjB,CAAC;AAED,MAAMC,eAAe,GAAGC,QAAQ,IAC9BA,QAAQ,KAAK,eAAe,GAAG,uBAAuB,GAAG,sBAAsB;AAEjF,MAAMC,QAAQ,GAAG,CAACC,GAAG,EAAEC,KAAK,KAAK;EAC/B,MAAM;IAACC,KAAK;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAGN,GAAG;EAE/D,MAAMO,QAAQ,GAAGf,SAAS,CAACa,QAAQ,CAAC;EACpC,oBACE;IACE,aAAY,gBAAe,IAAAG,kBAAS,EAACN,KAAK,CAAE,EAAE;IAC9C,SAAS,EAAE,IAAAO,mBAAU,EAACC,cAAK,CAACV,GAAG,EAAEG,QAAQ,IAAIO,cAAK,CAACP,QAAQ,CAAE;IAC7D,GAAG,EAAEF,KAAM;IACX,OAAO,EAAEG;EAAQ,gBAEjB;IAAM,SAAS,EAAEM,cAAK,CAACR;EAAM,GAAEA,KAAK,CAAQ,EAC3CK,QAAQ,gBACP,6BAAC,QAAQ;IACP,aAAWV,eAAe,CAACQ,QAAQ,CAAE;IACrC,cAAYC,aAAc;IAC1B,SAAS,EAAED,QAAQ,KAAK,eAAe,GAAGK,cAAK,CAACC,aAAa,GAAGD,cAAK,CAACL;EAAS,EAC/E,GACA,IAAI,CACL;AAET,CAAC;AAED,MAAMO,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,IAAI;IAAEC,SAAS;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGH,KAAK;EACxD,MAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAG,CAACnB,QAAQ,CAAC;EAEnC,oBACE;IAAI,SAAS,EAAE,IAAAU,mBAAU,EAAC,CAACC,cAAK,CAACS,OAAO,EAAEJ,SAAS,CAAC,CAAE;IAAC,KAAK,EAAEC;EAAU,GACrEC,QAAQ,CACN;AAET,CAAC;AAED,MAAMG,cAAc,2CAAG,CAAC,GAAG,IAAAC,aAAI,EAAC7B,SAAS,CAAC,EAAE,EAAE,CAAC;AAE/CoB,YAAY,CAACU,SAAS,2CAAG;EACvBR,IAAI,EAAES,kBAAS,CAACC,OAAO,CACrBD,kBAAS,CAACE,KAAK,CAAC;IACdvB,KAAK,EAAEwB,aAAI,CAACJ,SAAS,CAACK,QAAQ;IAC9BxB,QAAQ,EAAEoB,kBAAS,CAACK,IAAI;IACxBvB,QAAQ,EAAEkB,kBAAS,CAACM,KAAK,CAACT,cAAc,CAAC;IACzChB,OAAO,EAAEmB,kBAAS,CAACO,IAAI;IACvBxB,aAAa,EAAEiB,kBAAS,CAACQ;EAC3B,CAAC,CAAC,CACH;EACDhB,SAAS,EAAEQ,kBAAS,CAACQ,MAAM;EAC3B,YAAY,EAAER,kBAAS,CAACQ;AAC1B,CAAC;AAAC,eACanB,YAAY;AAAA"}

package/lib/molecule/video-iframe/index.js

@@ -2,25 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _qs = _interopRequireDefault(require("qs"));
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _proptypes = require("../../util/proptypes");
-
 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 getUrl = ({
   url,
   type,
@@ -31,27 +21,21 @@ const getUrl = ({
   switch (type) {
     case 'youtube':
       return `https://www.youtube.com/embed/${id}?${_qs.default.stringify(_extends({}, query, opts))}`;
-
     case 'uptale':
       return `https://my.uptale.io/Experience/Launch?id=${id}`;
-
     case 'omniPlayer':
       return `https://mms.myomni.live/${id}`;
-
     case 'jwplayer':
       return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;
-
     default:
       return url;
   }
 };
-
 class VideoIframe extends _react.default.Component {
   componentDidMount() {
     const {
       type
     } = this.props;
-
     if (type === 'kontiki') {
       const {
         onPlay = _noop2.default
@@ -59,7 +43,6 @@ class VideoIframe extends _react.default.Component {
       onPlay();
     }
   }
-
   render() {
     const {
       type,
@@ -86,9 +69,7 @@ class VideoIframe extends _react.default.Component {
       allowFullScreen: true
     });
   }
-
 }
-
 VideoIframe.contextTypes = {
   Vimeo: _provider.default.childContextTypes.Vimeo
 };

package/lib/molecule/video-iframe/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getUrl","url","type","id","query","opts","qs","stringify","VideoIframe","React","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","style","iframe","contextTypes","Vimeo","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","SrcPropType","bool","func"],"sources":["../../../src/molecule/video-iframe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport qs from 'qs';\nimport {noop} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst getUrl = ({url, type, id, query = {}, opts = {}}) => {\n  switch (type) {\n    case 'youtube':\n      return `https://www.youtube.com/embed/${id}?${qs.stringify({...query, ...opts})}`;\n    case 'uptale':\n      return `https://my.uptale.io/Experience/Launch?id=${id}`;\n    case 'omniPlayer':\n      return `https://mms.myomni.live/${id}`;\n    case 'jwplayer':\n      return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;\n    default:\n      return url;\n  }\n};\n\nclass VideoIframe extends React.Component {\n  static propTypes = {\n    type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p']),\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    id: PropTypes.string,\n    autoplay: PropTypes.bool,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  componentDidMount() {\n    const {type} = this.props;\n    if (type === 'kontiki') {\n      const {onPlay = noop} = this.props;\n      onPlay();\n    }\n  }\n\n  render() {\n    const {type, id, url, autoplay = false, width = '100%', height = '400px'} = this.props;\n    const src = getUrl({url, type, id, autoplay});\n\n    return (\n      <iframe\n        src={src}\n        width={width}\n        height={height}\n        frameBorder={0}\n        className={style.iframe}\n        allowvr={type === 'uptale' ? 'yes' : null}\n        scrolling={type === 'uptale' ? 'no' : null}\n        allowFullScreen\n      />\n    );\n  }\n}\n\nexport default VideoIframe;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;EAACC,GAAD;EAAMC,IAAN;EAAYC,EAAZ;EAAgBC,KAAK,GAAG,EAAxB;EAA4BC,IAAI,GAAG;AAAnC,CAAD,KAA4C;EACzD,QAAQH,IAAR;IACE,KAAK,SAAL;MACE,OAAQ,iCAAgCC,EAAG,IAAGG,WAAA,CAAGC,SAAH,cAAiBH,KAAjB,EAA2BC,IAA3B,EAAkC,EAAhF;;IACF,KAAK,QAAL;MACE,OAAQ,6CAA4CF,EAAG,EAAvD;;IACF,KAAK,YAAL;MACE,OAAQ,2BAA0BA,EAAG,EAArC;;IACF,KAAK,UAAL;MACE,OAAQ,0CAAyCA,EAAG,gBAApD;;IACF;MACE,OAAOF,GAAP;EAVJ;AAYD,CAbD;;AAeA,MAAMO,WAAN,SAA0BC,cAAA,CAAMC,SAAhC,CAA0C;EAexCC,iBAAiB,GAAG;IAClB,MAAM;MAACT;IAAD,IAAS,KAAKU,KAApB;;IACA,IAAIV,IAAI,KAAK,SAAb,EAAwB;MACtB,MAAM;QAACW,MAAM;MAAP,IAAkB,KAAKD,KAA7B;MACAC,MAAM;IACP;EACF;;EAEDC,MAAM,GAAG;IACP,MAAM;MAACZ,IAAD;MAAOC,EAAP;MAAWF,GAAX;MAAgBc,QAAQ,GAAG,KAA3B;MAAkCC,KAAK,GAAG,MAA1C;MAAkDC,MAAM,GAAG;IAA3D,IAAsE,KAAKL,KAAjF;IACA,MAAMM,GAAG,GAAGlB,MAAM,CAAC;MAACC,GAAD;MAAMC,IAAN;MAAYC,EAAZ;MAAgBY;IAAhB,CAAD,CAAlB;IAEA,oBACE;MACE,GAAG,EAAEG,GADP;MAEE,KAAK,EAAEF,KAFT;MAGE,MAAM,EAAEC,MAHV;MAIE,WAAW,EAAE,CAJf;MAKE,SAAS,EAAEE,cAAA,CAAMC,MALnB;MAME,OAAO,EAAElB,IAAI,KAAK,QAAT,GAAoB,KAApB,GAA4B,IANvC;MAOE,SAAS,EAAEA,IAAI,KAAK,QAAT,GAAoB,IAApB,GAA2B,IAPxC;MAQE,eAAe;IARjB,EADF;EAYD;;AAvCuC;;AAApCM,W,CAWGa,Y,GAAe;EACpBC,KAAK,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF;AADd,C;AAXlBd,W,CACGiB,S,2CAAY;EACjBvB,IAAI,EAAEwB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,SAAtB,EAAiC,UAAjC,EAA6C,YAA7C,EAA2D,KAA3D,CAAhB,CADW;EAEjBX,KAAK,EAAEU,kBAAA,CAAUE,MAFA;EAGjBX,MAAM,EAAES,kBAAA,CAAUE,MAHD;EAIjB3B,GAAG,EAAE4B,sBAJY;EAKjB1B,EAAE,EAAEuB,kBAAA,CAAUE,MALG;EAMjBb,QAAQ,EAAEW,kBAAA,CAAUI,IANH;EAOjBjB,MAAM,EAAEa,kBAAA,CAAUK;AAPD,C;eAyCNvB,W"}
+{"version":3,"file":"index.js","names":["getUrl","url","type","id","query","opts","qs","stringify","VideoIframe","React","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","style","iframe","contextTypes","Vimeo","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","SrcPropType","bool","func"],"sources":["../../../src/molecule/video-iframe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport qs from 'qs';\nimport {noop} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst getUrl = ({url, type, id, query = {}, opts = {}}) => {\n  switch (type) {\n    case 'youtube':\n      return `https://www.youtube.com/embed/${id}?${qs.stringify({...query, ...opts})}`;\n    case 'uptale':\n      return `https://my.uptale.io/Experience/Launch?id=${id}`;\n    case 'omniPlayer':\n      return `https://mms.myomni.live/${id}`;\n    case 'jwplayer':\n      return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;\n    default:\n      return url;\n  }\n};\n\nclass VideoIframe extends React.Component {\n  static propTypes = {\n    type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p']),\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    id: PropTypes.string,\n    autoplay: PropTypes.bool,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  componentDidMount() {\n    const {type} = this.props;\n    if (type === 'kontiki') {\n      const {onPlay = noop} = this.props;\n      onPlay();\n    }\n  }\n\n  render() {\n    const {type, id, url, autoplay = false, width = '100%', height = '400px'} = this.props;\n    const src = getUrl({url, type, id, autoplay});\n\n    return (\n      <iframe\n        src={src}\n        width={width}\n        height={height}\n        frameBorder={0}\n        className={style.iframe}\n        allowvr={type === 'uptale' ? 'yes' : null}\n        scrolling={type === 'uptale' ? 'no' : null}\n        allowFullScreen\n      />\n    );\n  }\n}\n\nexport default VideoIframe;\n"],"mappings":";;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,MAAM,GAAG,CAAC;EAACC,GAAG;EAAEC,IAAI;EAAEC,EAAE;EAAEC,KAAK,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EACzD,QAAQH,IAAI;IACV,KAAK,SAAS;MACZ,OAAQ,iCAAgCC,EAAG,IAAGG,WAAE,CAACC,SAAS,cAAKH,KAAK,EAAKC,IAAI,EAAG,EAAC;IACnF,KAAK,QAAQ;MACX,OAAQ,6CAA4CF,EAAG,EAAC;IAC1D,KAAK,YAAY;MACf,OAAQ,2BAA0BA,EAAG,EAAC;IACxC,KAAK,UAAU;MACb,OAAQ,0CAAyCA,EAAG,gBAAe;IACrE;MACE,OAAOF,GAAG;EAAC;AAEjB,CAAC;AAED,MAAMO,WAAW,SAASC,cAAK,CAACC,SAAS,CAAC;EAexCC,iBAAiB,GAAG;IAClB,MAAM;MAACT;IAAI,CAAC,GAAG,IAAI,CAACU,KAAK;IACzB,IAAIV,IAAI,KAAK,SAAS,EAAE;MACtB,MAAM;QAACW,MAAM;MAAO,CAAC,GAAG,IAAI,CAACD,KAAK;MAClCC,MAAM,EAAE;IACV;EACF;EAEAC,MAAM,GAAG;IACP,MAAM;MAACZ,IAAI;MAAEC,EAAE;MAAEF,GAAG;MAAEc,QAAQ,GAAG,KAAK;MAAEC,KAAK,GAAG,MAAM;MAAEC,MAAM,GAAG;IAAO,CAAC,GAAG,IAAI,CAACL,KAAK;IACtF,MAAMM,GAAG,GAAGlB,MAAM,CAAC;MAACC,GAAG;MAAEC,IAAI;MAAEC,EAAE;MAAEY;IAAQ,CAAC,CAAC;IAE7C,oBACE;MACE,GAAG,EAAEG,GAAI;MACT,KAAK,EAAEF,KAAM;MACb,MAAM,EAAEC,MAAO;MACf,WAAW,EAAE,CAAE;MACf,SAAS,EAAEE,cAAK,CAACC,MAAO;MACxB,OAAO,EAAElB,IAAI,KAAK,QAAQ,GAAG,KAAK,GAAG,IAAK;MAC1C,SAAS,EAAEA,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAK;MAC3C,eAAe;IAAA,EACf;EAEN;AACF;AAxCMM,WAAW,CAWRa,YAAY,GAAG;EACpBC,KAAK,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF;AACpC,CAAC;AAbGd,WAAW,CACRiB,SAAS,2CAAG;EACjBvB,IAAI,EAAEwB,kBAAS,CAACC,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;EACxFX,KAAK,EAAEU,kBAAS,CAACE,MAAM;EACvBX,MAAM,EAAES,kBAAS,CAACE,MAAM;EACxB3B,GAAG,EAAE4B,sBAAW;EAChB1B,EAAE,EAAEuB,kBAAS,CAACE,MAAM;EACpBb,QAAQ,EAAEW,kBAAS,CAACI,IAAI;EACxBjB,MAAM,EAAEa,kBAAS,CAACK;AACpB,CAAC;AAAA,eAiCYvB,WAAW;AAAA"}

package/lib/molecule/video-player/index.js

@@ -2,29 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _loader = _interopRequireDefault(require("../../atom/loader"));
-
 var _videoIframe = _interopRequireDefault(require("../video-iframe"));
-
 var _jwplayer = _interopRequireDefault(require("./jwplayer"));
-
 var _vimeo = _interopRequireDefault(require("./vimeo"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 var _propTypes = _interopRequireDefault(require("./prop-types"));
-
 const _excluded = ["loading", "disableAutostart", "jwpOptions"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 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); }
-
 class VideoPlayer extends _react.default.Component {
   static getDerivedStateFromProps(props, state) {
     if (props.id === state.id) return null;
@@ -33,10 +21,8 @@ class VideoPlayer extends _react.default.Component {
       played: false
     };
   }
-
   constructor(props) {
     super(props);
-
     this.handleOnPlay = e => {
       const {
         played
@@ -45,16 +31,13 @@ class VideoPlayer extends _react.default.Component {
         onResume,
         onPlay
       } = this.props;
-
       if (played) {
         if (onResume) onResume(e);
       } else if (onPlay) onPlay(e);
-
       this.setState({
         played: true
       });
     };
-
     this.renderPlayer = () => {
       const {
         mimeType,
@@ -65,7 +48,6 @@ class VideoPlayer extends _react.default.Component {
         width = '100%',
         height = '343px'
       } = this.props;
-
       switch (mimeType) {
         case 'application/vimeo':
           return /*#__PURE__*/_react.default.createElement(_vimeo.default, _extends({}, this.props, {
@@ -76,7 +58,6 @@ class VideoPlayer extends _react.default.Component {
             className: _style.default.wrapper,
             onPlay: this.handleOnPlay
           }));
-
         case 'application/youtube':
         case 'application/uptale':
         case 'application/h5p':
@@ -94,19 +75,17 @@ class VideoPlayer extends _react.default.Component {
             onPause: onPause,
             onEnded: onEnded
           });
-
         case 'application/kontiki':
         case 'application/jwplayer':
         case 'video/mp4':
           {
             const _this$props = this.props,
-                  {
-              loading = false,
-              disableAutostart,
-              jwpOptions
-            } = _this$props,
-                  otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
+              {
+                loading = false,
+                disableAutostart,
+                jwpOptions
+              } = _this$props,
+              otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
             return loading ? /*#__PURE__*/_react.default.createElement(_loader.default, null) : /*#__PURE__*/_react.default.createElement(_jwplayer.default, _extends({}, otherProps, {
               disableAutostart: disableAutostart,
               jwpOptions: jwpOptions,
@@ -116,13 +95,11 @@ class VideoPlayer extends _react.default.Component {
           }
       }
     };
-
     this.state = {
       played: false,
       id: props.id
     };
   }
-
   render() {
     const {
       id
@@ -133,9 +110,7 @@ class VideoPlayer extends _react.default.Component {
       key: id
     }, this.renderPlayer());
   }
-
 }
-
 VideoPlayer.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 var _default = VideoPlayer;
 exports.default = _default;

package/lib/molecule/video-player/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","handleOnPlay","e","onResume","onPlay","setState","renderPlayer","mimeType","url","onPause","onEnded","width","height","style","wrapper","split","loading","disableAutostart","jwpOptions","otherProps","render","propTypes"],"sources":["../../../src/molecule/video-player/index.js"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = propTypes;\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {loading = false, disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return loading ? (\n          <Loader />\n        ) : (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","handleOnPlay","e","onResume","onPlay","setState","renderPlayer","mimeType","url","onPause","onEnded","width","height","style","wrapper","split","loading","disableAutostart","jwpOptions","otherProps","render","propTypes"],"sources":["../../../src/molecule/video-player/index.js"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = propTypes;\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {loading = false, disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return loading ? (\n          <Loader />\n        ) : (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"mappings":"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"}

package/lib/molecule/video-player/jwplayer-prop-types.js

@@ -2,13 +2,9 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _proptypes = require("../../util/proptypes");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = {
   mimeType: _propTypes.default.string,
   scriptErrorMessage: _propTypes.default.string,