@coorpacademy/components 11.40.10-alpha.16.0 → 11.40.10

package/es/molecule/learner-skill-card/index.js

@@ -20,7 +20,7 @@ const LearnerSkillCard = (props, context) => {
     label,
     focus,
     metrics,
-    progress,
+    progress = 0,
     icon,
     onClick
   } = props;

package/es/molecule/learner-skill-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useRef","PropTypes","Provider","GetTranslateFromContext","ProgressBar","COLORS","createGradientBackground","FaIcon","style","MAX_SCORE","updateBackgroundImage","ref","background","current","backgroundImage","LearnerSkillCard","props","context","ariaLabel","cardIndex","title","label","focus","metrics","progress","icon","onClick","content","questionsToReview","translate","color","name","badgeIconName","badgeLocale","tagTextColor","tagBackgroundColor","purple_700","purple_100","neutral_500","cm_grey_100","headerBackgroundRef","defaultBackground","focusBackground","handleMouseEnter","handleMouseLeave","createElement","className","learnerSkillCardContainer","onMouseEnter","onMouseLeave","iconHeaderWrapper","iconWrapper","iconName","iconColor","size","faSize","wrapperSize","borderRadius","gradientBackground","customStyle","border","learnerSkillCardContent","skillTitleWrapper","skillFocusBadge","backgroundColor","questionWrapper","skillTitle","contentAndQuestionsWrapper","dangerouslySetInnerHTML","__html","count","skillInformation","cm_grey_400","progressInformations","value","displayInfo","max","progressWrapper","cm_positive_500","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","type","oneOf","isRequired","string","number","bool","shape","func"],"sources":["../../../src/molecule/learner-skill-card/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport FaIcon from '../../atom/icon';\nimport style from './style.css';\n\nconst MAX_SCORE = 100;\n\nexport const updateBackgroundImage = (ref, background) => {\n  if (ref.current) {\n    ref.current.style.backgroundImage = background;\n  }\n};\nconst LearnerSkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    cardIndex,\n    title,\n    label,\n    focus,\n    metrics,\n    progress,\n    icon,\n    onClick\n  } = props;\n  const {content, questionsToReview = 0} = metrics;\n  const translate = GetTranslateFromContext(context);\n  const {color, name} = icon;\n  const [badgeIconName, badgeLocale, tagTextColor, tagBackgroundColor] = focus\n    ? ['bullseye-arrow', translate('skill_focus'), COLORS.purple_700, COLORS.purple_100]\n    : ['shapes', translate('skill'), COLORS.neutral_500, COLORS.cm_grey_100];\n  const headerBackgroundRef = useRef(null);\n  const defaultBackground = useMemo(() => createGradientBackground(color, '93%', '100%'), [color]);\n  const focusBackground = useMemo(() => createGradientBackground(color, '83%', '100%'), [color]);\n  const handleMouseEnter = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, focusBackground);\n  }, [focusBackground]);\n  const handleMouseLeave = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, defaultBackground);\n  }, [defaultBackground]);\n  return (\n    <div\n      data-testid={`learner-skill-card-wrapper-${cardIndex}`}\n      data-name={`skill-card-${label}`}\n      onClick={onClick}\n      className={style.learnerSkillCardContainer}\n      aria-label={ariaLabel}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <div\n        data-testid=\"learner-skill-card-icon-header-wrapper\"\n        ref={headerBackgroundRef}\n        className={style.iconHeaderWrapper}\n        style={{backgroundImage: defaultBackground, color: tagTextColor}}\n      >\n        <div className={style.iconWrapper} data-testid=\"learner-skill-card-icon-wrapper\">\n          <FaIcon\n            {...{\n              iconName: name,\n              iconColor: color,\n              size: {\n                faSize: 20,\n                wrapperSize: 44\n              },\n              borderRadius: '12px',\n              gradientBackground: true,\n              customStyle: {border: '4px solid white'}\n            }}\n          />\n        </div>\n      </div>\n      <div className={style.learnerSkillCardContent}>\n        <div className={style.skillTitleWrapper}>\n          <div\n            className={style.skillFocusBadge}\n            style={{\n              backgroundColor: tagBackgroundColor,\n              color: tagTextColor\n            }}\n          >\n            <FaIcon\n              {...{\n                iconName: badgeIconName,\n                backgroundColor: tagBackgroundColor,\n                size: {\n                  faSize: 10,\n                  wrapperSize: 16\n                }\n              }}\n            />\n            <span style={{color: tagTextColor}}>{badgeLocale}</span>\n          </div>\n\n          <div className={style.questionWrapper}>\n            <div\n              data-name=\"skill-card-title\"\n              className={style.skillTitle}\n              aria-label={ariaLabel || title}\n            >\n              {title}\n            </div>\n            <div className={style.contentAndQuestionsWrapper}>\n              <div\n                data-name=\"learner-skill-card-skill-content-number\"\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: translate('content', {count: content})}}\n              />\n              {questionsToReview ? (\n                <div\n                  className={style.skillInformation}\n                  data-name=\"learner-skill-card-skill-questions-wrapper\"\n                >\n                  <FaIcon\n                    {...{\n                      iconName: 'circle',\n                      iconColor: COLORS.cm_grey_400,\n                      backgroundColor: 'transparent',\n                      size: {faSize: 4, wrapperSize: 0}\n                    }}\n                  />\n                  <span\n                    data-name=\"learner-skill-card-questions-to-review\"\n                    // eslint-disable-next-line react/no-danger\n                    dangerouslySetInnerHTML={{\n                      __html: translate('skill_chart_side_panel_questions_to_review', {\n                        count: questionsToReview\n                      })\n                    }}\n                  />\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.progressInformations}>\n        <ProgressBar\n          value={progress}\n          displayInfo={false}\n          max={MAX_SCORE}\n          className={style.progressWrapper}\n          style={{backgroundColor: COLORS.cm_positive_500}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLearnerSkillCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearnerSkillCard.propTypes = {\n  type: PropTypes.oneOf(['skill']).isRequired,\n  title: PropTypes.string.isRequired,\n  label: PropTypes.string,\n  'aria-label': PropTypes.string,\n  cardIndex: PropTypes.number,\n  focus: PropTypes.bool,\n  progress: PropTypes.number,\n  metrics: PropTypes.shape({\n    content: PropTypes.number,\n    questionsToReview: PropTypes.number\n  }),\n  icon: PropTypes.shape({\n    color: PropTypes.string,\n    name: PropTypes.string\n  }),\n  onClick: PropTypes.func\n};\nexport default LearnerSkillCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useRef","PropTypes","Provider","GetTranslateFromContext","ProgressBar","COLORS","createGradientBackground","FaIcon","style","MAX_SCORE","updateBackgroundImage","ref","background","current","backgroundImage","LearnerSkillCard","props","context","ariaLabel","cardIndex","title","label","focus","metrics","progress","icon","onClick","content","questionsToReview","translate","color","name","badgeIconName","badgeLocale","tagTextColor","tagBackgroundColor","purple_700","purple_100","neutral_500","cm_grey_100","headerBackgroundRef","defaultBackground","focusBackground","handleMouseEnter","handleMouseLeave","createElement","className","learnerSkillCardContainer","onMouseEnter","onMouseLeave","iconHeaderWrapper","iconWrapper","iconName","iconColor","size","faSize","wrapperSize","borderRadius","gradientBackground","customStyle","border","learnerSkillCardContent","skillTitleWrapper","skillFocusBadge","backgroundColor","questionWrapper","skillTitle","contentAndQuestionsWrapper","dangerouslySetInnerHTML","__html","count","skillInformation","cm_grey_400","progressInformations","value","displayInfo","max","progressWrapper","cm_positive_500","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","type","oneOf","isRequired","string","number","bool","shape","func"],"sources":["../../../src/molecule/learner-skill-card/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport FaIcon from '../../atom/icon';\nimport style from './style.css';\n\nconst MAX_SCORE = 100;\n\nexport const updateBackgroundImage = (ref, background) => {\n  if (ref.current) {\n    ref.current.style.backgroundImage = background;\n  }\n};\nconst LearnerSkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    cardIndex,\n    title,\n    label,\n    focus,\n    metrics,\n    progress = 0,\n    icon,\n    onClick\n  } = props;\n  const {content, questionsToReview = 0} = metrics;\n  const translate = GetTranslateFromContext(context);\n  const {color, name} = icon;\n  const [badgeIconName, badgeLocale, tagTextColor, tagBackgroundColor] = focus\n    ? ['bullseye-arrow', translate('skill_focus'), COLORS.purple_700, COLORS.purple_100]\n    : ['shapes', translate('skill'), COLORS.neutral_500, COLORS.cm_grey_100];\n  const headerBackgroundRef = useRef(null);\n  const defaultBackground = useMemo(() => createGradientBackground(color, '93%', '100%'), [color]);\n  const focusBackground = useMemo(() => createGradientBackground(color, '83%', '100%'), [color]);\n  const handleMouseEnter = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, focusBackground);\n  }, [focusBackground]);\n  const handleMouseLeave = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, defaultBackground);\n  }, [defaultBackground]);\n  return (\n    <div\n      data-testid={`learner-skill-card-wrapper-${cardIndex}`}\n      data-name={`skill-card-${label}`}\n      onClick={onClick}\n      className={style.learnerSkillCardContainer}\n      aria-label={ariaLabel}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <div\n        data-testid=\"learner-skill-card-icon-header-wrapper\"\n        ref={headerBackgroundRef}\n        className={style.iconHeaderWrapper}\n        style={{backgroundImage: defaultBackground, color: tagTextColor}}\n      >\n        <div className={style.iconWrapper} data-testid=\"learner-skill-card-icon-wrapper\">\n          <FaIcon\n            {...{\n              iconName: name,\n              iconColor: color,\n              size: {\n                faSize: 20,\n                wrapperSize: 44\n              },\n              borderRadius: '12px',\n              gradientBackground: true,\n              customStyle: {border: '4px solid white'}\n            }}\n          />\n        </div>\n      </div>\n      <div className={style.learnerSkillCardContent}>\n        <div className={style.skillTitleWrapper}>\n          <div\n            className={style.skillFocusBadge}\n            style={{\n              backgroundColor: tagBackgroundColor,\n              color: tagTextColor\n            }}\n          >\n            <FaIcon\n              {...{\n                iconName: badgeIconName,\n                backgroundColor: tagBackgroundColor,\n                size: {\n                  faSize: 10,\n                  wrapperSize: 16\n                }\n              }}\n            />\n            <span style={{color: tagTextColor}}>{badgeLocale}</span>\n          </div>\n\n          <div className={style.questionWrapper}>\n            <div\n              data-name=\"skill-card-title\"\n              className={style.skillTitle}\n              aria-label={ariaLabel || title}\n            >\n              {title}\n            </div>\n            <div className={style.contentAndQuestionsWrapper}>\n              <div\n                data-name=\"learner-skill-card-skill-content-number\"\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: translate('content', {count: content})}}\n              />\n              {questionsToReview ? (\n                <div\n                  className={style.skillInformation}\n                  data-name=\"learner-skill-card-skill-questions-wrapper\"\n                >\n                  <FaIcon\n                    {...{\n                      iconName: 'circle',\n                      iconColor: COLORS.cm_grey_400,\n                      backgroundColor: 'transparent',\n                      size: {faSize: 4, wrapperSize: 0}\n                    }}\n                  />\n                  <span\n                    data-name=\"learner-skill-card-questions-to-review\"\n                    // eslint-disable-next-line react/no-danger\n                    dangerouslySetInnerHTML={{\n                      __html: translate('skill_chart_side_panel_questions_to_review', {\n                        count: questionsToReview\n                      })\n                    }}\n                  />\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.progressInformations}>\n        <ProgressBar\n          value={progress}\n          displayInfo={false}\n          max={MAX_SCORE}\n          className={style.progressWrapper}\n          style={{backgroundColor: COLORS.cm_positive_500}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLearnerSkillCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearnerSkillCard.propTypes = {\n  type: PropTypes.oneOf(['skill']).isRequired,\n  title: PropTypes.string.isRequired,\n  label: PropTypes.string,\n  'aria-label': PropTypes.string,\n  cardIndex: PropTypes.number,\n  focus: PropTypes.bool,\n  progress: PropTypes.number,\n  metrics: PropTypes.shape({\n    content: PropTypes.number,\n    questionsToReview: PropTypes.number\n  }),\n  icon: PropTypes.shape({\n    color: PropTypes.string,\n    name: PropTypes.string\n  }),\n  onClick: PropTypes.func\n};\nexport default LearnerSkillCard;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/playlist-card/style.css

@@ -3,6 +3,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;
 @value cm_grey_75 from colors;
 
 .container {
@@ -46,14 +47,14 @@
   left: 0;
   width: 100%;
   height: 160px;
-  background: #1d1d2b80;
+  background: color(cm_grey_700 a(50%)); 
   border-top-right-radius: 12px;
   border-top-left-radius: 12px;
   transition: all 0.5s ease-out;
 }
 
 .container:hover .imageContainer::after {
-  background: #1d1d2b00;
+  background: color(cm_grey_700 a(0%)); 
 }
 .container:hover {
   box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);

package/es/template/common/search-page/index.js

@@ -1,3 +1,7 @@
+import _sortBy from "lodash/fp/sortBy";
+import _size from "lodash/fp/size";
+import _pipe from "lodash/fp/pipe";
+import _map from "lodash/fp/map";
 import _keys from "lodash/fp/keys";
 import _isEmpty from "lodash/fp/isEmpty";
 import _getOr from "lodash/fp/getOr";
@@ -102,12 +106,11 @@ const SearchPage = (props, context) => {
   }))), recommendationsView) : /*#__PURE__*/React.createElement(CardsGrid, cards);
 
   // Convert sections object to array and sort by order
