@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_notification","e","__esModule","default","NOTIFICATION_ICON","addFavorite","CheckIcon","removeFavorite","MoreIcon","lock","LockIcon","unlock","UnlockIcon","handleOverlayClick","stopPropagation","preventDefault","Notification","props","message","icon","IconType","_get2","createElement","onClick","className","classnames","style","showOverlay","notificationWrapper","notification","color","stroke","role","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","oneOf","_keys2","_default","exports"],"sources":["../../../src/molecule/card/notification.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: MoreIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n\n  const IconType = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <IconType className={style.icon} style={{color: null}} stroke={null} />\n        <div className={style.message}>\n          <span role=\"status\">{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAMA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvC,MAAMG,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,2CAAS;EACtBC,cAAc,EAAEC,wCAAQ;EACxBC,IAAI,EAAEC,+BAAQ;EACdC,MAAM,EAAEC;AACV,CAAC;AAED,MAAMC,kBAAkB,GAAGZ,CAAC,IAAI;EAC9BA,CAAC,CAACa,eAAe,CAAC,CAAC;EACnBb,CAAC,CAACc,cAAc,CAAC,CAAC;EAClB,OAAO,KAAK;AACd,CAAC;AAED,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAO;IAAEC;EAAI,CAAC,GAAGF,KAAK;EAE7B,MAAMG,QAAQ,GAAG,IAAAC,KAAA,CAAAlB,OAAA,EAAIgB,IAAI,EAAEf,iBAAiB,CAAC;EAC7C,oBACEV,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IACE,aAAU,cAAc;IACxB,aAAWH,IAAK;IAChBI,OAAO,EAAEV,kBAAmB;IAC5BW,SAAS,EAAE,IAAAC,mBAAU,EAACC,qBAAK,CAACC,WAAW,EAAED,qBAAK,CAACE,mBAAmB;EAAE,gBAEpElC,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IAAKE,SAAS,EAAEE,qBAAK,CAACG;EAAa,gBACjCnC,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACF,QAAQ;IAACI,SAAS,EAAEE,qBAAK,CAACP,IAAK;IAACO,KAAK,EAAE;MAACI,KAAK,EAAE;IAAI,CAAE;IAACC,MAAM,EAAE;EAAK,CAAE,CAAC,eACvErC,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IAAKE,SAAS,EAAEE,qBAAK,CAACR;EAAQ,gBAC5BxB,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IAAMU,IAAI,EAAC;EAAQ,GAAEd,OAAc,CAChC,CACF,CACF,CAAC;AAEV,CAAC;AACDF,YAAY,CAACiB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBlB,OAAO,EAAEmB,kBAAS,CAACC,MAAM,CAACC,UAAU;EACpCpB,IAAI,EAAEkB,kBAAS,CAACG,KAAK,CAAC,IAAAC,MAAA,CAAAtC,OAAA,EAAKC,iBAAiB,CAAC,CAAC,CAACmC;AACjD,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAEaa,YAAY","ignoreList":[]}
+{"version":3,"file":"notification.js","names":["NOTIFICATION_ICON","addFavorite","CheckIcon","removeFavorite","MoreIcon","lock","LockIcon","unlock","UnlockIcon","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","classnames","style","showOverlay","notificationWrapper","notification","color","propTypes","PropTypes","string","isRequired","oneOf"],"sources":["../../../src/molecule/card/notification.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: MoreIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n\n  const IconType = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <IconType className={style.icon} style={{color: null}} stroke={null} />\n        <div className={style.message}>\n          <span role=\"status\">{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAMA;;;;AAEA,MAAMA,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,2CADW;EAExBC,cAAc,EAAEC,wCAFQ;EAGxBC,IAAI,EAAEC,+BAHkB;EAIxBC,MAAM,EAAEC;AAJgB,CAA1B;;AAOA,MAAMC,kBAAkB,GAAGC,CAAC,IAAI;EAC9BA,CAAC,CAACC,eAAF;EACAD,CAAC,CAACE,cAAF;EACA,OAAO,KAAP;AACD,CAJD;;AAMA,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAD;IAAUC;EAAV,IAAkBF,KAAxB;EAEA,MAAMG,QAAQ,GAAG,mBAAID,IAAJ,EAAUhB,iBAAV,CAAjB;EACA,oBACE;IACE,aAAU,cADZ;IAEE,aAAWgB,IAFb;IAGE,OAAO,EAAEP,kBAHX;IAIE,SAAS,EAAE,IAAAS,mBAAA,EAAWC,qBAAA,CAAMC,WAAjB,EAA8BD,qBAAA,CAAME,mBAApC;EAJb,gBAME;IAAK,SAAS,EAAEF,qBAAA,CAAMG;EAAtB,gBACE,6BAAC,QAAD;IAAU,SAAS,EAAEH,qBAAA,CAAMH,IAA3B;IAAiC,KAAK,EAAE;MAACO,KAAK,EAAE;IAAR,CAAxC;IAAuD,MAAM,EAAE;EAA/D,EADF,eAEE;IAAK,SAAS,EAAEJ,qBAAA,CAAMJ;EAAtB,gBACE;IAAM,IAAI,EAAC;EAAX,GAAqBA,OAArB,CADF,CAFF,CANF,CADF;AAeD,CAnBD;;AAoBAF,YAAY,CAACW,SAAb,2CAAyB;EACvBT,OAAO,EAAEU,kBAAA,CAAUC,MAAV,CAAiBC,UADH;EAEvBX,IAAI,EAAES,kBAAA,CAAUG,KAAV,CAAgB,oBAAK5B,iBAAL,CAAhB,EAAyC2B;AAFxB,CAAzB;eAKed,Y"}

package/lib/molecule/card/selectable.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isUndefined2 = _interopRequireDefault(require("lodash/fp/isUndefined"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _selectable = _interopRequireDefault(require("./selectable.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Selectable = props => {
   const {
     isSelected,
@@ -36,6 +44,7 @@ const Selectable = props => {
     "aria-label": ariaLabel.show
   })));
 };
+
 Selectable.propTypes = process.env.NODE_ENV !== "production" ? {
   isSelected: _propTypes.default.bool,
   hidden: _propTypes.default.bool,
@@ -44,5 +53,6 @@ Selectable.propTypes = process.env.NODE_ENV !== "production" ? {
     unSelect: _propTypes.default.string
   })
 } : {};
-var _default = exports.default = Selectable;
+var _default = Selectable;
+exports.default = _default;
 //# sourceMappingURL=selectable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"selectable.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_selectable","e","__esModule","default","Selectable","props","isSelected","hidden","ariaLabel","_isUndefined2","createElement","className","classnames","style","selectable","selected","circle","iconWrapper","NovaSolidRemoveAddAddCircle1","addIcon","select","NovaSolidStatusCheckCircle2","checkIcon","unSelect","NovaLineContentEditionHide","hideIcon","hide","NovaCompositionCoorpacademyEye","showIcon","show","propTypes","process","env","NODE_ENV","PropTypes","bool","shape","string","_default","exports"],"sources":["../../../src/molecule/card/selectable.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isUndefined} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaLineContentEditionHide as HideIcon,\n  NovaCompositionCoorpacademyEye as ShowIcon\n} from '@coorpacademy/nova-icons';\nimport style from './selectable.css';\n\nconst Selectable = props => {\n  const {isSelected, hidden, 'aria-label': ariaLabel = {}} = props;\n\n  if (isUndefined(isSelected)) return null;\n\n  return (\n    <div\n      className={classnames(style.selectable, isSelected && style.selected, hidden && style.hidden)}\n    >\n      <div className={style.circle} />\n      <div className={style.iconWrapper}>\n        <AddIcon className={style.addIcon} aria-label={ariaLabel.select} />\n        <CheckIcon className={style.checkIcon} aria-label={ariaLabel.unSelect} />\n        <HideIcon className={style.hideIcon} aria-label={ariaLabel.hide} />\n        <ShowIcon className={style.showIcon} aria-label={ariaLabel.show} />\n      </div>\n    </div>\n  );\n};\n\nSelectable.propTypes = {\n  isSelected: PropTypes.bool,\n  hidden: PropTypes.bool,\n  'aria-label': PropTypes.shape({\n    select: PropTypes.string,\n    unSelect: PropTypes.string\n  })\n};\n\nexport default Selectable;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAMA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAqC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAErC,MAAMG,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,UAAU;IAAEC,MAAM;IAAE,YAAY,EAAEC,SAAS,GAAG,CAAC;EAAC,CAAC,GAAGH,KAAK;EAEhE,IAAI,IAAAI,aAAA,CAAAN,OAAA,EAAYG,UAAU,CAAC,EAAE,OAAO,IAAI;EAExC,oBACEZ,MAAA,CAAAS,OAAA,CAAAO,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EAACC,mBAAK,CAACC,UAAU,EAAER,UAAU,IAAIO,mBAAK,CAACE,QAAQ,EAAER,MAAM,IAAIM,mBAAK,CAACN,MAAM;EAAE,gBAE9Fb,MAAA,CAAAS,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEE,mBAAK,CAACG;EAAO,CAAE,CAAC,eAChCtB,MAAA,CAAAS,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEE,mBAAK,CAACI;EAAY,gBAChCvB,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACX,UAAA,CAAAmB,4BAAO;IAACP,SAAS,EAAEE,mBAAK,CAACM,OAAQ;IAAC,cAAYX,SAAS,CAACY;EAAO,CAAE,CAAC,eACnE1B,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACX,UAAA,CAAAsB,2BAAS;IAACV,SAAS,EAAEE,mBAAK,CAACS,SAAU;IAAC,cAAYd,SAAS,CAACe;EAAS,CAAE,CAAC,eACzE7B,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACX,UAAA,CAAAyB,0BAAQ;IAACb,SAAS,EAAEE,mBAAK,CAACY,QAAS;IAAC,cAAYjB,SAAS,CAACkB;EAAK,CAAE,CAAC,eACnEhC,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACX,UAAA,CAAA4B,8BAAQ;IAAChB,SAAS,EAAEE,mBAAK,CAACe,QAAS;IAAC,cAAYpB,SAAS,CAACqB;EAAK,CAAE,CAC/D,CACF,CAAC;AAEV,CAAC;AAEDzB,UAAU,CAAC0B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrB3B,UAAU,EAAE4B,kBAAS,CAACC,IAAI;EAC1B5B,MAAM,EAAE2B,kBAAS,CAACC,IAAI;EACtB,YAAY,EAAED,kBAAS,CAACE,KAAK,CAAC;IAC5BhB,MAAM,EAAEc,kBAAS,CAACG,MAAM;IACxBd,QAAQ,EAAEW,kBAAS,CAACG;EACtB,CAAC;AACH,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApC,OAAA,GAEaC,UAAU","ignoreList":[]}
+{"version":3,"file":"selectable.js","names":["Selectable","props","isSelected","hidden","ariaLabel","classnames","style","selectable","selected","circle","iconWrapper","addIcon","select","checkIcon","unSelect","hideIcon","hide","showIcon","show","propTypes","PropTypes","bool","shape","string"],"sources":["../../../src/molecule/card/selectable.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isUndefined} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaLineContentEditionHide as HideIcon,\n  NovaCompositionCoorpacademyEye as ShowIcon\n} from '@coorpacademy/nova-icons';\nimport style from './selectable.css';\n\nconst Selectable = props => {\n  const {isSelected, hidden, 'aria-label': ariaLabel = {}} = props;\n\n  if (isUndefined(isSelected)) return null;\n\n  return (\n    <div\n      className={classnames(style.selectable, isSelected && style.selected, hidden && style.hidden)}\n    >\n      <div className={style.circle} />\n      <div className={style.iconWrapper}>\n        <AddIcon className={style.addIcon} aria-label={ariaLabel.select} />\n        <CheckIcon className={style.checkIcon} aria-label={ariaLabel.unSelect} />\n        <HideIcon className={style.hideIcon} aria-label={ariaLabel.hide} />\n        <ShowIcon className={style.showIcon} aria-label={ariaLabel.show} />\n      </div>\n    </div>\n  );\n};\n\nSelectable.propTypes = {\n  isSelected: PropTypes.bool,\n  hidden: PropTypes.bool,\n  'aria-label': PropTypes.shape({\n    select: PropTypes.string,\n    unSelect: PropTypes.string\n  })\n};\n\nexport default Selectable;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAMA;;;;AAEA,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,UAAD;IAAaC,MAAb;IAAqB,cAAcC,SAAS,GAAG;EAA/C,IAAqDH,KAA3D;EAEA,IAAI,2BAAYC,UAAZ,CAAJ,EAA6B,OAAO,IAAP;EAE7B,oBACE;IACE,SAAS,EAAE,IAAAG,mBAAA,EAAWC,mBAAA,CAAMC,UAAjB,EAA6BL,UAAU,IAAII,mBAAA,CAAME,QAAjD,EAA2DL,MAAM,IAAIG,mBAAA,CAAMH,MAA3E;EADb,gBAGE;IAAK,SAAS,EAAEG,mBAAA,CAAMG;EAAtB,EAHF,eAIE;IAAK,SAAS,EAAEH,mBAAA,CAAMI;EAAtB,gBACE,6BAAC,uCAAD;IAAS,SAAS,EAAEJ,mBAAA,CAAMK,OAA1B;IAAmC,cAAYP,SAAS,CAACQ;EAAzD,EADF,eAEE,6BAAC,sCAAD;IAAW,SAAS,EAAEN,mBAAA,CAAMO,SAA5B;IAAuC,cAAYT,SAAS,CAACU;EAA7D,EAFF,eAGE,6BAAC,qCAAD;IAAU,SAAS,EAAER,mBAAA,CAAMS,QAA3B;IAAqC,cAAYX,SAAS,CAACY;EAA3D,EAHF,eAIE,6BAAC,yCAAD;IAAU,SAAS,EAAEV,mBAAA,CAAMW,QAA3B;IAAqC,cAAYb,SAAS,CAACc;EAA3D,EAJF,CAJF,CADF;AAaD,CAlBD;;AAoBAlB,UAAU,CAACmB,SAAX,2CAAuB;EACrBjB,UAAU,EAAEkB,kBAAA,CAAUC,IADD;EAErBlB,MAAM,EAAEiB,kBAAA,CAAUC,IAFG;EAGrB,cAAcD,kBAAA,CAAUE,KAAV,CAAgB;IAC5BV,MAAM,EAAEQ,kBAAA,CAAUG,MADU;IAE5BT,QAAQ,EAAEM,kBAAA,CAAUG;EAFQ,CAAhB;AAHO,CAAvB;eASevB,U"}

package/lib/molecule/card-congrats/index.native.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _lottieReactNative = _interopRequireDefault(require("lottie-react-native"));
+
 var _templateContext = require("../../template/app-review/template-context");
+
 var _shadow = require("../../variables/shadow");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+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 createStyleSheet = theme => _reactNative.StyleSheet.create({
   animation: {
     marginBottom: 12,
@@ -52,6 +61,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     height: 53
   }
 });
+
 const CardCongrats = ({
   animationUri,
   Icon,
@@ -67,11 +77,14 @@ const CardCongrats = ({
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.card
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -97,5 +110,7 @@ const CardCongrats = ({
     color: iconColor
   })));
 };
-var _default = exports.default = CardCongrats;
+
+var _default = CardCongrats;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/molecule/card-congrats/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_lottieReactNative","_interopRequireDefault","_templateContext","_shadow","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","theme","StyleSheet","create","animation","marginBottom","width","height","card","alignItems","paddingTop","paddingBottom","borderRadius","margin","BOX_STYLE","backgroundColor","colors","white","cardTitle","fontWeight","fontSize","lineHeight","color","text","primary","reward","rewardText","marginHorizontal","iconBig","iconSmall","CardCongrats","animationUri","Icon","value","iconColor","textColor","direction","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","createElement","View","style","source","uri","autoPlay","loop","Text","flexDirection","_default","exports"],"sources":["../../../src/molecule/card-congrats/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {BOX_STYLE} from '../../variables/shadow';\nimport {CardCongratsProps} from './types';\n\ntype StyleSheetType = {\n  animation: ViewStyle;\n  card: ViewStyle;\n  cardTitle: TextStyle;\n  iconBig: ViewStyle;\n  iconSmall: ViewStyle;\n  reward: ViewStyle;\n  rewardText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    animation: {\n      marginBottom: 12,\n      width: 132,\n      height: 132\n    },\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    card: {\n      alignItems: 'center',\n      paddingTop: 32,\n      paddingBottom: 24,\n      borderRadius: 24,\n      margin: 10,\n      width: 280,\n      height: 317,\n      ...BOX_STYLE,\n      backgroundColor: theme.colors.white\n    },\n    cardTitle: {\n      fontWeight: '400',\n      fontSize: 32,\n      lineHeight: 40,\n      color: theme.colors.text.primary\n    },\n    reward: {\n      alignItems: 'center'\n    },\n    rewardText: {\n      fontWeight: '700',\n      fontSize: 64,\n      lineHeight: 77,\n      marginHorizontal: 10\n    },\n    iconBig: {\n      width: 70,\n      height: 70\n    },\n    iconSmall: {\n      width: 53,\n      height: 53\n    }\n  });\n\nconst CardCongrats = ({\n  animationUri,\n  Icon,\n  value,\n  text,\n  iconColor,\n  textColor,\n  direction\n}: CardCongratsProps) => {\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.card}>\n      <View style={styleSheet.animation}>\n        {animationUri ? <LottieView source={{uri: animationUri}} autoPlay loop={false} /> : null}\n      </View>\n      <Text style={styleSheet.cardTitle}>{text}</Text>\n      <View style={[styleSheet.reward, {flexDirection: direction}]}>\n        <Text style={[styleSheet.rewardText, {color: textColor}]}>{value}</Text>\n        <Icon style={styleSheet.iconSmall} color={iconColor} />\n      </View>\n    </View>\n  );\n};\n\nexport default CardCongrats;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","animation","marginBottom","width","height","card","alignItems","paddingTop","paddingBottom","borderRadius","margin","BOX_STYLE","backgroundColor","colors","white","cardTitle","fontWeight","fontSize","lineHeight","color","text","primary","reward","rewardText","marginHorizontal","iconBig","iconSmall","CardCongrats","animationUri","Icon","value","iconColor","textColor","direction","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","uri","flexDirection"],"sources":["../../../src/molecule/card-congrats/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {BOX_STYLE} from '../../variables/shadow';\nimport {CardCongratsProps} from './types';\n\ntype StyleSheetType = {\n  animation: ViewStyle;\n  card: ViewStyle;\n  cardTitle: TextStyle;\n  iconBig: ViewStyle;\n  iconSmall: ViewStyle;\n  reward: ViewStyle;\n  rewardText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    animation: {\n      marginBottom: 12,\n      width: 132,\n      height: 132\n    },\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    card: {\n      alignItems: 'center',\n      paddingTop: 32,\n      paddingBottom: 24,\n      borderRadius: 24,\n      margin: 10,\n      width: 280,\n      height: 317,\n      ...BOX_STYLE,\n      backgroundColor: theme.colors.white\n    },\n    cardTitle: {\n      fontWeight: '400',\n      fontSize: 32,\n      lineHeight: 40,\n      color: theme.colors.text.primary\n    },\n    reward: {\n      alignItems: 'center'\n    },\n    rewardText: {\n      fontWeight: '700',\n      fontSize: 64,\n      lineHeight: 77,\n      marginHorizontal: 10\n    },\n    iconBig: {\n      width: 70,\n      height: 70\n    },\n    iconSmall: {\n      width: 53,\n      height: 53\n    }\n  });\n\nconst CardCongrats = ({\n  animationUri,\n  Icon,\n  value,\n  text,\n  iconColor,\n  textColor,\n  direction\n}: CardCongratsProps) => {\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.card}>\n      <View style={styleSheet.animation}>\n        {animationUri ? <LottieView source={{uri: animationUri}} autoPlay loop={false} /> : null}\n      </View>\n      <Text style={styleSheet.cardTitle}>{text}</Text>\n      <View style={[styleSheet.reward, {flexDirection: direction}]}>\n        <Text style={[styleSheet.rewardText, {color: textColor}]}>{value}</Text>\n        <Icon style={styleSheet.iconSmall} color={iconColor} />\n      </View>\n    </View>\n  );\n};\n\nexport default CardCongrats;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAaA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,YAAY,EAAE,EADL;IAETC,KAAK,EAAE,GAFE;IAGTC,MAAM,EAAE;EAHC,CADK;EAMhB;EACAC,IAAI,EAAE;IACJC,UAAU,EAAE,QADR;IAEJC,UAAU,EAAE,EAFR;IAGJC,aAAa,EAAE,EAHX;IAIJC,YAAY,EAAE,EAJV;IAKJC,MAAM,EAAE,EALJ;IAMJP,KAAK,EAAE,GANH;IAOJC,MAAM,EAAE,GAPJ;IAQJ,GAAGO,iBARC;IASJC,eAAe,EAAEd,KAAK,CAACe,MAAN,CAAaC;EAT1B,CAPU;EAkBhBC,SAAS,EAAE;IACTC,UAAU,EAAE,KADH;IAETC,QAAQ,EAAE,EAFD;IAGTC,UAAU,EAAE,EAHH;IAITC,KAAK,EAAErB,KAAK,CAACe,MAAN,CAAaO,IAAb,CAAkBC;EAJhB,CAlBK;EAwBhBC,MAAM,EAAE;IACNhB,UAAU,EAAE;EADN,CAxBQ;EA2BhBiB,UAAU,EAAE;IACVP,UAAU,EAAE,KADF;IAEVC,QAAQ,EAAE,EAFA;IAGVC,UAAU,EAAE,EAHF;IAIVM,gBAAgB,EAAE;EAJR,CA3BI;EAiChBC,OAAO,EAAE;IACPtB,KAAK,EAAE,EADA;IAEPC,MAAM,EAAE;EAFD,CAjCO;EAqChBsB,SAAS,EAAE;IACTvB,KAAK,EAAE,EADE;IAETC,MAAM,EAAE;EAFC;AArCK,CAAlB,CADF;;AA4CA,MAAMuB,YAAY,GAAG,CAAC;EACpBC,YADoB;EAEpBC,IAFoB;EAGpBC,KAHoB;EAIpBV,IAJoB;EAKpBW,SALoB;EAMpBC,SANoB;EAOpBC;AAPoB,CAAD,KAQI;EACvB,MAAM;IAACnC;EAAD,IAAU,IAAAoC,mCAAA,GAAhB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG1C,gBAAgB,CAACC,KAAD,CAApC;;IACAsC,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAACzC,KAAD,CAHH;;EAKA,IAAI,CAACqC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAAC9B;EAAxB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE8B,UAAU,CAAClC;EAAxB,GACG2B,YAAY,gBAAG,6BAAC,0BAAD;IAAY,MAAM,EAAE;MAACY,GAAG,EAAEZ;IAAN,CAApB;IAAyC,QAAQ,MAAjD;IAAkD,IAAI,EAAE;EAAxD,EAAH,GAAuE,IADtF,CADF,eAIE,6BAAC,iBAAD;IAAM,KAAK,EAAEO,UAAU,CAACpB;EAAxB,GAAoCK,IAApC,CAJF,eAKE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACe,UAAU,CAACb,MAAZ,EAAoB;MAACmB,aAAa,EAAER;IAAhB,CAApB;EAAb,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACE,UAAU,CAACZ,UAAZ,EAAwB;MAACJ,KAAK,EAAEa;IAAR,CAAxB;EAAb,GAA2DF,KAA3D,CADF,eAEE,6BAAC,IAAD;IAAM,KAAK,EAAEK,UAAU,CAACT,SAAxB;IAAmC,KAAK,EAAEK;EAA1C,EAFF,CALF,CADF;AAYD,CAjCD;;eAmCeJ,Y"}

