@coorpacademy/components 11.34.1 → 11.34.2

package/lib/molecule/progress-wrapper/index.js

@@ -123,7 +123,10 @@ const ProgressWrapper = ({
   const {
     translate
   } = context;
-  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory');
+  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory', {
+    total: mandatoryModules,
+    count: completedModules > mandatoryModules ? mandatoryModules : completedModules
+  });
   const isLocked = progression !== 100;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container,
@@ -140,10 +143,12 @@ const ProgressWrapper = ({
     className: _style.default.statscontainer
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.stats
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.statsNumber,
-    "data-name": "progress-stats"
-  }, `${completedModules > mandatoryModules ? mandatoryModules : completedModules} / ${mandatoryModules}`), mandatoryCompletedModulesLocale)), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    // eslint-disable-next-line react/no-danger
+    dangerouslySetInnerHTML: {
+      __html: mandatoryCompletedModulesLocale
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.progression
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.statsNumber,

package/lib/molecule/progress-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_cssColorFunction","_title","_progressBar","_colors","_tag","_buttonLink","_icon","_provider","_interopRequireWildcard","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","uncappedMap","_map2","convert","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","skin","GetSkinFromContext","primarySkinColor","_get2","isTypeStars","downloadButtonProps","label","link","target","href","customStyle","backgroundColor","color","width","transition","hoverBackgroundColor","hoverColor","COLORS","white","icon","position","faIcon","name","size","padding","disabled","LockedTag","createElement","iconName","iconColor","cm_grey_500","preset","className","style","detailsInfo","detailsInfoText","detailsTitle","img","src","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","container","titleContainer","titleSize","statscontainer","stats","statsNumber","customProgressBar","positive","displayInfo","value","max","statsProgressionMobile","_isEmpty2","details","section","key","commonDetailSectionPropTypes","process","env","NODE_ENV","PropTypes","oneOf","string","number","contextTypes","Provider","childContextTypes","propTypes","bool","arrayOf","shape","_default","exports"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {isEmpty, map, get} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, downloadUrl, stars}, context) => {\n  const {translate} = context;\n  const skin = GetSkinFromContext(context);\n  const primarySkinColor = get('common.primary', skin);\n  const isTypeStars = type === 'stars';\n\n  const downloadButtonProps = {\n    label: translate('download'),\n    link: {\n      target: '_blank',\n      href: downloadUrl\n    },\n    'data-name': `download-${type}-button`,\n    'aria-label': `download ${type} button`,\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      width: 'auto',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: COLORS.white,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'download',\n        color: primarySkinColor,\n        size: 14,\n        customStyle: {padding: 0}\n      }\n    },\n    disabled: isLocked\n  };\n\n  const LockedTag = (\n    <Tag\n      label={translate('locked')}\n      size=\"S\"\n      icon={{\n        position: 'left',\n        iconName: 'lock',\n        iconColor: COLORS.cm_grey_500,\n        preset: 's',\n        customStyle: {padding: 0}\n      }}\n    />\n  );\n\n  return isTypeStars ? (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n          {isLocked ? LockedTag : null}\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <img\n        className={style.img}\n        src={\n          type === 'badge'\n            ? downloadUrl\n            : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n          {isLocked ? LockedTag : null}\n        </div>\n\n        <div className={style.buttonContainer}>\n          <ButtonLink {...downloadButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedModules, mandatoryModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory');\n  const isLocked = progression !== 100;\n\n  return (\n    <div\n      className={style.container}\n      data-name=\"prgress-wrapper\"\n      aria-label=\"progress wrapper section\"\n    >\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div>\n            <span className={style.statsNumber} data-name=\"progress-stats\">\n              {`${\n                completedModules > mandatoryModules ? mandatoryModules : completedModules\n              } / ${mandatoryModules}`}\n            </span>\n            {mandatoryCompletedModulesLocale}\n          </div>\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber} data-name=\"progress-value\">\n            {progression}%\n          </span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.positive}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsProgressionMobile}>\n        <span className={style.statsNumber}>{progression}%</span>\n      </div>\n\n      {isEmpty(sections) ? null : (\n        <div className={style.details}>\n          {uncappedMap(\n            (section, index) => (\n              <DetailSection\n                {...section}\n                isLocked={isLocked}\n                key={`${section.type}-${index}`}\n                index={index}\n              />\n            ),\n            sections\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  downloadUrl: PropTypes.string,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedModules: PropTypes.number,\n  mandatoryModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_cssColorFunction","_title","_progressBar","_colors","_tag","_buttonLink","_icon","_provider","_interopRequireWildcard","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","uncappedMap","_map2","convert","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","skin","GetSkinFromContext","primarySkinColor","_get2","isTypeStars","downloadButtonProps","label","link","target","href","customStyle","backgroundColor","color","width","transition","hoverBackgroundColor","hoverColor","COLORS","white","icon","position","faIcon","name","size","padding","disabled","LockedTag","createElement","iconName","iconColor","cm_grey_500","preset","className","style","detailsInfo","detailsInfoText","detailsTitle","img","src","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","total","count","container","titleContainer","titleSize","statscontainer","stats","dangerouslySetInnerHTML","__html","statsNumber","customProgressBar","positive","displayInfo","value","max","statsProgressionMobile","_isEmpty2","details","section","key","commonDetailSectionPropTypes","process","env","NODE_ENV","PropTypes","oneOf","string","number","contextTypes","Provider","childContextTypes","propTypes","bool","arrayOf","shape","_default","exports"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {isEmpty, map, get} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, downloadUrl, stars}, context) => {\n  const {translate} = context;\n  const skin = GetSkinFromContext(context);\n  const primarySkinColor = get('common.primary', skin);\n  const isTypeStars = type === 'stars';\n\n  const downloadButtonProps = {\n    label: translate('download'),\n    link: {\n      target: '_blank',\n      href: downloadUrl\n    },\n    'data-name': `download-${type}-button`,\n    'aria-label': `download ${type} button`,\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      width: 'auto',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: COLORS.white,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'download',\n        color: primarySkinColor,\n        size: 14,\n        customStyle: {padding: 0}\n      }\n    },\n    disabled: isLocked\n  };\n\n  const LockedTag = (\n    <Tag\n      label={translate('locked')}\n      size=\"S\"\n      icon={{\n        position: 'left',\n        iconName: 'lock',\n        iconColor: COLORS.cm_grey_500,\n        preset: 's',\n        customStyle: {padding: 0}\n      }}\n    />\n  );\n\n  return isTypeStars ? (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n          {isLocked ? LockedTag : null}\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <img\n        className={style.img}\n        src={\n          type === 'badge'\n            ? downloadUrl\n            : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n          {isLocked ? LockedTag : null}\n        </div>\n\n        <div className={style.buttonContainer}>\n          <ButtonLink {...downloadButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedModules, mandatoryModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory', {\n    total: mandatoryModules,\n    count: completedModules > mandatoryModules ? mandatoryModules : completedModules\n  });\n  const isLocked = progression !== 100;\n\n  return (\n    <div\n      className={style.container}\n      data-name=\"prgress-wrapper\"\n      aria-label=\"progress wrapper section\"\n    >\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: mandatoryCompletedModulesLocale}}\n          />\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber} data-name=\"progress-value\">\n            {progression}%\n          </span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.positive}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsProgressionMobile}>\n        <span className={style.statsNumber}>{progression}%</span>\n      </div>\n\n      {isEmpty(sections) ? null : (\n        <div className={style.details}>\n          {uncappedMap(\n            (section, index) => (\n              <DetailSection\n                {...section}\n                isLocked={isLocked}\n                key={`${section.type}-${index}`}\n                index={index}\n              />\n            ),\n            sections\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  downloadUrl: PropTypes.string,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedModules: PropTypes.number,\n  mandatoryModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/template/certification-detail/index.js

@@ -4,7 +4,6 @@ exports.__esModule = true;
 exports.default = void 0;
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
 var _round2 = _interopRequireDefault(require("lodash/fp/round"));
-var _lowerCase2 = _interopRequireDefault(require("lodash/fp/lowerCase"));
 var _compact2 = _interopRequireDefault(require("lodash/fp/compact"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -103,7 +102,9 @@ const CertificationDetail = (props, context) => {
     }
   })) : null) : null, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.contentStats