-  const sectionsArray = _keys(sections).map(key => ({
+  const sortedSections = _pipe(_keys, _map(key => ({
     key,
     ...sections[key]
-  }));
-  const sortedSections = sectionsArray.sort((a, b) => a.order - b.order);
-  const hasSections = sortedSections.length > 0;
+  })), _sortBy('order'))(sections);
+  const hasSections = _size(sortedSections) > 0;
   const contentGridSection = /*#__PURE__*/React.createElement("div", {
     className: style.contentSection
   }, /*#__PURE__*/React.createElement("div", {

package/es/template/common/search-page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","CertificationCard","LearnerSkillCard","PlaylistCard","CMPopin","Tag","cardPropTypes","LearningPriorityCard","COLORS","style","SearchPage","props","context","title","searchFilters","cards","count","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","sections","skin","defaultColor","_getOr","nodeRef","recommendationsView","_isEmpty","createElement","renderSection","section","sectionCount","length","titleWithCount","className","sectionTitle","label","toString","type","size","customStyle","backgroundColor","cm_grey_100","color","neutral_500","sectionProps","dataName","key","_extends","cardsView","list","noresults","noresultstxt","clear","background","sectionsArray","_keys","map","sortedSections","sort","a","b","order","hasSections","contentGridSection","contentSection","sectionHeader","contentGrid","sectionsWrapper","index","cardsWrapper","role","ref","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","shape","number","objectOf","arrayOf","oneOfType","showMore","onShowMore","func","showMoreOnLeftAriaLabel","showMoreOnRightAriaLabel"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty, keys} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CertificationCard from '../../../molecule/certification-card';\nimport LearnerSkillCard from '../../../molecule/learner-skill-card';\nimport PlaylistCard from '../../../molecule/playlist-card';\nimport CMPopin from '../../../molecule/cm-popin';\nimport Tag from '../../../atom/tag';\nimport {cardPropTypes} from '../../../molecule/card';\nimport LearningPriorityCard from '../../../molecule/learning-priority-card';\nimport {COLORS} from '../../../variables/colors';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    count,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards,\n    sections = {}\n  } = props;\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  // Helper function to render content sections\n  const renderSection = section => {\n    if (!section || isEmpty(section.cards)) return null;\n\n    // Use count from props, fallback to cards.length\n    const sectionCount = section.count || section.cards.length;\n\n    // Create title with count tag\n    const titleWithCount = (\n      <div className={style.sectionTitle}>\n        <span data-name=\"section-title\">{section.title}</span>\n        <Tag\n          label={sectionCount.toString()}\n          type=\"default\"\n          size=\"S\"\n          customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n        />\n      </div>\n    );\n\n    const sectionProps = {\n      ...section,\n      title: titleWithCount,\n      dataName: `${section.key}-section`\n    };\n\n    // Use CardsList with appropriate type for all sections\n    if (section.key === 'certifications') {\n      return <CardsList {...sectionProps} type=\"certifications\" />;\n    }\n\n    if (section.key === 'skills') {\n      return <CardsList {...sectionProps} type=\"skills\" />;\n    }\n\n    if (section.key === 'playlists') {\n      return <CardsList {...sectionProps} type=\"playlists\" />;\n    }\n\n    // For new content, use standard cards\n    return <CardsList {...sectionProps} />;\n  };\n\n  const cardsView = isEmpty(cards?.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  // Convert sections object to array and sort by order\n  const sectionsArray = keys(sections).map(key => ({\n    key,\n    ...sections[key]\n  }));\n  const sortedSections = sectionsArray.sort((a, b) => a.order - b.order);\n\n  const hasSections = sortedSections.length > 0;\n\n  const contentGridSection = (\n    <div className={style.contentSection}>\n      <div className={style.sectionHeader}>\n        <div className={style.sectionTitle}>\n          <span>{title}</span>\n          <Tag\n            label={count || cards.list.length.toString()}\n            type=\"default\"\n            size=\"S\"\n            customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n          />\n        </div>\n        <div className={style.contentGrid}> {cardsView}</div>\n      </div>\n    </div>\n  );\n\n  return (\n    <div>\n      {searchFilters ? (\n        <Filters\n          {...searchFilters}\n          moreSortAriaLabel={moreSortAriaLabel}\n          moreFilterAriaLabel={moreFilterAriaLabel}\n          filterGroupAriaLabel={filterGroupAriaLabel}\n          sortAriaLabel={sortAriaLabel}\n        />\n      ) : null}\n\n      {hasSections ? (\n        <div data-name=\"explorerSections\" className={style.sectionsWrapper}>\n          {sortedSections.map((section, index) => (\n            <div data-name={`section-${section.key}`} key={`${section.key}-${index}`}>\n              {renderSection(section)}\n            </div>\n          ))}\n          {contentGridSection ? <div>{contentGridSection}</div> : null}\n        </div>\n      ) : (\n        <div data-name=\"searchResult\" className={style.cardsWrapper}>\n          <div className={style.title} role=\"status\">\n            {title}\n          </div>\n          {cardsView}\n        </div>\n      )}\n\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  count: PropTypes.number,\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes),\n  sections: PropTypes.objectOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      cards: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape(cardPropTypes),\n          PropTypes.shape(LearnerSkillCard.propTypes),\n          PropTypes.shape(CertificationCard.propTypes),\n          PropTypes.shape(PlaylistCard.propTypes),\n          PropTypes.shape(LearningPriorityCard.propTypes)\n        ])\n      ),\n      showMore: PropTypes.string,\n      onShowMore: PropTypes.func,\n      order: PropTypes.number,\n      count: PropTypes.number,\n      'arrows-aria-label': PropTypes.shape({\n        showMoreOnLeftAriaLabel: PropTypes.string,\n        showMoreOnRightAriaLabel: PropTypes.string\n      })\n    })\n  )\n};\n\nexport default SearchPage;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useRef","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","CertificationCard","LearnerSkillCard","PlaylistCard","CMPopin","Tag","cardPropTypes","LearningPriorityCard","COLORS","style","SearchPage","props","context","title","searchFilters","cards","count","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","sections","skin","defaultColor","_getOr","nodeRef","recommendationsView","_isEmpty","createElement","renderSection","section","sectionCount","length","titleWithCount","className","sectionTitle","label","toString","type","size","customStyle","backgroundColor","cm_grey_100","color","neutral_500","sectionProps","dataName","key","_extends","cardsView","list","noresults","noresultstxt","clear","background","sortedSections","_pipe","_keys","_map","_sortBy","hasSections","_size","contentGridSection","contentSection","sectionHeader","contentGrid","sectionsWrapper","map","index","cardsWrapper","role","ref","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","shape","number","objectOf","arrayOf","oneOfType","showMore","onShowMore","func","order","showMoreOnLeftAriaLabel","showMoreOnRightAriaLabel"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty, keys, map, pipe, size, sortBy} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CertificationCard from '../../../molecule/certification-card';\nimport LearnerSkillCard from '../../../molecule/learner-skill-card';\nimport PlaylistCard from '../../../molecule/playlist-card';\nimport CMPopin from '../../../molecule/cm-popin';\nimport Tag from '../../../atom/tag';\nimport {cardPropTypes} from '../../../molecule/card';\nimport LearningPriorityCard from '../../../molecule/learning-priority-card';\nimport {COLORS} from '../../../variables/colors';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    count,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards,\n    sections = {}\n  } = props;\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  // Helper function to render content sections\n  const renderSection = section => {\n    if (!section || isEmpty(section.cards)) return null;\n\n    // Use count from props, fallback to cards.length\n    const sectionCount = section.count || section.cards.length;\n\n    // Create title with count tag\n    const titleWithCount = (\n      <div className={style.sectionTitle}>\n        <span data-name=\"section-title\">{section.title}</span>\n        <Tag\n          label={sectionCount.toString()}\n          type=\"default\"\n          size=\"S\"\n          customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n        />\n      </div>\n    );\n\n    const sectionProps = {\n      ...section,\n      title: titleWithCount,\n      dataName: `${section.key}-section`\n    };\n\n    // Use CardsList with appropriate type for all sections\n    if (section.key === 'certifications') {\n      return <CardsList {...sectionProps} type=\"certifications\" />;\n    }\n\n    if (section.key === 'skills') {\n      return <CardsList {...sectionProps} type=\"skills\" />;\n    }\n\n    if (section.key === 'playlists') {\n      return <CardsList {...sectionProps} type=\"playlists\" />;\n    }\n\n    // For new content, use standard cards\n    return <CardsList {...sectionProps} />;\n  };\n\n  const cardsView = isEmpty(cards?.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  // Convert sections object to array and sort by order\n  const sortedSections = pipe(\n    keys,\n    map(key => ({key, ...sections[key]})),\n    sortBy('order')\n  )(sections);\n\n  const hasSections = size(sortedSections) > 0;\n\n  const contentGridSection = (\n    <div className={style.contentSection}>\n      <div className={style.sectionHeader}>\n        <div className={style.sectionTitle}>\n          <span>{title}</span>\n          <Tag\n            label={count || cards.list.length.toString()}\n            type=\"default\"\n            size=\"S\"\n            customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n          />\n        </div>\n        <div className={style.contentGrid}> {cardsView}</div>\n      </div>\n    </div>\n  );\n\n  return (\n    <div>\n      {searchFilters ? (\n        <Filters\n          {...searchFilters}\n          moreSortAriaLabel={moreSortAriaLabel}\n          moreFilterAriaLabel={moreFilterAriaLabel}\n          filterGroupAriaLabel={filterGroupAriaLabel}\n          sortAriaLabel={sortAriaLabel}\n        />\n      ) : null}\n\n      {hasSections ? (\n        <div data-name=\"explorerSections\" className={style.sectionsWrapper}>\n          {sortedSections.map((section, index) => (\n            <div data-name={`section-${section.key}`} key={`${section.key}-${index}`}>\n              {renderSection(section)}\n            </div>\n          ))}\n          {contentGridSection ? <div>{contentGridSection}</div> : null}\n        </div>\n      ) : (\n        <div data-name=\"searchResult\" className={style.cardsWrapper}>\n          <div className={style.title} role=\"status\">\n            {title}\n          </div>\n          {cardsView}\n        </div>\n      )}\n\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  count: PropTypes.number,\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes),\n  sections: PropTypes.objectOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      cards: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape(cardPropTypes),\n          PropTypes.shape(LearnerSkillCard.propTypes),\n          PropTypes.shape(CertificationCard.propTypes),\n          PropTypes.shape(PlaylistCard.propTypes),\n          PropTypes.shape(LearningPriorityCard.propTypes)\n        ])\n      ),\n      showMore: PropTypes.string,\n      onShowMore: PropTypes.func,\n      order: PropTypes.number,\n      count: PropTypes.number,\n      'arrows-aria-label': PropTypes.shape({\n        showMoreOnLeftAriaLabel: PropTypes.string,\n        showMoreOnRightAriaLabel: PropTypes.string\n      })\n    })\n  )\n};\n\nexport default SearchPage;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/learner-skill-card/index.js

@@ -28,7 +28,7 @@ const LearnerSkillCard = (props, context) => {
     label,
     focus,
     metrics,
-    progress,
+    progress = 0,
     icon,
     onClick
   } = props;

package/lib/molecule/learner-skill-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_progressBar","_colors","_getBackgroundGradientColor","_icon","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MAX_SCORE","updateBackgroundImage","ref","background","current","style","backgroundImage","exports","LearnerSkillCard","props","context","ariaLabel","cardIndex","title","label","focus","metrics","progress","icon","onClick","content","questionsToReview","translate","GetTranslateFromContext","color","name","badgeIconName","badgeLocale","tagTextColor","tagBackgroundColor","COLORS","purple_700","purple_100","neutral_500","cm_grey_100","headerBackgroundRef","useRef","defaultBackground","useMemo","createGradientBackground","focusBackground","handleMouseEnter","useCallback","handleMouseLeave","createElement","className","learnerSkillCardContainer","onMouseEnter","onMouseLeave","iconHeaderWrapper","iconWrapper","iconName","iconColor","size","faSize","wrapperSize","borderRadius","gradientBackground","customStyle","border","learnerSkillCardContent","skillTitleWrapper","skillFocusBadge","backgroundColor","questionWrapper","skillTitle","contentAndQuestionsWrapper","dangerouslySetInnerHTML","__html","count","skillInformation","cm_grey_400","progressInformations","value","displayInfo","max","progressWrapper","cm_positive_500","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","type","PropTypes","oneOf","isRequired","string","number","bool","shape","func","_default"],"sources":["../../../src/molecule/learner-skill-card/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport FaIcon from '../../atom/icon';\nimport style from './style.css';\n\nconst MAX_SCORE = 100;\n\nexport const updateBackgroundImage = (ref, background) => {\n  if (ref.current) {\n    ref.current.style.backgroundImage = background;\n  }\n};\nconst LearnerSkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    cardIndex,\n    title,\n    label,\n    focus,\n    metrics,\n    progress,\n    icon,\n    onClick\n  } = props;\n  const {content, questionsToReview = 0} = metrics;\n  const translate = GetTranslateFromContext(context);\n  const {color, name} = icon;\n  const [badgeIconName, badgeLocale, tagTextColor, tagBackgroundColor] = focus\n    ? ['bullseye-arrow', translate('skill_focus'), COLORS.purple_700, COLORS.purple_100]\n    : ['shapes', translate('skill'), COLORS.neutral_500, COLORS.cm_grey_100];\n  const headerBackgroundRef = useRef(null);\n  const defaultBackground = useMemo(() => createGradientBackground(color, '93%', '100%'), [color]);\n  const focusBackground = useMemo(() => createGradientBackground(color, '83%', '100%'), [color]);\n  const handleMouseEnter = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, focusBackground);\n  }, [focusBackground]);\n  const handleMouseLeave = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, defaultBackground);\n  }, [defaultBackground]);\n  return (\n    <div\n      data-testid={`learner-skill-card-wrapper-${cardIndex}`}\n      data-name={`skill-card-${label}`}\n      onClick={onClick}\n      className={style.learnerSkillCardContainer}\n      aria-label={ariaLabel}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <div\n        data-testid=\"learner-skill-card-icon-header-wrapper\"\n        ref={headerBackgroundRef}\n        className={style.iconHeaderWrapper}\n        style={{backgroundImage: defaultBackground, color: tagTextColor}}\n      >\n        <div className={style.iconWrapper} data-testid=\"learner-skill-card-icon-wrapper\">\n          <FaIcon\n            {...{\n              iconName: name,\n              iconColor: color,\n              size: {\n                faSize: 20,\n                wrapperSize: 44\n              },\n              borderRadius: '12px',\n              gradientBackground: true,\n              customStyle: {border: '4px solid white'}\n            }}\n          />\n        </div>\n      </div>\n      <div className={style.learnerSkillCardContent}>\n        <div className={style.skillTitleWrapper}>\n          <div\n            className={style.skillFocusBadge}\n            style={{\n              backgroundColor: tagBackgroundColor,\n              color: tagTextColor\n            }}\n          >\n            <FaIcon\n              {...{\n                iconName: badgeIconName,\n                backgroundColor: tagBackgroundColor,\n                size: {\n                  faSize: 10,\n                  wrapperSize: 16\n                }\n              }}\n            />\n            <span style={{color: tagTextColor}}>{badgeLocale}</span>\n          </div>\n\n          <div className={style.questionWrapper}>\n            <div\n              data-name=\"skill-card-title\"\n              className={style.skillTitle}\n              aria-label={ariaLabel || title}\n            >\n              {title}\n            </div>\n            <div className={style.contentAndQuestionsWrapper}>\n              <div\n                data-name=\"learner-skill-card-skill-content-number\"\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: translate('content', {count: content})}}\n              />\n              {questionsToReview ? (\n                <div\n                  className={style.skillInformation}\n                  data-name=\"learner-skill-card-skill-questions-wrapper\"\n                >\n                  <FaIcon\n                    {...{\n                      iconName: 'circle',\n                      iconColor: COLORS.cm_grey_400,\n                      backgroundColor: 'transparent',\n                      size: {faSize: 4, wrapperSize: 0}\n                    }}\n                  />\n                  <span\n                    data-name=\"learner-skill-card-questions-to-review\"\n                    // eslint-disable-next-line react/no-danger\n                    dangerouslySetInnerHTML={{\n                      __html: translate('skill_chart_side_panel_questions_to_review', {\n                        count: questionsToReview\n                      })\n                    }}\n                  />\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.progressInformations}>\n        <ProgressBar\n          value={progress}\n          displayInfo={false}\n          max={MAX_SCORE}\n          className={style.progressWrapper}\n          style={{backgroundColor: COLORS.cm_positive_500}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLearnerSkillCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearnerSkillCard.propTypes = {\n  type: PropTypes.oneOf(['skill']).isRequired,\n  title: PropTypes.string.isRequired,\n  label: PropTypes.string,\n  'aria-label': PropTypes.string,\n  cardIndex: PropTypes.number,\n  focus: PropTypes.bool,\n  progress: PropTypes.number,\n  metrics: PropTypes.shape({\n    content: PropTypes.number,\n    questionsToReview: PropTypes.number\n  }),\n  icon: PropTypes.shape({\n    color: PropTypes.string,\n    name: PropTypes.string\n  }),\n  onClick: PropTypes.func\n};\nexport default LearnerSkillCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_progressBar","_colors","_getBackgroundGradientColor","_icon","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MAX_SCORE","updateBackgroundImage","ref","background","current","style","backgroundImage","exports","LearnerSkillCard","props","context","ariaLabel","cardIndex","title","label","focus","metrics","progress","icon","onClick","content","questionsToReview","translate","GetTranslateFromContext","color","name","badgeIconName","badgeLocale","tagTextColor","tagBackgroundColor","COLORS","purple_700","purple_100","neutral_500","cm_grey_100","headerBackgroundRef","useRef","defaultBackground","useMemo","createGradientBackground","focusBackground","handleMouseEnter","useCallback","handleMouseLeave","createElement","className","learnerSkillCardContainer","onMouseEnter","onMouseLeave","iconHeaderWrapper","iconWrapper","iconName","iconColor","size","faSize","wrapperSize","borderRadius","gradientBackground","customStyle","border","learnerSkillCardContent","skillTitleWrapper","skillFocusBadge","backgroundColor","questionWrapper","skillTitle","contentAndQuestionsWrapper","dangerouslySetInnerHTML","__html","count","skillInformation","cm_grey_400","progressInformations","value","displayInfo","max","progressWrapper","cm_positive_500","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","type","PropTypes","oneOf","isRequired","string","number","bool","shape","func","_default"],"sources":["../../../src/molecule/learner-skill-card/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport FaIcon from '../../atom/icon';\nimport style from './style.css';\n\nconst MAX_SCORE = 100;\n\nexport const updateBackgroundImage = (ref, background) => {\n  if (ref.current) {\n    ref.current.style.backgroundImage = background;\n  }\n};\nconst LearnerSkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    cardIndex,\n    title,\n    label,\n    focus,\n    metrics,\n    progress = 0,\n    icon,\n    onClick\n  } = props;\n  const {content, questionsToReview = 0} = metrics;\n  const translate = GetTranslateFromContext(context);\n  const {color, name} = icon;\n  const [badgeIconName, badgeLocale, tagTextColor, tagBackgroundColor] = focus\n    ? ['bullseye-arrow', translate('skill_focus'), COLORS.purple_700, COLORS.purple_100]\n    : ['shapes', translate('skill'), COLORS.neutral_500, COLORS.cm_grey_100];\n  const headerBackgroundRef = useRef(null);\n  const defaultBackground = useMemo(() => createGradientBackground(color, '93%', '100%'), [color]);\n  const focusBackground = useMemo(() => createGradientBackground(color, '83%', '100%'), [color]);\n  const handleMouseEnter = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, focusBackground);\n  }, [focusBackground]);\n  const handleMouseLeave = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, defaultBackground);\n  }, [defaultBackground]);\n  return (\n    <div\n      data-testid={`learner-skill-card-wrapper-${cardIndex}`}\n      data-name={`skill-card-${label}`}\n      onClick={onClick}\n      className={style.learnerSkillCardContainer}\n      aria-label={ariaLabel}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <div\n        data-testid=\"learner-skill-card-icon-header-wrapper\"\n        ref={headerBackgroundRef}\n        className={style.iconHeaderWrapper}\n        style={{backgroundImage: defaultBackground, color: tagTextColor}}\n      >\n        <div className={style.iconWrapper} data-testid=\"learner-skill-card-icon-wrapper\">\n          <FaIcon\n            {...{\n              iconName: name,\n              iconColor: color,\n              size: {\n                faSize: 20,\n                wrapperSize: 44\n              },\n              borderRadius: '12px',\n              gradientBackground: true,\n              customStyle: {border: '4px solid white'}\n            }}\n          />\n        </div>\n      </div>\n      <div className={style.learnerSkillCardContent}>\n        <div className={style.skillTitleWrapper}>\n          <div\n            className={style.skillFocusBadge}\n            style={{\n              backgroundColor: tagBackgroundColor,\n              color: tagTextColor\n            }}\n          >\n            <FaIcon\n              {...{\n                iconName: badgeIconName,\n                backgroundColor: tagBackgroundColor,\n                size: {\n                  faSize: 10,\n                  wrapperSize: 16\n                }\n              }}\n            />\n            <span style={{color: tagTextColor}}>{badgeLocale}</span>\n          </div>\n\n          <div className={style.questionWrapper}>\n            <div\n              data-name=\"skill-card-title\"\n              className={style.skillTitle}\n              aria-label={ariaLabel || title}\n            >\n              {title}\n            </div>\n            <div className={style.contentAndQuestionsWrapper}>\n              <div\n                data-name=\"learner-skill-card-skill-content-number\"\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: translate('content', {count: content})}}\n              />\n              {questionsToReview ? (\n                <div\n                  className={style.skillInformation}\n                  data-name=\"learner-skill-card-skill-questions-wrapper\"\n                >\n                  <FaIcon\n                    {...{\n                      iconName: 'circle',\n                      iconColor: COLORS.cm_grey_400,\n                      backgroundColor: 'transparent',\n                      size: {faSize: 4, wrapperSize: 0}\n                    }}\n                  />\n                  <span\n                    data-name=\"learner-skill-card-questions-to-review\"\n                    // eslint-disable-next-line react/no-danger\n                    dangerouslySetInnerHTML={{\n                      __html: translate('skill_chart_side_panel_questions_to_review', {\n                        count: questionsToReview\n                      })\n                    }}\n                  />\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.progressInformations}>\n        <ProgressBar\n          value={progress}\n          displayInfo={false}\n          max={MAX_SCORE}\n          className={style.progressWrapper}\n          style={{backgroundColor: COLORS.cm_positive_500}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLearnerSkillCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearnerSkillCard.propTypes = {\n  type: PropTypes.oneOf(['skill']).isRequired,\n  title: PropTypes.string.isRequired,\n  label: PropTypes.string,\n  'aria-label': PropTypes.string,\n  cardIndex: PropTypes.number,\n  focus: PropTypes.bool,\n  progress: PropTypes.number,\n  metrics: PropTypes.shape({\n    content: PropTypes.number,\n    questionsToReview: PropTypes.number\n  }),\n  icon: PropTypes.shape({\n    color: PropTypes.string,\n    name: PropTypes.string\n  }),\n  onClick: PropTypes.func\n};\nexport default LearnerSkillCard;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/playlist-card/style.css

@@ -3,6 +3,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;
 @value cm_grey_75 from colors;
 
 .container {
@@ -46,14 +47,14 @@
   left: 0;
   width: 100%;
   height: 160px;
-  background: #1d1d2b80;
+  background: color(cm_grey_700 a(50%)); 
   border-top-right-radius: 12px;
   border-top-left-radius: 12px;
   transition: all 0.5s ease-out;
 }
 
 .container:hover .imageContainer::after {
-  background: #1d1d2b00;
+  background: color(cm_grey_700 a(0%)); 
 }
 .container:hover {
   box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);

package/lib/template/common/search-page/index.js

@@ -2,6 +2,10 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+var _sortBy2 = _interopRequireDefault(require("lodash/fp/sortBy"));
+var _size2 = _interopRequireDefault(require("lodash/fp/size"));
+var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+var _map2 = _interopRequireDefault(require("lodash/fp/map"));
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
@@ -109,12 +113,11 @@ const SearchPage = (props, context) => {
   }))), recommendationsView) : /*#__PURE__*/_react.default.createElement(_cardsGrid.default, cards);
 
   // Convert sections object to array and sort by order