package/lib/molecule/card-congrats/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/molecule/card-congrats/types.ts"],"sourcesContent":["import {ColorValue, ViewStyle} from 'react-native';\n\nexport type CardCongratsProps = {\n  animationUri: string | null;\n  Icon: React.FC<{style: ViewStyle; color: ColorValue}>;\n  value: string;\n  text: string;\n  iconColor: ColorValue;\n  textColor: ColorValue;\n  direction: ViewStyle['flexDirection'];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/molecule/card-congrats/types.ts"],"sourcesContent":["import {ColorValue, ViewStyle} from 'react-native';\n\nexport type CardCongratsProps = {\n  animationUri: string | null;\n  Icon: React.FC<{style: ViewStyle; color: ColorValue}>;\n  value: string;\n  text: string;\n  iconColor: ColorValue;\n  textColor: ColorValue;\n  direction: ViewStyle['flexDirection'];\n};\n"],"mappings":""}

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

@@ -2,26 +2,42 @@
 
 exports.__esModule = true;
 exports.default = exports.THEMES = exports.MODES = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _externalContent = require("../../util/external-content");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _contentBadge = _interopRequireDefault(require("../../atom/content-badge"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MODES = exports.MODES = {
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const MODES = {
   HERO: 'hero',
   CARD: 'card'
 };
-const THEMES = exports.THEMES = {
+exports.MODES = MODES;
+const THEMES = {
   default: null,
   coorpmanager: _style.default.coorpmanager
 };
+exports.THEMES = THEMES;
+
 const ContentTypeInfo = ({
   mode,
   type,
@@ -30,9 +46,11 @@ const ContentTypeInfo = ({
   const {
     translate
   } = context;
+
   if (mode !== MODES.CARD) {
     return null;
   }
+
   if (type === 'chapter') {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.microLearningIcon
@@ -42,6 +60,7 @@ const ContentTypeInfo = ({
       className: _style.default.microLearninglabel
     }, "5' learning"));
   }
+
   if (externalContent && _externalContent.EXTERNAL_CONTENT_ICONS[type]) {
     const textColor = _externalContent.EXTERNAL_CONTENT_ICONS[type].color;
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -51,8 +70,10 @@ const ContentTypeInfo = ({
       }
     }, type === 'scorm' ? translate('external_content_scorm') : '', type === 'video' ? translate('external_content_video') : '', type === 'article' ? translate('external_content_article') : '', type === 'podcast' ? translate('external_content_podcast') : '');
   }
+
   return null;
 };
+
 ContentTypeInfo.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -62,6 +83,7 @@ ContentTypeInfo.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.string,
   mode: _propTypes.default.string
 } : {};
+
 const CardTitle = ({
   title,
   empty,
@@ -70,19 +92,20 @@ const CardTitle = ({
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.title, _style.default.innerHTML, courseContent ? _style.default.lightTitle : _style.default.darkTitle, empty ? _style.default.empty : null),
     "data-name": "title",
-    title: title
-    // eslint-disable-next-line react/no-danger
+    title: title // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
     }
   });
 };
+
 CardTitle.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   empty: _propTypes.default.bool,
   courseContent: _propTypes.default.bool
 } : {};
+
 const AuthorName = ({
   author,
   empty,
@@ -100,6 +123,7 @@ const AuthorName = ({
     className: (0, _classnames.default)(_style.default.author, courseContent ? _style.default.lightTitle : _style.default.darkAuthorTitle, empty ? _style.default.empty : null)
   }, /*#__PURE__*/_react.default.createElement("span", null, author), checkIcon);
 };
+
 AuthorName.propTypes = process.env.NODE_ENV !== "production" ? {
   author: _propTypes.default.string,
   empty: _propTypes.default.bool,
@@ -107,6 +131,7 @@ AuthorName.propTypes = process.env.NODE_ENV !== "production" ? {
   certifiedAuthor: _propTypes.default.bool,
   'aria-label': _propTypes.default.string
 } : {};
+
 const ContentInfo = ({
   adaptiv,
   author,
@@ -171,6 +196,7 @@ const ContentInfo = ({
     "aria-label": (0, _get2.default)('author', ariaLabel)
   })), progressBar);
 };
+
 ContentInfo.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -193,5 +219,6 @@ ContentInfo.propTypes = process.env.NODE_ENV !== "production" ? {
     adaptive: _propTypes.default.string
   })
 } : {};
-var _default = exports.default = ContentInfo;
+var _default = ContentInfo;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_externalContent","_provider","_contentBadge","_style","e","__esModule","default","MODES","exports","HERO","CARD","THEMES","coorpmanager","style","ContentTypeInfo","mode","type","externalContent","context","translate","createElement","className","microLearningIcon","NovaCompositionCoorpacademyTimer","timerIcon","microLearninglabel","EXTERNAL_CONTENT_ICONS","textColor","color","contentTypeInfo","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","string","CardTitle","title","empty","courseContent","classnames","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","NovaSolidStatusCheckCircle2","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","isExternalContent","chapterContent","progressBar","_isNil2","progressWrapper","hideProgressBar","role","_get2","adaptiveIcon","NovaCompositionCoorpacademyAdaptive","height","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","category","label","number","ContentBadge","oneOf","_keys2","shape","progression","adaptive","_default"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD) {\n    return null;\n  }\n\n  if (type === 'chapter') {\n    return (\n      <div className={style.microLearningIcon}>\n        <TimerIcon className={style.timerIcon} />\n        <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n      </div>\n    );\n  }\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    return (\n      <div className={style.contentTypeInfo} style={{color: textColor}}>\n        {type === 'scorm' ? translate('external_content_scorm') : ''}\n        {type === 'video' ? translate('external_content_video') : ''}\n        {type === 'article' ? translate('external_content_article') : ''}\n        {type === 'podcast' ? translate('external_content_podcast') : ''}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  externalContent: PropTypes.bool,\n  type: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        style.innerHTML,\n        courseContent ? style.lightTitle : style.darkTitle,\n        empty ? style.empty : null\n      )}\n      data-name=\"title\"\n      title={title}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n};\n\nCardTitle.propTypes = {\n  title: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, 'aria-label': ariaLabel}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)} />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\n      aria-label={ariaLabel}\n      className={classnames(\n        style.author,\n        courseContent ? style.lightTitle : style.darkAuthorTitle,\n        empty ? style.empty : null\n      )}\n    >\n      <span>{author}</span>\n      {checkIcon}\n    </div>\n  );\n};\n\nAuthorName.propTypes = {\n  author: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool,\n  certifiedAuthor: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst ContentInfo = ({\n  adaptiv,\n  author,\n  certifiedAuthor = false,\n  disabled = false,\n  empty = false,\n  mode = MODES.CARD,\n  progress,\n  title,\n  type,\n  badgeCategory,\n  badgeLabel,\n  theme = 'default',\n  'aria-label': ariaLabel\n}) => {\n  const progressBarColor = '#3EC483';\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div\n            data-name=\"progress\"\n            className={style.progress}\n            style={inlineProgressValueStyle}\n            role=\"progressbar\"\n            aria-label={get('progression', ariaLabel)}\n          />\n        ) : null}\n      </div>\n    ) : null;\n\n  const adaptiveIcon = adaptiv ? (\n    <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n      <AdaptivIcon height={25} aria-label={get('adaptive', ariaLabel)} />\n    </div>\n  ) : null;\n\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent ? style.externalContent : null\n      )}\n    >\n      <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n      <div\n        className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n      >\n        <div className={style.iconWrapper}>\n          {adaptiveIcon}\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n          aria-label={get('author', ariaLabel)}\n        />\n      </div>\n      {progressBar}\n    </div>\n  );\n};\n\nContentInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n  adaptiv: PropTypes.bool,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  disabled: PropTypes.bool,\n  empty: PropTypes.bool,\n  progress: PropTypes.number,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  badgeCategory: ContentBadge.propTypes.category,\n  badgeLabel: ContentBadge.propTypes.label,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.shape({\n    author: PropTypes.string,\n    progression: PropTypes.string,\n    adaptive: PropTypes.string\n  })\n};\n\nexport default ContentInfo;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAKA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,aAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAR,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzB,MAAMG,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnBE,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE;AACR,CAAC;AAEM,MAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GAAG;EACpBL,OAAO,EAAE,IAAI;EACbM,YAAY,EAAEC,cAAK,CAACD;AACtB,CAAC;AAED,MAAME,eAAe,GAAGA,CAAC;EAACC,IAAI;EAAEC,IAAI;EAAEC;AAAe,CAAC,EAAEC,OAAO,KAAK;EAClE,MAAM;IAACC;EAAS,CAAC,GAAGD,OAAO;EAC3B,IAAIH,IAAI,KAAKR,KAAK,CAACG,IAAI,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,IAAIM,IAAI,KAAK,SAAS,EAAE;IACtB,oBACEtB,MAAA,CAAAY,OAAA,CAAAc,aAAA;MAAKC,SAAS,EAAER,cAAK,CAACS;IAAkB,gBACtC5B,MAAA,CAAAY,OAAA,CAAAc,aAAA,CAACrB,UAAA,CAAAwB,gCAAS;MAACF,SAAS,EAAER,cAAK,CAACW;IAAU,CAAE,CAAC,eACzC9B,MAAA,CAAAY,OAAA,CAAAc,aAAA;MAAMC,SAAS,EAAER,cAAK,CAACY;IAAmB,GAAE,aAAoB,CAC7D,CAAC;EAEV;EACA,IAAIR,eAAe,IAAIS,uCAAsB,CAACV,IAAI,CAAC,EAAE;IACnD,MAAMW,SAAS,GAAGD,uCAAsB,CAACV,IAAI,CAAC,CAACY,KAAK;IAEpD,oBACElC,MAAA,CAAAY,OAAA,CAAAc,aAAA;MAAKC,SAAS,EAAER,cAAK,CAACgB,eAAgB;MAAChB,KAAK,EAAE;QAACe,KAAK,EAAED;MAAS;IAAE,GAC9DX,IAAI,KAAK,OAAO,GAAGG,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,EAC3DH,IAAI,KAAK,OAAO,GAAGG,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,EAC3DH,IAAI,KAAK,SAAS,GAAGG,SAAS,CAAC,0BAA0B,CAAC,GAAG,EAAE,EAC/DH,IAAI,KAAK,SAAS,GAAGG,SAAS,CAAC,0BAA0B,CAAC,GAAG,EAC3D,CAAC;EAEV;EAEA,OAAO,IAAI;AACb,CAAC;AAEDL,eAAe,CAACgB,YAAY,GAAG;EAC7BC,IAAI,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF,IAAI;EACrCZ,SAAS,EAAEa,iBAAQ,CAACC,iBAAiB,CAACd;AACxC,CAAC;AAEDL,eAAe,CAACoB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1BpB,eAAe,EAAEqB,kBAAS,CAACC,IAAI;EAC/BvB,IAAI,EAAEsB,kBAAS,CAACE,MAAM;EACtBzB,IAAI,EAAEuB,kBAAS,CAACE;AAClB,CAAC;AAED,MAAMC,SAAS,GAAGA,CAAC;EAACC,KAAK;EAAEC,KAAK;EAAEC;AAAa,CAAC,KAAK;EACnD,oBACElD,MAAA,CAAAY,OAAA,CAAAc,aAAA;IACEC,SAAS,EAAE,IAAAwB,mBAAU,EACnBhC,cAAK,CAAC6B,KAAK,EACX7B,cAAK,CAACiC,SAAS,EACfF,aAAa,GAAG/B,cAAK,CAACkC,UAAU,GAAGlC,cAAK,CAACmC,SAAS,EAClDL,KAAK,GAAG9B,cAAK,CAAC8B,KAAK,GAAG,IACxB,CAAE;IACF,aAAU,OAAO;IACjBD,KAAK,EAAEA;IACP;IAAA;IACAO,uBAAuB,EAAE;MAACC,MAAM,EAAER;IAAK;EAAE,CAC1C,CAAC;AAEN,CAAC;AAEDD,SAAS,CAACP,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBK,KAAK,EAAEJ,kBAAS,CAACE,MAAM;EACvBG,KAAK,EAAEL,kBAAS,CAACC,IAAI;EACrBK,aAAa,EAAEN,kBAAS,CAACC;AAC3B,CAAC;AAED,MAAMY,UAAU,GAAGA,CAAC;EAACC,MAAM;EAAET,KAAK;EAAEC,aAAa;EAAES,eAAe;EAAE,YAAY,EAAEC;AAAS,CAAC,KAAK;EAC/F,MAAMC,SAAS,GAAGF,eAAe,gBAC/B3D,MAAA,CAAAY,OAAA,CAAAc,aAAA,CAACrB,UAAA,CAAAyD,2BAAS;IAACnC,SAAS,EAAE,IAAAwB,mBAAU,EAAChC,cAAK,CAAC4C,UAAU,EAAEb,aAAa,GAAG/B,cAAK,CAAC6C,UAAU,GAAG,IAAI;EAAE,CAAE,CAAC,GAC7F,IAAI;EAER,oBACEhE,MAAA,CAAAY,OAAA,CAAAc,aAAA;IACE,aAAU,QAAQ;IAClBsB,KAAK,EAAEU,MAAO;IACd,cAAYE,SAAU;IACtBjC,SAAS,EAAE,IAAAwB,mBAAU,EACnBhC,cAAK,CAACuC,MAAM,EACZR,aAAa,GAAG/B,cAAK,CAACkC,UAAU,GAAGlC,cAAK,CAAC8C,eAAe,EACxDhB,KAAK,GAAG9B,cAAK,CAAC8B,KAAK,GAAG,IACxB;EAAE,gBAEFjD,MAAA,CAAAY,OAAA,CAAAc,aAAA,eAAOgC,MAAa,CAAC,EACpBG,SACE,CAAC;AAEV,CAAC;AAEDJ,UAAU,CAACjB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBe,MAAM,EAAEd,kBAAS,CAACE,MAAM;EACxBG,KAAK,EAAEL,kBAAS,CAACC,IAAI;EACrBK,aAAa,EAAEN,kBAAS,CAACC,IAAI;EAC7Bc,eAAe,EAAEf,kBAAS,CAACC,IAAI;EAC/B,YAAY,EAAED,kBAAS,CAACE;AAC1B,CAAC;AAED,MAAMoB,WAAW,GAAGA,CAAC;EACnBC,OAAO;EACPT,MAAM;EACNC,eAAe,GAAG,KAAK;EACvBS,QAAQ,GAAG,KAAK;EAChBnB,KAAK,GAAG,KAAK;EACb5B,IAAI,GAAGR,KAAK,CAACG,IAAI;EACjBqD,QAAQ;EACRrB,KAAK;EACL1B,IAAI;EACJgD,aAAa;EACbC,UAAU;EACVC,KAAK,GAAG,SAAS;EACjB,YAAY,EAAEZ;AAChB,CAAC,KAAK;EACJ,MAAMa,gBAAgB,GAAG,SAAS;EAClC,MAAMC,wBAAwB,GAAG;IAC/BC,eAAe,EAAEF,gBAAgB;IACjCG,KAAK,EAAE,GAAGP,QAAQ,GAAG,GAAG;EAC1B,CAAC;EACD,MAAM9C,eAAe,GAAG,IAAAsD,kCAAiB,EAACvD,IAAI,CAAC;EAC/C,MAAM4B,aAAa,GAAG5B,IAAI,KAAK,QAAQ;EACvC,MAAMwD,cAAc,GAAGxD,IAAI,KAAK,SAAS;EAEzC,MAAMyD,WAAW,GACf1D,IAAI,KAAKR,KAAK,CAACE,IAAI,IAAK,CAACkC,KAAK,IAAI,CAACmB,QAAS,gBAC1CpE,MAAA,CAAAY,OAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE,CAAC,IAAAqD,OAAA,CAAApE,OAAA,EAAMyD,QAAQ,CAAC,GAAGlD,cAAK,CAAC8D,eAAe,GAAG9D,cAAK,CAAC+D;EAAgB,GAC9E,CAACd,QAAQ,gBACRpE,MAAA,CAAAY,OAAA,CAAAc,aAAA;IACE,aAAU,UAAU;IACpBC,SAAS,EAAER,cAAK,CAACkD,QAAS;IAC1BlD,KAAK,EAAEuD,wBAAyB;IAChCS,IAAI,EAAC,aAAa;IAClB,cAAY,IAAAC,KAAA,CAAAxE,OAAA,EAAI,aAAa,EAAEgD,SAAS;EAAE,CAC3C,CAAC,GACA,IACD,CAAC,GACJ,IAAI;EAEV,MAAMyB,YAAY,GAAGlB,OAAO,gBAC1BnE,MAAA,CAAAY,OAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE,IAAAwB,mBAAU,EAAChC,cAAK,CAACkE,YAAY,EAAEnC,aAAa,GAAG/B,cAAK,CAAC6C,UAAU,GAAG,IAAI;EAAE,gBACtFhE,MAAA,CAAAY,OAAA,CAAAc,aAAA,CAACrB,UAAA,CAAAiF,mCAAW;IAACC,MAAM,EAAE,EAAG;IAAC,cAAY,IAAAH,KAAA,CAAAxE,OAAA,EAAI,UAAU,EAAEgD,SAAS;EAAE,CAAE,CAC/D,CAAC,GACJ,IAAI;EAER,oBACE5D,MAAA,CAAAY,OAAA,CAAAc,aAAA;IACE,aAAU,MAAM;IAChBC,SAAS,EAAE,IAAAwB,mBAAU,EACnBlC,MAAM,CAACuD,KAAK,CAAC,EACbrD,cAAK,CAACqE,WAAW,EACjBnE,IAAI,KAAKR,KAAK,CAACE,IAAI,GAAGI,cAAK,CAACsE,IAAI,GAAGtE,cAAK,CAACuE,IAAI,EAC7CtB,QAAQ,GAAGjD,cAAK,CAACwE,mBAAmB,GAAG,IAAI,EAC3CpE,eAAe,GAAGJ,cAAK,CAACI,eAAe,GAAG,IAC5C;EAAE,gBAEFvB,MAAA,CAAAY,OAAA,CAAAc,aAAA,CAACN,eAAe;IAACC,IAAI,EAAEA,IAAK;IAACC,IAAI,EAAEA,IAAK;IAACC,eAAe,EAAEA;EAAgB,CAAE,CAAC,eAC7EvB,MAAA,CAAAY,OAAA,CAAAc,aAAA;IACEC,SAAS,EAAE,IAAAwB,mBAAU,EAAChC,cAAK,CAACyE,QAAQ,EAAEd,cAAc,GAAG3D,cAAK,CAAC0E,qBAAqB,GAAG,IAAI;EAAE,gBAE3F7F,MAAA,CAAAY,OAAA,CAAAc,aAAA;IAAKC,SAAS,EAAER,cAAK,CAAC2E;EAAY,GAC/BT,YAAY,EACZ,CAACpC,KAAK,IAAIsB,UAAU,IAAID,aAAa,IAAIpB,aAAa,gBACrDlD,MAAA,CAAAY,OAAA,CAAAc,aAAA,CAAClB,aAAA,CAAAI,OAAY;IAACmF,QAAQ,EAAEzB,aAAc;IAAC0B,KAAK,EAAEzB;EAAW,CAAE,CAAC,GAC1D,IACD,CAAC,eACNvE,MAAA,CAAAY,OAAA,CAAAc,aAAA,CAACqB,SAAS;IAACC,KAAK,EAAEA,KAAM;IAACC,KAAK,EAAEA,KAAM;IAACC,aAAa,EAAEA;EAAc,CAAE,CAAC,eACvElD,MAAA,CAAAY,OAAA,CAAAc,aAAA,CAAC+B,UAAU;IACTC,MAAM,EAAEA,MAAO;IACfT,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA,aAAc;IAC7BS,eAAe,EAAEA,eAAgB;IACjC,cAAY,IAAAyB,KAAA,CAAAxE,OAAA,EAAI,QAAQ,EAAEgD,SAAS;EAAE,CACtC,CACE,CAAC,EACLmB,WACE,CAAC;AAEV,CAAC;AAEDb,WAAW,CAAC9B,YAAY,GAAG;EACzBC,IAAI,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF;AACnC,CAAC;AAED6B,WAAW,CAAC1B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBwB,OAAO,EAAEvB,kBAAS,CAACC,IAAI;EACvBa,MAAM,EAAEd,kBAAS,CAACE,MAAM;EACxBa,eAAe,EAAEf,kBAAS,CAACC,IAAI;EAC/BuB,QAAQ,EAAExB,kBAAS,CAACC,IAAI;EACxBI,KAAK,EAAEL,kBAAS,CAACC,IAAI;EACrBwB,QAAQ,EAAEzB,kBAAS,CAACqD,MAAM;EAC1BjD,KAAK,EAAEJ,kBAAS,CAACE,MAAM;EACvBxB,IAAI,EAAEsB,kBAAS,CAACE,MAAM;EACtBzB,IAAI,EAAEuB,kBAAS,CAACE,MAAM;EACtBwB,aAAa,EAAE4B,qBAAY,CAAC1D,SAAS,CAACuD,QAAQ;EAC9CxB,UAAU,EAAE2B,qBAAY,CAAC1D,SAAS,CAACwD,KAAK;EACxCxB,KAAK,EAAE5B,kBAAS,CAACuD,KAAK,CAAC,IAAAC,MAAA,CAAAxF,OAAA,EAAKK,MAAM,CAAC,CAAC;EACpC,YAAY,EAAE2B,kBAAS,CAACyD,KAAK,CAAC;IAC5B3C,MAAM,EAAEd,kBAAS,CAACE,MAAM;IACxBwD,WAAW,EAAE1D,kBAAS,CAACE,MAAM;IAC7ByD,QAAQ,EAAE3D,kBAAS,CAACE;EACtB,CAAC;AACH,CAAC;AAAC,IAAA0D,QAAA,GAAA1F,OAAA,CAAAF,OAAA,GAEasD,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["MODES","HERO","CARD","THEMES","default","coorpmanager","style","ContentTypeInfo","mode","type","externalContent","context","translate","microLearningIcon","timerIcon","microLearninglabel","EXTERNAL_CONTENT_ICONS","textColor","color","contentTypeInfo","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","bool","string","CardTitle","title","empty","courseContent","classnames","innerHTML","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","isExternalContent","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","ContentBadge","category","label","oneOf","shape","progression","adaptive"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD) {\n    return null;\n  }\n\n  if (type === 'chapter') {\n    return (\n      <div className={style.microLearningIcon}>\n        <TimerIcon className={style.timerIcon} />\n        <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n      </div>\n    );\n  }\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    return (\n      <div className={style.contentTypeInfo} style={{color: textColor}}>\n        {type === 'scorm' ? translate('external_content_scorm') : ''}\n        {type === 'video' ? translate('external_content_video') : ''}\n        {type === 'article' ? translate('external_content_article') : ''}\n        {type === 'podcast' ? translate('external_content_podcast') : ''}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  externalContent: PropTypes.bool,\n  type: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        style.innerHTML,\n        courseContent ? style.lightTitle : style.darkTitle,\n        empty ? style.empty : null\n      )}\n      data-name=\"title\"\n      title={title}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n};\n\nCardTitle.propTypes = {\n  title: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, 'aria-label': ariaLabel}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)} />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\n      aria-label={ariaLabel}\n      className={classnames(\n        style.author,\n        courseContent ? style.lightTitle : style.darkAuthorTitle,\n        empty ? style.empty : null\n      )}\n    >\n      <span>{author}</span>\n      {checkIcon}\n    </div>\n  );\n};\n\nAuthorName.propTypes = {\n  author: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool,\n  certifiedAuthor: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst ContentInfo = ({\n  adaptiv,\n  author,\n  certifiedAuthor = false,\n  disabled = false,\n  empty = false,\n  mode = MODES.CARD,\n  progress,\n  title,\n  type,\n  badgeCategory,\n  badgeLabel,\n  theme = 'default',\n  'aria-label': ariaLabel\n}) => {\n  const progressBarColor = '#3EC483';\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div\n            data-name=\"progress\"\n            className={style.progress}\n            style={inlineProgressValueStyle}\n            role=\"progressbar\"\n            aria-label={get('progression', ariaLabel)}\n          />\n        ) : null}\n      </div>\n    ) : null;\n\n  const adaptiveIcon = adaptiv ? (\n    <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n      <AdaptivIcon height={25} aria-label={get('adaptive', ariaLabel)} />\n    </div>\n  ) : null;\n\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent ? style.externalContent : null\n      )}\n    >\n      <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n      <div\n        className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n      >\n        <div className={style.iconWrapper}>\n          {adaptiveIcon}\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n          aria-label={get('author', ariaLabel)}\n        />\n      </div>\n      {progressBar}\n    </div>\n  );\n};\n\nContentInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n  adaptiv: PropTypes.bool,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  disabled: PropTypes.bool,\n  empty: PropTypes.bool,\n  progress: PropTypes.number,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  badgeCategory: ContentBadge.propTypes.category,\n  badgeLabel: ContentBadge.propTypes.label,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.shape({\n    author: PropTypes.string,\n    progression: PropTypes.string,\n    adaptive: PropTypes.string\n  })\n};\n\nexport default ContentInfo;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,KAAK,GAAG;EACnBC,IAAI,EAAE,MADa;EAEnBC,IAAI,EAAE;AAFa,CAAd;;AAKA,MAAMC,MAAM,GAAG;EACpBC,OAAO,EAAE,IADW;EAEpBC,YAAY,EAAEC,cAAA,CAAMD;AAFA,CAAf;;;AAKP,MAAME,eAAe,GAAG,CAAC;EAACC,IAAD;EAAOC,IAAP;EAAaC;AAAb,CAAD,EAAgCC,OAAhC,KAA4C;EAClE,MAAM;IAACC;EAAD,IAAcD,OAApB;;EACA,IAAIH,IAAI,KAAKR,KAAK,CAACE,IAAnB,EAAyB;IACvB,OAAO,IAAP;EACD;;EAED,IAAIO,IAAI,KAAK,SAAb,EAAwB;IACtB,oBACE;MAAK,SAAS,EAAEH,cAAA,CAAMO;IAAtB,gBACE,6BAAC,2CAAD;MAAW,SAAS,EAAEP,cAAA,CAAMQ;IAA5B,EADF,eAEE;MAAM,SAAS,EAAER,cAAA,CAAMS;IAAvB,GAA4C,aAA5C,CAFF,CADF;EAMD;;EACD,IAAIL,eAAe,IAAIM,uCAAA,CAAuBP,IAAvB,CAAvB,EAAqD;IACnD,MAAMQ,SAAS,GAAGD,uCAAA,CAAuBP,IAAvB,EAA6BS,KAA/C;IAEA,oBACE;MAAK,SAAS,EAAEZ,cAAA,CAAMa,eAAtB;MAAuC,KAAK,EAAE;QAACD,KAAK,EAAED;MAAR;IAA9C,GACGR,IAAI,KAAK,OAAT,GAAmBG,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAD5D,EAEGH,IAAI,KAAK,OAAT,GAAmBG,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAF5D,EAGGH,IAAI,KAAK,SAAT,GAAqBG,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAHhE,EAIGH,IAAI,KAAK,SAAT,GAAqBG,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAJhE,CADF;EAQD;;EAED,OAAO,IAAP;AACD,CA5BD;;AA8BAL,eAAe,CAACa,YAAhB,GAA+B;EAC7BC,IAAI,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF,IADJ;EAE7BT,SAAS,EAAEU,iBAAA,CAASC,iBAAT,CAA2BX;AAFT,CAA/B;AAKAL,eAAe,CAACiB,SAAhB,2CAA4B;EAC1Bd,eAAe,EAAEe,kBAAA,CAAUC,IADD;EAE1BjB,IAAI,EAAEgB,kBAAA,CAAUE,MAFU;EAG1BnB,IAAI,EAAEiB,kBAAA,CAAUE;AAHU,CAA5B;;AAMA,MAAMC,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC,KAAR;EAAeC;AAAf,CAAD,KAAmC;EACnD,oBACE;IACE,SAAS,EAAE,IAAAC,mBAAA,EACT1B,cAAA,CAAMuB,KADG,EAETvB,cAAA,CAAM2B,SAFG,EAGTF,aAAa,GAAGzB,cAAA,CAAM4B,UAAT,GAAsB5B,cAAA,CAAM6B,SAHhC,EAITL,KAAK,GAAGxB,cAAA,CAAMwB,KAAT,GAAiB,IAJb,CADb;IAOE,aAAU,OAPZ;IAQE,KAAK,EAAED,KART,CASE;IATF;IAUE,uBAAuB,EAAE;MAACO,MAAM,EAAEP;IAAT;EAV3B,EADF;AAcD,CAfD;;AAiBAD,SAAS,CAACJ,SAAV,2CAAsB;EACpBK,KAAK,EAAEJ,kBAAA,CAAUE,MADG;EAEpBG,KAAK,EAAEL,kBAAA,CAAUC,IAFG;EAGpBK,aAAa,EAAEN,kBAAA,CAAUC;AAHL,CAAtB;;AAMA,MAAMW,UAAU,GAAG,CAAC;EAACC,MAAD;EAASR,KAAT;EAAgBC,aAAhB;EAA+BQ,eAA/B;EAAgD,cAAcC;AAA9D,CAAD,KAA8E;EAC/F,MAAMC,SAAS,GAAGF,eAAe,gBAC/B,6BAAC,sCAAD;IAAW,SAAS,EAAE,IAAAP,mBAAA,EAAW1B,cAAA,CAAMoC,UAAjB,EAA6BX,aAAa,GAAGzB,cAAA,CAAMqC,UAAT,GAAsB,IAAhE;EAAtB,EAD+B,GAE7B,IAFJ;EAIA,oBACE;IACE,aAAU,QADZ;IAEE,KAAK,EAAEL,MAFT;IAGE,cAAYE,SAHd;IAIE,SAAS,EAAE,IAAAR,mBAAA,EACT1B,cAAA,CAAMgC,MADG,EAETP,aAAa,GAAGzB,cAAA,CAAM4B,UAAT,GAAsB5B,cAAA,CAAMsC,eAFhC,EAGTd,KAAK,GAAGxB,cAAA,CAAMwB,KAAT,GAAiB,IAHb;EAJb,gBAUE,2CAAOQ,MAAP,CAVF,EAWGG,SAXH,CADF;AAeD,CApBD;;AAsBAJ,UAAU,CAACb,SAAX,2CAAuB;EACrBc,MAAM,EAAEb,kBAAA,CAAUE,MADG;EAErBG,KAAK,EAAEL,kBAAA,CAAUC,IAFI;EAGrBK,aAAa,EAAEN,kBAAA,CAAUC,IAHJ;EAIrBa,eAAe,EAAEd,kBAAA,CAAUC,IAJN;EAKrB,cAAcD,kBAAA,CAAUE;AALH,CAAvB;;AAQA,MAAMkB,WAAW,GAAG,CAAC;EACnBC,OADmB;EAEnBR,MAFmB;EAGnBC,eAAe,GAAG,KAHC;EAInBQ,QAAQ,GAAG,KAJQ;EAKnBjB,KAAK,GAAG,KALW;EAMnBtB,IAAI,GAAGR,KAAK,CAACE,IANM;EAOnB8C,QAPmB;EAQnBnB,KARmB;EASnBpB,IATmB;EAUnBwC,aAVmB;EAWnBC,UAXmB;EAYnBC,KAAK,GAAG,SAZW;EAanB,cAAcX;AAbK,CAAD,KAcd;EACJ,MAAMY,gBAAgB,GAAG,SAAzB;EACA,MAAMC,wBAAwB,GAAG;IAC/BC,eAAe,EAAEF,gBADc;IAE/BG,KAAK,EAAG,GAAEP,QAAQ,GAAG,GAAI;EAFM,CAAjC;EAIA,MAAMtC,eAAe,GAAG,IAAA8C,kCAAA,EAAkB/C,IAAlB,CAAxB;EACA,MAAMsB,aAAa,GAAGtB,IAAI,KAAK,QAA/B;EACA,MAAMgD,cAAc,GAAGhD,IAAI,KAAK,SAAhC;EAEA,MAAMiD,WAAW,GACflD,IAAI,KAAKR,KAAK,CAACC,IAAf,IAAwB,CAAC6B,KAAD,IAAU,CAACiB,QAAnC,gBACE;IAAK,SAAS,EAAE,CAAC,qBAAMC,QAAN,CAAD,GAAmB1C,cAAA,CAAMqD,eAAzB,GAA2CrD,cAAA,CAAMsD;EAAjE,GACG,CAACb,QAAD,gBACC;IACE,aAAU,UADZ;IAEE,SAAS,EAAEzC,cAAA,CAAM0C,QAFnB;IAGE,KAAK,EAAEK,wBAHT;IAIE,IAAI,EAAC,aAJP;IAKE,cAAY,mBAAI,aAAJ,EAAmBb,SAAnB;EALd,EADD,GAQG,IATN,CADF,GAYI,IAbN;EAeA,MAAMqB,YAAY,GAAGf,OAAO,gBAC1B;IAAK,SAAS,EAAE,IAAAd,mBAAA,EAAW1B,cAAA,CAAMuD,YAAjB,EAA+B9B,aAAa,GAAGzB,cAAA,CAAMqC,UAAT,GAAsB,IAAlE;EAAhB,gBACE,6BAAC,8CAAD;IAAa,MAAM,EAAE,EAArB;IAAyB,cAAY,mBAAI,UAAJ,EAAgBH,SAAhB;EAArC,EADF,CAD0B,GAIxB,IAJJ;EAMA,oBACE;IACE,aAAU,MADZ;IAEE,SAAS,EAAE,IAAAR,mBAAA,EACT7B,MAAM,CAACgD,KAAD,CADG,EAET7C,cAAA,CAAMwD,WAFG,EAGTtD,IAAI,KAAKR,KAAK,CAACC,IAAf,GAAsBK,cAAA,CAAMyD,IAA5B,GAAmCzD,cAAA,CAAM0D,IAHhC,EAITjB,QAAQ,GAAGzC,cAAA,CAAM2D,mBAAT,GAA+B,IAJ9B,EAKTvD,eAAe,GAAGJ,cAAA,CAAMI,eAAT,GAA2B,IALjC;EAFb,gBAUE,6BAAC,eAAD;IAAiB,IAAI,EAAEF,IAAvB;IAA6B,IAAI,EAAEC,IAAnC;IAAyC,eAAe,EAAEC;EAA1D,EAVF,eAWE;IACE,SAAS,EAAE,IAAAsB,mBAAA,EAAW1B,cAAA,CAAM4D,QAAjB,EAA2BT,cAAc,GAAGnD,cAAA,CAAM6D,qBAAT,GAAiC,IAA1E;EADb,gBAGE;IAAK,SAAS,EAAE7D,cAAA,CAAM8D;EAAtB,GACGP,YADH,EAEG,CAAC/B,KAAD,IAAUoB,UAAV,IAAwBD,aAAxB,IAAyClB,aAAzC,gBACC,6BAAC,qBAAD;IAAc,QAAQ,EAAEkB,aAAxB;IAAuC,KAAK,EAAEC;EAA9C,EADD,GAEG,IAJN,CAHF,eASE,6BAAC,SAAD;IAAW,KAAK,EAAErB,KAAlB;IAAyB,KAAK,EAAEC,KAAhC;IAAuC,aAAa,EAAEC;EAAtD,EATF,eAUE,6BAAC,UAAD;IACE,MAAM,EAAEO,MADV;IAEE,KAAK,EAAER,KAFT;IAGE,aAAa,EAAEC,aAHjB;IAIE,eAAe,EAAEQ,eAJnB;IAKE,cAAY,mBAAI,QAAJ,EAAcC,SAAd;EALd,EAVF,CAXF,EA6BGkB,WA7BH,CADF;AAiCD,CA9ED;;AAgFAb,WAAW,CAACzB,YAAZ,GAA2B;EACzBC,IAAI,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF;AADR,CAA3B;AAIAwB,WAAW,CAACrB,SAAZ,2CAAwB;EACtBsB,OAAO,EAAErB,kBAAA,CAAUC,IADG;EAEtBY,MAAM,EAAEb,kBAAA,CAAUE,MAFI;EAGtBY,eAAe,EAAEd,kBAAA,CAAUC,IAHL;EAItBqB,QAAQ,EAAEtB,kBAAA,CAAUC,IAJE;EAKtBI,KAAK,EAAEL,kBAAA,CAAUC,IALK;EAMtBsB,QAAQ,EAAEvB,kBAAA,CAAU4C,MANE;EAOtBxC,KAAK,EAAEJ,kBAAA,CAAUE,MAPK;EAQtBlB,IAAI,EAAEgB,kBAAA,CAAUE,MARM;EAStBnB,IAAI,EAAEiB,kBAAA,CAAUE,MATM;EAUtBsB,aAAa,EAAEqB,qBAAA,CAAa9C,SAAb,CAAuB+C,QAVhB;EAWtBrB,UAAU,EAAEoB,qBAAA,CAAa9C,SAAb,CAAuBgD,KAXb;EAYtBrB,KAAK,EAAE1B,kBAAA,CAAUgD,KAAV,CAAgB,oBAAKtE,MAAL,CAAhB,CAZe;EAatB,cAAcsB,kBAAA,CAAUiD,KAAV,CAAgB;IAC5BpC,MAAM,EAAEb,kBAAA,CAAUE,MADU;IAE5BgD,WAAW,EAAElD,kBAAA,CAAUE,MAFK;IAG5BiD,QAAQ,EAAEnD,kBAAA,CAAUE;EAHQ,CAAhB;AAbQ,CAAxB;eAoBekB,W"}

package/lib/molecule/card-with-button/index.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _cta = _interopRequireDefault(require("../../atom/cta"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function backgroundImage(url) {
   return {
     background: `linear-gradient(
@@ -19,6 +28,7 @@ function backgroundImage(url) {
     backgroundSize: 'cover'
   };
 }
+
 const Button = props => {
   const {
     onClick,
@@ -31,6 +41,7 @@ const Button = props => {
     light: light
   });
 };
+
 const CardWithButton = (props, context) => {
   const {
     lightButtonLabel,
@@ -76,6 +87,7 @@ const CardWithButton = (props, context) => {
     onClick: onPrimaryButtonClick
   })));
 };
+
 CardWithButton.contextTypes = {
   translate: _provider.default.childContextTypes.translate,
   skin: _provider.default.childContextTypes.skin
@@ -93,5 +105,6 @@ CardWithButton.propTypes = process.env.NODE_ENV !== "production" ? {
   backgroundImg: _propTypes.default.string.isRequired,
   children: _propTypes.default.node
 } : {};
-var _default = exports.default = CardWithButton;
+var _default = CardWithButton;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/card-with-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_provider","_link","_cta","_style","e","__esModule","default","backgroundImage","url","background","backgroundSize","Button","props","onClick","submitValue","light","createElement","CardWithButton","context","lightButtonLabel","primaryButtonLabel","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","children","skin","primaryColor","_get2","inlineStyle","color","className","style","container","imageBox","filtre","image","zoom","content","levelContainer","level","avatar","buttons","lightButton","contextTypes","translate","Provider","childContextTypes","propTypes","process","env","NODE_ENV","Cta","isRequired","Link","PropTypes","string","node","_default","exports"],"sources":["../../../src/molecule/card-with-button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport Cta from '../../atom/cta';\nimport style from './style.css';\n\nfunction backgroundImage(url) {\n  return {\n    background: `linear-gradient(\n      rgba(0, 0, 0, 0.65), \n      rgba(0, 0, 0, 0.65)\n      ),url(${url})`,\n    backgroundSize: 'cover'\n  };\n}\n\nconst Button = props => {\n  const {onClick, submitValue, light = false} = props;\n  return <Cta submitValue={submitValue} onClick={onClick} light={light} />;\n};\nconst CardWithButton = (props, context) => {\n  const {\n    lightButtonLabel,\n    primaryButtonLabel,\n    tagLabel,\n    onLightButtonClick,\n    onPrimaryButtonClick,\n    backgroundImg,\n    children\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  const inlineStyle = {color: primaryColor};\n  return (\n    <div className={style.container}>\n      <div className={style.imageBox}>\n        <div className={style.filtre}>\n          <div className={`${style.image} ${style.zoom}`} style={backgroundImage(backgroundImg)}>\n            <div className={style.content}>\n              {tagLabel ? (\n                <div className={style.levelContainer}>\n                  <div className={style.level}>\n                    <p>{tagLabel}</p>\n                  </div>\n                </div>\n              ) : null}\n              {children ? <div className={style.avatar}>{children}</div> : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.buttons}>\n        {lightButtonLabel ? (\n          <a className={style.lightButton} style={inlineStyle} onClick={onLightButtonClick}>\n            {lightButtonLabel}\n          </a>\n        ) : null}\n        <Button submitValue={primaryButtonLabel} onClick={onPrimaryButtonClick} />\n      </div>\n    </div>\n  );\n};\n\nCardWithButton.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nButton.propTypes = {\n  onClick: Cta.propTypes.onClick,\n  submitValue: Cta.propTypes.submitValue\n};\n\nCardWithButton.propTypes = {\n  lightButtonLabel: Button.propTypes.submitValue,\n  primaryButtonLabel: Button.propTypes.submitValue.isRequired,\n  tagLabel: Link.propTypes.children,\n  onLightButtonClick: Button.propTypes.onClick,\n  onPrimaryButtonClick: Button.propTypes.onClick.isRequired,\n  backgroundImg: PropTypes.string.isRequired,\n  children: PropTypes.node\n};\n\nexport default CardWithButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["backgroundImage","url","background","backgroundSize","Button","props","onClick","submitValue","light","CardWithButton","context","lightButtonLabel","primaryButtonLabel","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","children","skin","primaryColor","inlineStyle","color","style","container","imageBox","filtre","image","zoom","content","levelContainer","level","avatar","buttons","lightButton","contextTypes","translate","Provider","childContextTypes","propTypes","Cta","isRequired","Link","PropTypes","string","node"],"sources":["../../../src/molecule/card-with-button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport Cta from '../../atom/cta';\nimport style from './style.css';\n\nfunction backgroundImage(url) {\n  return {\n    background: `linear-gradient(\n      rgba(0, 0, 0, 0.65), \n      rgba(0, 0, 0, 0.65)\n      ),url(${url})`,\n    backgroundSize: 'cover'\n  };\n}\n\nconst Button = props => {\n  const {onClick, submitValue, light = false} = props;\n  return <Cta submitValue={submitValue} onClick={onClick} light={light} />;\n};\nconst CardWithButton = (props, context) => {\n  const {\n    lightButtonLabel,\n    primaryButtonLabel,\n    tagLabel,\n    onLightButtonClick,\n    onPrimaryButtonClick,\n    backgroundImg,\n    children\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  const inlineStyle = {color: primaryColor};\n  return (\n    <div className={style.container}>\n      <div className={style.imageBox}>\n        <div className={style.filtre}>\n          <div className={`${style.image} ${style.zoom}`} style={backgroundImage(backgroundImg)}>\n            <div className={style.content}>\n              {tagLabel ? (\n                <div className={style.levelContainer}>\n                  <div className={style.level}>\n                    <p>{tagLabel}</p>\n                  </div>\n                </div>\n              ) : null}\n              {children ? <div className={style.avatar}>{children}</div> : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.buttons}>\n        {lightButtonLabel ? (\n          <a className={style.lightButton} style={inlineStyle} onClick={onLightButtonClick}>\n            {lightButtonLabel}\n          </a>\n        ) : null}\n        <Button submitValue={primaryButtonLabel} onClick={onPrimaryButtonClick} />\n      </div>\n    </div>\n  );\n};\n\nCardWithButton.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nButton.propTypes = {\n  onClick: Cta.propTypes.onClick,\n  submitValue: Cta.propTypes.submitValue\n};\n\nCardWithButton.propTypes = {\n  lightButtonLabel: Button.propTypes.submitValue,\n  primaryButtonLabel: Button.propTypes.submitValue.isRequired,\n  tagLabel: Link.propTypes.children,\n  onLightButtonClick: Button.propTypes.onClick,\n  onPrimaryButtonClick: Button.propTypes.onClick.isRequired,\n  backgroundImg: PropTypes.string.isRequired,\n  children: PropTypes.node\n};\n\nexport default CardWithButton;\n"],"mappings":"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"}

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

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _colors = require("../../variables/colors");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _tag = _interopRequireDefault(require("../../atom/tag"));
+
 var _progressBar = _interopRequireDefault(require("../progress-bar"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const CertificationCard = (props, context) => {
   const {
     label,
@@ -84,6 +93,7 @@ const CertificationCard = (props, context) => {
     max: 100
   })));
 };
+
 CertificationCard.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
@@ -103,5 +113,6 @@ CertificationCard.propTypes = process.env.NODE_ENV !== "production" ? {
     tag: _propTypes.default.string
   })
 } : {};
-var _default = exports.default = CertificationCard;
+var _default = CertificationCard;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_colors","_provider","_tag","_progressBar","_style","e","__esModule","default","CertificationCard","props","context","label","locales","conditionDescriptionProgress","tag","goal","title","progress","imgUrl","onClick","translate","isInprogress","progressLabel","progressTagType","progressIconProps","position","iconName","iconColor","backgroundColor","size","faSize","wrapperSize","customStyle","padding","createElement","className","style","container","type","top","right","icon","imageSection","imageContainer","src","detailWrapper","titleWrapper","moduleCount","customProgressBar","COLORS","positive","displayInfo","value","max","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","shape","condition","nbDone","number","func","_default","exports"],"sources":["../../../src/molecule/certification-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {COLORS} from '../../variables/colors';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ProgressBar from '../progress-bar';\nimport style from './style.css';\n\nconst CertificationCard = (props, context) => {\n  const {\n    label,\n    locales: {conditionDescriptionProgress, tag},\n    goal: {title},\n    progress,\n    imgUrl,\n    onClick\n  } = props;\n  const {translate} = context;\n  const isInprogress = progress < 100;\n  const progressLabel = isInprogress ? translate('in_progress') : translate('completed');\n  const progressTagType = isInprogress ? 'progress' : 'success';\n\n  const progressIconProps = {\n    position: 'left',\n    iconName: isInprogress ? 'clock' : 'circle-check',\n    iconColor: isInprogress ? '#B87A00' : '#05944F',\n    backgroundColor: isInprogress ? '#FFEECC' : '#D6F5E5',\n    size: {\n      faSize: 10,\n      wrapperSize: 10\n    },\n    customStyle: {padding: 0}\n  };\n\n  return (\n    <div className={style.container} data-name={`certification-card-${label}`} onClick={onClick}>\n      {progress > 0 ? (\n        <Tag\n          label={progressLabel}\n          type={progressTagType}\n          customStyle={{position: 'absolute', top: '12px', right: '12px'}}\n          icon={progressIconProps}\n        />\n      ) : null}\n      <div className={style.imageSection}>\n        <div className={style.imageContainer}>\n          <img src={imgUrl} />\n        </div>\n      </div>\n      <div className={style.detailWrapper}>\n        <div className={style.titleWrapper}>\n          <Tag label={tag} size=\"S\" />\n          <div className={style.title} data-name=\"certification-title\">\n            {title}\n          </div>\n          <div className={style.moduleCount}>{conditionDescriptionProgress}</div>\n        </div>\n        <ProgressBar\n          className={style.customProgressBar}\n          style={{backgroundColor: COLORS.positive}}\n          displayInfo={false}\n          value={progress}\n          max={100}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationCard.propTypes = {\n  label: PropTypes.string,\n  goal: PropTypes.shape({\n    title: PropTypes.string,\n    condition: PropTypes.shape({\n      nbDone: PropTypes.number\n    })\n  }),\n  progress: PropTypes.number,\n  imgUrl: PropTypes.string,\n  onClick: PropTypes.func,\n  locales: PropTypes.shape({\n    conditionDescriptionProgress: PropTypes.string,\n    tag: PropTypes.string\n  })\n};\n\nexport default CertificationCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["CertificationCard","props","context","label","locales","conditionDescriptionProgress","tag","goal","title","progress","imgUrl","onClick","translate","isInprogress","progressLabel","progressTagType","progressIconProps","position","iconName","iconColor","backgroundColor","size","faSize","wrapperSize","customStyle","padding","style","container","top","right","imageSection","imageContainer","detailWrapper","titleWrapper","moduleCount","customProgressBar","COLORS","positive","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","condition","nbDone","number","func"],"sources":["../../../src/molecule/certification-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {COLORS} from '../../variables/colors';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ProgressBar from '../progress-bar';\nimport style from './style.css';\n\nconst CertificationCard = (props, context) => {\n  const {\n    label,\n    locales: {conditionDescriptionProgress, tag},\n    goal: {title},\n    progress,\n    imgUrl,\n    onClick\n  } = props;\n  const {translate} = context;\n  const isInprogress = progress < 100;\n  const progressLabel = isInprogress ? translate('in_progress') : translate('completed');\n  const progressTagType = isInprogress ? 'progress' : 'success';\n\n  const progressIconProps = {\n    position: 'left',\n    iconName: isInprogress ? 'clock' : 'circle-check',\n    iconColor: isInprogress ? '#B87A00' : '#05944F',\n    backgroundColor: isInprogress ? '#FFEECC' : '#D6F5E5',\n    size: {\n      faSize: 10,\n      wrapperSize: 10\n    },\n    customStyle: {padding: 0}\n  };\n\n  return (\n    <div className={style.container} data-name={`certification-card-${label}`} onClick={onClick}>\n      {progress > 0 ? (\n        <Tag\n          label={progressLabel}\n          type={progressTagType}\n          customStyle={{position: 'absolute', top: '12px', right: '12px'}}\n          icon={progressIconProps}\n        />\n      ) : null}\n      <div className={style.imageSection}>\n        <div className={style.imageContainer}>\n          <img src={imgUrl} />\n        </div>\n      </div>\n      <div className={style.detailWrapper}>\n        <div className={style.titleWrapper}>\n          <Tag label={tag} size=\"S\" />\n          <div className={style.title} data-name=\"certification-title\">\n            {title}\n          </div>\n          <div className={style.moduleCount}>{conditionDescriptionProgress}</div>\n        </div>\n        <ProgressBar\n          className={style.customProgressBar}\n          style={{backgroundColor: COLORS.positive}}\n          displayInfo={false}\n          value={progress}\n          max={100}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationCard.propTypes = {\n  label: PropTypes.string,\n  goal: PropTypes.shape({\n    title: PropTypes.string,\n    condition: PropTypes.shape({\n      nbDone: PropTypes.number\n    })\n  }),\n  progress: PropTypes.number,\n  imgUrl: PropTypes.string,\n  onClick: PropTypes.func,\n  locales: PropTypes.shape({\n    conditionDescriptionProgress: PropTypes.string,\n    tag: PropTypes.string\n  })\n};\n\nexport default CertificationCard;\n"],"mappings":"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"}