@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

package/es/molecule/subscription-premium/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PremiumDescription","date","price","translate","part1","part2","premiumProductDetails","contextTypes","childContextTypes","propTypes","string","PromoCodeDescription","text","homeLink","SubscriptionPremiumDetails","props","context","isPromoCode","subscriptionPremiumDescriptionDate","subscriptionPremiumDescriptionPrice","checkImage","subscriptionPremiumDescriptionLink","Description","premiumTitle","premiumTitleImage","premiumTitleText","cancelSubscriptionText","cancelSubscriptionLink","bool","isRequired"],"sources":["../../../src/molecule/subscription-premium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PremiumDescription = ({date, price}, {translate}) => {\n  // @TODO use only one template\n  const part1 = translate('subscription_premium_description_part1');\n  const part2 = translate('subscription_premium_description_part2');\n\n  return <div className={style.premiumProductDetails}>{`${part1}${date}${part2}${price}.`}</div>;\n};\n\nPremiumDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPremiumDescription.propTypes = {\n  date: PropTypes.string,\n  price: PropTypes.string\n};\n\nconst PromoCodeDescription = ({date}, {translate}) => {\n  const text = translate('subscription_promo_code', {date});\n\n  return (\n    <div className={style.premiumProductDetails}>\n      {text}\n      <a className={style.homeLink} href=\"http://coorpacademy.com\">\n        Coorpacademy.com\n      </a>\n    </div>\n  );\n};\n\nPromoCodeDescription.propTypes = {\n  date: PropTypes.string\n};\n\nPromoCodeDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst SubscriptionPremiumDetails = (props, context) => {\n  const {\n    isPromoCode,\n    subscriptionPremiumDescriptionDate: date,\n    subscriptionPremiumDescriptionPrice: price,\n    checkImage,\n    subscriptionPremiumDescriptionLink\n  } = props;\n\n  const {translate} = context;\n  const Description = isPromoCode ? PromoCodeDescription : PremiumDescription;\n\n  return (\n    <div>\n      <div className={style.premiumTitle}>\n        <img className={style.premiumTitleImage} src={checkImage} />\n        <div className={style.premiumTitleText}>{translate('subscription_premium_title')}</div>\n      </div>\n      <div>\n        <Description date={date} price={price} />\n        {!isPromoCode ? (\n          <div className={style.cancelSubscriptionText}>\n            {translate('subscription_premium_description_part3')}\n            <a\n              className={style.cancelSubscriptionLink}\n              href={`${subscriptionPremiumDescriptionLink}`}\n            >\n              {translate('subscription_premium_description_part3_with_link')}\n            </a>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nSubscriptionPremiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionPremiumDetails.propTypes = {\n  checkImage: PropTypes.string,\n  isPromoCode: PropTypes.bool.isRequired,\n  subscriptionPremiumDescriptionDate: PropTypes.string,\n  subscriptionPremiumDescriptionPrice: PropTypes.string,\n  subscriptionPremiumDescriptionLink: PropTypes.string\n};\n\nexport default SubscriptionPremiumDetails;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PremiumDescription","date","price","translate","part1","part2","premiumProductDetails","contextTypes","childContextTypes","propTypes","string","PromoCodeDescription","text","homeLink","SubscriptionPremiumDetails","props","context","isPromoCode","subscriptionPremiumDescriptionDate","subscriptionPremiumDescriptionPrice","checkImage","subscriptionPremiumDescriptionLink","Description","premiumTitle","premiumTitleImage","premiumTitleText","cancelSubscriptionText","cancelSubscriptionLink","bool","isRequired"],"sources":["../../../src/molecule/subscription-premium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PremiumDescription = ({date, price}, {translate}) => {\n  // @TODO use only one template\n  const part1 = translate('subscription_premium_description_part1');\n  const part2 = translate('subscription_premium_description_part2');\n\n  return <div className={style.premiumProductDetails}>{`${part1}${date}${part2}${price}.`}</div>;\n};\n\nPremiumDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPremiumDescription.propTypes = {\n  date: PropTypes.string,\n  price: PropTypes.string\n};\n\nconst PromoCodeDescription = ({date}, {translate}) => {\n  const text = translate('subscription_promo_code', {date});\n\n  return (\n    <div className={style.premiumProductDetails}>\n      {text}\n      <a className={style.homeLink} href=\"http://coorpacademy.com\">\n        Coorpacademy.com\n      </a>\n    </div>\n  );\n};\n\nPromoCodeDescription.propTypes = {\n  date: PropTypes.string\n};\n\nPromoCodeDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst SubscriptionPremiumDetails = (props, context) => {\n  const {\n    isPromoCode,\n    subscriptionPremiumDescriptionDate: date,\n    subscriptionPremiumDescriptionPrice: price,\n    checkImage,\n    subscriptionPremiumDescriptionLink\n  } = props;\n\n  const {translate} = context;\n  const Description = isPromoCode ? PromoCodeDescription : PremiumDescription;\n\n  return (\n    <div>\n      <div className={style.premiumTitle}>\n        <img className={style.premiumTitleImage} src={checkImage} />\n        <div className={style.premiumTitleText}>{translate('subscription_premium_title')}</div>\n      </div>\n      <div>\n        <Description date={date} price={price} />\n        {!isPromoCode ? (\n          <div className={style.cancelSubscriptionText}>\n            {translate('subscription_premium_description_part3')}\n            <a\n              className={style.cancelSubscriptionLink}\n              href={`${subscriptionPremiumDescriptionLink}`}\n            >\n              {translate('subscription_premium_description_part3_with_link')}\n            </a>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nSubscriptionPremiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionPremiumDetails.propTypes = {\n  checkImage: PropTypes.string,\n  isPromoCode: PropTypes.bool.isRequired,\n  subscriptionPremiumDescriptionDate: PropTypes.string,\n  subscriptionPremiumDescriptionPrice: PropTypes.string,\n  subscriptionPremiumDescriptionLink: PropTypes.string\n};\n\nexport default SubscriptionPremiumDetails;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,kBAAkB,GAAG,CAAC;EAACC,IAAD;EAAOC;AAAP,CAAD,EAAgB;EAACC;AAAD,CAAhB,KAAgC;EACzD;EACA,MAAMC,KAAK,GAAGD,SAAS,CAAC,wCAAD,CAAvB;EACA,MAAME,KAAK,GAAGF,SAAS,CAAC,wCAAD,CAAvB;EAEA,oBAAO;IAAK,SAAS,EAAEJ,KAAK,CAACO;EAAtB,GAA+C,GAAEF,KAAM,GAAEH,IAAK,GAAEI,KAAM,GAAEH,KAAM,GAA9E,CAAP;AACD,CAND;;AAQAF,kBAAkB,CAACO,YAAnB,GAAkC;EAChCJ,SAAS,EAAEL,QAAQ,CAACU,iBAAT,CAA2BL;AADN,CAAlC;AAIAH,kBAAkB,CAACS,SAAnB,2CAA+B;EAC7BR,IAAI,EAAEJ,SAAS,CAACa,MADa;EAE7BR,KAAK,EAAEL,SAAS,CAACa;AAFY,CAA/B;;AAKA,MAAMC,oBAAoB,GAAG,CAAC;EAACV;AAAD,CAAD,EAAS;EAACE;AAAD,CAAT,KAAyB;EACpD,MAAMS,IAAI,GAAGT,SAAS,CAAC,yBAAD,EAA4B;IAACF;EAAD,CAA5B,CAAtB;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACO;EAAtB,GACGM,IADH,eAEE;IAAG,SAAS,EAAEb,KAAK,CAACc,QAApB;IAA8B,IAAI,EAAC;EAAnC,sBAFF,CADF;AAQD,CAXD;;AAaAF,oBAAoB,CAACF,SAArB,2CAAiC;EAC/BR,IAAI,EAAEJ,SAAS,CAACa;AADe,CAAjC;AAIAC,oBAAoB,CAACJ,YAArB,GAAoC;EAClCJ,SAAS,EAAEL,QAAQ,CAACU,iBAAT,CAA2BL;AADJ,CAApC;;AAIA,MAAMW,0BAA0B,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrD,MAAM;IACJC,WADI;IAEJC,kCAAkC,EAAEjB,IAFhC;IAGJkB,mCAAmC,EAAEjB,KAHjC;IAIJkB,UAJI;IAKJC;EALI,IAMFN,KANJ;EAQA,MAAM;IAACZ;EAAD,IAAca,OAApB;EACA,MAAMM,WAAW,GAAGL,WAAW,GAAGN,oBAAH,GAA0BX,kBAAzD;EAEA,oBACE,8CACE;IAAK,SAAS,EAAED,KAAK,CAACwB;EAAtB,gBACE;IAAK,SAAS,EAAExB,KAAK,CAACyB,iBAAtB;IAAyC,GAAG,EAAEJ;EAA9C,EADF,eAEE;IAAK,SAAS,EAAErB,KAAK,CAAC0B;EAAtB,GAAyCtB,SAAS,CAAC,4BAAD,CAAlD,CAFF,CADF,eAKE,8CACE,oBAAC,WAAD;IAAa,IAAI,EAAEF,IAAnB;IAAyB,KAAK,EAAEC;EAAhC,EADF,EAEG,CAACe,WAAD,gBACC;IAAK,SAAS,EAAElB,KAAK,CAAC2B;EAAtB,GACGvB,SAAS,CAAC,wCAAD,CADZ,eAEE;IACE,SAAS,EAAEJ,KAAK,CAAC4B,sBADnB;IAEE,IAAI,EAAG,GAAEN,kCAAmC;EAF9C,GAIGlB,SAAS,CAAC,kDAAD,CAJZ,CAFF,CADD,GAUG,IAZN,CALF,CADF;AAsBD,CAlCD;;AAoCAW,0BAA0B,CAACP,YAA3B,GAA0C;EACxCJ,SAAS,EAAEL,QAAQ,CAACU,iBAAT,CAA2BL;AADE,CAA1C;AAIAW,0BAA0B,CAACL,SAA3B,2CAAuC;EACrCW,UAAU,EAAEvB,SAAS,CAACa,MADe;EAErCO,WAAW,EAAEpB,SAAS,CAAC+B,IAAV,CAAeC,UAFS;EAGrCX,kCAAkC,EAAErB,SAAS,CAACa,MAHT;EAIrCS,mCAAmC,EAAEtB,SAAS,CAACa,MAJV;EAKrCW,kCAAkC,EAAExB,SAAS,CAACa;AALT,CAAvC;AAQA,eAAeI,0BAAf"}

package/es/molecule/table/index.js

@@ -11,6 +11,7 @@ import style from './style.css';
 const THEMES = {
   COCKPIT: 'cockpit'
 };
+
 const createOptionsView = (_options, hasOptions) => {
   const optionsView = _options.map((option, oIndex) => {
     const {
@@ -25,10 +26,12 @@ const createOptionsView = (_options, hasOptions) => {
       onClick: onChange
     }, option.title));
   });
+
   return hasOptions ? /*#__PURE__*/React.createElement("div", {
     className: style.options
   }, optionsView) : null;
 };