-  const sectionsArray = (0, _keys2.default)(sections).map(key => ({
+  const sortedSections = (0, _pipe2.default)(_keys2.default, (0, _map2.default)(key => ({
     key,
     ...sections[key]
-  }));
-  const sortedSections = sectionsArray.sort((a, b) => a.order - b.order);
-  const hasSections = sortedSections.length > 0;
+  })), (0, _sortBy2.default)('order'))(sections);
+  const hasSections = (0, _size2.default)(sortedSections) > 0;
   const contentGridSection = /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.contentSection
   }, /*#__PURE__*/_react.default.createElement("div", {

package/lib/template/common/search-page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_button","_filters","_cardsGrid","_cardsList","_certificationCard","_learnerSkillCard","_playlistCard","_cmPopin","_tag","_card","_learningPriorityCard","_colors","_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","SearchPage","props","context","title","searchFilters","cards","count","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","sections","skin","defaultColor","_getOr2","nodeRef","useRef","recommendationsView","_isEmpty2","createElement","renderSection","section","sectionCount","titleWithCount","className","style","sectionTitle","label","toString","type","size","customStyle","backgroundColor","COLORS","cm_grey_100","color","neutral_500","sectionProps","dataName","key","cardsView","list","noresults","noresultstxt","clear","background","sectionsArray","_keys2","map","sortedSections","sort","b","order","hasSections","contentGridSection","contentSection","sectionHeader","contentGrid","sectionsWrapper","index","cardsWrapper","role","ref","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","shape","Filters","CardsGrid","number","Button","CardsList","CMPopin","objectOf","arrayOf","oneOfType","cardPropTypes","LearnerSkillCard","CertificationCard","PlaylistCard","LearningPriorityCard","showMore","onShowMore","func","showMoreOnLeftAriaLabel","showMoreOnRightAriaLabel","_default","exports"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty, keys} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CertificationCard from '../../../molecule/certification-card';\nimport LearnerSkillCard from '../../../molecule/learner-skill-card';\nimport PlaylistCard from '../../../molecule/playlist-card';\nimport CMPopin from '../../../molecule/cm-popin';\nimport Tag from '../../../atom/tag';\nimport {cardPropTypes} from '../../../molecule/card';\nimport LearningPriorityCard from '../../../molecule/learning-priority-card';\nimport {COLORS} from '../../../variables/colors';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    count,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards,\n    sections = {}\n  } = props;\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  // Helper function to render content sections\n  const renderSection = section => {\n    if (!section || isEmpty(section.cards)) return null;\n\n    // Use count from props, fallback to cards.length\n    const sectionCount = section.count || section.cards.length;\n\n    // Create title with count tag\n    const titleWithCount = (\n      <div className={style.sectionTitle}>\n        <span data-name=\"section-title\">{section.title}</span>\n        <Tag\n          label={sectionCount.toString()}\n          type=\"default\"\n          size=\"S\"\n          customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n        />\n      </div>\n    );\n\n    const sectionProps = {\n      ...section,\n      title: titleWithCount,\n      dataName: `${section.key}-section`\n    };\n\n    // Use CardsList with appropriate type for all sections\n    if (section.key === 'certifications') {\n      return <CardsList {...sectionProps} type=\"certifications\" />;\n    }\n\n    if (section.key === 'skills') {\n      return <CardsList {...sectionProps} type=\"skills\" />;\n    }\n\n    if (section.key === 'playlists') {\n      return <CardsList {...sectionProps} type=\"playlists\" />;\n    }\n\n    // For new content, use standard cards\n    return <CardsList {...sectionProps} />;\n  };\n\n  const cardsView = isEmpty(cards?.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  // Convert sections object to array and sort by order\n  const sectionsArray = keys(sections).map(key => ({\n    key,\n    ...sections[key]\n  }));\n  const sortedSections = sectionsArray.sort((a, b) => a.order - b.order);\n\n  const hasSections = sortedSections.length > 0;\n\n  const contentGridSection = (\n    <div className={style.contentSection}>\n      <div className={style.sectionHeader}>\n        <div className={style.sectionTitle}>\n          <span>{title}</span>\n          <Tag\n            label={count || cards.list.length.toString()}\n            type=\"default\"\n            size=\"S\"\n            customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n          />\n        </div>\n        <div className={style.contentGrid}> {cardsView}</div>\n      </div>\n    </div>\n  );\n\n  return (\n    <div>\n      {searchFilters ? (\n        <Filters\n          {...searchFilters}\n          moreSortAriaLabel={moreSortAriaLabel}\n          moreFilterAriaLabel={moreFilterAriaLabel}\n          filterGroupAriaLabel={filterGroupAriaLabel}\n          sortAriaLabel={sortAriaLabel}\n        />\n      ) : null}\n\n      {hasSections ? (\n        <div data-name=\"explorerSections\" className={style.sectionsWrapper}>\n          {sortedSections.map((section, index) => (\n            <div data-name={`section-${section.key}`} key={`${section.key}-${index}`}>\n              {renderSection(section)}\n            </div>\n          ))}\n          {contentGridSection ? <div>{contentGridSection}</div> : null}\n        </div>\n      ) : (\n        <div data-name=\"searchResult\" className={style.cardsWrapper}>\n          <div className={style.title} role=\"status\">\n            {title}\n          </div>\n          {cardsView}\n        </div>\n      )}\n\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  count: PropTypes.number,\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes),\n  sections: PropTypes.objectOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      cards: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape(cardPropTypes),\n          PropTypes.shape(LearnerSkillCard.propTypes),\n          PropTypes.shape(CertificationCard.propTypes),\n          PropTypes.shape(PlaylistCard.propTypes),\n          PropTypes.shape(LearningPriorityCard.propTypes)\n        ])\n      ),\n      showMore: PropTypes.string,\n      onShowMore: PropTypes.func,\n      order: PropTypes.number,\n      count: PropTypes.number,\n      'arrows-aria-label': PropTypes.shape({\n        showMoreOnLeftAriaLabel: PropTypes.string,\n        showMoreOnRightAriaLabel: PropTypes.string\n      })\n    })\n  )\n};\n\nexport default SearchPage;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,QAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,UAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,UAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,kBAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,iBAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,aAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,QAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,IAAA,GAAAV,sBAAA,CAAAF,OAAA;AACA,IAAAa,KAAA,GAAAb,OAAA;AACA,IAAAc,qBAAA,GAAAZ,sBAAA,CAAAF,OAAA;AACA,IAAAe,OAAA,GAAAf,OAAA;AACA,IAAAgB,MAAA,GAAAd,sBAAA,CAAAF,OAAA;AAAgC,SAAAiB,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,SAAAnB,wBAAAmB,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,SAAAxB,uBAAAgB,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;AAEhC,MAAMG,UAAU,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACrC,MAAM;IACJC,KAAK;IACLC,aAAa;IACbC,KAAK;IACLC,KAAK;IACLC,cAAc;IACdC,YAAY;IACZC,eAAe;IACfC,iBAAiB;IACjBC,mBAAmB;IACnBC,oBAAoB;IACpBC,aAAa;IACbC,cAAc;IACdC,QAAQ,GAAG,CAAC;EACd,CAAC,GAAGd,KAAK;EACT,MAAM;IAACe;EAAI,CAAC,GAAGd,OAAO;EACtB,MAAMe,YAAY,GAAG,IAAAC,OAAA,CAAAtC,OAAA,EAAM,SAAS,EAAE,gBAAgB,EAAEoC,IAAI,CAAC;EAC7D,MAAMG,OAAO,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAC5B,MAAMC,mBAAmB,GAAG,IAAAC,SAAA,CAAA1C,OAAA,EAAQ6B,eAAe,CAAC,GAAG,IAAI,gBAAGtD,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAAC3D,UAAA,CAAAgB,OAAS,EAAK6B,eAAkB,CAAC;;EAEhG;EACA,MAAMe,aAAa,GAAGC,OAAO,IAAI;IAC/B,IAAI,CAACA,OAAO,IAAI,IAAAH,SAAA,CAAA1C,OAAA,EAAQ6C,OAAO,CAACpB,KAAK,CAAC,EAAE,OAAO,IAAI;;IAEnD;IACA,MAAMqB,YAAY,GAAGD,OAAO,CAACnB,KAAK,IAAImB,OAAO,CAACpB,KAAK,CAACP,MAAM;;IAE1D;IACA,MAAM6B,cAAc,gBAClBxE,MAAA,CAAAyB,OAAA,CAAA2C,aAAA;MAAKK,SAAS,EAAEC,cAAK,CAACC;IAAa,gBACjC3E,MAAA,CAAAyB,OAAA,CAAA2C,aAAA;MAAM,aAAU;IAAe,GAAEE,OAAO,CAACtB,KAAY,CAAC,eACtDhD,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAACtD,IAAA,CAAAW,OAAG;MACFmD,KAAK,EAAEL,YAAY,CAACM,QAAQ,CAAC,CAAE;MAC/BC,IAAI,EAAC,SAAS;MACdC,IAAI,EAAC,GAAG;MACRC,WAAW,EAAE;QAACC,eAAe,EAAEC,cAAM,CAACC,WAAW;QAAEC,KAAK,EAAEF,cAAM,CAACG;MAAW;IAAE,CAC/E,CACE,CACN;IAED,MAAMC,YAAY,GAAG;MACnB,GAAGhB,OAAO;MACVtB,KAAK,EAAEwB,cAAc;MACrBe,QAAQ,EAAE,GAAGjB,OAAO,CAACkB,GAAG;IAC1B,CAAC;;IAED;IACA,IAAIlB,OAAO,CAACkB,GAAG,KAAK,gBAAgB,EAAE;MACpC,oBAAOxF,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAAC3D,UAAA,CAAAgB,OAAS,EAAAc,QAAA,KAAK+C,YAAY;QAAER,IAAI,EAAC;MAAgB,EAAE,CAAC;IAC9D;IAEA,IAAIR,OAAO,CAACkB,GAAG,KAAK,QAAQ,EAAE;MAC5B,oBAAOxF,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAAC3D,UAAA,CAAAgB,OAAS,EAAAc,QAAA,KAAK+C,YAAY;QAAER,IAAI,EAAC;MAAQ,EAAE,CAAC;IACtD;IAEA,IAAIR,OAAO,CAACkB,GAAG,KAAK,WAAW,EAAE;MAC/B,oBAAOxF,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAAC3D,UAAA,CAAAgB,OAAS,EAAAc,QAAA,KAAK+C,YAAY;QAAER,IAAI,EAAC;MAAW,EAAE,CAAC;IACzD;;IAEA;IACA,oBAAO9E,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAAC3D,UAAA,CAAAgB,OAAS,EAAK6D,YAAe,CAAC;EACxC,CAAC;EAED,MAAMG,SAAS,GAAG,IAAAtB,SAAA,CAAA1C,OAAA,EAAQyB,KAAK,EAAEwC,IAAI,CAAC,gBACpC1F,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,2BACEpE,MAAA,CAAAyB,OAAA,CAAA2C,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACiB;EAAU,gBAC9B3F,MAAA,CAAAyB,OAAA,CAAA2C,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACkB;EAAa,GAAExC,cAAoB,CAAC,eAC1DpD,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAAC9D,OAAA,CAAAmB,OAAM,EAAAc,QAAA,KACDc,YAAY;IAChB,aAAU,iBAAiB;IAC3BoB,SAAS,EAAEC,cAAK,CAACmB,KAAM;IACvBnB,KAAK,EAAE;MAACoB,UAAU,EAAEhC;IAAY,CAAE;IAClCgB,IAAI,EAAC;EAAM,EACZ,CACE,CAAC,EACLZ,mBACE,CAAC,gBAENlE,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAAC5D,UAAA,CAAAiB,OAAS,EAAKyB,KAAQ,CACxB;;EAED;EACA,MAAM6C,aAAa,GAAG,IAAAC,MAAA,CAAAvE,OAAA,EAAKmC,QAAQ,CAAC,CAACqC,GAAG,CAACT,GAAG,KAAK;IAC/CA,GAAG;IACH,GAAG5B,QAAQ,CAAC4B,GAAG;EACjB,CAAC,CAAC,CAAC;EACH,MAAMU,cAAc,GAAGH,aAAa,CAACI,IAAI,CAAC,CAACrE,CAAC,EAAEsE,CAAC,KAAKtE,CAAC,CAACuE,KAAK,GAAGD,CAAC,CAACC,KAAK,CAAC;EAEtE,MAAMC,WAAW,GAAGJ,cAAc,CAACvD,MAAM,GAAG,CAAC;EAE7C,MAAM4D,kBAAkB,gBACtBvG,MAAA,CAAAyB,OAAA,CAAA2C,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAAC8B;EAAe,gBACnCxG,MAAA,CAAAyB,OAAA,CAAA2C,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAAC+B;EAAc,gBAClCzG,MAAA,CAAAyB,OAAA,CAAA2C,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACC;EAAa,gBACjC3E,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,eAAOpB,KAAY,CAAC,eACpBhD,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAACtD,IAAA,CAAAW,OAAG;IACFmD,KAAK,EAAEzB,KAAK,IAAID,KAAK,CAACwC,IAAI,CAAC/C,MAAM,CAACkC,QAAQ,CAAC,CAAE;IAC7CC,IAAI,EAAC,SAAS;IACdC,IAAI,EAAC,GAAG;IACRC,WAAW,EAAE;MAACC,eAAe,EAAEC,cAAM,CAACC,WAAW;MAAEC,KAAK,EAAEF,cAAM,CAACG;IAAW;EAAE,CAC/E,CACE,CAAC,eACNrF,MAAA,CAAAyB,OAAA,CAAA2C,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACgC;EAAY,GAAC,GAAC,EAACjB,SAAe,CACjD,CACF,CACN;EAED,oBACEzF,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,cACGnB,aAAa,gBACZjD,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAAC7D,QAAA,CAAAkB,OAAO,EAAAc,QAAA,KACFU,aAAa;IACjBM,iBAAiB,EAAEA,iBAAkB;IACrCC,mBAAmB,EAAEA,mBAAoB;IACzCC,oBAAoB,EAAEA,oBAAqB;IAC3CC,aAAa,EAAEA;EAAc,EAC9B,CAAC,GACA,IAAI,EAEP4C,WAAW,gBACVtG,MAAA,CAAAyB,OAAA,CAAA2C,aAAA;IAAK,aAAU,kBAAkB;IAACK,SAAS,EAAEC,cAAK,CAACiC;EAAgB,GAChET,cAAc,CAACD,GAAG,CAAC,CAAC3B,OAAO,EAAEsC,KAAK,kBACjC5G,MAAA,CAAAyB,OAAA,CAAA2C,aAAA;IAAK,aAAW,WAAWE,OAAO,CAACkB,GAAG,EAAG;IAACA,GAAG,EAAE,GAAGlB,OAAO,CAACkB,GAAG,IAAIoB,KAAK;EAAG,GACtEvC,aAAa,CAACC,OAAO,CACnB,CACN,CAAC,EACDiC,kBAAkB,gBAAGvG,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,cAAMmC,kBAAwB,CAAC,GAAG,IACrD,CAAC,gBAENvG,MAAA,CAAAyB,OAAA,CAAA2C,aAAA;IAAK,aAAU,cAAc;IAACK,SAAS,EAAEC,cAAK,CAACmC;EAAa,gBAC1D7G,MAAA,CAAAyB,OAAA,CAAA2C,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAAC1B,KAAM;IAAC8D,IAAI,EAAC;EAAQ,GACvC9D,KACE,CAAC,EACLyC,SACE,CACN,EAEA9B,cAAc,gBACb3D,MAAA,CAAAyB,OAAA,CAAA2C,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACf,cAAe;IAACoD,GAAG,EAAE/C;EAAQ,gBACjDhE,MAAA,CAAAyB,OAAA,CAAA2C,aAAA,CAACvD,QAAA,CAAAY,OAAO,EAAKkC,cAAiB,CAC3B,CAAC,GACJ,IACD,CAAC;AAEV,CAAC;AAEDd,UAAU,CAACmE,YAAY,GAAG;EACxBnD,IAAI,EAAEoD,iBAAQ,CAACC,iBAAiB,CAACrD;AACnC,CAAC;AAEDhB,UAAU,CAACsE,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBlE,cAAc,EAAEmE,kBAAS,CAACC,MAAM;EAChCxE,KAAK,EAAEuE,kBAAS,CAACC,MAAM;EACvBvE,aAAa,EAAEsE,kBAAS,CAACE,KAAK,CAACC,gBAAO,CAACP,SAAS,CAAC;EACjDjE,KAAK,EAAEqE,kBAAS,CAACE,KAAK,CAACE,kBAAS,CAACR,SAAS,CAAC;EAC3ChE,KAAK,EAAEoE,kBAAS,CAACK,MAAM;EACvBvE,YAAY,EAAEkE,kBAAS,CAACE,KAAK,CAACI,eAAM,CAACV,SAAS,CAAC;EAC/C7D,eAAe,EAAEiE,kBAAS,CAACE,KAAK,CAACK,kBAAS,CAACX,SAAS,CAAC;EACrD5D,iBAAiB,EAAEgE,kBAAS,CAACC,MAAM;EACnChE,mBAAmB,EAAE+D,kBAAS,CAACC,MAAM;EACrC/D,oBAAoB,EAAE8D,kBAAS,CAACC,MAAM;EACtC9D,aAAa,EAAE6D,kBAAS,CAACC,MAAM;EAC/B7D,cAAc,EAAE4D,kBAAS,CAACE,KAAK,CAACM,gBAAO,CAACZ,SAAS,CAAC;EAClDvD,QAAQ,EAAE2D,kBAAS,CAACS,QAAQ,CAC1BT,kBAAS,CAACE,KAAK,CAAC;IACdzE,KAAK,EAAEuE,kBAAS,CAACC,MAAM;IACvBtE,KAAK,EAAEqE,kBAAS,CAACU,OAAO,CACtBV,kBAAS,CAACW,SAAS,CAAC,CAClBX,kBAAS,CAACE,KAAK,CAACU,mBAAa,CAAC,EAC9BZ,kBAAS,CAACE,KAAK,CAACW,yBAAgB,CAACjB,SAAS,CAAC,EAC3CI,kBAAS,CAACE,KAAK,CAACY,0BAAiB,CAAClB,SAAS,CAAC,EAC5CI,kBAAS,CAACE,KAAK,CAACa,qBAAY,CAACnB,SAAS,CAAC,EACvCI,kBAAS,CAACE,KAAK,CAACc,6BAAoB,CAACpB,SAAS,CAAC,CAChD,CACH,CAAC;IACDqB,QAAQ,EAAEjB,kBAAS,CAACC,MAAM;IAC1BiB,UAAU,EAAElB,kBAAS,CAACmB,IAAI;IAC1BrC,KAAK,EAAEkB,kBAAS,CAACK,MAAM;IACvBzE,KAAK,EAAEoE,kBAAS,CAACK,MAAM;IACvB,mBAAmB,EAAEL,kBAAS,CAACE,KAAK,CAAC;MACnCkB,uBAAuB,EAAEpB,kBAAS,CAACC,MAAM;MACzCoB,wBAAwB,EAAErB,kBAAS,CAACC;IACtC,CAAC;EACH,CAAC,CACH;AACF,CAAC;AAAC,IAAAqB,QAAA,GAAAC,OAAA,CAAArH,OAAA,GAEaoB,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_button","_filters","_cardsGrid","_cardsList","_certificationCard","_learnerSkillCard","_playlistCard","_cmPopin","_tag","_card","_learningPriorityCard","_colors","_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","SearchPage","props","context","title","searchFilters","cards","count","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","sections","skin","defaultColor","_getOr2","nodeRef","useRef","recommendationsView","_isEmpty2","createElement","renderSection","section","sectionCount","titleWithCount","className","style","sectionTitle","label","toString","type","size","customStyle","backgroundColor","COLORS","cm_grey_100","color","neutral_500","sectionProps","dataName","key","cardsView","list","noresults","noresultstxt","clear","background","sortedSections","_pipe2","_keys2","_map2","_sortBy2","hasSections","_size2","contentGridSection","contentSection","sectionHeader","contentGrid","sectionsWrapper","map","index","cardsWrapper","role","ref","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","shape","Filters","CardsGrid","number","Button","CardsList","CMPopin","objectOf","arrayOf","oneOfType","cardPropTypes","LearnerSkillCard","CertificationCard","PlaylistCard","LearningPriorityCard","showMore","onShowMore","func","order","showMoreOnLeftAriaLabel","showMoreOnRightAriaLabel","_default","exports"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty, keys, map, pipe, size, sortBy} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CertificationCard from '../../../molecule/certification-card';\nimport LearnerSkillCard from '../../../molecule/learner-skill-card';\nimport PlaylistCard from '../../../molecule/playlist-card';\nimport CMPopin from '../../../molecule/cm-popin';\nimport Tag from '../../../atom/tag';\nimport {cardPropTypes} from '../../../molecule/card';\nimport LearningPriorityCard from '../../../molecule/learning-priority-card';\nimport {COLORS} from '../../../variables/colors';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    count,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards,\n    sections = {}\n  } = props;\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  // Helper function to render content sections\n  const renderSection = section => {\n    if (!section || isEmpty(section.cards)) return null;\n\n    // Use count from props, fallback to cards.length\n    const sectionCount = section.count || section.cards.length;\n\n    // Create title with count tag\n    const titleWithCount = (\n      <div className={style.sectionTitle}>\n        <span data-name=\"section-title\">{section.title}</span>\n        <Tag\n          label={sectionCount.toString()}\n          type=\"default\"\n          size=\"S\"\n          customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n        />\n      </div>\n    );\n\n    const sectionProps = {\n      ...section,\n      title: titleWithCount,\n      dataName: `${section.key}-section`\n    };\n\n    // Use CardsList with appropriate type for all sections\n    if (section.key === 'certifications') {\n      return <CardsList {...sectionProps} type=\"certifications\" />;\n    }\n\n    if (section.key === 'skills') {\n      return <CardsList {...sectionProps} type=\"skills\" />;\n    }\n\n    if (section.key === 'playlists') {\n      return <CardsList {...sectionProps} type=\"playlists\" />;\n    }\n\n    // For new content, use standard cards\n    return <CardsList {...sectionProps} />;\n  };\n\n  const cardsView = isEmpty(cards?.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  // Convert sections object to array and sort by order\n  const sortedSections = pipe(\n    keys,\n    map(key => ({key, ...sections[key]})),\n    sortBy('order')\n  )(sections);\n\n  const hasSections = size(sortedSections) > 0;\n\n  const contentGridSection = (\n    <div className={style.contentSection}>\n      <div className={style.sectionHeader}>\n        <div className={style.sectionTitle}>\n          <span>{title}</span>\n          <Tag\n            label={count || cards.list.length.toString()}\n            type=\"default\"\n            size=\"S\"\n            customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n          />\n        </div>\n        <div className={style.contentGrid}> {cardsView}</div>\n      </div>\n    </div>\n  );\n\n  return (\n    <div>\n      {searchFilters ? (\n        <Filters\n          {...searchFilters}\n          moreSortAriaLabel={moreSortAriaLabel}\n          moreFilterAriaLabel={moreFilterAriaLabel}\n          filterGroupAriaLabel={filterGroupAriaLabel}\n          sortAriaLabel={sortAriaLabel}\n        />\n      ) : null}\n\n      {hasSections ? (\n        <div data-name=\"explorerSections\" className={style.sectionsWrapper}>\n          {sortedSections.map((section, index) => (\n            <div data-name={`section-${section.key}`} key={`${section.key}-${index}`}>\n              {renderSection(section)}\n            </div>\n          ))}\n          {contentGridSection ? <div>{contentGridSection}</div> : null}\n        </div>\n      ) : (\n        <div data-name=\"searchResult\" className={style.cardsWrapper}>\n          <div className={style.title} role=\"status\">\n            {title}\n          </div>\n          {cardsView}\n        </div>\n      )}\n\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  count: PropTypes.number,\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes),\n  sections: PropTypes.objectOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      cards: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape(cardPropTypes),\n          PropTypes.shape(LearnerSkillCard.propTypes),\n          PropTypes.shape(CertificationCard.propTypes),\n          PropTypes.shape(PlaylistCard.propTypes),\n          PropTypes.shape(LearningPriorityCard.propTypes)\n        ])\n      ),\n      showMore: PropTypes.string,\n      onShowMore: PropTypes.func,\n      order: PropTypes.number,\n      count: PropTypes.number,\n      'arrows-aria-label': PropTypes.shape({\n        showMoreOnLeftAriaLabel: PropTypes.string,\n        showMoreOnRightAriaLabel: PropTypes.string\n      })\n    })\n  )\n};\n\nexport default SearchPage;\n"],"mappings":"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","ignoreList":[]}