-  }, /*#__PURE__*/_react.default.createElement("span", null, `${totalModules} ${(0, _lowerCase2.default)(translate('modules'))}`)), /*#__PURE__*/_react.default.createElement(_skillDetail.ContinueLearningButton, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, `${translate('modules', {
+    count: totalModules
+  })}`)), /*#__PURE__*/_react.default.createElement(_skillDetail.ContinueLearningButton, {
     ongoingCoursesAvailable: ongoingCoursesAvailable,
     onClick: onContinueLearningClick
   }))), /*#__PURE__*/_react.default.createElement(_progressWrapper.default, {

package/lib/template/certification-detail/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_markdownToJsx","_provider","_tag","_select","_buttonLinkIcon","_icon","_cardsGrid","_allCourses","_skillDetail","_progressWrapper","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CertificationDetail","props","context","certificationRef","title","tag","description","certificationCourses","ongoingCoursesAvailable","filters","onBackClick","onContinueLearningClick","metrics","logoUrl","diplomaUrl","badgeUrl","search","descriptionRef","useRef","translate","progression","mandatoryModules","stars","totalModules","isDescriptionTruncated","setIsDescriptionTruncated","useState","showMore","setShowMore","handleShowMore","useCallback","useEffect","current","clientHeight","scrollHeight","Description","createElement","ref","className","classnames","style","truncate","completedModules","useMemo","_round2","backgroundContainer","container","_isNil2","faIcon","onClick","backButton","tooltipPlacement","ctaContainer","logoContainer","logo","src","label","Fragment","showMoreWrapper","iconName","size","faSize","wrapperSize","contentStats","_lowerCase2","ContinueLearningButton","subtitle","sections","_compact2","type","downloadUrl","content","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","number","bool","CardsGrid","onChange","func","options","arrayOf","SelectOptionPropTypes","oldValue","_default","exports"],"sources":["../../../src/template/certification-detail/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {compact, lowerCase, round, isNil} from 'lodash/fp';\nimport Markdown from 'markdown-to-jsx';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport AllCourses from '../skill-detail/all-courses';\nimport {ContinueLearningButton} from '../skill-detail';\nimport ProgressWrapper from '../../molecule/progress-wrapper';\nimport style from './style.css';\n\nconst CertificationDetail = (props, context) => {\n  const {\n    certificationRef,\n    title,\n    tag,\n    description,\n    certificationCourses,\n    ongoingCoursesAvailable,\n    filters,\n    onBackClick,\n    onContinueLearningClick,\n    metrics,\n    logoUrl,\n    diplomaUrl,\n    badgeUrl,\n    search\n  } = props;\n  const descriptionRef = useRef(null);\n  const {translate} = context;\n\n  const {progression, mandatoryModules, stars, totalModules} = metrics;\n\n  const [isDescriptionTruncated, setIsDescriptionTruncated] = useState(false);\n  const [showMore, setShowMore] = useState(false);\n\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  useEffect(() => {\n    if (descriptionRef.current) {\n      const {clientHeight = 0, scrollHeight = 0} = descriptionRef.current;\n      setIsDescriptionTruncated(scrollHeight > clientHeight);\n    }\n  }, [description]);\n\n  const Description = useCallback(() => {\n    return (\n      <div\n        ref={descriptionRef}\n        className={classnames(style.description, !showMore && style.truncate)}\n      >\n        <Markdown>{description}</Markdown>\n      </div>\n    );\n  }, [showMore, description]);\n\n  const completedModules = useMemo(\n    () => round((mandatoryModules * progression) / 100),\n    [mandatoryModules, progression]\n  );\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={certificationRef}>\n        {!isNil(onBackClick) ? (\n          <ButtonLinkIcon\n            faIcon=\"arrow-left\"\n            data-name=\"back-button\"\n            aria-label={translate('back')}\n            onClick={onBackClick}\n            className={style.backButton}\n            tooltipPlacement=\"right\"\n          />\n        ) : null}\n        <div className={style.ctaContainer}>\n          <div className={style.logoContainer}>\n            <img className={style.logo} src={logoUrl} />\n          </div>\n          <div>\n            <Tag label={tag} />\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {isDescriptionTruncated ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {translate(showMore ? 'Show less' : 'Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 16}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n            <div className={style.contentStats}>\n              <span>{`${totalModules} ${lowerCase(translate('modules'))}`}</span>\n            </div>\n            <ContinueLearningButton\n              ongoingCoursesAvailable={ongoingCoursesAvailable}\n              onClick={onContinueLearningClick}\n            />\n          </div>\n        </div>\n        <ProgressWrapper\n          title={translate('your_progress')}\n          subtitle={translate('certification_progress_wrapper_subtitle')}\n          progression={progression}\n          completedModules={completedModules}\n          mandatoryModules={mandatoryModules}\n          sections={compact([\n            diplomaUrl && {\n              type: 'diploma',\n              downloadUrl: diplomaUrl\n            },\n            badgeUrl && {\n              type: 'badge',\n              downloadUrl: badgeUrl\n            },\n            stars && {\n              type: 'stars',\n              stars\n            }\n          ])}\n        />\n        <AllCourses\n          content={certificationCourses}\n          filters={filters}\n          data-name=\"certification-courses\"\n          search={search}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  tag: PropTypes.string,\n  certificationRef: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  logoUrl: PropTypes.string,\n  metrics: PropTypes.shape({\n    progression: PropTypes.number,\n    stars: PropTypes.number,\n    mandatoryModules: PropTypes.number,\n    totalModules: PropTypes.number\n  }),\n  diplomaUrl: PropTypes.string,\n  badgeUrl: PropTypes.string,\n  ongoingCoursesAvailable: PropTypes.bool,\n  certificationCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  onBackClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func,\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  })\n};\n\nexport default CertificationDetail;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_markdownToJsx","_provider","_tag","_select","_buttonLinkIcon","_icon","_cardsGrid","_allCourses","_skillDetail","_progressWrapper","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CertificationDetail","props","context","certificationRef","title","tag","description","certificationCourses","ongoingCoursesAvailable","filters","onBackClick","onContinueLearningClick","metrics","logoUrl","diplomaUrl","badgeUrl","search","descriptionRef","useRef","translate","progression","mandatoryModules","stars","totalModules","isDescriptionTruncated","setIsDescriptionTruncated","useState","showMore","setShowMore","handleShowMore","useCallback","useEffect","current","clientHeight","scrollHeight","Description","createElement","ref","className","classnames","style","truncate","completedModules","useMemo","_round2","backgroundContainer","container","_isNil2","faIcon","onClick","backButton","tooltipPlacement","ctaContainer","logoContainer","logo","src","label","Fragment","showMoreWrapper","iconName","size","faSize","wrapperSize","contentStats","count","ContinueLearningButton","subtitle","sections","_compact2","type","downloadUrl","content","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","number","bool","CardsGrid","onChange","func","options","arrayOf","SelectOptionPropTypes","oldValue","_default","exports"],"sources":["../../../src/template/certification-detail/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {compact, round, isNil} from 'lodash/fp';\nimport Markdown from 'markdown-to-jsx';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport AllCourses from '../skill-detail/all-courses';\nimport {ContinueLearningButton} from '../skill-detail';\nimport ProgressWrapper from '../../molecule/progress-wrapper';\nimport style from './style.css';\n\nconst CertificationDetail = (props, context) => {\n  const {\n    certificationRef,\n    title,\n    tag,\n    description,\n    certificationCourses,\n    ongoingCoursesAvailable,\n    filters,\n    onBackClick,\n    onContinueLearningClick,\n    metrics,\n    logoUrl,\n    diplomaUrl,\n    badgeUrl,\n    search\n  } = props;\n  const descriptionRef = useRef(null);\n  const {translate} = context;\n\n  const {progression, mandatoryModules, stars, totalModules} = metrics;\n\n  const [isDescriptionTruncated, setIsDescriptionTruncated] = useState(false);\n  const [showMore, setShowMore] = useState(false);\n\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  useEffect(() => {\n    if (descriptionRef.current) {\n      const {clientHeight = 0, scrollHeight = 0} = descriptionRef.current;\n      setIsDescriptionTruncated(scrollHeight > clientHeight);\n    }\n  }, [description]);\n\n  const Description = useCallback(() => {\n    return (\n      <div\n        ref={descriptionRef}\n        className={classnames(style.description, !showMore && style.truncate)}\n      >\n        <Markdown>{description}</Markdown>\n      </div>\n    );\n  }, [showMore, description]);\n\n  const completedModules = useMemo(\n    () => round((mandatoryModules * progression) / 100),\n    [mandatoryModules, progression]\n  );\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={certificationRef}>\n        {!isNil(onBackClick) ? (\n          <ButtonLinkIcon\n            faIcon=\"arrow-left\"\n            data-name=\"back-button\"\n            aria-label={translate('back')}\n            onClick={onBackClick}\n            className={style.backButton}\n            tooltipPlacement=\"right\"\n          />\n        ) : null}\n        <div className={style.ctaContainer}>\n          <div className={style.logoContainer}>\n            <img className={style.logo} src={logoUrl} />\n          </div>\n          <div>\n            <Tag label={tag} />\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {isDescriptionTruncated ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {translate(showMore ? 'Show less' : 'Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 16}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n            <div className={style.contentStats}>\n              <span>{`${translate('modules', {count: totalModules})}`}</span>\n            </div>\n            <ContinueLearningButton\n              ongoingCoursesAvailable={ongoingCoursesAvailable}\n              onClick={onContinueLearningClick}\n            />\n          </div>\n        </div>\n        <ProgressWrapper\n          title={translate('your_progress')}\n          subtitle={translate('certification_progress_wrapper_subtitle')}\n          progression={progression}\n          completedModules={completedModules}\n          mandatoryModules={mandatoryModules}\n          sections={compact([\n            diplomaUrl && {\n              type: 'diploma',\n              downloadUrl: diplomaUrl\n            },\n            badgeUrl && {\n              type: 'badge',\n              downloadUrl: badgeUrl\n            },\n            stars && {\n              type: 'stars',\n              stars\n            }\n          ])}\n        />\n        <AllCourses\n          content={certificationCourses}\n          filters={filters}\n          data-name=\"certification-courses\"\n          search={search}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  tag: PropTypes.string,\n  certificationRef: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  logoUrl: PropTypes.string,\n  metrics: PropTypes.shape({\n    progression: PropTypes.number,\n    stars: PropTypes.number,\n    mandatoryModules: PropTypes.number,\n    totalModules: PropTypes.number\n  }),\n  diplomaUrl: PropTypes.string,\n  badgeUrl: PropTypes.string,\n  ongoingCoursesAvailable: PropTypes.bool,\n  certificationCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  onBackClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func,\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  })\n};\n\nexport default CertificationDetail;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,cAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,IAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,KAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,UAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,WAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,YAAA,GAAAZ,OAAA;AACA,IAAAa,gBAAA,GAAAX,sBAAA,CAAAF,OAAA;AACA,IAAAc,MAAA,GAAAZ,sBAAA,CAAAF,OAAA;AAAgC,SAAAe,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAjB,wBAAAiB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAtB,uBAAAc,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAEhC,MAAMmB,mBAAmB,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC9C,MAAM;IACJC,gBAAgB;IAChBC,KAAK;IACLC,GAAG;IACHC,WAAW;IACXC,oBAAoB;IACpBC,uBAAuB;IACvBC,OAAO;IACPC,WAAW;IACXC,uBAAuB;IACvBC,OAAO;IACPC,OAAO;IACPC,UAAU;IACVC,QAAQ;IACRC;EACF,CAAC,GAAGf,KAAK;EACT,MAAMgB,cAAc,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EACnC,MAAM;IAACC;EAAS,CAAC,GAAGjB,OAAO;EAE3B,MAAM;IAACkB,WAAW;IAAEC,gBAAgB;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGX,OAAO;EAEpE,MAAM,CAACY,sBAAsB,EAAEC,yBAAyB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC3E,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAE/C,MAAMG,cAAc,GAAG,IAAAC,kBAAW,EAAC,MAAMF,WAAW,CAAC,CAACD,QAAQ,CAAC,EAAE,CAACC,WAAW,EAAED,QAAQ,CAAC,CAAC;EAEzF,IAAAI,gBAAS,EAAC,MAAM;IACd,IAAId,cAAc,CAACe,OAAO,EAAE;MAC1B,MAAM;QAACC,YAAY,GAAG,CAAC;QAAEC,YAAY,GAAG;MAAC,CAAC,GAAGjB,cAAc,CAACe,OAAO;MACnEP,yBAAyB,CAACS,YAAY,GAAGD,YAAY,CAAC;IACxD;EACF,CAAC,EAAE,CAAC3B,WAAW,CAAC,CAAC;EAEjB,MAAM6B,WAAW,GAAG,IAAAL,kBAAW,EAAC,MAAM;IACpC,oBACEnE,MAAA,CAAAuB,OAAA,CAAAkD,aAAA;MACEC,GAAG,EAAEpB,cAAe;MACpBqB,SAAS,EAAE,IAAAC,mBAAU,EAACC,cAAK,CAAClC,WAAW,EAAE,CAACqB,QAAQ,IAAIa,cAAK,CAACC,QAAQ;IAAE,gBAEtE9E,MAAA,CAAAuB,OAAA,CAAAkD,aAAA,CAACnE,cAAA,CAAAiB,OAAQ,QAAEoB,WAAsB,CAC9B,CAAC;EAEV,CAAC,EAAE,CAACqB,QAAQ,EAAErB,WAAW,CAAC,CAAC;EAE3B,MAAMoC,gBAAgB,GAAG,IAAAC,cAAO,EAC9B,MAAM,IAAAC,OAAA,CAAA1D,OAAA,EAAOmC,gBAAgB,GAAGD,WAAW,GAAI,GAAG,CAAC,EACnD,CAACC,gBAAgB,EAAED,WAAW,CAChC,CAAC;EAED,oBACEzD,MAAA,CAAAuB,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEE,cAAK,CAACK;EAAoB,gBACxClF,MAAA,CAAAuB,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEE,cAAK,CAACM,SAAU;IAAC,aAAW3C;EAAiB,GAC1D,CAAC,IAAA4C,OAAA,CAAA7D,OAAA,EAAMwB,WAAW,CAAC,gBAClB/C,MAAA,CAAAuB,OAAA,CAAAkD,aAAA,CAAC/D,eAAA,CAAAa,OAAc;IACb8D,MAAM,EAAC,YAAY;IACnB,aAAU,aAAa;IACvB,cAAY7B,SAAS,CAAC,MAAM,CAAE;IAC9B8B,OAAO,EAAEvC,WAAY;IACrB4B,SAAS,EAAEE,cAAK,CAACU,UAAW;IAC5BC,gBAAgB,EAAC;EAAO,CACzB,CAAC,GACA,IAAI,eACRxF,MAAA,CAAAuB,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEE,cAAK,CAACY;EAAa,gBACjCzF,MAAA,CAAAuB,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEE,cAAK,CAACa;EAAc,gBAClC1F,MAAA,CAAAuB,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEE,cAAK,CAACc,IAAK;IAACC,GAAG,EAAE1C;EAAQ,CAAE,CACxC,CAAC,eACNlD,MAAA,CAAAuB,OAAA,CAAAkD,aAAA,2BACEzE,MAAA,CAAAuB,OAAA,CAAAkD,aAAA,CAACjE,IAAA,CAAAe,OAAG;IAACsE,KAAK,EAAEnD;EAAI,CAAE,CAAC,eACnB1C,MAAA,CAAAuB,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEE,cAAK,CAACpC;EAAM,GAAEA,KAAW,CAAC,EACzCE,WAAW,gBACV3C,MAAA,CAAAuB,OAAA,CAAAkD,aAAA,CAAAzE,MAAA,CAAAuB,OAAA,CAAAuE,QAAA,qBACE9F,MAAA,CAAAuB,OAAA,CAAAkD,aAAA,CAACD,WAAW,MAAE,CAAC,EACdX,sBAAsB,gBACrB7D,MAAA,CAAAuB,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEE,cAAK,CAACkB,eAAgB;IAACT,OAAO,EAAEpB;EAAe,GAC5DV,SAAS,CAACQ,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC,eAChDhE,MAAA,CAAAuB,OAAA,CAAAkD,aAAA,CAAC9D,KAAA,CAAAY,OAAI;IACHyE,QAAQ,EAAEhC,QAAQ,GAAG,YAAY,GAAG,cAAe;IACnDiC,IAAI,EAAE;MAACC,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAE;EAAE,CACrC,CACE,CAAC,GACJ,IACJ,CAAC,GACD,IAAI,eACRnG,MAAA,CAAAuB,OAAA,CAAAkD,aAAA;IAAKE,SAAS,EAAEE,cAAK,CAACuB;EAAa,gBACjCpG,MAAA,CAAAuB,OAAA,CAAAkD,aAAA,eAAO,GAAGjB,SAAS,CAAC,SAAS,EAAE;IAAC6C,KAAK,EAAEzC;EAAY,CAAC,CAAC,EAAS,CAC3D,CAAC,eACN5D,MAAA,CAAAuB,OAAA,CAAAkD,aAAA,CAAC3D,YAAA,CAAAwF,sBAAsB;IACrBzD,uBAAuB,EAAEA,uBAAwB;IACjDyC,OAAO,EAAEtC;EAAwB,CAClC,CACE,CACF,CAAC,eACNhD,MAAA,CAAAuB,OAAA,CAAAkD,aAAA,CAAC1D,gBAAA,CAAAQ,OAAe;IACdkB,KAAK,EAAEe,SAAS,CAAC,eAAe,CAAE;IAClC+C,QAAQ,EAAE/C,SAAS,CAAC,yCAAyC,CAAE;IAC/DC,WAAW,EAAEA,WAAY;IACzBsB,gBAAgB,EAAEA,gBAAiB;IACnCrB,gBAAgB,EAAEA,gBAAiB;IACnC8C,QAAQ,EAAE,IAAAC,SAAA,CAAAlF,OAAA,EAAQ,CAChB4B,UAAU,IAAI;MACZuD,IAAI,EAAE,SAAS;MACfC,WAAW,EAAExD;IACf,CAAC,EACDC,QAAQ,IAAI;MACVsD,IAAI,EAAE,OAAO;MACbC,WAAW,EAAEvD;IACf,CAAC,EACDO,KAAK,IAAI;MACP+C,IAAI,EAAE,OAAO;MACb/C;IACF,CAAC,CACF;EAAE,CACJ,CAAC,eACF3D,MAAA,CAAAuB,OAAA,CAAAkD,aAAA,CAAC5D,WAAA,CAAAU,OAAU;IACTqF,OAAO,EAAEhE,oBAAqB;IAC9BE,OAAO,EAAEA,OAAQ;IACjB,aAAU,uBAAuB;IACjCO,MAAM,EAAEA;EAAO,CAChB,CACE,CACF,CAAC;AAEV,CAAC;AAEDhB,mBAAmB,CAACwE,YAAY,GAAG;EACjCC,IAAI,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF,IAAI;EACrCtD,SAAS,EAAEuD,iBAAQ,CAACC,iBAAiB,CAACxD;AACxC,CAAC;AAEDnB,mBAAmB,CAAC4E,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC9B3E,KAAK,EAAE4E,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClC7E,GAAG,EAAE2E,kBAAS,CAACC,MAAM;EACrB9E,gBAAgB,EAAE6E,kBAAS,CAACC,MAAM,CAACC,UAAU;EAC7C5E,WAAW,EAAE0E,kBAAS,CAACC,MAAM,CAACC,UAAU;EACxCrE,OAAO,EAAEmE,kBAAS,CAACC,MAAM;EACzBrE,OAAO,EAAEoE,kBAAS,CAACG,KAAK,CAAC;IACvB/D,WAAW,EAAE4D,kBAAS,CAACI,MAAM;IAC7B9D,KAAK,EAAE0D,kBAAS,CAACI,MAAM;IACvB/D,gBAAgB,EAAE2D,kBAAS,CAACI,MAAM;IAClC7D,YAAY,EAAEyD,kBAAS,CAACI;EAC1B,CAAC,CAAC;EACFtE,UAAU,EAAEkE,kBAAS,CAACC,MAAM;EAC5BlE,QAAQ,EAAEiE,kBAAS,CAACC,MAAM;EAC1BzE,uBAAuB,EAAEwE,kBAAS,CAACK,IAAI;EACvC9E,oBAAoB,EAAEyE,kBAAS,CAACG,KAAK,CAACG,kBAAS,CAACV,SAAS,CAAC;EAC1DnE,OAAO,EAAEuE,kBAAS,CAACG,KAAK,CAAC;IACvBI,QAAQ,EAAEP,kBAAS,CAACQ,IAAI;IACxBC,OAAO,EAAET,kBAAS,CAACU,OAAO,CAACV,kBAAS,CAACG,KAAK,CAACQ,6BAAqB,CAAC;EACnE,CAAC,CAAC;EACFjF,WAAW,EAAEsE,kBAAS,CAACQ,IAAI;EAC3B7E,uBAAuB,EAAEqE,kBAAS,CAACQ,IAAI;EACvCxE,MAAM,EAAEgE,kBAAS,CAACG,KAAK,CAAC;IACtBS,QAAQ,EAAEZ,kBAAS,CAACC,MAAM;IAC1BM,QAAQ,EAAEP,kBAAS,CAACQ;EACtB,CAAC;AACH,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAA5G,OAAA,GAEac,mBAAmB","ignoreList":[]}

package/locales/bs/global.json

@@ -49,14 +49,14 @@
   "locked": "Zaključano",
   "icon_picker_title": "Promijeni ikonu",
   "icon_picker_description": "Odaberite novu ikonu za svoju vještinu",
-  "icon_editor_color": "Icon color",
-  "invalid_color": "Invalid color",
+  "icon_editor_color": "Boja ikone",
+  "invalid_color": "Nevažeća boja",
   "translation_title": "Prevedi",
   "translation_description": "Upravljajte prijevodima kako biste dosegli više učenika",
   "skills_change_focus": "Promijenite fokus vještina",
   "skills_choose_focus": "Odaberite fokus",
   "cancel": "Otkaži",
-  "close": "Close",
+  "close": "Zatvori",
   "confirm": "Potvrdi",
   "Delete": "Izbrisati",
   "Draft": "Skica",
@@ -78,9 +78,10 @@
   "learning_priorities_brand_description": "Definirajte prioritete učenja za svoju kompaniju pomoću vještina, lista za reprodukciju ili certifikata. Oni će se pojaviti na stranici Moje učenje.",
   "media_stars_to_win_plural": "Osvoji {{count}} dodatnu zvijezdu u ovom poglavlju prvi put kad vidiš lekciju!",
   "media_stars_to_win": "Osvoji {{count}} dodatnu zvijezdu u ovom poglavlju prvi put kad vidiš lekciju!",
-  "modules": "Moduli",
-  "modules_completed": "moduli završeni",
-  "modules_completed_mandatory": "obavezni moduli završeni",
+  "modules": "{{count}} modul",
+  "modules_plural": "{{count}} moduli",
+  "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> obavezni modul završen",
+  "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> obavezni moduli završeni",
   "More": "Više",
   "More details": "Više detalja",
   "New media": "Nova lekcija",
@@ -113,8 +114,8 @@
   "secured_payment": "Osiguraj server",
   "start_learning": "Počni učiti",
   "sort_by": "Poredaj po:",
-  "clear": "Clear",
-  "clear_all": "Clear all",
+  "clear": "Jasno",
+  "clear_all": "Obriši sve",
   "See clue": "Vidi trag",
   "See less": "Vidi manje",
   "See lesson": "Pogledajte lekciju",
@@ -215,9 +216,10 @@
       "badge": "Dodatne informacije o vašem certifikatu"
     },
     "css": {
-      "modules": "Nivoi",
-      "modules_completed": "završeni nivoi",
-      "modules_completed_mandatory": "obavezni nivoi završeni",
+      "modules": "{{count}} nivo",
+      "modules_plural": "{{count}} nivoa",
+      "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> obavezni nivo završen",
+      "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> obavezni nivoi završeni",
       "certification_module": "nivo koji treba završiti"
     }
   }

package/locales/cs/global.json

@@ -49,14 +49,14 @@
   "locked": "Uzamčeno",
   "icon_picker_title": "Ikona změny",
   "icon_picker_description": "Vyberte novou ikonu pro svou dovednost",
-  "icon_editor_color": "Icon color",
-  "invalid_color": "Invalid color",
+  "icon_editor_color": "Barva ikony",
+  "invalid_color": "Neplatná barva",
   "translation_title": "Přeložit",
   "translation_description": "Spravujte překlady, abyste oslovili více studentů",
   "skills_change_focus": "Změnit zaměření dovednosti",
   "skills_choose_focus": "Vyberte své zaměření",
   "cancel": "Zrušit",
-  "close": "Close",
+  "close": "Blízko",
   "confirm": "Potvrdit",
   "Delete": "Smazat",
   "Draft": "Návrh",
@@ -78,9 +78,10 @@
   "learning_priorities_brand_description": "Definujte pro svou společnost priority vzdělávání pomocí dovedností, seznamů skladeb nebo certifikací. Zobrazí se na stránce Moje učení.",
   "media_stars_to_win_plural": "Získejte další hvězdy ({{count}}) v této kapitole při prvním zobrazení lekce!",
   "media_stars_to_win": "Vyhrajte další hvězdu ({{count}}) v této kapitole při prvním zobrazení lekce!",
-  "modules": "Moduly",
-  "modules_completed": "moduly dokončeny",
-  "modules_completed_mandatory": "dokončené povinné moduly",
+  "modules": "{{count}} modul ",
+  "modules_plural": "{{count}} moduly",
+  "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> povinný modul dokončen",
+  "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> povinné moduly dokončeny",
   "More": "Více",
   "More details": "Více informací",
   "New media": "Nová lekce",
@@ -113,8 +114,8 @@
   "secured_payment": "Zabezpečený server",
   "start_learning": "Začněte se učit",
   "sort_by": "Seřazeno podle:",
-  "clear": "Clear",
-  "clear_all": "Clear all",
+  "clear": "Jasný",
+  "clear_all": "Vymazat vše",
   "See clue": "Zobrazit nápovědu",
   "See less": "Zobrazit méně",
   "See lesson": "Zobrazit lekci",
@@ -215,9 +216,10 @@
       "badge": "Další informace o vašem certifikátu"
     },
     "css": {
-      "modules": "úrovně",
-      "modules_completed": "úrovně dokončeny",
-      "modules_completed_mandatory": "povinné úrovně dokončeny",
+      "modules": "{{count}} úroveň ",
+      "modules_plural": " {{count}} úrovně",
+      "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> povinná úroveň dokončena",
+      "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> dokončeno povinné úrovně",
       "certification_module": "úroveň dokončit"
     }
   }

