@coorpacademy/components 11.34.2 → 11.34.3

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

@@ -5,7 +5,8 @@ exports.default = void 0;
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _cssColorFunction = require("css-color-function");
 var _title = _interopRequireDefault(require("../../atom/title"));
@@ -65,19 +66,6 @@ const DetailSection = ({
     },
     disabled: isLocked
   };
-  const LockedTag = /*#__PURE__*/_react.default.createElement(_tag.default, {
-    label: translate('locked'),
-    size: "S",
-    icon: {
-      position: 'left',
-      iconName: 'lock',
-      iconColor: _colors.COLORS.cm_grey_500,
-      preset: 's',
-      customStyle: {
-        padding: 0
-      }
-    }
-  });
   return isTypeStars ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default[`detailsSection${index}`],
     "data-name": type,
@@ -88,7 +76,7 @@ const DetailSection = ({
     className: _style.default.detailsInfoText
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.detailsTitle
-  }, translate('bonus_stars')), isLocked ? LockedTag : null), /*#__PURE__*/_react.default.createElement("div", {
+  }, translate('bonus_stars'))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.stars
   }, /*#__PURE__*/_react.default.createElement(_icon.default, {
     iconName: "star",
@@ -108,7 +96,7 @@ const DetailSection = ({
     className: _style.default.detailsInfoText
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.detailsTitle
-  }, type === 'diploma' ? translate('diploma') : translate('badge')), isLocked ? LockedTag : null), /*#__PURE__*/_react.default.createElement("div", {
+  }, type === 'diploma' ? translate('diploma') : translate('badge'))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttonContainer
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, downloadButtonProps))));
 };
@@ -128,6 +116,10 @@ const ProgressWrapper = ({
     count: completedModules > mandatoryModules ? mandatoryModules : completedModules
   });
   const isLocked = progression !== 100;