+
 const buildTableContext = (translate, theme, headerTitle) => {
   if (theme === THEMES.COCKPIT) {
     return /*#__PURE__*/React.createElement("div", {
@@ -59,6 +62,7 @@ const buildTableContext = (translate, theme, headerTitle) => {
       className: style.label
     }, translate('No status')))));
   }
+
   if (headerTitle) {
     return /*#__PURE__*/React.createElement("div", {
       className: style.header
@@ -66,8 +70,10 @@ const buildTableContext = (translate, theme, headerTitle) => {
       className: style.title
     }, headerTitle));
   }
+
   return null;
 };
+
 const Table = (props, context) => {
   const {
     rows = [],
@@ -80,7 +86,9 @@ const Table = (props, context) => {
     skin,
     translate
   } = context;
+
   const mediumColor = _get('common.medium', skin);
+
   const headerView = columns.map((column, cIndex) => {
     const {
       title,
@@ -112,6 +120,7 @@ const Table = (props, context) => {
     }) : null)));
   });
   const tableContext = buildTableContext(translate, theme, headerTitle);
+
   if (editable) {
     headerView.unshift( /*#__PURE__*/React.createElement("th", {
       key: "header"
@@ -119,6 +128,7 @@ const Table = (props, context) => {
       className: style.noOptions
     })));
   }
+
   const renderIcon = field => {
     switch (_get('icon', field)) {
       case 'draft':
@@ -126,25 +136,30 @@ const Table = (props, context) => {
           width: 25,
           height: 25
         });
+
       case 'validate':
         return /*#__PURE__*/React.createElement(ValidateIcon, {
           width: 25,
           height: 25
         });
+
       case 'nostatus':
         return /*#__PURE__*/React.createElement("span", {
           className: style.nostatus
         }, '\u26A0️');
+
       case 'videosubtitle':
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VideoSubtitleIcon, {
           className: style.videosubtitle,
           width: 25,
           height: 25
         }), field.title);
+
       default:
         null;
     }
   };
+
   const bodyView = rows.map((row, index) => {
     const {
       fields = [],
@@ -161,6 +176,7 @@ const Table = (props, context) => {
         key: fIndex
       }, _isString(field) ? field : renderIcon(field));
     });
+
     if (editable) {
       tableRows.unshift(
       /*#__PURE__*/
@@ -175,6 +191,7 @@ const Table = (props, context) => {
         width: 16
       }))));
     }
+
     return /*#__PURE__*/React.createElement("tr", {
       className: trClasses,
       key: index
@@ -189,6 +206,7 @@ const Table = (props, context) => {
     })
   }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, headerView)), /*#__PURE__*/React.createElement("tbody", null, bodyView)));
 };