package/locales/bs/global.json

@@ -198,7 +198,7 @@
   "questions": "Pitanja",
   "skill_scope_specifier": "na <b>{{focusedSkill}}</b>",
   "focused_skills": "fokusirane vještine",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Ocijenite ovaj kurs",
       "diploma": "Validirani put"
@@ -221,7 +221,7 @@
       "diploma": "Certificate"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Dodatne informacije o vašem certifikatu"

package/locales/cs/global.json

@@ -198,7 +198,7 @@
   "questions": "Otázky",
   "skill_scope_specifier": " na <b>{{focusedSkill}}</b>",
   "focused_skills": "zaměřených dovedností",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Ohodnoťte tento kurz",
       "diploma": "Ověřená cesta"
@@ -221,7 +221,7 @@
       "diploma": "Certifikát"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Další informace o vašem certifikátu"

package/locales/de/global.json

@@ -198,7 +198,7 @@
   "questions": "Fragen",
   "skill_scope_specifier": "auf <b>{{focusedSkill}}</b>\n",
   "focused_skills": "fokussierte Fähigkeiten\n",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Bewerten Sie diesen Kurs",
       "diploma": "Validierter Weg"
@@ -221,7 +221,7 @@
       "diploma": "Zertifikat"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Die zusätzlichen Informationen zu Ihrem Zertifikat"