+  const [showDetails, setShowDetails] = (0, _react.useState)(false);
+  const handleToggleDetails = (0, _react.useCallback)(() => {
+    setShowDetails(!showDetails);
+  }, [showDetails]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container,
     "data-name": "prgress-wrapper",
@@ -165,13 +157,41 @@ const ProgressWrapper = ({
     className: _style.default.statsProgressionMobile
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.statsNumber
-  }, progression, "%")), (0, _isEmpty2.default)(sections) ? null : /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.details
+  }, progression, "%")), !(0, _isEmpty2.default)(sections) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.toggleDetailsButton,
+    onClick: handleToggleDetails,
+    "data-testid": "progress-wrapper-toggle-details-button"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.toggleDetailsLabel
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.toggleDetailsTitle
+  }, translate('rewards')), isLocked ? /*#__PURE__*/_react.default.createElement(_tag.default, {
+    label: translate('locked'),
+    size: "S",
+    icon: {
+      position: 'left',
+      iconName: 'lock',
+      iconColor: _colors.COLORS.cm_grey_500,
+      preset: 's',
+      customStyle: {
+        padding: 0
+      }
+    }
+  }) : null), /*#__PURE__*/_react.default.createElement(_icon.default, {
+    iconColor: _colors.COLORS.cm_grey_700,
+    iconName: showDetails ? 'chevron-up' : 'chevron-down',
+    size: {
+      faSize: 20,
+      wrapperSize: 24
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_style.default.details, showDetails ? _style.default.visibleDetails : _style.default.hiddenDetails),
+    "data-testid": "progress-wrapper-details"
   }, uncappedMap((section, index) => /*#__PURE__*/_react.default.createElement(DetailSection, _extends({}, section, {
     isLocked: isLocked,
     key: `${section.type}-${index}`,
     index: index
-  })), sections)));
+  })), sections))) : null);
 };
 const commonDetailSectionPropTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.oneOf(['diploma', 'badge', 'stars']),

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","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":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_propTypes","_cssColorFunction","_title","_progressBar","_colors","_tag","_buttonLink","_icon","_provider","_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","createElement","className","style","detailsInfo","detailsInfoText","detailsTitle","iconName","iconColor","preset","img","src","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","total","count","showDetails","setShowDetails","useState","handleToggleDetails","useCallback","container","titleContainer","titleSize","statscontainer","stats","dangerouslySetInnerHTML","__html","statsNumber","customProgressBar","positive","displayInfo","value","max","statsProgressionMobile","_isEmpty2","Fragment","toggleDetailsButton","onClick","toggleDetailsLabel","toggleDetailsTitle","cm_grey_500","cm_grey_700","faSize","wrapperSize","classNames","details","visibleDetails","hiddenDetails","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, {useCallback, useState} from 'react';\nimport classNames from 'classnames';\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  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        </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        </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  const [showDetails, setShowDetails] = useState(false);\n\n  const handleToggleDetails = useCallback(() => {\n    setShowDetails(!showDetails);\n  }, [showDetails]);\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) ? (\n        <>\n          <div\n            className={style.toggleDetailsButton}\n            onClick={handleToggleDetails}\n            data-testid=\"progress-wrapper-toggle-details-button\"\n          >\n            <div className={style.toggleDetailsLabel}>\n              <span className={style.toggleDetailsTitle}>{translate('rewards')}</span>\n              {isLocked ? (\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              ) : null}\n            </div>\n            <Icon\n              iconColor={COLORS.cm_grey_700}\n              iconName={showDetails ? 'chevron-up' : 'chevron-down'}\n              size={{faSize: 20, wrapperSize: 24}}\n            />\n          </div>\n\n          <div\n            className={classNames(\n              style.details,\n              showDetails ? style.visibleDetails : style.hiddenDetails\n            )}\n            data-testid=\"progress-wrapper-details\"\n          >\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      ) : null}\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":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,YAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,IAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,WAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,KAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,SAAA,GAAAZ,uBAAA,CAAAC,OAAA;AAEA,IAAAY,MAAA,GAAAV,sBAAA,CAAAF,OAAA;AAAgC,SAAAa,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,SAAAf,wBAAAe,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,SAAApB,uBAAAY,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAAA,SAAAmB,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA,KADhC;AAGA,MAAMG,WAAW,GAAGC,KAAA,CAAArB,OAAA,CAAIsB,OAAO,CAAC;EAACC,GAAG,EAAE;AAAK,CAAC,CAAC;AAE7C,MAAMC,aAAa,GAAGA,CAAC;EAACC,KAAK;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,WAAW;EAAEC;AAAK,CAAC,EAAEC,OAAO,KAAK;EAC9E,MAAM;IAACC;EAAS,CAAC,GAAGD,OAAO;EAC3B,MAAME,IAAI,GAAG,IAAAC,4BAAkB,EAACH,OAAO,CAAC;EACxC,MAAMI,gBAAgB,GAAG,IAAAC,KAAA,CAAAnC,OAAA,EAAI,gBAAgB,EAAEgC,IAAI,CAAC;EACpD,MAAMI,WAAW,GAAGV,IAAI,KAAK,OAAO;EAEpC,MAAMW,mBAAmB,GAAG;IAC1BC,KAAK,EAAEP,SAAS,CAAC,UAAU,CAAC;IAC5BQ,IAAI,EAAE;MACJC,MAAM,EAAE,QAAQ;MAChBC,IAAI,EAAEb;IACR,CAAC;IACD,WAAW,EAAE,YAAYF,IAAI,SAAS;IACtC,YAAY,EAAE,YAAYA,IAAI,SAAS;IACvCgB,WAAW,EAAE;MACXC,eAAe,EAAE,IAAArB,yBAAO,EAAC,SAASY,gBAAgB,WAAW,CAAC;MAC9DU,KAAK,EAAEV,gBAAgB;MACvBW,KAAK,EAAE,MAAM;MACbC,UAAU,EAAE;IACd,CAAC;IACDC,oBAAoB,EAAEb,gBAAgB;IACtCc,UAAU,EAAEC,cAAM,CAACC,KAAK;IACxBC,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAM;MAChBC,MAAM,EAAE;QACNC,IAAI,EAAE,UAAU;QAChBV,KAAK,EAAEV,gBAAgB;QACvBqB,IAAI,EAAE,EAAE;QACRb,WAAW,EAAE;UAACc,OAAO,EAAE;QAAC;MAC1B;IACF,CAAC;IACDC,QAAQ,EAAE9B;EACZ,CAAC;EAED,OAAOS,WAAW,gBAChBzD,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IACEC,SAAS,EAAEC,cAAK,CAAC,iBAAiBnC,KAAK,EAAE,CAAE;IAC3C,aAAWC,IAAK;IAChB,cAAY,GAAGA,IAAI;EAAgB,gBAEnC/C,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAY,gBAChClF,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACE;EAAgB,gBACpCnF,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAMC,SAAS,EAAEC,cAAK,CAACG;EAAa,GAAEhC,SAAS,CAAC,aAAa,CAAQ,CAClE,CAAC,eACNpD,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAAC/B;EAAM,gBAC1BlD,MAAA,CAAAqB,OAAA,CAAA0D,aAAA,CAACnE,KAAA,CAAAS,OAAI;IAACgE,QAAQ,EAAC,MAAM;IAACC,SAAS,EAAC,SAAS;IAACtB,eAAe,EAAC,SAAS;IAACuB,MAAM,EAAC;EAAI,CAAE,CAAC,eAClFvF,MAAA,CAAAqB,OAAA,CAAA0D,aAAA,eAAO7B,KAAY,CAChB,CACF,CACF,CAAC,gBAENlD,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IACEC,SAAS,EAAEC,cAAK,CAAC,iBAAiBnC,KAAK,EAAE,CAAE;IAC3C,aAAWC,IAAK;IAChB,cAAY,GAAGA,IAAI;EAAgB,gBAEnC/C,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACO,GAAI;IACrBC,GAAG,EACD1C,IAAI,KAAK,OAAO,GACZE,WAAW,GACX;EACL,CACF,CAAC,eACFjD,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAY,gBAChClF,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACE;EAAgB,gBACpCnF,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAMC,SAAS,EAAEC,cAAK,CAACG;EAAa,GACjCrC,IAAI,KAAK,SAAS,GAAGK,SAAS,CAAC,SAAS,CAAC,GAAGA,SAAS,CAAC,OAAO,CAC1D,CACH,CAAC,eAENpD,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACS;EAAgB,gBACpC1F,MAAA,CAAAqB,OAAA,CAAA0D,aAAA,CAACpE,WAAA,CAAAU,OAAU,EAAKqC,mBAAsB,CACnC,CACF,CACF,CACN;AACH,CAAC;AAED,MAAMiC,eAAe,GAAGA,CACtB;EAACC,gBAAgB;EAAEC,gBAAgB;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,WAAW;EAAEC;AAAQ,CAAC,EAC5E9C,OAAO,KACJ;EACH,MAAM;IAACC;EAAS,CAAC,GAAGD,OAAO;EAC3B,MAAM+C,+BAA+B,GAAG9C,SAAS,CAAC,6BAA6B,EAAE;IAC/E+C,KAAK,EAAEN,gBAAgB;IACvBO,KAAK,EAAER,gBAAgB,GAAGC,gBAAgB,GAAGA,gBAAgB,GAAGD;EAClE,CAAC,CAAC;EACF,MAAM5C,QAAQ,GAAGgD,WAAW,KAAK,GAAG;EAEpC,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAErD,MAAMC,mBAAmB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC5CH,cAAc,CAAC,CAACD,WAAW,CAAC;EAC9B,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EACjB,oBACErG,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACyB,SAAU;IAC3B,aAAU,iBAAiB;IAC3B,cAAW;EAA0B,gBAErC1G,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAAC0B;EAAe,gBACnC3G,MAAA,CAAAqB,OAAA,CAAA0D,aAAA,CAACxE,MAAA,CAAAc,OAAK;IAAC0B,IAAI,EAAC,YAAY;IAAC6D,SAAS,EAAC,QAAQ;IAACd,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA;EAAS,CAAE,CAC5E,CAAC,eACN/F,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAAC4B;EAAe,gBACnC7G,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAAC6B;EAAM,gBAC1B9G,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IACE;IACAgC,uBAAuB,EAAE;MAACC,MAAM,EAAEd;IAA+B;EAAE,CACpE,CACE,CAAC,eACNlG,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACe;EAAY,gBAChChG,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAMC,SAAS,EAAEC,cAAK,CAACgC,WAAY;IAAC,aAAU;EAAgB,GAC3DjB,WAAW,EAAC,GACT,CACH,CACF,CAAC,eACNhG,MAAA,CAAAqB,OAAA,CAAA0D,aAAA,CAACvE,YAAA,CAAAa,OAAW;IACV2D,SAAS,EAAEC,cAAK,CAACiC,iBAAkB;IACnCjC,KAAK,EAAE;MAACjB,eAAe,EAAEM,cAAM,CAAC6C;IAAQ,CAAE;IAC1CC,WAAW,EAAE,KAAM;IACnBC,KAAK,EAAErB,WAAY;IACnBsB,GAAG,EAAE;EAAI,CACV,CAAC,eACFtH,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACsC;EAAuB,gBAC3CvH,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAMC,SAAS,EAAEC,cAAK,CAACgC;EAAY,GAAEjB,WAAW,EAAC,GAAO,CACrD,CAAC,EAEL,CAAC,IAAAwB,SAAA,CAAAnG,OAAA,EAAQ4E,QAAQ,CAAC,gBACjBjG,MAAA,CAAAqB,OAAA,CAAA0D,aAAA,CAAA/E,MAAA,CAAAqB,OAAA,CAAAoG,QAAA,qBACEzH,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACyC,mBAAoB;IACrCC,OAAO,EAAEnB,mBAAoB;IAC7B,eAAY;EAAwC,gBAEpDxG,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAAC2C;EAAmB,gBACvC5H,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IAAMC,SAAS,EAAEC,cAAK,CAAC4C;EAAmB,GAAEzE,SAAS,CAAC,SAAS,CAAQ,CAAC,EACvEJ,QAAQ,gBACPhD,MAAA,CAAAqB,OAAA,CAAA0D,aAAA,CAACrE,IAAA,CAAAW,OAAG;IACFsC,KAAK,EAAEP,SAAS,CAAC,QAAQ,CAAE;IAC3BwB,IAAI,EAAC,GAAG;IACRJ,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAM;MAChBY,QAAQ,EAAE,MAAM;MAChBC,SAAS,EAAEhB,cAAM,CAACwD,WAAW;MAC7BvC,MAAM,EAAE,GAAG;MACXxB,WAAW,EAAE;QAACc,OAAO,EAAE;MAAC;IAC1B;EAAE,CACH,CAAC,GACA,IACD,CAAC,eACN7E,MAAA,CAAAqB,OAAA,CAAA0D,aAAA,CAACnE,KAAA,CAAAS,OAAI;IACHiE,SAAS,EAAEhB,cAAM,CAACyD,WAAY;IAC9B1C,QAAQ,EAAEgB,WAAW,GAAG,YAAY,GAAG,cAAe;IACtDzB,IAAI,EAAE;MAACoD,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAE;EAAE,CACrC,CACE,CAAC,eAENjI,MAAA,CAAAqB,OAAA,CAAA0D,aAAA;IACEC,SAAS,EAAE,IAAAkD,mBAAU,EACnBjD,cAAK,CAACkD,OAAO,EACb9B,WAAW,GAAGpB,cAAK,CAACmD,cAAc,GAAGnD,cAAK,CAACoD,aAC7C,CAAE;IACF,eAAY;EAA0B,GAErC5F,WAAW,CACV,CAAC6F,OAAO,EAAExF,KAAK,kBACb9C,MAAA,CAAAqB,OAAA,CAAA0D,aAAA,CAAClC,aAAa,EAAAV,QAAA,KACRmG,OAAO;IACXtF,QAAQ,EAAEA,QAAS;IACnBuF,GAAG,EAAE,GAAGD,OAAO,CAACvF,IAAI,IAAID,KAAK,EAAG;IAChCA,KAAK,EAAEA;EAAM,EACd,CACF,EACDmD,QACF,CACG,CACL,CAAC,GACD,IACD,CAAC;AAEV,CAAC;AAED,MAAMuC,4BAA4B,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnC5F,IAAI,EAAE6F,kBAAS,CAACC,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;EACpD5F,WAAW,EAAE2F,kBAAS,CAACE,MAAM;EAC7B5F,KAAK,EAAE0F,kBAAS,CAACG;AACnB,CAAC;AAEDlG,aAAa,CAACmG,YAAY,GAAG;EAC3B5F,SAAS,EAAE6F,iBAAQ,CAACC,iBAAiB,CAAC9F,SAAS;EAC/CC,IAAI,EAAE4F,iBAAQ,CAACC,iBAAiB,CAAC7F;AACnC,CAAC;AAEDR,aAAa,CAACsG,SAAS,GAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACxB7F,KAAK,EAAE8F,kBAAS,CAACG,MAAM;EACvB/F,QAAQ,EAAE4F,kBAAS,CAACQ,IAAI;EACxB,GAAGZ;AACL,CAAC;AAED7C,eAAe,CAACqD,YAAY,GAAG;EAC7B5F,SAAS,EAAE6F,iBAAQ,CAACC,iBAAiB,CAAC9F;AACxC,CAAC;AAEDuC,eAAe,CAACwD,SAAS,GAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1B7C,KAAK,EAAE8C,kBAAS,CAACE,MAAM;EACvB/C,QAAQ,EAAE6C,kBAAS,CAACE,MAAM;EAC1BlD,gBAAgB,EAAEgD,kBAAS,CAACG,MAAM;EAClClD,gBAAgB,EAAE+C,kBAAS,CAACG,MAAM;EAClC/C,WAAW,EAAE4C,kBAAS,CAACG,MAAM;EAC7B9C,QAAQ,EAAE2C,kBAAS,CAACS,OAAO,CAACT,kBAAS,CAACU,KAAK,CAACd,4BAA4B,CAAC;AAC3E,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAAnI,OAAA,GAEasE,eAAe","ignoreList":[]}