+
 Table.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionCoorpacademyFunnel","FunnelIcon","NovaSolidContentEditionPencil1","PencilIcon","NovaCompositionCoorpacademyDraft","DraftIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","NovaSolidVideosVideoSubtitle","VideoSubtitleIcon","Provider","Checkbox","Link","style","THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","label","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","headerView","column","cIndex","filtered","info","length","OptionsIcon","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","childContextTypes","propTypes","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf"],"sources":["../../../src/molecule/table/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {get, isString} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionCoorpacademyFunnel as FunnelIcon,\n  NovaSolidContentEditionPencil1 as PencilIcon,\n  NovaCompositionCoorpacademyDraft as DraftIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon,\n  NovaSolidVideosVideoSubtitle as VideoSubtitleIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/checkbox';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst THEMES = {COCKPIT: 'cockpit'};\n\nconst createOptionsView = (_options, hasOptions) => {\n  const optionsView = _options.map((option, oIndex) => {\n    const {onChange, selected} = option;\n\n    return (\n      <div key={oIndex} className={selected ? style.selected : style.option}>\n        <button type=\"button\" onClick={onChange}>\n          {option.title}\n        </button>\n      </div>\n    );\n  });\n\n  return hasOptions ? <div className={style.options}>{optionsView}</div> : null;\n};\n\nconst buildTableContext = (translate, theme, headerTitle) => {\n  if (theme === THEMES.COCKPIT) {\n    return (\n      <div className={style.header}>\n        <h1 className={style.title}>{headerTitle}</h1>\n        <div className={style.legend}>\n          <div className={style.icon}>\n            <DraftIcon width={25} height={25} />\n            <span className={style.label}>{translate('Draft')}</span>\n          </div>\n          <div className={style.icon}>\n            <ValidateIcon width={25} height={25} />\n            <span className={style.label}>{translate('Validated')}</span>\n          </div>\n          <div className={style.icon}>\n            <span className={style.nostatus}>{'\\u26A0️'}</span>\n            <span className={style.label}>{translate('No status')}</span>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (headerTitle) {\n    return (\n      <div className={style.header}>\n        <h2 className={style.title}>{headerTitle}</h2>\n      </div>\n    );\n  }\n  return null;\n};\n\nconst Table = (props, context) => {\n  const {rows = [], columns = [], editable = true, theme, headerTitle = ''} = props;\n  const {skin, translate} = context;\n\n  const mediumColor = get('common.medium', skin);\n\n  const headerView = columns.map((column, cIndex) => {\n    const {title, filtered, info = '', options = []} = column;\n\n    const hasOptions = options.length > 0;\n\n    const OptionsIcon = (hasOptions && (filtered ? FunnelIcon : ArrowDown)) || null;\n\n    return (\n      <th title={info} key={cIndex}>\n        <div className={hasOptions ? style.toggle : style.noOptions}>\n          <Checkbox id={title} name={title} checked className={style.checkbox} />\n          <label htmlFor={title}>{title}</label>\n          {options.length > 0 ? createOptionsView(options, hasOptions) : null}\n          <div className={style.optionsIconWrapper}>\n            {hasOptions ? (\n              <OptionsIcon\n                color={mediumColor}\n                height={16}\n                width={16}\n                className={style.optionsIcon}\n              />\n            ) : null}\n          </div>\n        </div>\n      </th>\n    );\n  });\n\n  const tableContext = buildTableContext(translate, theme, headerTitle);\n\n  if (editable) {\n    headerView.unshift(\n      <th key=\"header\">\n        <div className={style.noOptions} />\n      </th>\n    );\n  }\n\n  const renderIcon = field => {\n    switch (get('icon', field)) {\n      case 'draft':\n        return <DraftIcon width={25} height={25} />;\n      case 'validate':\n        return <ValidateIcon width={25} height={25} />;\n      case 'nostatus':\n        return <span className={style.nostatus}>{'\\u26A0️'}</span>;\n      case 'videosubtitle':\n        return (\n          <>\n            <VideoSubtitleIcon className={style.videosubtitle} width={25} height={25} />\n            {field.title}\n          </>\n        );\n      default:\n        null;\n    }\n  };\n\n  const bodyView = rows.map((row, index) => {\n    const {fields = [], editHref} = row;\n    const trClasses = classnames({[style.highlighted]: row.highlighted});\n\n    const tableRows = fields.map((field, fIndex) => {\n      if (!field) return <td key={fIndex}>{''}</td>;\n      return <td key={fIndex}>{isString(field) ? field : renderIcon(field)}</td>;\n    });\n\n    if (editable) {\n      tableRows.unshift(\n        // TODO restore dropped support of hoverColor={brandColor}\n        <td key=\"header\">\n          <Link href={editHref}>\n            <PencilIcon color={mediumColor} height={16} width={16} />\n          </Link>\n        </td>\n      );\n    }\n\n    return (\n      <tr className={trClasses} key={index}>\n        {tableRows}\n      </tr>\n    );\n  });\n\n  const mainClass = classnames(theme === THEMES.COCKPIT ? style.cockpit : style.wrapper);\n\n  return (\n    <div className={mainClass}>\n      {tableContext}\n      <table className={classnames(style.table, {[style.readonly]: !editable})}>\n        <thead>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nTable.propTypes = {\n  editable: PropTypes.bool,\n  rows: PropTypes.arrayOf(\n    PropTypes.shape({\n      fields: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.string,\n          PropTypes.shape({icon: PropTypes.string}),\n          PropTypes.shape({icon: PropTypes.string, title: PropTypes.string})\n        ])\n      ),\n      editHref: PropTypes.string,\n      highlighted: PropTypes.bool\n    })\n  ),\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      info: PropTypes.string,\n      filtered: PropTypes.bool,\n      options: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          onChange: PropTypes.func.isRequired,\n          selected: PropTypes.bool.isRequired\n        })\n      )\n    })\n  ),\n  theme: PropTypes.oneOf([THEMES.COCKPIT]),\n  headerTitle: PropTypes.string\n};\n\nexport default Table;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","classnames","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionCoorpacademyFunnel","FunnelIcon","NovaSolidContentEditionPencil1","PencilIcon","NovaCompositionCoorpacademyDraft","DraftIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","NovaSolidVideosVideoSubtitle","VideoSubtitleIcon","Provider","Checkbox","Link","style","THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","label","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","headerView","column","cIndex","filtered","info","length","OptionsIcon","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","childContextTypes","propTypes","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf"],"sources":["../../../src/molecule/table/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {get, isString} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionCoorpacademyFunnel as FunnelIcon,\n  NovaSolidContentEditionPencil1 as PencilIcon,\n  NovaCompositionCoorpacademyDraft as DraftIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon,\n  NovaSolidVideosVideoSubtitle as VideoSubtitleIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/checkbox';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst THEMES = {COCKPIT: 'cockpit'};\n\nconst createOptionsView = (_options, hasOptions) => {\n  const optionsView = _options.map((option, oIndex) => {\n    const {onChange, selected} = option;\n\n    return (\n      <div key={oIndex} className={selected ? style.selected : style.option}>\n        <button type=\"button\" onClick={onChange}>\n          {option.title}\n        </button>\n      </div>\n    );\n  });\n\n  return hasOptions ? <div className={style.options}>{optionsView}</div> : null;\n};\n\nconst buildTableContext = (translate, theme, headerTitle) => {\n  if (theme === THEMES.COCKPIT) {\n    return (\n      <div className={style.header}>\n        <h1 className={style.title}>{headerTitle}</h1>\n        <div className={style.legend}>\n          <div className={style.icon}>\n            <DraftIcon width={25} height={25} />\n            <span className={style.label}>{translate('Draft')}</span>\n          </div>\n          <div className={style.icon}>\n            <ValidateIcon width={25} height={25} />\n            <span className={style.label}>{translate('Validated')}</span>\n          </div>\n          <div className={style.icon}>\n            <span className={style.nostatus}>{'\\u26A0️'}</span>\n            <span className={style.label}>{translate('No status')}</span>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (headerTitle) {\n    return (\n      <div className={style.header}>\n        <h2 className={style.title}>{headerTitle}</h2>\n      </div>\n    );\n  }\n  return null;\n};\n\nconst Table = (props, context) => {\n  const {rows = [], columns = [], editable = true, theme, headerTitle = ''} = props;\n  const {skin, translate} = context;\n\n  const mediumColor = get('common.medium', skin);\n\n  const headerView = columns.map((column, cIndex) => {\n    const {title, filtered, info = '', options = []} = column;\n\n    const hasOptions = options.length > 0;\n\n    const OptionsIcon = (hasOptions && (filtered ? FunnelIcon : ArrowDown)) || null;\n\n    return (\n      <th title={info} key={cIndex}>\n        <div className={hasOptions ? style.toggle : style.noOptions}>\n          <Checkbox id={title} name={title} checked className={style.checkbox} />\n          <label htmlFor={title}>{title}</label>\n          {options.length > 0 ? createOptionsView(options, hasOptions) : null}\n          <div className={style.optionsIconWrapper}>\n            {hasOptions ? (\n              <OptionsIcon\n                color={mediumColor}\n                height={16}\n                width={16}\n                className={style.optionsIcon}\n              />\n            ) : null}\n          </div>\n        </div>\n      </th>\n    );\n  });\n\n  const tableContext = buildTableContext(translate, theme, headerTitle);\n\n  if (editable) {\n    headerView.unshift(\n      <th key=\"header\">\n        <div className={style.noOptions} />\n      </th>\n    );\n  }\n\n  const renderIcon = field => {\n    switch (get('icon', field)) {\n      case 'draft':\n        return <DraftIcon width={25} height={25} />;\n      case 'validate':\n        return <ValidateIcon width={25} height={25} />;\n      case 'nostatus':\n        return <span className={style.nostatus}>{'\\u26A0️'}</span>;\n      case 'videosubtitle':\n        return (\n          <>\n            <VideoSubtitleIcon className={style.videosubtitle} width={25} height={25} />\n            {field.title}\n          </>\n        );\n      default:\n        null;\n    }\n  };\n\n  const bodyView = rows.map((row, index) => {\n    const {fields = [], editHref} = row;\n    const trClasses = classnames({[style.highlighted]: row.highlighted});\n\n    const tableRows = fields.map((field, fIndex) => {\n      if (!field) return <td key={fIndex}>{''}</td>;\n      return <td key={fIndex}>{isString(field) ? field : renderIcon(field)}</td>;\n    });\n\n    if (editable) {\n      tableRows.unshift(\n        // TODO restore dropped support of hoverColor={brandColor}\n        <td key=\"header\">\n          <Link href={editHref}>\n            <PencilIcon color={mediumColor} height={16} width={16} />\n          </Link>\n        </td>\n      );\n    }\n\n    return (\n      <tr className={trClasses} key={index}>\n        {tableRows}\n      </tr>\n    );\n  });\n\n  const mainClass = classnames(theme === THEMES.COCKPIT ? style.cockpit : style.wrapper);\n\n  return (\n    <div className={mainClass}>\n      {tableContext}\n      <table className={classnames(style.table, {[style.readonly]: !editable})}>\n        <thead>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nTable.propTypes = {\n  editable: PropTypes.bool,\n  rows: PropTypes.arrayOf(\n    PropTypes.shape({\n      fields: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.string,\n          PropTypes.shape({icon: PropTypes.string}),\n          PropTypes.shape({icon: PropTypes.string, title: PropTypes.string})\n        ])\n      ),\n      editHref: PropTypes.string,\n      highlighted: PropTypes.bool\n    })\n  ),\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      info: PropTypes.string,\n      filtered: PropTypes.bool,\n      options: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          onChange: PropTypes.func.isRequired,\n          selected: PropTypes.bool.isRequired\n        })\n      )\n    })\n  ),\n  theme: PropTypes.oneOf([THEMES.COCKPIT]),\n  headerTitle: PropTypes.string\n};\n\nexport default Table;\n"],"mappings":"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"}

package/es/molecule/teams-popin/index.js

@@ -11,6 +11,7 @@ const ICONS = {
   reload: ReloadIcon,
   wrong: ReloadIcon
 };
+
 const TeamsPopin = props => {
   const {
     header,
@@ -71,6 +72,7 @@ const TeamsPopin = props => {
     }
   }) : null));
 };