package/locales/es/global.json

@@ -198,7 +198,7 @@
   "questions": "Preguntas",
   "skill_scope_specifier": "sobre <b>{{focusedSkill}}</b>",
   "focused_skills": "habilidades interesadas",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Califica este curso",
       "diploma": "Vía validada"
@@ -221,7 +221,7 @@
       "diploma": "Certificado"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Información adicional sobre su certificado"

package/locales/et/global.json

@@ -198,7 +198,7 @@
   "questions": "Küsimused",
   "skill_scope_specifier": "seoses oskusega <b>{{focusedSkill}}</b>",
   "focused_skills": "fookusoskused",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Hinda seda kursust",
       "diploma": "Valideeritud rada"
@@ -221,7 +221,7 @@
       "diploma": "Tunnistus"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Täiendav teave teie sertifikaadi kohta"

package/locales/fi/global.json

@@ -198,7 +198,7 @@
   "questions": "Kysymykset",
   "skill_scope_specifier": "valmiudessa <b>{{focusedSkill}}</b>",
   "focused_skills": "osaamisen painopisteet",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Arvioi tämä kurssi",
       "diploma": "Vahvistettu reitti"
@@ -221,7 +221,7 @@
       "diploma": "Todistus"
     },
     "mylcl-learning": {
-      "diploma": "oppimispolku"
+       "diploma": "oppimispolku"
     },
     "who": {
       "badge": "Lisätietoja todistuksestasi"

package/locales/hr/global.json

@@ -198,7 +198,7 @@
   "questions": "Pitanja",
   "skill_scope_specifier": "na <b>{{focusedSkill}}</b>",
   "focused_skills": "fokusirane vještine",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Ocijenite ovaj tečaj",
       "diploma": "Validirani put"
@@ -221,7 +221,7 @@
       "diploma": "Potvrda"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Dodatne informacije o vašem certifikatu"

package/locales/hu/global.json

@@ -198,7 +198,7 @@
   "questions": "Kérdések",
   "skill_scope_specifier": "<b>{{focusedSkill}}</b>",
   "focused_skills": "célzott képességek",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Értékelje ezt a tanfolyamot",
       "diploma": "Ellenőrzött útvonal"
@@ -221,7 +221,7 @@
       "diploma": "Bizonyítvány"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "További információk a tanúsítványról"

package/locales/hy/global.json

@@ -198,7 +198,7 @@
   "questions": "Հարցեր",
   "skill_scope_specifier": "<b>{{focusedSkill}}</b> ում",
   "focused_skills": "կենտրոնացված հմտություններ",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Գնահատեք այս դասընթացը",
       "diploma": "Վավերացված ուղի"
@@ -221,7 +221,7 @@
       "diploma": "Certificate"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Ձեր վկայականի մասին լրացուցիչ տեղեկություններ"

package/locales/it/global.json

@@ -198,7 +198,7 @@
   "questions": "Domande\n",
   "skill_scope_specifier": "su <b>{{focusedSkill}}</b>",
   "focused_skills": "competenze messe a fuoco",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Vota questo corso",
       "diploma": "Percorso convalidato"
@@ -221,7 +221,7 @@
       "diploma": "Certificato"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Le informazioni aggiuntive sul tuo certificato"

package/locales/ja/global.json

@@ -198,7 +198,7 @@
   "questions": "質問",
   "skill_scope_specifier": "<b>{{focusedSkill}}</b>で",
   "focused_skills": "フォーカスしたスキル",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "このコースを評価する",
       "diploma": "検証済みの経路"
@@ -221,7 +221,7 @@
       "diploma": "証明書"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "証明書に関する追加情報"

package/locales/ko/global.json

@@ -198,7 +198,7 @@
   "questions": "질문",
   "skill_scope_specifier": "<b>{focusedSkill}</b>에 관해",
   "focused_skills": "집중한 기술",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "이 강좌를 평가해 주세요",
       "diploma": "검증된 경로"
@@ -221,7 +221,7 @@
       "diploma": "인증서"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "인증서에 대한 추가 정보"

package/locales/lt/global.json

@@ -198,7 +198,7 @@
   "questions": "Klausimai",
   "skill_scope_specifier": "<b>{{focusedSkill}}</b>",
   "focused_skills": "pagrindiniai įgūdžiai",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Įvertinkite šį kursą",
       "diploma": "Patvirtintas kelias"
@@ -221,7 +221,7 @@
       "diploma": "Sertifikatas"
     },
     "mylcl-learning": {
-      "diploma": "mokymosi kelias"
+       "diploma": "mokymosi kelias"
     },
     "who": {
       "badge": "Papildoma informacija apie jūsų sertifikatą"

package/locales/nl/global.json

@@ -198,7 +198,7 @@
   "questions": "Vragen",
   "skill_scope_specifier": "op <b>{{focusedSkill}}</b>",
   "focused_skills": "gefocuste vaardigheden",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Beoordeel deze cursus",
       "diploma": "Gevalideerd traject"
@@ -221,7 +221,7 @@
       "diploma": "Certificaat"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "De aanvullende informatie over uw certificaat"

package/locales/pl/global.json

@@ -198,7 +198,7 @@
   "questions": "Pytania",
   "skill_scope_specifier": "na <b>{{focusedSkill}}</b>",
   "focused_skills": "wybrane umiejętności",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Oceń ten kurs",
       "diploma": "Sprawdzona ścieżka"
@@ -221,7 +221,7 @@
       "diploma": "Certyfikat"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Dodatkowe informacje o Twoim certyfikacie"

package/locales/pt/global.json

@@ -198,7 +198,7 @@
   "questions": "Questões",
   "skill_scope_specifier": "em <b>{{focusedSkill}}</b>",
   "focused_skills": "competências com foco",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Avalie este curso",
       "diploma": "Caminho validado"
@@ -221,7 +221,7 @@
       "diploma": "Certificado"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "As informações adicionais sobre o seu certificado"

package/locales/ro/global.json

@@ -198,7 +198,7 @@
   "questions": "Întrebări",
   "skill_scope_specifier": "pe <b>{{focusedSkill}}</b>",
   "focused_skills": "abilități focalizate",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Evaluează acest curs",
       "diploma": "Calea validată"
@@ -221,7 +221,7 @@
       "diploma": "Certificat"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Informațiile suplimentare despre certificatul dvs"

package/locales/ru/global.json

@@ -198,7 +198,7 @@
   "questions": "Вопросы",
   "skill_scope_specifier": "на <b>{{focusedSkill}}</b>",
   "focused_skills": "выбранные навыки",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Оцените этот курс",
       "diploma": "Проверенный путь"
@@ -221,7 +221,7 @@
       "diploma": "Сертификат"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Дополнительная информация о вашем сертификате"

package/locales/sk/global.json

@@ -198,7 +198,7 @@
   "questions": "Otázky",
   "skill_scope_specifier": "na <b>{{focusedSkill}}</b>",
   "focused_skills": "zručnosti, na ktoré sa zameriavate",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Ohodnoťte tento kurz",
       "diploma": "Overená cesta"
@@ -221,7 +221,7 @@
       "diploma": "Certifikát"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Ďalšie informácie o vašom certifikáte"

package/locales/sl/global.json

@@ -198,7 +198,7 @@
   "questions": "Vprašanja",
   "skill_scope_specifier": "na <b>{{focusedSkill}}</b>",
   "focused_skills": "osredotočene veščine",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Ocenite ta tečaj",
       "diploma": "Potrjena pot"
@@ -221,7 +221,7 @@
       "diploma": "Certifikat"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Dodatne informacije o vašem certifikatu"

package/locales/sv/global.json

@@ -198,7 +198,7 @@
   "questions": "Frågor",
   "skill_scope_specifier": "på <b>{{focusedSkill}}</b>",
   "focused_skills": "färdighet i fokus",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Betygsätt denna kurs",
       "diploma": "Validerad väg"
@@ -221,7 +221,7 @@
       "diploma": "Certifikat"
     },
     "mylcl-learning": {
-      "diploma": "inlärningsväg"
+       "diploma": "inlärningsväg"
     },
     "who": {
       "badge": "Ytterligare information om ditt certifikat"

package/locales/tl/global.json

@@ -198,7 +198,7 @@
   "questions": "Mga Tanong",
   "skill_scope_specifier": "sa <b>{{focusedSkill}}</b>",
   "focused_skills": "mga kasanayang pinagtuunan ng pansin",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "I-rate ang kursong ito",
       "diploma": "Napatunayang landas"
@@ -221,7 +221,7 @@
       "diploma": "Sertipiko"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Karagdagang impormasyon tungkol sa iyong sertipiko"

package/locales/tr/global.json

@@ -198,7 +198,7 @@
   "questions": "Sorular",
   "skill_scope_specifier": "<b>{{focusedSkill}}</b> üzerinde",
   "focused_skills": "odaklanan beceriler",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Bu kursu değerlendirin",
       "diploma": "Doğrulanmış yol"
@@ -221,7 +221,7 @@
       "diploma": "Sertifika"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Sertifikanız hakkında ek bilgi"

package/locales/uk/global.json

@@ -198,7 +198,7 @@
   "questions": "Питання",
   "skill_scope_specifier": "на <b>{{focusedSkill}}</b>",
   "focused_skills": "навички розвитку",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Оцініть цей курс",
       "diploma": "Перевірений шлях"
@@ -221,7 +221,7 @@
       "diploma": "Сертифікат"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Додаткова інформація про ваш сертифікат"

package/locales/vi/global.json

@@ -198,7 +198,7 @@
   "questions": "Câu hỏi",
   "skill_scope_specifier": "vào <b>{{focusedSkill}}</b>",
   "focused_skills": "kỹ năng được chú trọng",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "Đánh giá khóa học này",
       "diploma": "Lộ trình đã được xác thực"
@@ -221,7 +221,7 @@
       "diploma": "Chứng chỉ"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "Thông tin bổ sung về chứng chỉ của bạn"

package/locales/zh/global.json

@@ -198,7 +198,7 @@
   "questions": "问题",
   "skill_scope_specifier": "关于<b>{{focusedSkill}}</b>",
   "focused_skills": "已重点关注的技能",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "评价此课程",
       "diploma": "经过验证的途径"
@@ -221,7 +221,7 @@
       "diploma": "Certificate"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "有关您证书的附加信息"

package/locales/zh_TW/global.json

@@ -198,7 +198,7 @@
   "questions": "問題",
   "skill_scope_specifier": "關於 <b>{{focusedSkill}}</b>",
   "focused_skills": "聚焦技能",
-  "custom": {
+  "custom":{
     "digitlearning": {
       "comment_aria_label": "評量本課程",
       "diploma": "驗證途徑"
@@ -221,7 +221,7 @@
       "diploma": "Certificate"
     },
     "mylcl-learning": {
-      "diploma": "learning path"
+       "diploma": "learning path"
     },
     "who": {
       "badge": "有關您證書的附加信息"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.40.10-alpha.16.0+0e1bb0f2f",
+  "version": "11.40.10",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -166,5 +166,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "0e1bb0f2f79930452ed46ed3ad618416841d4f15"
+  "gitHead": "bd95b52e4de1ae6683039b991cdde4c74259c255"
 }