package/lib/molecule/progress-wrapper/style.css

@@ -7,6 +7,7 @@
 @value cm_grey_100 from colors;
 @value cm_grey_400 from colors;
 @value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
 
 .container {
   border-radius: 16px;
@@ -52,14 +53,24 @@
 }
 
 .details {
+  overflow: hidden;
+  transition: max-height 0.3s ease, padding-top 0.3s ease;
   display: flex;
   justify-content: space-between;
-  align-items: "center";
+  align-items: center;
   flex-direction: row;
-  padding-top: 24px;
   gap: 16px;
 }
 
+.hiddenDetails {
+  height: 0;
+}
+
+.visibleDetails {
+  height: auto;
+  padding-top: 24px;
+}
+
 .detailsSectionCommon {
   display: flex;
   align-items: center;
@@ -127,6 +138,30 @@
   padding-top: 16px;
 }
 
+.toggleDetailsButton {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding-top: 16px;
+  width: 100%;
+}
+
+.toggleDetailsTitle {
+  color: cm_grey_700;
+  font-family: Gilroy;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 22px;
+}
+
+.toggleDetailsLabel {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
 @media mobile, tablet {
   .details {
     flex-wrap: wrap;

package/lib/molecule/scope-content/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/scope-content/index.js"],"names":[],"mappings":";AASA,qEA0FC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/scope-content/index.js"],"names":[],"mappings":";AASA,qEAgGC"}

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

@@ -2,6 +2,7 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 var _react = _interopRequireDefault(require("react"));
@@ -60,7 +61,8 @@ const ScopeContent = (props, context) => {
     }
   }) : null;
   return content && title ? /*#__PURE__*/_react.default.createElement("div", {
-    "data-name": "scopeContent"
+    "data-name": "scopeContent",
+    className: _style.default.scopeContent
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "description",
     className: _style.default.desc
@@ -79,18 +81,20 @@ const ScopeContent = (props, context) => {
     "data-name": "duration",
     className: _style.default.time
   }, time))), ctaView), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.columnLayout