+
 TeamsPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.string,
   content: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyReload","ReloadIcon","NovaCompositionCoorpacademyLoginFailed","LoginFailedIcon","NovaCompositionCoorpacademyAddressError","AddressErrorIcon","NovaCompositionCoorpacademySchoolGraduation","SchoolGraduation","Cta","Loader","style","ICONS","login","loginFailed","addressError","reload","wrong","TeamsPopin","props","header","content","buttonLabel","aboutLabel","onButtonClick","type","isLoading","backgroundImageUrl","IconType","iconContainerStyle","iconContainer","errorIconContainer","Icon","icon","backgroundImageStyle","backgroundImage","backgroundSize","background","loader","popin","__html","buttonContainer","about","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":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyReload","ReloadIcon","NovaCompositionCoorpacademyLoginFailed","LoginFailedIcon","NovaCompositionCoorpacademyAddressError","AddressErrorIcon","NovaCompositionCoorpacademySchoolGraduation","SchoolGraduation","Cta","Loader","style","ICONS","login","loginFailed","addressError","reload","wrong","TeamsPopin","props","header","content","buttonLabel","aboutLabel","onButtonClick","type","isLoading","backgroundImageUrl","IconType","iconContainerStyle","iconContainer","errorIconContainer","Icon","icon","backgroundImageStyle","backgroundImage","backgroundSize","background","loader","popin","__html","buttonContainer","about","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":"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"}

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

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import extractor from '../../util/image';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 function ThemeImage({
   image
 }, {
@@ -38,6 +39,7 @@ function ThemeImage({
     style: mobileStyle
   })));
 }
+
 ThemeImage.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","extractor","Provider","style","ThemeImage","image","skin","extract","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","childContextTypes","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,UAAU,CAAC;EAACC;AAAK,CAAC,EAAE;EAACC;AAAI,CAAC,EAAE;EACnC,MAAMC,OAAO,GAAGN,SAAS,CAACK,IAAI,CAAC;EAC/B,MAAME,YAAY,GAAGD,OAAO,CAACF,KAAK,CAAC;EAEnC,MAAMI,kBAAkB,GAAGR,SAAS,CAACK,IAAI,EAAED,KAAK,CAAC;EACjD,MAAMK,WAAW,GAAGD,kBAAkB,CAAE,GAAEJ,KAAM,SAAQ,CAAC;EACzD,MAAMM,WAAW,GAAGF,kBAAkB,CAAE,GAAEJ,KAAM,SAAQ,CAAC;EACzD,MAAMO,YAAY,GAAGH,kBAAkB,CAAE,GAAEJ,KAAM,UAAS,CAAC;EAE3D,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACU;EAAQ,gBAC5B;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAQ,gBAC5B;IAAK,SAAS,EAAEX,KAAK,CAACY,UAAW;IAAC,KAAK,EAAEP;EAAa,EAAG,CACrD,eACN;IAAK,SAAS,EAAEL,KAAK,CAACa;EAAiB,gBACrC;IAAK,SAAS,EAAEb,KAAK,CAACY,UAAW;IAAC,KAAK,EAAEH;EAAa,EAAG,CACrD,eACN;IAAK,SAAS,EAAET,KAAK,CAACc;EAAgB,gBACpC;IAAK,SAAS,EAAEd,KAAK,CAACY,UAAW;IAAC,KAAK,EAAEJ;EAAY,EAAG,CACpD,eACN;IAAK,SAAS,EAAER,KAAK,CAACe;EAAgB,gBACpC;IAAK,SAAS,EAAEf,KAAK,CAACY,UAAW;IAAC,KAAK,EAAEL;EAAY,EAAG,CACpD,CACF;AAEV;AAEAN,UAAU,CAACe,YAAY,GAAG;EACxBb,IAAI,EAAEJ,QAAQ,CAACkB,iBAAiB,CAACd;AACnC,CAAC;AAEDF,UAAU,CAACiB,SAAS,2CAAG;EACrBhB,KAAK,EAAEL,SAAS,CAACsB,MAAM,CAACC;AAC1B,CAAC;AAED,eAAenB,UAAU"}