package/locales/de/global.json

@@ -49,14 +49,14 @@
   "locked": "Gesperrt",
   "icon_picker_title": "Symbol „Ändern“",
   "icon_picker_description": "Wählen Sie ein neues Symbol für Ihre Fertigkeit",
-  "icon_editor_color": "Icon color",
-  "invalid_color": "Invalid color",
+  "icon_editor_color": "Symbolfarbe",
+  "invalid_color": "Ungültige Farbe",
   "translation_title": "Übersetzen",
   "translation_description": "Verwalten Sie Übersetzungen, um mehr Lernende zu erreichen",
   "skills_change_focus": "Fähigkeitsfokus ändern",
   "skills_choose_focus": "Wählen Sie Ihren Fokus",
   "cancel": "Abbrechen",
-  "close": "Close",
+  "close": "Schließen",
   "confirm": "Bestätigen",
   "Delete": "Löschen",
   "Draft": "Entwurf",
@@ -78,9 +78,10 @@
   "learning_priorities_brand_description": "Definieren Sie Lernprioritäten für Ihr Unternehmen mit Fähigkeiten, Playlists oder Zertifizierungen. Diese werden auf der Seite „Mein Lernen“ angezeigt.",
   "media_stars_to_win_plural": "Gewinnen Sie {{count}} zusätzliche Sterne in diesem Kapitel, wenn Sie die Lektion das erste Mal ansehen!",
   "media_stars_to_win": "Gewinnen Sie {{count}} zusätzliche Sterne in diesem Kapitel, wenn Sie die Lektion das erste Mal ansehen!",