+  }, (0, _isEmpty2.default)(skills) ? null : /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.skills
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.coltitle
   }, skillsTitle), /*#__PURE__*/_react.default.createElement("ul", {
     className: _style.default.dottedlist
-  }, skills)), /*#__PURE__*/_react.default.createElement("div", {
+  }, skills)), (0, _isEmpty2.default)(chapters) ? null : /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.column
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.coltitle
   }, chaptersTitle), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("ul", {
     className: _style.default.roundedlist
-  }, chapters)))), _resources ? /*#__PURE__*/_react.default.createElement("div", {
+  }, chapters))))), !(0, _isEmpty2.default)(_resources) ? /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "description",
     className: _style.default.bordered
   }, /*#__PURE__*/_react.default.createElement(_resourceBrowser.default, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_button","_provider","_discussion","_resourceBrowser","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ScopeContent","props","context","translate","skin","content","lstitle","_chaptersTitle","time","_getOr2","title","_skills","_chapters","_resources","skillsTitle","chaptersTitle","onClick","_get2","buttonLabel","discussion","skills","map","skill","index","createElement","key","dangerouslySetInnerHTML","__html","chapters","chapter","name","ctaView","type","className","style","cta","submitValue","backgroundColor","desc","infos","innerHTML","coltitle","dottedlist","column","roundedlist","bordered","resources","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","shape","string","func","arrayOf","object","course_scope","ResourceBrowser","Discussion","_default","exports"],"sources":["../../../src/molecule/scope-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Discussion from '../../organism/discussion';\nimport ResourceBrowser from '../../organism/resource-browser';\nimport style from './style.css';\n\nconst ScopeContent = (props, context) => {\n  const {translate, skin} = context;\n  const {content} = props;\n\n  const lstitle = translate('At the end of this level, you will be able to_');\n  const _chaptersTitle = translate('chapters');\n\n  const time = getOr('', 'time', content);\n  const title = getOr('', 'title', content);\n  const _skills = getOr([], 'skills', content);\n  const _chapters = getOr([], 'chapters', content);\n  const _resources = getOr([], 'resources', content);\n\n  const skillsTitle = getOr(lstitle, 'skillsTitle', content);\n  const chaptersTitle = getOr(_chaptersTitle, 'chaptersTitle', content);\n\n  const onClick = get('onClick', content);\n  const buttonLabel = get('buttonLabel', content);\n  const discussion = get('discussion', content);\n  const skills = _skills.map((skill, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: skill}}\n    />\n  ));\n\n  const chapters = _chapters.map((chapter, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: chapter.name}}\n    />\n  ));\n\n  const ctaView = onClick ? (\n    <Button\n      data-name=\"cta\"\n      type=\"link\"\n      className={style.cta}\n      onClick={onClick}\n      submitValue={buttonLabel}\n      style={{\n        backgroundColor: get('common.primary', skin)\n      }}\n    />\n  ) : null;\n\n  return content && title ? (\n    <div data-name=\"scopeContent\">\n      <div data-name=\"description\" className={style.desc}>\n        <div className={style.infos}>\n          <div className={style.title}>\n            <div\n              className={style.innerHTML}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: title}}\n            />\n            <div>\n              <span data-name=\"duration\" className={style.time}>\n                {time}\n              </span>\n            </div>\n          </div>\n          {ctaView}\n        </div>\n        <div className={style.skills}>\n          <div className={style.coltitle}>{skillsTitle}</div>\n          <ul className={style.dottedlist}>{skills}</ul>\n        </div>\n        <div className={style.column}>\n          <div className={style.coltitle}>{chaptersTitle}</div>\n          <div>\n            <ul className={style.roundedlist}>{chapters}</ul>\n          </div>\n        </div>\n      </div>\n\n      {_resources ? (\n        <div data-name=\"description\" className={style.bordered}>\n          <ResourceBrowser resources={_resources} />\n        </div>\n      ) : null}\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  ) : (\n    <div data-name=\"discussion\">\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  );\n};\n\nScopeContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nScopeContent.propTypes = {\n  content: PropTypes.shape({\n    title: PropTypes.string,\n    skillsTitle: PropTypes.string,\n    chaptersTitle: PropTypes.string,\n    time: PropTypes.string,\n    onClick: PropTypes.func,\n    buttonLabel: PropTypes.string,\n    skills: PropTypes.arrayOf(PropTypes.string),\n    chapters: PropTypes.arrayOf(PropTypes.object),\n    course_scope: PropTypes.arrayOf(PropTypes.string),\n    resources: ResourceBrowser.propTypes.resources,\n    discussion: PropTypes.shape(Discussion.propTypes)\n  })\n};\n\nexport default ScopeContent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_button","_provider","_discussion","_resourceBrowser","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ScopeContent","props","context","translate","skin","content","lstitle","_chaptersTitle","time","_getOr2","title","_skills","_chapters","_resources","skillsTitle","chaptersTitle","onClick","_get2","buttonLabel","discussion","skills","map","skill","index","createElement","key","dangerouslySetInnerHTML","__html","chapters","chapter","name","ctaView","type","className","style","cta","submitValue","backgroundColor","scopeContent","desc","infos","innerHTML","columnLayout","_isEmpty2","coltitle","dottedlist","column","roundedlist","bordered","resources","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","shape","string","func","arrayOf","object","course_scope","ResourceBrowser","Discussion","_default","exports"],"sources":["../../../src/molecule/scope-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Discussion from '../../organism/discussion';\nimport ResourceBrowser from '../../organism/resource-browser';\nimport style from './style.css';\n\nconst ScopeContent = (props, context) => {\n  const {translate, skin} = context;\n  const {content} = props;\n\n  const lstitle = translate('At the end of this level, you will be able to_');\n  const _chaptersTitle = translate('chapters');\n\n  const time = getOr('', 'time', content);\n  const title = getOr('', 'title', content);\n  const _skills = getOr([], 'skills', content);\n  const _chapters = getOr([], 'chapters', content);\n  const _resources = getOr([], 'resources', content);\n\n  const skillsTitle = getOr(lstitle, 'skillsTitle', content);\n  const chaptersTitle = getOr(_chaptersTitle, 'chaptersTitle', content);\n\n  const onClick = get('onClick', content);\n  const buttonLabel = get('buttonLabel', content);\n  const discussion = get('discussion', content);\n  const skills = _skills.map((skill, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: skill}}\n    />\n  ));\n\n  const chapters = _chapters.map((chapter, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: chapter.name}}\n    />\n  ));\n\n  const ctaView = onClick ? (\n    <Button\n      data-name=\"cta\"\n      type=\"link\"\n      className={style.cta}\n      onClick={onClick}\n      submitValue={buttonLabel}\n      style={{\n        backgroundColor: get('common.primary', skin)\n      }}\n    />\n  ) : null;\n\n  return content && title ? (\n    <div data-name=\"scopeContent\" className={style.scopeContent}>\n      <div data-name=\"description\" className={style.desc}>\n        <div className={style.infos}>\n          <div className={style.title}>\n            <div\n              className={style.innerHTML}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: title}}\n            />\n            <div>\n              <span data-name=\"duration\" className={style.time}>\n                {time}\n              </span>\n            </div>\n          </div>\n          {ctaView}\n        </div>\n        <div className={style.columnLayout}>\n          {isEmpty(skills) ? null : (\n            <div className={style.skills}>\n              <div className={style.coltitle}>{skillsTitle}</div>\n              <ul className={style.dottedlist}>{skills}</ul>\n            </div>\n          )}\n          {isEmpty(chapters) ? null : (\n            <div className={style.column}>\n              <div className={style.coltitle}>{chaptersTitle}</div>\n              <div>\n                <ul className={style.roundedlist}>{chapters}</ul>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {!isEmpty(_resources) ? (\n        <div data-name=\"description\" className={style.bordered}>\n          <ResourceBrowser resources={_resources} />\n        </div>\n      ) : null}\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  ) : (\n    <div data-name=\"discussion\">\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  );\n};\n\nScopeContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nScopeContent.propTypes = {\n  content: PropTypes.shape({\n    title: PropTypes.string,\n    skillsTitle: PropTypes.string,\n    chaptersTitle: PropTypes.string,\n    time: PropTypes.string,\n    onClick: PropTypes.func,\n    buttonLabel: PropTypes.string,\n    skills: PropTypes.arrayOf(PropTypes.string),\n    chapters: PropTypes.arrayOf(PropTypes.object),\n    course_scope: PropTypes.arrayOf(PropTypes.string),\n    resources: ResourceBrowser.propTypes.resources,\n    discussion: PropTypes.shape(Discussion.propTypes)\n  })\n};\n\nexport default ScopeContent;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/scope-content/style.css

@@ -17,7 +17,16 @@
   border-right: solid 1px light;
   border-bottom: 1px solid light;
 }