+{"version":3,"file":"index.js","names":["React","PropTypes","extractor","Provider","style","ThemeImage","image","skin","extract","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","childContextTypes","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,kBAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,UAAT,CAAoB;EAACC;AAAD,CAApB,EAA6B;EAACC;AAAD,CAA7B,EAAqC;EACnC,MAAMC,OAAO,GAAGN,SAAS,CAACK,IAAD,CAAzB;EACA,MAAME,YAAY,GAAGD,OAAO,CAACF,KAAD,CAA5B;EAEA,MAAMI,kBAAkB,GAAGR,SAAS,CAACK,IAAD,EAAOD,KAAP,CAApC;EACA,MAAMK,WAAW,GAAGD,kBAAkB,CAAE,GAAEJ,KAAM,SAAV,CAAtC;EACA,MAAMM,WAAW,GAAGF,kBAAkB,CAAE,GAAEJ,KAAM,SAAV,CAAtC;EACA,MAAMO,YAAY,GAAGH,kBAAkB,CAAE,GAAEJ,KAAM,UAAV,CAAvC;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACU;EAAtB,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,gBACE;IAAK,SAAS,EAAEX,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEP;EAAzC,EADF,CADF,eAIE;IAAK,SAAS,EAAEL,KAAK,CAACa;EAAtB,gBACE;IAAK,SAAS,EAAEb,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEH;EAAzC,EADF,CAJF,eAOE;IAAK,SAAS,EAAET,KAAK,CAACc;EAAtB,gBACE;IAAK,SAAS,EAAEd,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEJ;EAAzC,EADF,CAPF,eAUE;IAAK,SAAS,EAAER,KAAK,CAACe;EAAtB,gBACE;IAAK,SAAS,EAAEf,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEL;EAAzC,EADF,CAVF,CADF;AAgBD;;AAEDN,UAAU,CAACe,YAAX,GAA0B;EACxBb,IAAI,EAAEJ,QAAQ,CAACkB,iBAAT,CAA2Bd;AADT,CAA1B;AAIAF,UAAU,CAACiB,SAAX,2CAAuB;EACrBhB,KAAK,EAAEL,SAAS,CAACsB,MAAV,CAAiBC;AADH,CAAvB;AAIA,eAAenB,UAAf"}

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

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import InputTextWithTitle from '../../atom/input-text-with-title';
@@ -10,6 +11,7 @@ const CHILD = {
   'input-text': InputTextWithTitle,
   'drag-and-drop-wrapper': DragAndDropWrapper
 };
+
 const TitleAndCheckBoxWrapper = props => {
   const {
     checkboxWithTitle,
@@ -25,6 +27,7 @@ const TitleAndCheckBoxWrapper = props => {
     className: checkboxWithTitle || sectionTitle ? style.child : null
   }, /*#__PURE__*/React.createElement(Child, child)));
 };
+
 TitleAndCheckBoxWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),
   sectionTitle: PropTypes.shape(Title.propTypes),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","InputTextWithTitle","CheckboxWithTitle","Title","DragAndDropWrapper","style","CHILD","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","propTypes","shape","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,kBAAkB,MAAM,kCAAkC;AACjE,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,KAAK,MAAM,kBAAkB;AACpC,OAAOC,kBAAkB,MAAM,0BAA0B;AACzD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAG;EACZ,YAAY,EAAEL,kBAAkB;EAChC,uBAAuB,EAAEG;AAC3B,CAAC;AACD,MAAMG,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAiB;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAEtD,MAAMI,KAAK,GAAGN,KAAK,CAACI,KAAK,CAACG,SAAS,CAAC;EACpC,oBACE,iCACGJ,iBAAiB,gBAAG,oBAAC,iBAAiB,EAAKA,iBAAiB,CAAI,GAAG,IAAI,EACvEE,YAAY,gBACX;IAAK,SAAS,EAAEN,KAAK,CAACM;EAAa,gBACjC,oBAAC,KAAK,eAAKA,YAAY;IAAE,IAAI,EAAE;EAAa,GAAG,CAC3C,GACJ,IAAI,eACR;IAAK,SAAS,EAAEF,iBAAiB,IAAIE,YAAY,GAAGN,KAAK,CAACK,KAAK,GAAG;EAAK,gBACrE,oBAAC,KAAK,EAAKA,KAAK,CAAI,CAChB,CACF;AAEV,CAAC;AAEDH,uBAAuB,CAACO,SAAS,2CAAG;EAClCL,iBAAiB,EAAET,SAAS,CAACe,KAAK,CAACb,iBAAiB,CAACY,SAAS,CAAC;EAC/DH,YAAY,EAAEX,SAAS,CAACe,KAAK,CAACZ,KAAK,CAACW,SAAS,CAAC;EAC9CJ,KAAK,EAAEV,SAAS,CAACgB,SAAS,CAAC,CACzBhB,SAAS,CAACe,KAAK,cACVd,kBAAkB,CAACa,SAAS;IAC/BD,SAAS,EAAEb,SAAS,CAACiB,KAAK,CAAC,CAAC,YAAY,CAAC;EAAC,GAC1C,EACFjB,SAAS,CAACe,KAAK,cACVX,kBAAkB,CAACU,SAAS;IAC/BD,SAAS,EAAEb,SAAS,CAACiB,KAAK,CAAC,CAAC,uBAAuB,CAAC;EAAC,GACrD,CACH;AACH,CAAC;AACD,eAAeV,uBAAuB"}
+{"version":3,"file":"index.js","names":["React","PropTypes","InputTextWithTitle","CheckboxWithTitle","Title","DragAndDropWrapper","style","CHILD","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","propTypes","shape","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,kBAAP,MAA+B,0BAA/B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,KAAK,GAAG;EACZ,cAAcL,kBADF;EAEZ,yBAAyBG;AAFb,CAAd;;AAIA,MAAMG,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAD;IAAoBC,KAApB;IAA2BC;EAA3B,IAA2CH,KAAjD;EAEA,MAAMI,KAAK,GAAGN,KAAK,CAACI,KAAK,CAACG,SAAP,CAAnB;EACA,oBACE,iCACGJ,iBAAiB,gBAAG,oBAAC,iBAAD,EAAuBA,iBAAvB,CAAH,GAAkD,IADtE,EAEGE,YAAY,gBACX;IAAK,SAAS,EAAEN,KAAK,CAACM;EAAtB,gBACE,oBAAC,KAAD,eAAWA,YAAX;IAAyB,IAAI,EAAE;EAA/B,GADF,CADW,GAIT,IANN,eAOE;IAAK,SAAS,EAAEF,iBAAiB,IAAIE,YAArB,GAAoCN,KAAK,CAACK,KAA1C,GAAkD;EAAlE,gBACE,oBAAC,KAAD,EAAWA,KAAX,CADF,CAPF,CADF;AAaD,CAjBD;;AAmBAH,uBAAuB,CAACO,SAAxB,2CAAoC;EAClCL,iBAAiB,EAAET,SAAS,CAACe,KAAV,CAAgBb,iBAAiB,CAACY,SAAlC,CADe;EAElCH,YAAY,EAAEX,SAAS,CAACe,KAAV,CAAgBZ,KAAK,CAACW,SAAtB,CAFoB;EAGlCJ,KAAK,EAAEV,SAAS,CAACgB,SAAV,CAAoB,CACzBhB,SAAS,CAACe,KAAV,cACKd,kBAAkB,CAACa,SADxB;IAEED,SAAS,EAAEb,SAAS,CAACiB,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFb,GADyB,EAKzBjB,SAAS,CAACe,KAAV,cACKX,kBAAkB,CAACU,SADxB;IAEED,SAAS,EAAEb,SAAS,CAACiB,KAAV,CAAgB,CAAC,uBAAD,CAAhB;EAFb,GALyB,CAApB;AAH2B,CAApC;AAcA,eAAeV,uBAAf"}

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

@@ -4,6 +4,7 @@ import { NovaCompositionCoorpacademyCheck as Check } from '@coorpacademy/nova-ic
 import { ColorPropType } from '../../util/proptypes';
 import Checkbox from '../../atom/checkbox';
 import style from './style.css';
+
 const TitledCheckbox = props => {
   const {
     choice,
@@ -32,6 +33,7 @@ const TitledCheckbox = props => {
     className: style.label
   }, label));
 };