-  "modules": "Module",
-  "modules_completed": "Module abgeschlossen",
-  "modules_completed_mandatory": "Pflichtmodule abgeschlossen",
+  "modules": "{{count}} -Modul",
+  "modules_plural": "{{count}} Module",
+  "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> Pflichtmodul abgeschlossen",
+  "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> Pflichtmodule abgeschlossen",
   "More": "Mehr",
   "More details": "Mehr Details",
   "New media": "Neue Lektion",
@@ -113,8 +114,8 @@
   "secured_payment": "Sicherer Server",
   "start_learning": "Beginne zu lernen",
   "sort_by": "Sortiere nach:",
-  "clear": "Clear",
-  "clear_all": "Clear all",
+  "clear": "Klar",
+  "clear_all": "Alle löschen",
   "See clue": "Hinweis öffnen",
   "See less": "Weniger anzeigen",
   "See lesson": "Lektion anzeigen",
@@ -215,9 +216,10 @@
       "badge": "Die zusätzlichen Informationen zu Ihrem Zertifikat"
     },
     "css": {
-      "modules": "Levels",
-      "modules_completed": "Levels abgeschlossen",
-      "modules_completed_mandatory": "Pflichtlevels abgeschlossen",
+      "modules": "{{count}} Ebene",
+      "modules_plural": "{{count}} Ebenen",
+      "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> Pflichtlevel abgeschlossen",
+      "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> obligatorische Level abgeschlossen",
       "certification_module": "Level zum Abschließen"
     }
   }

