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

package/lib/molecule/card/index.js

@@ -2,32 +2,55 @@
 
 exports.__esModule = true;
 exports.default = exports.THEMES = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _pick2 = _interopRequireDefault(require("lodash/fp/pick"));
+
 var _isUndefined2 = _interopRequireDefault(require("lodash/fp/isUndefined"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireWildcard(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 _cardContent = _interopRequireWildcard(require("../card-content"));
+
 var _customer = _interopRequireDefault(require("./customer"));
+
 var _favorite = _interopRequireDefault(require("./favorite"));
+
 var _selectable = _interopRequireDefault(require("./selectable"));
+
 var _notification = _interopRequireDefault(require("./notification"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 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; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const THEMES = {
   default: null,
   coorpmanager: _style.default.coorpmanager
 };
 exports.THEMES = THEMES;
+
 const CardBackground = ({
   type,
   image,
@@ -39,14 +62,17 @@ const CardBackground = ({
   const externalContent = (0, _externalContent.isExternalContent)(type);
   const primaryColor = (0, _get2.default)('common.primary', skin);
   const whiteColor = (0, _get2.default)('common.white', skin);
+
   if (externalContent && _externalContent.EXTERNAL_CONTENT_ICONS[type]) {
     const IconType = _externalContent.EXTERNAL_CONTENT_ICONS[type].icon;
     const iconColor = _externalContent.EXTERNAL_CONTENT_ICONS[type].color;
+
     const backgroundIcon = /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.externalIconCircleWrapper
     }, /*#__PURE__*/_react.default.createElement(IconType, {
       className: _style.default.externalIcon
     }));
+
     if (image) {
       const _backgroundIcon = /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(_style.default.externalIconCircleWrapper, _style.default.externalIconCircleWithImageWrapper),
@@ -56,6 +82,7 @@ const CardBackground = ({
       }, /*#__PURE__*/_react.default.createElement(IconType, {
         className: _style.default.externalIconWithImage
       }));
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.imageWrapper
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -68,6 +95,7 @@ const CardBackground = ({
         className: (0, _classnames.default)(_style.default.externalContentHeader, _style.default.externalBackground)
       }, _backgroundIcon));
     }
+
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.imageWrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -79,6 +107,7 @@ const CardBackground = ({
       className: _style.default.externalContentHeader
     }, backgroundIcon));
   }
+
   const emptyIcon = empty ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyPictures, {
     className: _style.default.emptyIcon,
     color: whiteColor
@@ -95,6 +124,7 @@ const CardBackground = ({
     }
   }, emptyIcon));
 };
+
 CardBackground.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -152,16 +182,20 @@ const Card = /*#__PURE__*/(0, _react.memo)(function Card(props, context) {
   const inlineBadgeStyle = {
     color: primaryColor
   };
+
   const getType = contentType => {
     switch (contentType) {
       case 'chapter':
         return 'microlearning';
+
       case 'course':
         return 'learner';
+
       default:
         return contentType;
     }
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: cardStyle,
     "data-name": "card",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["THEMES","default","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","cardStyle","chapter","course","lazy","grid","handleClick","useMemo","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","MODES","CARD","lockWrapper","shape","Customer","number","func","Notification","CardContentInfo","oneOf","Favorite","Selectable"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n  NovaSolidLoginLocked as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            aria-label={ariaLabel}\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          aria-label={ariaLabel}\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        aria-label={ariaLabel}\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled: hidden = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    isSelected,\n    notification,\n    badgeCategory,\n    badgeLabel,\n    theme = 'default',\n    'aria-label': cardArialabel,\n    'background-aria-label': backgroundAriaLabel,\n    'favorite-aria-label': favoriteAriaLabel,\n    'selectable-aria-label': selectableAriaLabel,\n    'customer-aria-label': customerAriaLabel,\n    'badge-aria-label': badgeAriaLabel,\n    'disabled-aria-label': disabledArialabel,\n    'card-content-aria-label': cardContentLabelAriaLabel\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n  const cardStyle = classnames(\n    THEMES[theme],\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const disabled = hidden && (!isSelected || isUndefined(isSelected));\n  const handleClick = useMemo(() => e => !disabled && onClick(e), [disabled, onClick]);\n  const lock = disabled ? (\n    <LockIcon className={style.lockIcon} color={whiteColor} height={40} />\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n      aria-label={cardArialabel}\n    >\n      <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n      {isUndefined(isSelected) && !isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n          aria-label={favoriteAriaLabel}\n        />\n      ) : null}\n      <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          theme={theme}\n          type={type}\n          disabled={disabled}\n          aria-label={customerAriaLabel}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCard.propTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  isSelected: PropTypes.bool,\n  notification: PropTypes.shape(Notification.propTypes),\n  badgeCategory: CardContentInfo.propTypes.badgeCategory,\n  badgeLabel: CardContentInfo.propTypes.badgeLabel,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.string,\n  'background-aria-label': PropTypes.string,\n  'favorite-aria-label': Favorite.propTypes['aria-label'],\n  'selectable-aria-label': Selectable.propTypes['aria-label'],\n  'customer-aria-label': Customer.propTypes['aria-label'],\n  'badge-aria-label': PropTypes.string,\n  'disabled-aria-label': PropTypes.string,\n  'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\nexport default Card;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["THEMES","default","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","cardStyle","chapter","course","lazy","grid","handleClick","useMemo","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","MODES","CARD","lockWrapper","shape","Customer","number","func","Notification","CardContentInfo","oneOf","Favorite","Selectable"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n  NovaSolidLoginLocked as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            aria-label={ariaLabel}\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          aria-label={ariaLabel}\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        aria-label={ariaLabel}\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled: hidden = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    isSelected,\n    notification,\n    badgeCategory,\n    badgeLabel,\n    theme = 'default',\n    'aria-label': cardArialabel,\n    'background-aria-label': backgroundAriaLabel,\n    'favorite-aria-label': favoriteAriaLabel,\n    'selectable-aria-label': selectableAriaLabel,\n    'customer-aria-label': customerAriaLabel,\n    'badge-aria-label': badgeAriaLabel,\n    'disabled-aria-label': disabledArialabel,\n    'card-content-aria-label': cardContentLabelAriaLabel\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n  const cardStyle = classnames(\n    THEMES[theme],\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const disabled = hidden && (!isSelected || isUndefined(isSelected));\n  const handleClick = useMemo(() => e => !disabled && onClick(e), [disabled, onClick]);\n  const lock = disabled ? (\n    <LockIcon className={style.lockIcon} color={whiteColor} height={40} />\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n      aria-label={cardArialabel}\n    >\n      <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n      {isUndefined(isSelected) && !isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n          aria-label={favoriteAriaLabel}\n        />\n      ) : null}\n      <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          theme={theme}\n          type={type}\n          disabled={disabled}\n          aria-label={customerAriaLabel}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCard.propTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  isSelected: PropTypes.bool,\n  notification: PropTypes.shape(Notification.propTypes),\n  badgeCategory: CardContentInfo.propTypes.badgeCategory,\n  badgeLabel: CardContentInfo.propTypes.badgeLabel,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.string,\n  'background-aria-label': PropTypes.string,\n  'favorite-aria-label': Favorite.propTypes['aria-label'],\n  'selectable-aria-label': Selectable.propTypes['aria-label'],\n  'customer-aria-label': Customer.propTypes['aria-label'],\n  'badge-aria-label': PropTypes.string,\n  'disabled-aria-label': PropTypes.string,\n  'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\nexport default Card;\n"],"mappings":"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"}

package/lib/molecule/card/notification.js

@@ -2,25 +2,36 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 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 _notification = _interopRequireDefault(require("./notification.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const NOTIFICATION_ICON = {
   addFavorite: _novaIcons.NovaCompositionCoorpacademyCheck,
   removeFavorite: _novaIcons.NovaCompositionNavigationMore,
   lock: _novaIcons.NovaSolidLoginLocked,
   unlock: _novaIcons.NovaSolidLocksLockUnlock1
 };
+
 const handleOverlayClick = e => {
   e.stopPropagation();
   e.preventDefault();
   return false;
 };
+
 const Notification = props => {
   const {
     message,
@@ -44,6 +55,7 @@ const Notification = props => {
     role: "status"
   }, message))));
 };
+
 Notification.propTypes = process.env.NODE_ENV !== "production" ? {
   message: _propTypes.default.string.isRequired,
   icon: _propTypes.default.oneOf((0, _keys2.default)(NOTIFICATION_ICON)).isRequired

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

@@ -1 +1 @@
-{"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","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} 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;AAAuC;AAEvC,MAAMA,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,2CAAS;EACtBC,cAAc,EAAEC,wCAAQ;EACxBC,IAAI,EAAEC,+BAAQ;EACdC,MAAM,EAAEC;AACV,CAAC;AAED,MAAMC,kBAAkB,GAAGC,CAAC,IAAI;EAC9BA,CAAC,CAACC,eAAe,EAAE;EACnBD,CAAC,CAACE,cAAc,EAAE;EAClB,OAAO,KAAK;AACd,CAAC;AAED,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAO;IAAEC;EAAI,CAAC,GAAGF,KAAK;EAE7B,MAAMG,QAAQ,GAAG,mBAAID,IAAI,EAAEhB,iBAAiB,CAAC;EAC7C,oBACE;IACE,aAAU,cAAc;IACxB,aAAWgB,IAAK;IAChB,OAAO,EAAEP,kBAAmB;IAC5B,SAAS,EAAE,IAAAS,mBAAU,EAACC,qBAAK,CAACC,WAAW,EAAED,qBAAK,CAACE,mBAAmB;EAAE,gBAEpE;IAAK,SAAS,EAAEF,qBAAK,CAACG;EAAa,gBACjC,6BAAC,QAAQ;IAAC,SAAS,EAAEH,qBAAK,CAACH,IAAK;IAAC,KAAK,EAAE,IAAK;IAAC,MAAM,EAAE;EAAK,EAAG,eAC9D;IAAK,SAAS,EAAEG,qBAAK,CAACJ;EAAQ,gBAC5B;IAAM,IAAI,EAAC;EAAQ,GAAEA,OAAO,CAAQ,CAChC,CACF,CACF;AAEV,CAAC;AACDF,YAAY,CAACU,SAAS,2CAAG;EACvBR,OAAO,EAAES,kBAAS,CAACC,MAAM,CAACC,UAAU;EACpCV,IAAI,EAAEQ,kBAAS,CAACG,KAAK,CAAC,oBAAK3B,iBAAiB,CAAC,CAAC,CAAC0B;AACjD,CAAC;AAAC,eAEab,YAAY;AAAA"}
+{"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","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} 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,IAAxC;IAA8C,MAAM,EAAE;EAAtD,EADF,eAEE;IAAK,SAAS,EAAEG,qBAAA,CAAMJ;EAAtB,gBACE;IAAM,IAAI,EAAC;EAAX,GAAqBA,OAArB,CADF,CAFF,CANF,CADF;AAeD,CAnBD;;AAoBAF,YAAY,CAACU,SAAb,2CAAyB;EACvBR,OAAO,EAAES,kBAAA,CAAUC,MAAV,CAAiBC,UADH;EAEvBV,IAAI,EAAEQ,kBAAA,CAAUG,KAAV,CAAgB,oBAAK3B,iBAAL,CAAhB,EAAyC0B;AAFxB,CAAzB;eAKeb,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(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,

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

@@ -1 +1 @@
-{"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 = false, 'aria-label': ariaLabel = {}} = props;\n\n  if (isUndefined(isSelected)) return null;\n\n  return (\n    <div\n      className={classnames(style.selectable, isSelected && style.selected, hidden && style.hidden)}\n    >\n      <div className={style.circle} />\n      <div className={style.iconWrapper}>\n        <AddIcon className={style.addIcon} aria-label={ariaLabel.select} />\n        <CheckIcon className={style.checkIcon} aria-label={ariaLabel.unSelect} />\n        <HideIcon className={style.hideIcon} aria-label={ariaLabel.hide} />\n        <ShowIcon className={style.showIcon} aria-label={ariaLabel.show} />\n      </div>\n    </div>\n  );\n};\n\nSelectable.propTypes = {\n  isSelected: PropTypes.bool,\n  hidden: PropTypes.bool,\n  'aria-label': PropTypes.shape({\n    select: PropTypes.string,\n    unSelect: PropTypes.string\n  })\n};\n\nexport default Selectable;\n"],"mappings":";;;;;AAAA;AACA;AACA;AAEA;AAMA;AAAqC;AAErC,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,UAAU;IAAEC,MAAM,GAAG,KAAK;IAAE,YAAY,EAAEC,SAAS,GAAG,CAAC;EAAC,CAAC,GAAGH,KAAK;EAExE,IAAI,2BAAYC,UAAU,CAAC,EAAE,OAAO,IAAI;EAExC,oBACE;IACE,SAAS,EAAE,IAAAG,mBAAU,EAACC,mBAAK,CAACC,UAAU,EAAEL,UAAU,IAAII,mBAAK,CAACE,QAAQ,EAAEL,MAAM,IAAIG,mBAAK,CAACH,MAAM;EAAE,gBAE9F;IAAK,SAAS,EAAEG,mBAAK,CAACG;EAAO,EAAG,eAChC;IAAK,SAAS,EAAEH,mBAAK,CAACI;EAAY,gBAChC,6BAAC,uCAAO;IAAC,SAAS,EAAEJ,mBAAK,CAACK,OAAQ;IAAC,cAAYP,SAAS,CAACQ;EAAO,EAAG,eACnE,6BAAC,sCAAS;IAAC,SAAS,EAAEN,mBAAK,CAACO,SAAU;IAAC,cAAYT,SAAS,CAACU;EAAS,EAAG,eACzE,6BAAC,qCAAQ;IAAC,SAAS,EAAER,mBAAK,CAACS,QAAS;IAAC,cAAYX,SAAS,CAACY;EAAK,EAAG,eACnE,6BAAC,yCAAQ;IAAC,SAAS,EAAEV,mBAAK,CAACW,QAAS;IAAC,cAAYb,SAAS,CAACc;EAAK,EAAG,CAC/D,CACF;AAEV,CAAC;AAEDlB,UAAU,CAACmB,SAAS,2CAAG;EACrBjB,UAAU,EAAEkB,kBAAS,CAACC,IAAI;EAC1BlB,MAAM,EAAEiB,kBAAS,CAACC,IAAI;EACtB,YAAY,EAAED,kBAAS,CAACE,KAAK,CAAC;IAC5BV,MAAM,EAAEQ,kBAAS,CAACG,MAAM;IACxBT,QAAQ,EAAEM,kBAAS,CAACG;EACtB,CAAC;AACH,CAAC;AAAC,eAEavB,UAAU;AAAA"}
+{"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 = false, 'aria-label': ariaLabel = {}} = props;\n\n  if (isUndefined(isSelected)) return null;\n\n  return (\n    <div\n      className={classnames(style.selectable, isSelected && style.selected, hidden && style.hidden)}\n    >\n      <div className={style.circle} />\n      <div className={style.iconWrapper}>\n        <AddIcon className={style.addIcon} aria-label={ariaLabel.select} />\n        <CheckIcon className={style.checkIcon} aria-label={ariaLabel.unSelect} />\n        <HideIcon className={style.hideIcon} aria-label={ariaLabel.hide} />\n        <ShowIcon className={style.showIcon} aria-label={ariaLabel.show} />\n      </div>\n    </div>\n  );\n};\n\nSelectable.propTypes = {\n  isSelected: PropTypes.bool,\n  hidden: PropTypes.bool,\n  'aria-label': PropTypes.shape({\n    select: PropTypes.string,\n    unSelect: PropTypes.string\n  })\n};\n\nexport default Selectable;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAMA;;;;AAEA,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,UAAD;IAAaC,MAAM,GAAG,KAAtB;IAA6B,cAAcC,SAAS,GAAG;EAAvD,IAA6DH,KAAnE;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,15 +2,25 @@
 
 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(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; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   animation: {
     marginBottom: 12,
@@ -53,6 +63,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     height: 53
   }
 });
+
 const CardCongrats = ({
   animationUri,
   Icon,
@@ -68,11 +79,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, {
@@ -98,6 +112,7 @@ const CardCongrats = ({
     color: iconColor
   })));
 };
+
 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":["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;AAAiD;AAAA;AAAA;AAAA;AAajD,MAAMA,gBAAgB,GAAIC,KAAY,IACpCC,uBAAU,CAACC,MAAM,CAAC;EAChBC,SAAS,EAAE;IACTC,YAAY,EAAE,EAAE;IAChBC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE;EACV,CAAC;EACD;EACAC,IAAI;IACFC,UAAU,EAAE,QAAQ;IACpBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,EAAE;IACjBC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVP,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE;EAAG,GACRO,iBAAS;IACZC,eAAe,EAAEd,KAAK,CAACe,MAAM,CAACC;EAAK,EACpC;EACDC,SAAS,EAAE;IACTC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAErB,KAAK,CAACe,MAAM,CAACO,IAAI,CAACC;EAC3B,CAAC;EACDC,MAAM,EAAE;IACNhB,UAAU,EAAE;EACd,CAAC;EACDiB,UAAU,EAAE;IACVP,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdM,gBAAgB,EAAE;EACpB,CAAC;EACDC,OAAO,EAAE;IACPtB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDsB,SAAS,EAAE;IACTvB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEJ,MAAMuB,YAAY,GAAG,CAAC;EACpBC,YAAY;EACZC,IAAI;EACJC,KAAK;EACLV,IAAI;EACJW,SAAS;EACTC,SAAS;EACTC;AACiB,CAAC,KAAK;EACvB,MAAM;IAACnC;EAAK,CAAC,GAAG,IAAAoC,mCAAkB,GAAE;EACpC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EAEzE,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAG1C,gBAAgB,CAACC,KAAK,CAAC;IAC3CsC,aAAa,CAACG,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACzC,KAAK,CAAC,CAAC;EAEX,IAAI,CAACqC,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE,6BAAC,iBAAI;IAAC,KAAK,EAAEA,UAAU,CAAC9B;EAAK,gBAC3B,6BAAC,iBAAI;IAAC,KAAK,EAAE8B,UAAU,CAAClC;EAAU,GAC/B2B,YAAY,gBAAG,6BAAC,0BAAU;IAAC,MAAM,EAAE;MAACY,GAAG,EAAEZ;IAAY,CAAE;IAAC,QAAQ;IAAC,IAAI,EAAE;EAAM,EAAG,GAAG,IAAI,CACnF,eACP,6BAAC,iBAAI;IAAC,KAAK,EAAEO,UAAU,CAACpB;EAAU,GAAEK,IAAI,CAAQ,eAChD,6BAAC,iBAAI;IAAC,KAAK,EAAE,CAACe,UAAU,CAACb,MAAM,EAAE;MAACmB,aAAa,EAAER;IAAS,CAAC;EAAE,gBAC3D,6BAAC,iBAAI;IAAC,KAAK,EAAE,CAACE,UAAU,CAACZ,UAAU,EAAE;MAACJ,KAAK,EAAEa;IAAS,CAAC;EAAE,GAAEF,KAAK,CAAQ,eACxE,6BAAC,IAAI;IAAC,KAAK,EAAEK,UAAU,CAACT,SAAU;IAAC,KAAK,EAAEK;EAAU,EAAG,CAClD,CACF;AAEX,CAAC;AAAC,eAEaJ,YAAY;AAAA"}
+{"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;IACFC,UAAU,EAAE,QADV;IAEFC,UAAU,EAAE,EAFV;IAGFC,aAAa,EAAE,EAHb;IAIFC,YAAY,EAAE,EAJZ;IAKFC,MAAM,EAAE,EALN;IAMFP,KAAK,EAAE,GANL;IAOFC,MAAM,EAAE;EAPN,GAQCO,iBARD;IASFC,eAAe,EAAEd,KAAK,CAACe,MAAN,CAAaC;EAT5B,EAPY;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.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ColorValue, ViewStyle } from 'react-native';
-export type CardCongratsProps = {
+export declare type CardCongratsProps = {
     animationUri: string | null;
     Icon: React.FC<{
         style: ViewStyle;

package/lib/molecule/card-congrats/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-congrats/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAC,CAAC,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;CACvC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-congrats/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAEnD,oBAAY,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAC,CAAC,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;CACvC,CAAC"}

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

@@ -2,18 +2,31 @@
 
 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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const MODES = {
   HERO: 'hero',
   CARD: 'card'
@@ -24,6 +37,7 @@ const THEMES = {
   coorpmanager: _style.default.coorpmanager
 };
 exports.THEMES = THEMES;
+
 const ContentTypeInfo = ({
   mode,
   type,
@@ -32,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
@@ -44,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", {
@@ -53,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
@@ -64,6 +83,7 @@ ContentTypeInfo.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.string,
   mode: _propTypes.default.string
 } : {};
+
 const CardTitle = ({
   title,
   empty,
@@ -72,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,
@@ -103,6 +124,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,
@@ -110,6 +132,7 @@ AuthorName.propTypes = process.env.NODE_ENV !== "production" ? {
   certifiedAuthor: _propTypes.default.bool,
   'aria-label': _propTypes.default.string
 } : {};
+
 const ContentInfo = ({
   adaptiv,
   author,
@@ -173,6 +196,7 @@ const ContentInfo = ({
     "aria-label": (0, _get2.default)('author', ariaLabel)
   })), progressBar);
 };
+
 ContentInfo.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"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\n      className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)}\n      color=\"inherit\"\n    />\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            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":"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"}
+{"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\n      className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)}\n      color=\"inherit\"\n    />\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            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":"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"}