+
 TitledCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   choice: PropTypes.shape({
     selected: PropTypes.bool.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionCoorpacademyCheck","Check","ColorPropType","Checkbox","style","TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","default","box","selected","icon","input","propTypes","shape","bool","isRequired","string","value","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,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,gCAAgC,IAAIC,KAAK,QAAO,0BAA0B;AAClF,SAAQC,aAAa,QAAO,sBAAsB;AAClD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,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,GAAGd,OAAO,CAAC,MAAM,MAAMW,QAAQ,CAACF,MAAM,CAAC,EAAE,CAACE,QAAQ,EAAEF,MAAM,CAAC,CAAC;EAE9E,oBACE;IAAO,SAAS,EAAEH,KAAK,CAACS;EAAQ,gBAC9B;IACE,SAAS,EAAET,KAAK,CAACU,GAAI;IACrB,KAAK,EAAE;MACLN,UAAU,EAAEA,UAAU,IAAI;IAC5B;EAAE,GAEDD,MAAM,CAACQ,QAAQ,gBAAG,oBAAC,KAAK;IAAC,SAAS,EAAEX,KAAK,CAACY,IAAK;IAAC,KAAK,EAAC;EAAO,EAAG,GAAG,IAAI,eACxE,oBAAC,QAAQ;IACP,SAAS,EAAEZ,KAAK,CAACa,KAAM;IACvB,OAAO,EAAEV,MAAM,CAACQ,QAAS;IACzB,QAAQ,EAAEH,YAAa;IACvB,aAAWF;EAAM,EACjB,CACE,eACN;IAAM,KAAK,EAAEA,KAAM;IAAC,SAAS,EAAEN,KAAK,CAACM;EAAM,GACxCA,KAAK,CACD,CACD;AAEZ,CAAC;AAEDL,cAAc,CAACa,SAAS,2CAAG;EACzBX,MAAM,EAAER,SAAS,CAACoB,KAAK,CAAC;IACtBJ,QAAQ,EAAEhB,SAAS,CAACqB,IAAI,CAACC,UAAU;IACnCV,IAAI,EAAEZ,SAAS,CAACuB,MAAM,CAACD,UAAU;IACjCE,KAAK,EAAExB,SAAS,CAACuB;EACnB,CAAC,CAAC,CAACD,UAAU;EACbb,UAAU,EAAEN,aAAa;EACzBO,QAAQ,EAAEV,SAAS,CAACyB,IAAI,CAACH;AAC3B,CAAC;AAED,eAAehB,cAAc"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionCoorpacademyCheck","Check","ColorPropType","Checkbox","style","TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","default","box","selected","icon","input","propTypes","shape","bool","isRequired","string","value","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,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,gCAAgC,IAAIC,KAA5C,QAAwD,0BAAxD;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAM,MAAMW,QAAQ,CAACF,MAAD,CAArB,EAA+B,CAACE,QAAD,EAAWF,MAAX,CAA/B,CAA5B;EAEA,oBACE;IAAO,SAAS,EAAEH,KAAK,CAACS;EAAxB,gBACE;IACE,SAAS,EAAET,KAAK,CAACU,GADnB;IAEE,KAAK,EAAE;MACLN,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACQ,QAAP,gBAAkB,oBAAC,KAAD;IAAO,SAAS,EAAEX,KAAK,CAACY,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAAlB,GAAmE,IANtE,eAOE,oBAAC,QAAD;IACE,SAAS,EAAEZ,KAAK,CAACa,KADnB;IAEE,OAAO,EAAEV,MAAM,CAACQ,QAFlB;IAGE,QAAQ,EAAEH,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEN,KAAK,CAACM;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACa,SAAf,2CAA2B;EACzBX,MAAM,EAAER,SAAS,CAACoB,KAAV,CAAgB;IACtBJ,QAAQ,EAAEhB,SAAS,CAACqB,IAAV,CAAeC,UADH;IAEtBV,IAAI,EAAEZ,SAAS,CAACuB,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAExB,SAAS,CAACuB;EAHK,CAAhB,EAILD,UALsB;EAMzBb,UAAU,EAAEN,aANa;EAOzBO,QAAQ,EAAEV,SAAS,CAACyB,IAAV,CAAeH;AAPA,CAA3B;AAUA,eAAehB,cAAf"}

package/es/molecule/unsubscribe/index.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import Link from '../../atom/link';
 import style from './style.css';
+
 const Unsubscribe = (props, context) => {
   const {
     translate
@@ -31,6 +32,7 @@ const Unsubscribe = (props, context) => {
     className: style.unsubscribeConfirmation
   }, translate('premium_unsubscribe_confirmation')) : null);
 };
+
 Unsubscribe.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","Link","style","Unsubscribe","props","context","translate","moocUrl","hasUnsubscribed","onUnsubscribeButtonClick","unsubscribe","description","buttonContainer","keepSubscriptionButton","unsubscribeButton","unsubscribeConfirmation","contextTypes","childContextTypes","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,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,iCACG,CAACI,eAAe,gBACf;IAAK,SAAS,EAAEN,KAAK,CAACQ;EAAY,gBAChC;IAAK,SAAS,EAAER,KAAK,CAACS;EAAY,GAAEL,SAAS,CAAC,qBAAqB,CAAC,EAAC,GAAC,CAAM,eAC5E;IAAK,SAAS,EAAEJ,KAAK,CAACU;EAAgB,gBACpC,oBAAC,IAAI;IAAC,SAAS,EAAEV,KAAK,CAACW,sBAAuB;IAAC,IAAI,EAAEN;EAAQ,GAC1DD,SAAS,CAAC,mBAAmB,CAAC,CAC1B,CACH,eACN;IAAK,SAAS,EAAEJ,KAAK,CAACU;EAAgB,gBACpC;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEV,KAAK,CAACY,iBAAkB;IACnC,OAAO,EAAEL;EAAyB,GAEjCH,SAAS,CAAC,aAAa,CAAC,CAClB,CACL,CACF,GACJ,IAAI,EACPE,eAAe,gBACd;IAAK,SAAS,EAAEN,KAAK,CAACa;EAAwB,GAC3CT,SAAS,CAAC,kCAAkC,CAAC,CAC1C,GACJ,IAAI,CACJ;AAEV,CAAC;AAEDH,WAAW,CAACa,YAAY,GAAG;EACzBV,SAAS,EAAEN,QAAQ,CAACiB,iBAAiB,CAACX;AACxC,CAAC;AAEDH,WAAW,CAACe,SAAS,2CAAG;EACtBX,OAAO,EAAER,SAAS,CAACoB,MAAM;EACzBX,eAAe,EAAET,SAAS,CAACqB,IAAI;EAC/BX,wBAAwB,EAAEV,SAAS,CAACsB;AACtC,CAAC;AAED,eAAelB,WAAW"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","Link","style","Unsubscribe","props","context","translate","moocUrl","hasUnsubscribed","onUnsubscribeButtonClick","unsubscribe","description","buttonContainer","keepSubscriptionButton","unsubscribeButton","unsubscribeConfirmation","contextTypes","childContextTypes","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,iCACG,CAACI,eAAD,gBACC;IAAK,SAAS,EAAEN,KAAK,CAACQ;EAAtB,gBACE;IAAK,SAAS,EAAER,KAAK,CAACS;EAAtB,GAAoCL,SAAS,CAAC,qBAAD,CAA7C,MADF,eAEE;IAAK,SAAS,EAAEJ,KAAK,CAACU;EAAtB,gBACE,oBAAC,IAAD;IAAM,SAAS,EAAEV,KAAK,CAACW,sBAAvB;IAA+C,IAAI,EAAEN;EAArD,GACGD,SAAS,CAAC,mBAAD,CADZ,CADF,CAFF,eAOE;IAAK,SAAS,EAAEJ,KAAK,CAACU;EAAtB,gBACE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEV,KAAK,CAACY,iBAFnB;IAGE,OAAO,EAAEL;EAHX,GAKGH,SAAS,CAAC,aAAD,CALZ,CADF,CAPF,CADD,GAkBG,IAnBN,EAoBGE,eAAe,gBACd;IAAK,SAAS,EAAEN,KAAK,CAACa;EAAtB,GACGT,SAAS,CAAC,kCAAD,CADZ,CADc,GAIZ,IAxBN,CADF;AA4BD,CAhCD;;AAkCAH,WAAW,CAACa,YAAZ,GAA2B;EACzBV,SAAS,EAAEN,QAAQ,CAACiB,iBAAT,CAA2BX;AADb,CAA3B;AAIAH,WAAW,CAACe,SAAZ,2CAAwB;EACtBX,OAAO,EAAER,SAAS,CAACoB,MADG;EAEtBX,eAAe,EAAET,SAAS,CAACqB,IAFL;EAGtBX,wBAAwB,EAAEV,SAAS,CAACsB;AAHd,CAAxB;AAMA,eAAelB,WAAf"}

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