package/locales/en/global.json

@@ -78,9 +78,10 @@
   "learning_priorities_brand_description": "Define learning priorities for your company with skills, playlists or certifications. They will appear on the My Learning page.",
   "media_stars_to_win_plural": "Win {{count}} additional stars in this chapter the first time you view a lesson!",
   "media_stars_to_win": "Win {{count}} additional star in this chapter the first time you view a lesson!",
-  "modules": "Modules",
-  "modules_completed": "modules completed",
-  "modules_completed_mandatory": "mandatory modules completed",
+  "modules": "{{count}} module",
+  "modules_plural": "{{count}} modules",
+  "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}}/{{total}}</span> mandatory module completed",
+  "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}}/{{total}}</span> mandatory modules completed",
   "More": "More",
   "More details": "More details",
   "New media": "New lesson",
@@ -215,9 +216,10 @@
       "badge": "Additional information about your certificate"
     },
     "css": {
-      "modules": "Levels",
-      "modules_completed": "levels completed",
-      "modules_completed_mandatory": "mandatory levels completed",
+      "modules": "{{count}} level",
+      "modules_plural": "{{count}} levels",
+      "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}}/{{total}}</span> mandatory level completed",
+      "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}}/{{total}}</span> mandatory levels completed",
       "certification_module": "level to complete"
     }
   }