+.scopeContent {
+  width: 100%;
+}
 
+.columnLayout {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+}
 .infos {
   width: 100%;
   display: flex;
@@ -57,7 +66,7 @@
   box-sizing: border-box;
   display: inline-block;
   vertical-align: top;
-  width: 50%;
+  flex: 1 0 50%;
   font-family: "Gilroy";
   font-size: 12px;
   padding-right: 40px;

package/lib/molecule/scope-tabs/style.css

@@ -25,7 +25,9 @@
   height: 50px;
   color: dark;
   background: xtraLightGrey;
-  border: 1px solid light;
+  border-bottom: 1px solid light;
+  border-right: 1px solid light;
+  border-left: 1px solid light;
   cursor: pointer;
   flex-direction: row;
   justify-content: center;

package/lib/template/certification-detail/style.css

@@ -55,11 +55,14 @@
   justify-content: center;
   background-color: cm_grey_50;
   border-radius: 16px;
+  padding: 32px;
+  box-sizing: border-box;
 }
 
 .logo {
-  width: 191px;
-  height: 191px;
+ max-width: 100%;
+ max-height: 100%;
+ object-fit: contain;
 }
 
 .showMoreWrapper {

package/lib/template/common/discipline/index.d.ts

@@ -113,6 +113,57 @@ declare namespace Discipline {
         const levels: PropTypes.Requireable<(object | null | undefined)[]>;
         const selected: PropTypes.Requireable<number>;
         const changeLevel: PropTypes.Requireable<(...args: any[]) => any>;
+        const content: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            skillsTitle: PropTypes.Requireable<string>;
+            chaptersTitle: PropTypes.Requireable<string>;
+            time: PropTypes.Requireable<string>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            buttonLabel: PropTypes.Requireable<string>;
+            skills: PropTypes.Requireable<(string | null | undefined)[]>;
+            chapters: PropTypes.Requireable<(object | null | undefined)[]>;
+            course_scope: PropTypes.Requireable<(string | null | undefined)[]>;
+            resources: PropTypes.Requireable<(PropTypes.InferProps<Partial<{
+                type: PropTypes.Requireable<string>;
+                selected: PropTypes.Requireable<boolean>;
+                description: PropTypes.Requireable<string>;
+                poster: PropTypes.Requireable<string>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            }>> | null | undefined)[]>;
+            discussion: PropTypes.Requireable<PropTypes.InferProps<{
+                avatar: PropTypes.Requireable<any>;
+                loading: PropTypes.Requireable<boolean>;
+                value: PropTypes.Requireable<string>;
+                profileAvatarAlt: PropTypes.Requireable<string>;
+                title: PropTypes.Requireable<string>;
+                onPost: PropTypes.Requireable<(...args: any[]) => any>;
+                onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                threads: PropTypes.Requireable<(PropTypes.InferProps<{
+                    author: PropTypes.Requireable<string>;
+                    date: PropTypes.Requireable<string>;
+                    message: PropTypes.Requireable<string>;
+                    avatar: PropTypes.Requireable<any>;
+                    answerAvatar: PropTypes.Requireable<any>;
+                    answer: PropTypes.Requireable<string>;
+                    edition: PropTypes.Requireable<string>;
+                    showAnswerBox: PropTypes.Requireable<boolean>;
+                    showEditBox: PropTypes.Requireable<boolean>;
+                    mainPost: PropTypes.Requireable<boolean>;
+                    onAnswer: PropTypes.Requireable<(...args: any[]) => any>;
+                    onEdit: PropTypes.Requireable<(...args: any[]) => any>;
+                    onPostAnswer: PropTypes.Requireable<(...args: any[]) => any>;
+                    onPostEdition: PropTypes.Requireable<(...args: any[]) => any>;
+                    onChangeAnswer: PropTypes.Requireable<(...args: any[]) => any>;
+                    onChangeEdition: PropTypes.Requireable<(...args: any[]) => any>;
+                    onModerate: PropTypes.Requireable<(...args: any[]) => any>;
+                    onDelete: PropTypes.Requireable<(...args: any[]) => any>;
+                }> | null | undefined)[]>;
+                textareaDisabled: PropTypes.Requireable<boolean>;
+                postDisabled: PropTypes.Requireable<boolean>;
+                className: PropTypes.Requireable<string>;
+                hideComments: PropTypes.Requireable<boolean>;
+            }>>;
+        }>>;
         const shareWording: PropTypes.Requireable<string>;
         const shareText: PropTypes.Requireable<string>;
         const shareSuccessWording: PropTypes.Requireable<string>;

package/lib/template/common/discipline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/discipline/index.js"],"names":[],"mappings":";AAeA,mEAmKC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/discipline/index.js"],"names":[],"mappings":";AAgBA,mEA6KC"}

package/lib/template/common/discipline/index.js

@@ -12,6 +12,7 @@ var _disciplineScope = _interopRequireDefault(require("../../../molecule/discipl
 var _disciplineAssociatedSkills = _interopRequireDefault(require("../../../molecule/discipline-associated-skills"));
 var _share = _interopRequireWildcard(require("../../../molecule/share"));
 var _addToMyList = _interopRequireWildcard(require("../../../molecule/add-to-my-list"));
+var _scopeContent = _interopRequireDefault(require("../../../molecule/scope-content"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -27,6 +28,7 @@ const Discipline = (props, context) => {
     video,
     authors = [],
     description = '',
+    content = null,
     start,
     buy,
     startLabel,
@@ -58,14 +60,16 @@ const Discipline = (props, context) => {
     startLabel: startLabel,
     buyLabel: buyLabel
   });
-  const disciplineContent = /*#__PURE__*/_react.default.createElement("div", {
+  const disciplineContent = content || !(0, _isEmpty.default)(levels) ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.content
-  }, /*#__PURE__*/_react.default.createElement(_disciplineScope.default, {
+  }, content ? /*#__PURE__*/_react.default.createElement(_scopeContent.default, {
+    content: content
+  }) : null, !(0, _isEmpty.default)(levels) ? /*#__PURE__*/_react.default.createElement(_disciplineScope.default, {
     content: level,
     levels: levels,
     selected: selected,
     onClick: changeLevel
-  }));
+  }) : null) : null;
   const disciplineHeader = /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.header
   }, /*#__PURE__*/_react.default.createElement(_disciplineHeader.default, {
@@ -152,6 +156,7 @@ Discipline.propTypes = process.env.NODE_ENV !== "production" ? {
   levels: _disciplineScope.default.propTypes.levels,
   selected: _disciplineScope.default.propTypes.selected,
   changeLevel: _disciplineScope.default.propTypes.onClick,
+  content: _scopeContent.default.propTypes.content,
   shareWording: _share.default.propTypes.wording,
   shareText: _share.default.propTypes.text,
   shareSuccessWording: _share.ShareFeedback.propTypes.successWording,

package/lib/template/common/discipline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_isEmpty","_propTypes","_disciplineCta","_disciplineHeader","_disciplinePartners","_disciplineScope","_disciplineAssociatedSkills","_share","_interopRequireWildcard","_addToMyList","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Discipline","props","context","selected","level","levels","changeLevel","image","title","video","authors","description","start","buy","startLabel","skills","onSkillClick","buyLabel","shareWording","shareText","shareSuccessWording","shareErrorWording","addToMyListButton","favorite","onFavoriteClick","addToMyListText","removeFromMyListText","disableShare","disableAddToMyList","lastUpdated","authorSection","isEmpty","createElement","className","style","partners","disciplineCTA","type","disciplineContent","content","onClick","disciplineHeader","header","discipline","container","key","leftSection","mobileAuthorCtaSection","columnReverse","cta","addToMyListBtn","shareBtn","wording","text","rightSection","stickySection","buttons","shareFeedBack","ShareFeedback","errorWording","successWording","addToMyListFeedback","AddToMyListFeedback","addToMyListProviderWrap","Fragment","AddToMyListStatusProvider","shareProviderWrap","ShareStatusProvider","propTypes","process","env","NODE_ENV","DisciplineHeader","DisciplineCTA","DisciplinePartners","DisciplineScope","Share","PropTypes","arrayOf","shape","ref","string","locale","focused","bool","func","AddToMyList","contextTypes","translate","_default","exports"],"sources":["../../../../src/template/common/discipline/index.js"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport PropTypes from 'prop-types';\nimport DisciplineCTA from '../../../molecule/discipline-cta';\nimport DisciplineHeader from '../../../molecule/discipline-header';\nimport DisciplinePartners from '../../../molecule/discipline-partners';\nimport DisciplineScope from '../../../molecule/discipline-scope';\nimport DisciplineAssociatedSkills from '../../../molecule/discipline-associated-skills';\nimport Share, {ShareFeedback, ShareStatusProvider} from '../../../molecule/share';\nimport AddToMyList, {\n  AddToMyListFeedback,\n  AddToMyListStatusProvider\n} from '../../../molecule/add-to-my-list';\nimport style from './style.css';\n\nconst Discipline = (props, context) => {\n  const {\n    selected = 0,\n    level,\n    levels,\n    changeLevel,\n    image,\n    title = '',\n    video,\n    authors = [],\n    description = '',\n    start,\n    buy,\n    startLabel,\n    skills = [],\n    onSkillClick,\n    buyLabel,\n    shareWording,\n    shareText,\n    shareSuccessWording,\n    shareErrorWording,\n    addToMyListButton,\n    favorite,\n    onFavoriteClick,\n    addToMyListText,\n    removeFromMyListText,\n    disableShare = false,\n    disableAddToMyList = false,\n    lastUpdated\n  } = props;\n\n  const authorSection = isEmpty(authors) ? null : (\n    <div className={style.partners}>\n      <DisciplinePartners authors={authors} />\n    </div>\n  );\n\n  const disciplineCTA = (\n    <DisciplineCTA\n      type={'discipline'}\n      start={start}\n      buy={buy}\n      startLabel={startLabel}\n      buyLabel={buyLabel}\n    />\n  );\n\n  const disciplineContent = (\n    <div className={style.content}>\n      <DisciplineScope content={level} levels={levels} selected={selected} onClick={changeLevel} />\n    </div>\n  );\n\n  const disciplineHeader = (\n    <div className={style.header}>\n      <DisciplineHeader\n        image={image}\n        video={video}\n        title={title}\n        description={description}\n        lastUpdated={lastUpdated}\n      />\n    </div>\n  );\n\n  const discipline = (\n    <div data-name=\"discipline\" className={style.container} key=\"discipline\">\n      <div className={style.leftSection}>\n        {disciplineHeader}\n        <div className={style.mobileAuthorCtaSection}>\n          <div className={style.columnReverse}>\n            <div className={style.cta}>{disciplineCTA}</div>\n            {disableAddToMyList ? null : (\n              <AddToMyList\n                style={style.addToMyListBtn}\n                addToMyListButton={addToMyListButton}\n                favorite={favorite}\n                onFavoriteClick={onFavoriteClick}\n                key={'addToMyListTablet'}\n              />\n            )}\n            {disableShare ? null : (\n              <Share\n                style={style.shareBtn}\n                wording={shareWording}\n                text={shareText}\n                key={'shareTablet'}\n              />\n            )}\n          </div>\n          <DisciplineAssociatedSkills skills={skills} onSkillClick={onSkillClick} />\n          {authorSection}\n        </div>\n        {disciplineContent}\n      </div>\n      <div className={style.rightSection}>\n        <div className={style.stickySection}>\n          <div className={style.cta}>\n            {disciplineCTA}\n            {disableShare && disableAddToMyList ? null : (\n              <div className={style.buttons}>\n                {disableShare ? null : (\n                  <Share\n                    style={style.shareBtn}\n                    wording={shareWording}\n                    text={shareText}\n                    key={'shareDesktop'}\n                  />\n                )}\n                {disableAddToMyList ? null : (\n                  <AddToMyList\n                    style={style.addToMyListBtn}\n                    addToMyListButton={addToMyListButton}\n                    favorite={favorite}\n                    onFavoriteClick={onFavoriteClick}\n                    key={'addToMyListDesktop'}\n                  />\n                )}\n              </div>\n            )}\n          </div>\n          <DisciplineAssociatedSkills skills={skills} onSkillClick={onSkillClick} />\n          {authorSection}\n        </div>\n      </div>\n    </div>\n  );\n\n  const shareFeedBack = disableShare ? null : (\n    <ShareFeedback\n      errorWording={shareErrorWording}\n      successWording={shareSuccessWording}\n      key=\"shareFeedBack\"\n    />\n  );\n\n  const addToMyListFeedback = disableAddToMyList ? null : (\n    <AddToMyListFeedback\n      addToMyListText={addToMyListText}\n      removeFromMyListText={removeFromMyListText}\n      favorite={favorite}\n    />\n  );\n\n  const addToMyListProviderWrap = disableAddToMyList ? (\n    <>\n      {shareFeedBack}\n      {discipline}\n    </>\n  ) : (\n    <AddToMyListStatusProvider>\n      {shareFeedBack}\n      {addToMyListFeedback}\n      {discipline}\n    </AddToMyListStatusProvider>\n  );\n  const shareProviderWrap = disableShare ? (\n    addToMyListProviderWrap\n  ) : (\n    <ShareStatusProvider>{addToMyListProviderWrap}</ShareStatusProvider>\n  );\n\n  return shareProviderWrap;\n};\n\nDiscipline.propTypes = {\n  image: DisciplineHeader.propTypes.image,\n  video: DisciplineHeader.propTypes.video,\n  title: DisciplineHeader.propTypes.title,\n  description: DisciplineHeader.propTypes.description,\n  start: DisciplineCTA.propTypes.start,\n  buy: DisciplineCTA.propTypes.buy,\n  startLabel: DisciplineCTA.propTypes.startLabel,\n  buyLabel: DisciplineCTA.propTypes.buyLabel,\n  authors: DisciplinePartners.propTypes.authors,\n  level: DisciplineScope.propTypes.content,\n  levels: DisciplineScope.propTypes.levels,\n  selected: DisciplineScope.propTypes.selected,\n  changeLevel: DisciplineScope.propTypes.onClick,\n  shareWording: Share.propTypes.wording,\n  shareText: Share.propTypes.text,\n  shareSuccessWording: ShareFeedback.propTypes.successWording,\n  shareErrorWording: ShareFeedback.propTypes.errorWording,\n  skills: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      locale: PropTypes.string,\n      focused: PropTypes.bool\n    })\n  ),\n  onSkillClick: PropTypes.func,\n  addToMyListText: AddToMyListFeedback.propTypes.addToMyListText,\n  removeFromMyListText: AddToMyListFeedback.propTypes.removeFromMyListText,\n  addToMyListButton: AddToMyList.propTypes.addToMyListButton,\n  onFavoriteClick: AddToMyList.propTypes.onFavoriteClick,\n  favorite: AddToMyList.propTypes.favorite,\n  disableShare: PropTypes.bool,\n  disableAddToMyList: PropTypes.bool\n};\n\nDiscipline.contextTypes = {\n  translate: PropTypes.func\n};\n\nexport default Discipline;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_isEmpty","_propTypes","_disciplineCta","_disciplineHeader","_disciplinePartners","_disciplineScope","_disciplineAssociatedSkills","_share","_interopRequireWildcard","_addToMyList","_scopeContent","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Discipline","props","context","selected","level","levels","changeLevel","image","title","video","authors","description","content","start","buy","startLabel","skills","onSkillClick","buyLabel","shareWording","shareText","shareSuccessWording","shareErrorWording","addToMyListButton","favorite","onFavoriteClick","addToMyListText","removeFromMyListText","disableShare","disableAddToMyList","lastUpdated","authorSection","isEmpty","createElement","className","style","partners","disciplineCTA","type","disciplineContent","onClick","disciplineHeader","header","discipline","container","key","leftSection","mobileAuthorCtaSection","columnReverse","cta","addToMyListBtn","shareBtn","wording","text","rightSection","stickySection","buttons","shareFeedBack","ShareFeedback","errorWording","successWording","addToMyListFeedback","AddToMyListFeedback","addToMyListProviderWrap","Fragment","AddToMyListStatusProvider","shareProviderWrap","ShareStatusProvider","propTypes","process","env","NODE_ENV","DisciplineHeader","DisciplineCTA","DisciplinePartners","DisciplineScope","ScopeContent","Share","PropTypes","arrayOf","shape","ref","string","locale","focused","bool","func","AddToMyList","contextTypes","translate","_default","exports"],"sources":["../../../../src/template/common/discipline/index.js"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport PropTypes from 'prop-types';\nimport DisciplineCTA from '../../../molecule/discipline-cta';\nimport DisciplineHeader from '../../../molecule/discipline-header';\nimport DisciplinePartners from '../../../molecule/discipline-partners';\nimport DisciplineScope from '../../../molecule/discipline-scope';\nimport DisciplineAssociatedSkills from '../../../molecule/discipline-associated-skills';\nimport Share, {ShareFeedback, ShareStatusProvider} from '../../../molecule/share';\nimport AddToMyList, {\n  AddToMyListFeedback,\n  AddToMyListStatusProvider\n} from '../../../molecule/add-to-my-list';\nimport ScopeContent from '../../../molecule/scope-content';\nimport style from './style.css';\n\nconst Discipline = (props, context) => {\n  const {\n    selected = 0,\n    level,\n    levels,\n    changeLevel,\n    image,\n    title = '',\n    video,\n    authors = [],\n    description = '',\n    content = null,\n    start,\n    buy,\n    startLabel,\n    skills = [],\n    onSkillClick,\n    buyLabel,\n    shareWording,\n    shareText,\n    shareSuccessWording,\n    shareErrorWording,\n    addToMyListButton,\n    favorite,\n    onFavoriteClick,\n    addToMyListText,\n    removeFromMyListText,\n    disableShare = false,\n    disableAddToMyList = false,\n    lastUpdated\n  } = props;\n\n  const authorSection = isEmpty(authors) ? null : (\n    <div className={style.partners}>\n      <DisciplinePartners authors={authors} />\n    </div>\n  );\n\n  const disciplineCTA = (\n    <DisciplineCTA\n      type={'discipline'}\n      start={start}\n      buy={buy}\n      startLabel={startLabel}\n      buyLabel={buyLabel}\n    />\n  );\n\n  const disciplineContent =\n    content || !isEmpty(levels) ? (\n      <div className={style.content}>\n        {content ? <ScopeContent content={content} /> : null}\n        {!isEmpty(levels) ? (\n          <DisciplineScope\n            content={level}\n            levels={levels}\n            selected={selected}\n            onClick={changeLevel}\n          />\n        ) : null}\n      </div>\n    ) : null;\n\n  const disciplineHeader = (\n    <div className={style.header}>\n      <DisciplineHeader\n        image={image}\n        video={video}\n        title={title}\n        description={description}\n        lastUpdated={lastUpdated}\n      />\n    </div>\n  );\n\n  const discipline = (\n    <div data-name=\"discipline\" className={style.container} key=\"discipline\">\n      <div className={style.leftSection}>\n        {disciplineHeader}\n        <div className={style.mobileAuthorCtaSection}>\n          <div className={style.columnReverse}>\n            <div className={style.cta}>{disciplineCTA}</div>\n            {disableAddToMyList ? null : (\n              <AddToMyList\n                style={style.addToMyListBtn}\n                addToMyListButton={addToMyListButton}\n                favorite={favorite}\n                onFavoriteClick={onFavoriteClick}\n                key={'addToMyListTablet'}\n              />\n            )}\n            {disableShare ? null : (\n              <Share\n                style={style.shareBtn}\n                wording={shareWording}\n                text={shareText}\n                key={'shareTablet'}\n              />\n            )}\n          </div>\n          <DisciplineAssociatedSkills skills={skills} onSkillClick={onSkillClick} />\n          {authorSection}\n        </div>\n        {disciplineContent}\n      </div>\n      <div className={style.rightSection}>\n        <div className={style.stickySection}>\n          <div className={style.cta}>\n            {disciplineCTA}\n            {disableShare && disableAddToMyList ? null : (\n              <div className={style.buttons}>\n                {disableShare ? null : (\n                  <Share\n                    style={style.shareBtn}\n                    wording={shareWording}\n                    text={shareText}\n                    key={'shareDesktop'}\n                  />\n                )}\n                {disableAddToMyList ? null : (\n                  <AddToMyList\n                    style={style.addToMyListBtn}\n                    addToMyListButton={addToMyListButton}\n                    favorite={favorite}\n                    onFavoriteClick={onFavoriteClick}\n                    key={'addToMyListDesktop'}\n                  />\n                )}\n              </div>\n            )}\n          </div>\n          <DisciplineAssociatedSkills skills={skills} onSkillClick={onSkillClick} />\n          {authorSection}\n        </div>\n      </div>\n    </div>\n  );\n\n  const shareFeedBack = disableShare ? null : (\n    <ShareFeedback\n      errorWording={shareErrorWording}\n      successWording={shareSuccessWording}\n      key=\"shareFeedBack\"\n    />\n  );\n\n  const addToMyListFeedback = disableAddToMyList ? null : (\n    <AddToMyListFeedback\n      addToMyListText={addToMyListText}\n      removeFromMyListText={removeFromMyListText}\n      favorite={favorite}\n    />\n  );\n\n  const addToMyListProviderWrap = disableAddToMyList ? (\n    <>\n      {shareFeedBack}\n      {discipline}\n    </>\n  ) : (\n    <AddToMyListStatusProvider>\n      {shareFeedBack}\n      {addToMyListFeedback}\n      {discipline}\n    </AddToMyListStatusProvider>\n  );\n  const shareProviderWrap = disableShare ? (\n    addToMyListProviderWrap\n  ) : (\n    <ShareStatusProvider>{addToMyListProviderWrap}</ShareStatusProvider>\n  );\n\n  return shareProviderWrap;\n};\n\nDiscipline.propTypes = {\n  image: DisciplineHeader.propTypes.image,\n  video: DisciplineHeader.propTypes.video,\n  title: DisciplineHeader.propTypes.title,\n  description: DisciplineHeader.propTypes.description,\n  start: DisciplineCTA.propTypes.start,\n  buy: DisciplineCTA.propTypes.buy,\n  startLabel: DisciplineCTA.propTypes.startLabel,\n  buyLabel: DisciplineCTA.propTypes.buyLabel,\n  authors: DisciplinePartners.propTypes.authors,\n  level: DisciplineScope.propTypes.content,\n  levels: DisciplineScope.propTypes.levels,\n  selected: DisciplineScope.propTypes.selected,\n  changeLevel: DisciplineScope.propTypes.onClick,\n  content: ScopeContent.propTypes.content,\n  shareWording: Share.propTypes.wording,\n  shareText: Share.propTypes.text,\n  shareSuccessWording: ShareFeedback.propTypes.successWording,\n  shareErrorWording: ShareFeedback.propTypes.errorWording,\n  skills: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      locale: PropTypes.string,\n      focused: PropTypes.bool\n    })\n  ),\n  onSkillClick: PropTypes.func,\n  addToMyListText: AddToMyListFeedback.propTypes.addToMyListText,\n  removeFromMyListText: AddToMyListFeedback.propTypes.removeFromMyListText,\n  addToMyListButton: AddToMyList.propTypes.addToMyListButton,\n  onFavoriteClick: AddToMyList.propTypes.onFavoriteClick,\n  favorite: AddToMyList.propTypes.favorite,\n  disableShare: PropTypes.bool,\n  disableAddToMyList: PropTypes.bool\n};\n\nDiscipline.contextTypes = {\n  translate: PropTypes.func\n};\n\nexport default Discipline;\n"],"mappings":"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","ignoreList":[]}