@@ -10,7 +10,9 @@ const LeftIcons = {
   BlueValidatedCircle: CheckIcon,
   LocaleInError: ErrorIcon
 };
+
 const getIconDataName = iconType => iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';
+
 const buildTab = (tab, index) => {
   const {
     title,
@@ -33,6 +35,7 @@ const buildTab = (tab, index) => {
     className: leftIcon === 'LocaleInError' ? style.leftIconError : style.leftIcon
   }) : null);
 };
+
 const VerticalTabs = props => {
   const {
     tabs,
@@ -45,6 +48,7 @@ const VerticalTabs = props => {
     title: ariaLabel
   }, tabsList);
 };
+
 const LeftIconValues = process.env.NODE_ENV !== "production" ? [...keys(LeftIcons), ''] : {};
 VerticalTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   tabs: PropTypes.arrayOf(PropTypes.shape({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","keys","snakeCase","Link","style","LeftIcons","BlueValidatedCircle","LocaleInError","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","propTypes","arrayOf","shape","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,2BAA2B,IAAIC,SAAS,EACxCC,oBAAoB,IAAIC,SAAS,QAC5B,0BAA0B;AACjC,OAAOC,IAAI,MAAM,gBAAgB;AACjC,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,SAAS,GAAG;EAChBC,mBAAmB,EAAER,SAAS;EAC9BS,aAAa,EAAEP;AACjB,CAAC;AAED,MAAMQ,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,GAAGb,SAAS,CAACW,QAAQ,CAAC;EACpC,oBACE;IACE,aAAY,gBAAed,SAAS,CAACW,KAAK,CAAE,EAAE;IAC9C,SAAS,EAAEjB,UAAU,CAACQ,KAAK,CAACO,GAAG,EAAEG,QAAQ,IAAIV,KAAK,CAACU,QAAQ,CAAE;IAC7D,GAAG,EAAEF,KAAM;IACX,OAAO,EAAEG;EAAQ,gBAEjB;IAAM,SAAS,EAAEX,KAAK,CAACS;EAAM,GAAEA,KAAK,CAAQ,EAC3CK,QAAQ,gBACP,oBAAC,QAAQ;IACP,aAAWV,eAAe,CAACQ,QAAQ,CAAE;IACrC,cAAYC,aAAc;IAC1B,SAAS,EAAED,QAAQ,KAAK,eAAe,GAAGZ,KAAK,CAACe,aAAa,GAAGf,KAAK,CAACY;EAAS,EAC/E,GACA,IAAI,CACL;AAET,CAAC;AAED,MAAMI,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,IAAI;IAAEC,SAAS;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGH,KAAK;EACxD,MAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAG,CAAChB,QAAQ,CAAC;EAEnC,oBACE;IAAI,SAAS,EAAEd,UAAU,CAAC,CAACQ,KAAK,CAACuB,OAAO,EAAEJ,SAAS,CAAC,CAAE;IAAC,KAAK,EAAEC;EAAU,GACrEC,QAAQ,CACN;AAET,CAAC;AAED,MAAMG,cAAc,2CAAG,CAAC,GAAG3B,IAAI,CAACI,SAAS,CAAC,EAAE,EAAE,CAAC;AAE/Ce,YAAY,CAACS,SAAS,2CAAG;EACvBP,IAAI,EAAE3B,SAAS,CAACmC,OAAO,CACrBnC,SAAS,CAACoC,KAAK,CAAC;IACdlB,KAAK,EAAEV,IAAI,CAAC0B,SAAS,CAACG,QAAQ;IAC9BlB,QAAQ,EAAEnB,SAAS,CAACsC,IAAI;IACxBjB,QAAQ,EAAErB,SAAS,CAACuC,KAAK,CAACN,cAAc,CAAC;IACzCb,OAAO,EAAEpB,SAAS,CAACwC,IAAI;IACvBlB,aAAa,EAAEtB,SAAS,CAACyC;EAC3B,CAAC,CAAC,CACH;EACDb,SAAS,EAAE5B,SAAS,CAACyC,MAAM;EAC3B,YAAY,EAAEzC,SAAS,CAACyC;AAC1B,CAAC;AACD,eAAehB,YAAY"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","keys","snakeCase","Link","style","LeftIcons","BlueValidatedCircle","LocaleInError","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","propTypes","arrayOf","shape","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,2BAA2B,IAAIC,SADjC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,SAAP,MAAsB,qBAAtB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,SAAS,GAAG;EAChBC,mBAAmB,EAAER,SADL;EAEhBS,aAAa,EAAEP;AAFC,CAAlB;;AAKA,MAAMQ,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,GAAGb,SAAS,CAACW,QAAD,CAA1B;EACA,oBACE;IACE,aAAY,gBAAed,SAAS,CAACW,KAAD,CAAQ,EAD9C;IAEE,SAAS,EAAEjB,UAAU,CAACQ,KAAK,CAACO,GAAP,EAAYG,QAAQ,IAAIV,KAAK,CAACU,QAA9B,CAFvB;IAGE,GAAG,EAAEF,KAHP;IAIE,OAAO,EAAEG;EAJX,gBAME;IAAM,SAAS,EAAEX,KAAK,CAACS;EAAvB,GAA+BA,KAA/B,CANF,EAOGK,QAAQ,gBACP,oBAAC,QAAD;IACE,aAAWV,eAAe,CAACQ,QAAD,CAD5B;IAEE,cAAYC,aAFd;IAGE,SAAS,EAAED,QAAQ,KAAK,eAAb,GAA+BZ,KAAK,CAACe,aAArC,GAAqDf,KAAK,CAACY;EAHxE,EADO,GAML,IAbN,CADF;AAiBD,CArBD;;AAuBA,MAAMI,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,IAAD;IAAOC,SAAP;IAAkB,cAAcC;EAAhC,IAA6CH,KAAnD;EACA,MAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAL,CAAShB,QAAT,CAAjB;EAEA,oBACE;IAAI,SAAS,EAAEd,UAAU,CAAC,CAACQ,KAAK,CAACuB,OAAP,EAAgBJ,SAAhB,CAAD,CAAzB;IAAuD,KAAK,EAAEC;EAA9D,GACGC,QADH,CADF;AAKD,CATD;;AAWA,MAAMG,cAAN,2CAAuB,CAAC,GAAG3B,IAAI,CAACI,SAAD,CAAR,EAAqB,EAArB,CAAvB;AAEAe,YAAY,CAACS,SAAb,2CAAyB;EACvBP,IAAI,EAAE3B,SAAS,CAACmC,OAAV,CACJnC,SAAS,CAACoC,KAAV,CAAgB;IACdlB,KAAK,EAAEV,IAAI,CAAC0B,SAAL,CAAeG,QADR;IAEdlB,QAAQ,EAAEnB,SAAS,CAACsC,IAFN;IAGdjB,QAAQ,EAAErB,SAAS,CAACuC,KAAV,CAAgBN,cAAhB,CAHI;IAIdb,OAAO,EAAEpB,SAAS,CAACwC,IAJL;IAKdlB,aAAa,EAAEtB,SAAS,CAACyC;EALX,CAAhB,CADI,CADiB;EAUvBb,SAAS,EAAE5B,SAAS,CAACyC,MAVE;EAWvB,cAAczC,SAAS,CAACyC;AAXD,CAAzB;AAaA,eAAehB,YAAf"}

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

@@ -1,11 +1,14 @@
 import _noop from "lodash/fp/noop";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import qs from 'qs';
 import Provider from '../../atom/provider';
 import { SrcPropType } from '../../util/proptypes';
 import style from './style.css';
+
 const getUrl = ({
   url,
   type,
@@ -16,21 +19,27 @@ const getUrl = ({
   switch (type) {
     case 'youtube':
       return `https://www.youtube.com/embed/${id}?${qs.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.Component {
   componentDidMount() {
     const {
       type
     } = this.props;
+
     if (type === 'kontiki') {
       const {
         onPlay = _noop
@@ -38,6 +47,7 @@ class VideoIframe extends React.Component {
       onPlay();
     }
   }
+
   render() {
     const {
       type,
@@ -64,7 +74,9 @@ class VideoIframe extends React.Component {
       allowFullScreen: true
     });
   }
+
 }
+
 VideoIframe.contextTypes = {
   Vimeo: Provider.childContextTypes.Vimeo
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","qs","Provider","SrcPropType","style","getUrl","url","type","id","query","opts","stringify","VideoIframe","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","iframe","contextTypes","Vimeo","childContextTypes","propTypes","oneOf","string","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,EAAE,MAAM,IAAI;AAEnB,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,SAAQC,WAAW,QAAO,sBAAsB;AAChD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,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,IAAGP,EAAE,CAACU,SAAS,cAAKF,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,MAAMM,WAAW,SAASb,KAAK,CAACc,SAAS,CAAC;EAexCC,iBAAiB,GAAG;IAClB,MAAM;MAACP;IAAI,CAAC,GAAG,IAAI,CAACQ,KAAK;IACzB,IAAIR,IAAI,KAAK,SAAS,EAAE;MACtB,MAAM;QAACS,MAAM;MAAO,CAAC,GAAG,IAAI,CAACD,KAAK;MAClCC,MAAM,EAAE;IACV;EACF;EAEAC,MAAM,GAAG;IACP,MAAM;MAACV,IAAI;MAAEC,EAAE;MAAEF,GAAG;MAAEY,QAAQ,GAAG,KAAK;MAAEC,KAAK,GAAG,MAAM;MAAEC,MAAM,GAAG;IAAO,CAAC,GAAG,IAAI,CAACL,KAAK;IACtF,MAAMM,GAAG,GAAGhB,MAAM,CAAC;MAACC,GAAG;MAAEC,IAAI;MAAEC,EAAE;MAAEU;IAAQ,CAAC,CAAC;IAE7C,oBACE;MACE,GAAG,EAAEG,GAAI;MACT,KAAK,EAAEF,KAAM;MACb,MAAM,EAAEC,MAAO;MACf,WAAW,EAAE,CAAE;MACf,SAAS,EAAEhB,KAAK,CAACkB,MAAO;MACxB,OAAO,EAAEf,IAAI,KAAK,QAAQ,GAAG,KAAK,GAAG,IAAK;MAC1C,SAAS,EAAEA,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAK;MAC3C,eAAe;IAAA,EACf;EAEN;AACF;AAxCMK,WAAW,CAWRW,YAAY,GAAG;EACpBC,KAAK,EAAEtB,QAAQ,CAACuB,iBAAiB,CAACD;AACpC,CAAC;AAbGZ,WAAW,CACRc,SAAS,2CAAG;EACjBnB,IAAI,EAAEP,SAAS,CAAC2B,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;EACxFR,KAAK,EAAEnB,SAAS,CAAC4B,MAAM;EACvBR,MAAM,EAAEpB,SAAS,CAAC4B,MAAM;EACxBtB,GAAG,EAAEH,WAAW;EAChBK,EAAE,EAAER,SAAS,CAAC4B,MAAM;EACpBV,QAAQ,EAAElB,SAAS,CAAC6B,IAAI;EACxBb,MAAM,EAAEhB,SAAS,CAAC8B;AACpB,CAAC;AAiCH,eAAelB,WAAW"}
+{"version":3,"file":"index.js","names":["React","PropTypes","qs","Provider","SrcPropType","style","getUrl","url","type","id","query","opts","stringify","VideoIframe","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","iframe","contextTypes","Vimeo","childContextTypes","propTypes","oneOf","string","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,IAAf;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,IAAGP,EAAE,CAACU,SAAH,cAAiBF,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,MAAMM,WAAN,SAA0Bb,KAAK,CAACc,SAAhC,CAA0C;EAexCC,iBAAiB,GAAG;IAClB,MAAM;MAACP;IAAD,IAAS,KAAKQ,KAApB;;IACA,IAAIR,IAAI,KAAK,SAAb,EAAwB;MACtB,MAAM;QAACS,MAAM;MAAP,IAAkB,KAAKD,KAA7B;MACAC,MAAM;IACP;EACF;;EAEDC,MAAM,GAAG;IACP,MAAM;MAACV,IAAD;MAAOC,EAAP;MAAWF,GAAX;MAAgBY,QAAQ,GAAG,KAA3B;MAAkCC,KAAK,GAAG,MAA1C;MAAkDC,MAAM,GAAG;IAA3D,IAAsE,KAAKL,KAAjF;IACA,MAAMM,GAAG,GAAGhB,MAAM,CAAC;MAACC,GAAD;MAAMC,IAAN;MAAYC,EAAZ;MAAgBU;IAAhB,CAAD,CAAlB;IAEA,oBACE;MACE,GAAG,EAAEG,GADP;MAEE,KAAK,EAAEF,KAFT;MAGE,MAAM,EAAEC,MAHV;MAIE,WAAW,EAAE,CAJf;MAKE,SAAS,EAAEhB,KAAK,CAACkB,MALnB;MAME,OAAO,EAAEf,IAAI,KAAK,QAAT,GAAoB,KAApB,GAA4B,IANvC;MAOE,SAAS,EAAEA,IAAI,KAAK,QAAT,GAAoB,IAApB,GAA2B,IAPxC;MAQE,eAAe;IARjB,EADF;EAYD;;AAvCuC;;AAApCK,W,CAWGW,Y,GAAe;EACpBC,KAAK,EAAEtB,QAAQ,CAACuB,iBAAT,CAA2BD;AADd,C;AAXlBZ,W,CACGc,S,2CAAY;EACjBnB,IAAI,EAAEP,SAAS,CAAC2B,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,SAAtB,EAAiC,UAAjC,EAA6C,YAA7C,EAA2D,KAA3D,CAAhB,CADW;EAEjBR,KAAK,EAAEnB,SAAS,CAAC4B,MAFA;EAGjBR,MAAM,EAAEpB,SAAS,CAAC4B,MAHD;EAIjBtB,GAAG,EAAEH,WAJY;EAKjBK,EAAE,EAAER,SAAS,CAAC4B,MALG;EAMjBV,QAAQ,EAAElB,SAAS,CAAC6B,IANH;EAOjBb,MAAM,EAAEhB,SAAS,CAAC8B;AAPD,C;AAyCrB,eAAelB,WAAf"}