package/locales/es/global.json

@@ -49,14 +49,14 @@
   "locked": "Bloqueado",
   "icon_picker_title": "Cambiar icono",
   "icon_picker_description": "Selecciona un nuevo icono para tu habilidad",
-  "icon_editor_color": "Icon color",
-  "invalid_color": "Invalid color",
+  "icon_editor_color": "Color del icono",
+  "invalid_color": "Color no válido",
   "translation_title": "Traducción",
   "translation_description": "Gestione las traducciones para aumentar el número de alumnos",
   "skills_change_focus": "Cambiar enfoque de habilidades",
   "skills_choose_focus": "Elige el enfoque que te interese",
   "cancel": "Cancelar",
-  "close": "Close",
+  "close": "Cerca",
   "confirm": "Confirmar",
   "Delete": "Borrar",
   "Draft": "Sequía",
@@ -78,9 +78,10 @@
   "learning_priorities_brand_description": "Define las prioridades de aprendizaje de tu empresa con habilidades, listas de reproducción o certificaciones. Aparecerán en la página Mi aprendizaje.",
   "media_stars_to_win_plural": "Gana {{count}} estrellas adicionales en este capítulo la primera vez que veas una lección.",
   "media_stars_to_win": "Gana {{count}} estrellas adicionales en este capítulo la primera vez que veas una lección.",
-  "modules": "Módulos",
-  "modules_completed": "módulos completados",
-  "modules_completed_mandatory": "módulos obligatorios completados",
+  "modules": "{{count}} módulo",
+  "modules_plural": "{{count}} módulos",
+  "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> módulo obligatorio completado",
+  "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> módulos obligatorios completados",
   "More": "Más",
   "More details": "Más detalles",
   "New media": "Nueva lección",
@@ -113,8 +114,8 @@
   "secured_payment": "Servidor seguro",
   "start_learning": "Comienza a aprender",
   "sort_by": "Ordenar por:",
-  "clear": "Clear",
-  "clear_all": "Clear all",
+  "clear": "Claro",
+  "clear_all": "Borrar todo",
   "See clue": "Ver pista",
   "See less": "Ver menos",
   "See lesson": "Ver lección",
@@ -215,9 +216,10 @@
       "badge": "Información adicional sobre su certificado"
     },
     "css": {
-      "modules": "Niveles",
-      "modules_completed": "niveles completados",
-      "modules_completed_mandatory": "niveles obligatorios completados",
+      "modules": "{{count}} nivel",
+      "modules_plural": "{{count}} niveles",
+      "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> nivel obligatorio completado",
+      "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> niveles obligatorios completados",
       "certification_module": "nivel para completar"
     }
   }

package/locales/et/global.json

@@ -49,14 +49,14 @@
   "locked": "Lukustatud",
   "icon_picker_title": "Muuda ikooni",
   "icon_picker_description": "Valige oma oskuse jaoks uus ikoon",
-  "icon_editor_color": "Icon color",
-  "invalid_color": "Invalid color",
+  "icon_editor_color": "Ikooni värv",
+  "invalid_color": "Vale värv",
   "translation_title": "Tõlgi",
   "translation_description": "Rohkem õppijate kaasamiseks hallake tõlkeid",
   "skills_change_focus": "Muuda oskusfookust",
   "skills_choose_focus": "Vali oma fookus",
   "cancel": "Tühista",
-  "close": "Close",
+  "close": "Sule",
   "confirm": "Kinnita",
   "Delete": "Kustuta",
   "Draft": "Mustand",
@@ -78,9 +78,10 @@
   "learning_priorities_brand_description": "Määrake oma ettevõtte õppimisprioriteedid oskuste, esitusloendite või sertifikaatide abil. Need kuvatakse lehel Minu õppimine.",
   "media_stars_to_win_plural": "Võida selles peatükis õppetunni esmakordsel vaatamisel  {{count}} lisatähepunkti!",
   "media_stars_to_win": "Võida selles peatükis õppetunni esmakordsel vaatamisel  {{count}} lisatähepunkt!",
-  "modules": "Moodulid",
-  "modules_completed": "moodulid valmis",
-  "modules_completed_mandatory": "kohustuslikud moodulid on lõpetatud",
+  "modules": "{{count}} moodul",
+  "modules_plural": "{{count}} moodulid",
+  "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> kohustuslik moodul täidetud",
+  "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> kohustuslikud moodulid on täidetud",
   "More": "Lisaks",
   "More details": "Rohkem detaile",
   "New media": "Uus õppetund",
@@ -113,8 +114,8 @@
   "secured_payment": "Turvaline server",
   "start_learning": "Alusta õppimist",
   "sort_by": "Sorteerima:",
-  "clear": "Clear",
-  "clear_all": "Clear all",
+  "clear": "Selge",
+  "clear_all": "Tühjenda kõik",
   "See clue": "Näita vihjet",
   "See less": "Näita vähem",
   "See lesson": "Vaadake õppetundi",
@@ -215,9 +216,10 @@
       "badge": "Täiendav teave teie sertifikaadi kohta"
     },
     "css": {
-      "modules": "Tasemed",
-      "modules_completed": "tasemed läbitud",
-      "modules_completed_mandatory": "kohustuslikud tasemed läbitud",
+      "modules": "{{count}} tase",
+      "modules_plural": "{{count}} tasemed",
+      "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> kohustuslik tase läbitud",
+      "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> kohustuslikud tasemed läbitud",
       "certification_module": "taseme lõpetamiseks"
     }
   }

package/locales/fi/global.json

@@ -49,14 +49,14 @@
   "locked": "Lukittu",
   "icon_picker_title": "Vaihda kuvake",
   "icon_picker_description": "Valitse uusi kuvake taidollesi",
-  "icon_editor_color": "Icon color",
-  "invalid_color": "Invalid color",
+  "icon_editor_color": "Ikonin väri",
+  "invalid_color": "Virheellinen väri",
   "translation_title": "Käännä",
   "translation_description": "Hallitse käännöksiä ja saat lisää oppijoita",
   "skills_change_focus": "Vaihda osaamisen painopistettä",
   "skills_choose_focus": "Valitse painopisteesi",
   "cancel": "Peruuta",
-  "close": "Close",
+  "close": "Lähellä",
   "confirm": "Vahvista",
   "Delete": "Poista",
   "Draft": "Luonnos",
@@ -78,9 +78,10 @@
   "learning_priorities_brand_description": "Määritä yrityksesi oppimisprioriteetit taitojen, soittolistojen tai sertifikaattien avulla. Ne näkyvät Oma oppiminen -sivulla.",
   "media_stars_to_win_plural": "Voita {{count}} ylimääräistä tähteä tässä kappaleessa, kun katsot oppitunnin ensimmäisen kerran!",
   "media_stars_to_win": "Voita {{count}} ylimääräinen tähti tässä kappaleessa, kun katsot oppitunnin ensimmäisen kerran!",
-  "modules": "Moduulit",
-  "modules_completed": "moduulit valmiina",
-  "modules_completed_mandatory": "pakollista moduulia suoritettu",
+  "modules": "{{count}} -moduuli",
+  "modules_plural": "{{count}} moduulit",
+  "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> pakollinen moduuli suoritettu",
+  "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> pakolliset moduulit suoritettu",
   "More": "Enemmän",
   "More details": "Lisää tietoja",
   "New media": "Uusi oppitunti",
@@ -113,8 +114,8 @@
   "secured_payment": "Turvallinen palvelin",
   "start_learning": "Aloita oppiminen",
   "sort_by": "Järjestä:",
-  "clear": "Clear",
-  "clear_all": "Clear all",
+  "clear": "Selkeä",
+  "clear_all": "Tyhjennä kaikki",
   "See clue": "Näytä vihje",
   "See less": "Näytä vähemmän",
   "See lesson": "Näytä oppitunti",
@@ -215,9 +216,10 @@
       "badge": "Lisätietoja todistuksestasi"
     },
     "css": {
-      "modules": "Tasot",
-      "modules_completed": "tasot suoritettu",
-      "modules_completed_mandatory": "pakolliset tasot suoritettu",
+      "modules": "{{count}} taso",
+      "modules_plural": "{{count}} tasot",
+      "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> pakollinen taso suoritettu",
+      "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}}</span> pakolliset tasot suoritettu",
       "certification_module": "suoritettava taso"
     }
   }