@coorpacademy/components 11.32.2 → 11.32.4

package/lib/template/my-learning/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ChangeSkillFocusButton","props","context","hovered","setHovered","useState","onClick","skin","translate","primarySkinColor","handleMouseOver","useCallback","handleMouseLeave","backgroundColor","convert","color","transition","position","faIcon","name","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","func","FilterButton","active","filter","skillTotal","Content","style","skillFilterNumber","skillFilterNumberInActive","buttonProps","customStyle","width","content","bool","string","number","MyLearning","skills","selectedSkills","skillsInformation","skillsLocales","learnerFeature","isLoading","onSkillFocusConfirm","onReviewSkill","onExploreSkill","open","setOpen","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","activeFilter","setActiveFilter","skillsReviewReady","useMemo","skill","availableForReview","graphDatas","stats","score","graphLegends","filters","all","review","sumKpi","kpi","coursedCompletedData","questionsAnsweredData","learningHoursData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","value","legend","icon","iconName","handleOnDotClick","skillRef","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","searchValueIncluded","handleSearchReset","ReviewTooltipContent","backgroundContainer","container","skillFocusContainer","skillFocusHeader","skillFocusHeaderWrapper","skillFocusHeaderIcon","faSize","wrapperSize","skillFocusHeaderContent","skillFocusHeaderTitle","skillFocusHeaderDescription","length","skillFocusContent","radarContainer","gradient","fill","stroke","percentage","background","label","skillFocusEmpty","img","skillFocusEmptyTitle","skillFocusEmptyDescription","skillListHeader","skillListHeaderIcon","skillListHeaderContent","skillListHeaderTitle","skillListHeaderDescription","infoIconTooltip","tooltip","toolBarContainer","skillFilterContainer","map","index","handleFilterClick","searchWrapper","placeholder","onChange","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","skillListContainer","skillListEmptyContainer","handleReviewSkill","handleExploreSkill","includes","skillCourses","courses","skillQuestions","questionsAnswered","completedCourses","coursesCompleted","arrayOf","objectOf","shape","learningHours"],"sources":["../../../src/template/my-learning/index.js"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {getOr, keys, map, fromPairs, pipe, sumBy} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport Picture from '../../atom/picture';\nimport ButtonLink from '../../atom/button-link';\nimport ToolTip from '../../atom/tooltip';\nimport ReviewNoSkills from '../../organism/review-no-skills';\nimport SearchForm from '../../molecule/search-form';\nimport SkillPickerModal from '../../molecule/skill-picker-modal';\nimport ResponsiveLearningProfileRadarChart from '../../molecule/learning-profile-radar-chart';\nimport SkillsChartSideInformationPanel from '../../molecule/skills-chart-side-information-panel';\nimport LearnerSkillCard from '../../molecule/learner-skill-card';\nimport searchValueIncluded from '../../util/search-value-included';\nimport style from './style.css';\n\nconst ChangeSkillFocusButton = (props, context) => {\n  const [hovered, setHovered] = useState(false);\n  const {onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = getOr('#0061FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  return (\n    <div\n      data-name=\"button-explore-wrapper\"\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n    >\n      <ButtonLink\n        customStyle={{\n          backgroundColor: hovered\n            ? primarySkinColor\n            : convert(`color(${primarySkinColor} a(0.07))`),\n          color: hovered ? '#FFFFFF' : primarySkinColor,\n          transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n        }}\n        onClick={onClick}\n        label={translate('skills_change_focus')}\n        data-name=\"change-skill-focus-button\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'arrows-rotate',\n            backgroundColor: hovered\n              ? primarySkinColor\n              : convert(`color(${primarySkinColor} a(0.07))`),\n            color: hovered ? '#FFFFFF' : primarySkinColor,\n            size: 16\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nChangeSkillFocusButton.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nChangeSkillFocusButton.propTypes = {\n  onClick: PropTypes.func\n};\n\nconst FilterButton = (props, context) => {\n  const {active, filter, skillTotal, onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = getOr('#0061FF', 'common.primary', skin);\n\n  const Content = useCallback(\n    () => (\n      <div>\n        {filter}\n        <span className={active ? style.skillFilterNumber : style.skillFilterNumberInActive}>\n          {skillTotal}\n        </span>\n      </div>\n    ),\n    [filter, skillTotal, active]\n  );\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : '#FFFFFF',\n      color: active ? primarySkinColor : '#9999A8',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: filter === translate('review_mode_available') ? '200px' : 'fit-content'\n    },\n    onClick,\n    content: <Content />,\n    'data-name': 'change-skill-focus-button'\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  active: PropTypes.bool,\n  filter: PropTypes.string,\n  skillTotal: PropTypes.number,\n  onClick: PropTypes.func\n};\n\nconst MyLearning = (props, context) => {\n  const {\n    skills,\n    selectedSkills = [],\n    skillsInformation,\n    skillsLocales,\n    learnerFeature = true,\n    isLoading,\n    onSkillFocusConfirm,\n    onReviewSkill,\n    onExploreSkill\n  } = props;\n  const {translate} = context;\n  const [open, setOpen] = useState(false);\n  const [selectedSkillsList, setSelectedSkillsList] = useState(selectedSkills);\n  const [skillFocusSelectedOnChart, setSkillFocusSelectedOnChart] = useState(undefined);\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(skills);\n  const [activeFilter, setActiveFilter] = useState('all');\n\n  const skillsReviewReady = useMemo(() => {\n    return searchResults.filter(skill => skillsInformation[skill].availableForReview);\n  }, [searchResults, skillsInformation]);\n\n  const graphDatas = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, skillsInformation[skill].stats.score]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsInformation]\n  );\n\n  const graphLegends = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, skillsLocales[skill]]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsLocales]\n  );\n\n  const filters = useMemo(() => {\n    return {\n      all: searchResults,\n      review: skillsReviewReady\n    };\n  }, [searchResults, skillsReviewReady]);\n\n  const sumKpi = useCallback(\n    kpi =>\n      skillFocusSelectedOnChart\n        ? skillsInformation[skillFocusSelectedOnChart].stats[kpi]\n        : sumBy(skill => skillsInformation[skill].stats[kpi], selectedSkillsList),\n    [skillFocusSelectedOnChart, skillsInformation, selectedSkillsList]\n  );\n\n  const coursedCompletedData = useMemo(() => sumKpi('coursesCompleted'), [sumKpi]);\n\n  const questionsAnsweredData = useMemo(() => sumKpi('questionsAnswered'), [sumKpi]);\n\n  const learningHoursData = useMemo(() => sumKpi('learningHours'), [sumKpi]);\n\n  const skillChartPaneLegends = useMemo(\n    () =>\n      translate('skill_scope_specifier', {\n        focusedSkill: skillFocusSelectedOnChart\n          ? skillsLocales[skillFocusSelectedOnChart]\n          : translate('focused_skills')\n      }),\n    [translate, skillsLocales, skillFocusSelectedOnChart]\n  );\n  const skillChartPanelProps = [\n    {\n      title: translate('skill_chart_side_panel_courses_completed'),\n      value: `${coursedCompletedData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'book-open-cover', backgroundColor: '#D9F4F7'}\n    },\n    {\n      title: translate('skill_chart_side_panel_questions_answered'),\n      value: `${questionsAnsweredData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'circle-question', backgroundColor: '#FFDCD1'}\n    },\n    {\n      title: translate('skill_chart_side_panel_learning_hours'),\n      value: `${learningHoursData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'clock', backgroundColor: '#FAD6DE'}\n    }\n  ];\n\n  const handleOnDotClick = useCallback(\n    skillRef => {\n      skillRef && setSkillFocusSelectedOnChart(skillRef);\n    },\n    [setSkillFocusSelectedOnChart]\n  );\n  const handleOpenSkillPicker = useCallback(() => setOpen(true), [setOpen]);\n  const handleCloseSkillPicker = useCallback(() => setOpen(false), [setOpen]);\n  const handleConfirmSkillPicker = useCallback(\n    focusSkillList => {\n      setSelectedSkillsList(focusSkillList);\n      onSkillFocusConfirm(focusSkillList);\n      setOpen(false);\n    },\n    [onSkillFocusConfirm, setSelectedSkillsList, setOpen]\n  );\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      setSearchResults(skills.filter(skill => searchValueIncluded(skillsLocales[skill], value)));\n    },\n    [skills, skillsLocales, setSearchValue, setSearchResults]\n  );\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    setSearchResults(skills);\n  }, [skills, setSearchValue, setSearchResults]);\n\n  const ReviewTooltipContent = useCallback(\n    () => (\n      <div>\n        <div>\n          <b>{translate('review_mode_tooltip_header')}</b>\n        </div>\n        <p>{translate('review_mode_tooltip_content')}</p>\n        <ol>\n          <li>{translate('review_mode_tooltip_content_part1')}</li>\n          <li>{translate('review_mode_tooltip_content_part2')}</li>\n          <li>{translate('review_mode_tooltip_content_part3')}</li>\n          <li>{translate('review_mode_tooltip_content_part4')}</li>\n        </ol>\n      </div>\n    ),\n    [translate]\n  );\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container}>\n        <SkillPickerModal\n          skills={skills}\n          selectedSkills={selectedSkillsList}\n          skillsLocales={skillsLocales}\n          isOpen={open}\n          isLoading={isLoading}\n          onCancel={handleCloseSkillPicker}\n          onConfirm={handleConfirmSkillPicker}\n          onClose={handleCloseSkillPicker}\n        />\n        {learnerFeature ? (\n          <div className={style.skillFocusContainer}>\n            <header className={style.skillFocusHeader}>\n              <div className={style.skillFocusHeaderWrapper}>\n                <div className={style.skillFocusHeaderIcon}>\n                  <Icon\n                    iconName=\"bullseye-arrow\"\n                    backgroundColor=\"#DDD1FF\"\n                    borderRadius=\"12px\"\n                    size={{faSize: 20, wrapperSize: 48}}\n                  />\n                </div>\n                <div className={style.skillFocusHeaderContent}>\n                  <div className={style.skillFocusHeaderTitle}>{translate('skill_focus')}</div>\n                  <div className={style.skillFocusHeaderDescription}>\n                    {translate('skills_focus_description')}\n                  </div>\n                </div>\n              </div>\n              {selectedSkillsList.length > 0 ? (\n                <ChangeSkillFocusButton onClick={handleOpenSkillPicker} />\n              ) : null}\n            </header>\n            {selectedSkillsList.length > 0 ? (\n              <div className={style.skillFocusContent}>\n                <div className={style.radarContainer}>\n                  <ResponsiveLearningProfileRadarChart\n                    totalDataset={1}\n                    height={424}\n                    width={680}\n                    data={graphDatas}\n                    legend={graphLegends}\n                    onClick={handleOnDotClick}\n                    colors={[\n                      {\n                        gradient: {\n                          fill: ['#0062ffff', '#8000ff85'],\n                          stroke: ['#0062ffff', '#8000FF']\n                        },\n                        percentage: {\n                          color: '#0061FF',\n                          background:\n                            'linear-gradient(180deg, rgba(0, 97, 255, 0.10) 0%, rgba(147, 107, 255, 0.10) 100%)'\n                        },\n                        label: {\n                          color: '#020202ff'\n                        }\n                      }\n                    ]}\n                  />\n                </div>\n                <SkillsChartSideInformationPanel sidePanelItems={skillChartPanelProps} />\n              </div>\n            ) : (\n              <div className={style.skillFocusEmpty}>\n                <Picture\n                  className={style.img}\n                  src=\"https://static.coorpacademy.com/assets/images/mylearning-no-skill-selected-placeholder.svg\"\n                  alt=\"demo\"\n                />\n                <div className={style.skillFocusEmptyTitle}>\n                  {translate('skills_focus_empty_title')}\n                </div>\n                <div className={style.skillFocusEmptyDescription}>\n                  {translate('skills_focus_empty_description')}\n                </div>\n                <ButtonLink\n                  label={translate('skills_choose_focus')}\n                  type=\"primary\"\n                  customStyle={{width: '168px'}}\n                  onClick={handleOpenSkillPicker}\n                />\n              </div>\n            )}\n          </div>\n        ) : null}\n        <header className={style.skillListHeader}>\n          <div className={style.skillListHeaderIcon}>\n            <Icon\n              iconName=\"dumbbell\"\n              backgroundColor=\"#FFF9D1\"\n              size={{faSize: 20, wrapperSize: 48}}\n            />\n          </div>\n          <div className={style.skillListHeaderContent}>\n            <div className={style.skillListHeaderTitle}>{translate('skills_section_title')}</div>\n            <div className={style.skillListHeaderDescription}>\n              {translate('skills_section_description')}\n              <ToolTip\n                fontSize={12}\n                iconContainerClassName={style.infoIconTooltip}\n                tooltipClassName={style.tooltip}\n                TooltipContent={ReviewTooltipContent}\n                closeToolTipInformationTextAriaLabel={translate(\n                  'Press the escape key to close the information text'\n                )}\n              />\n            </div>\n          </div>\n        </header>\n        <div className={style.toolBarContainer}>\n          <div className={style.skillFilterContainer}>\n            {keys(filters).map((filter, index) => {\n              function handleFilterClick() {\n                setActiveFilter(filter);\n              }\n\n              return (\n                <div key={index}>\n                  <FilterButton\n                    active={activeFilter === filter}\n                    filter={\n                      filter === 'all' ? translate('all') : translate('review_mode_available')\n                    }\n                    skillTotal={filters[filter].length}\n                    onClick={handleFilterClick}\n                  />\n                </div>\n              );\n            })}\n          </div>\n          <div className={style.searchWrapper}>\n            <SearchForm\n              search={{\n                placeholder: translate('search_place_holder'),\n                value: searchValue,\n                onChange: handleSearch\n              }}\n              onReset={handleSearchReset}\n            />\n          </div>\n        </div>\n        {searchValue && searchResults.length === 0 ? (\n          <div className={style.emptySearchResultContainer}>\n            <div className={style.emptySearchResultTitle}>\n              {translate('empty_search_result_title', {searchValue})}\n            </div>\n            <div className={style.emptySearchResultDescription}>\n              {translate('empty_search_result_description')}\n            </div>\n            <div className={style.emptySearchResultClearSearch} onClick={handleSearchReset}>\n              {translate('empty_search_result_clear_search')}\n            </div>\n          </div>\n        ) : (\n          <div className={style.skillListContainer}>\n            {activeFilter === 'review_mode_available' && filters[activeFilter].length === 0 ? (\n              <div className={style.skillListEmptyContainer}>\n                <ReviewNoSkills\n                  titleNoSkills={translate('review_skill_empty')}\n                  textNoSkills={translate('review_skill_empty_description')}\n                  iconSkillAriaLabel={translate('review_skill_empty')}\n                  imagePosition=\"top\"\n                />\n              </div>\n            ) : (\n              filters[activeFilter].map((skill, index) => {\n                function handleReviewSkill() {\n                  onReviewSkill(skill);\n                }\n                function handleExploreSkill() {\n                  onExploreSkill(skill);\n                }\n                return (\n                  <div key={index}>\n                    <LearnerSkillCard\n                      skillTitle={skillsLocales[skill]}\n                      focus={selectedSkills.includes(skill)}\n                      metrics={{\n                        skillCourses: skillsInformation[skill].stats.courses,\n                        skillQuestions: skillsInformation[skill].stats.questionsAnswered,\n                        completedCourses: skillsInformation[skill].stats.coursesCompleted\n                      }}\n                      review={skillsInformation[skill].availableForReview}\n                      onReviewClick={handleReviewSkill}\n                      onExploreClick={handleExploreSkill}\n                    />\n                  </div>\n                );\n              })\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nMyLearning.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nMyLearning.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.string),\n  selectedSkills: PropTypes.arrayOf(PropTypes.string),\n  skillsInformation: PropTypes.objectOf(\n    PropTypes.shape({\n      availableForReview: PropTypes.bool,\n      stats: PropTypes.shape({\n        score: PropTypes.number,\n        courses: PropTypes.number,\n        coursesCompleted: PropTypes.number,\n        questionsAnswered: PropTypes.number,\n        learningHours: PropTypes.number\n      })\n    })\n  ),\n  skillsLocales: PropTypes.objectOf(PropTypes.string),\n  learnerFeature: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  onSkillFocusConfirm: PropTypes.func,\n  onReviewSkill: PropTypes.func,\n  onExploreSkill: PropTypes.func\n};\n\nexport default MyLearning;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ChangeSkillFocusButton","props","context","hovered","setHovered","useState","onClick","skin","translate","primarySkinColor","handleMouseOver","useCallback","handleMouseLeave","backgroundColor","convert","color","transition","position","faIcon","name","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","func","FilterButton","active","filter","skillTotal","Content","style","skillFilterNumber","skillFilterNumberInActive","buttonProps","customStyle","width","content","bool","string","number","MyLearning","skills","selectedSkills","skillsInformation","skillsLocales","learnerFeature","isLoading","onSkillFocusConfirm","onReviewSkill","onExploreSkill","open","setOpen","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","sort","a","b","stats","score","activeFilter","setActiveFilter","skillsReviewReady","useMemo","skill","availableForReview","graphDatas","graphLegends","filters","all","review","sumKpi","kpi","coursedCompletedData","questionsAnsweredData","learningHoursData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","value","legend","icon","iconName","handleOnDotClick","skillRef","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","searchValueIncluded","handleSearchReset","ReviewTooltipContent","backgroundContainer","container","skillFocusContainer","skillFocusHeader","skillFocusHeaderWrapper","skillFocusHeaderIcon","faSize","wrapperSize","skillFocusHeaderContent","skillFocusHeaderTitle","skillFocusHeaderDescription","length","skillFocusContent","radarContainer","gradient","fill","stroke","percentage","background","label","skillFocusEmpty","img","skillFocusEmptyTitle","skillFocusEmptyDescription","skillListHeader","skillListHeaderIcon","skillListHeaderContent","skillListHeaderTitle","skillListHeaderDescription","infoIconTooltip","tooltip","toolBarContainer","skillFilterContainer","map","index","handleFilterClick","searchWrapper","placeholder","onChange","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","skillListContainer","skillListEmptyContainer","handleReviewSkill","handleExploreSkill","courses","skillCourses","questionsAnswered","skillQuestions","coursesCompleted","completedCourses","includes","arrayOf","objectOf","shape","learningHours"],"sources":["../../../src/template/my-learning/index.js"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {get, keys, map, fromPairs, pipe, sumBy} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport Picture from '../../atom/picture';\nimport ButtonLink from '../../atom/button-link';\nimport ToolTip from '../../atom/tooltip';\nimport ReviewNoSkills from '../../organism/review-no-skills';\nimport SearchForm from '../../molecule/search-form';\nimport SkillPickerModal from '../../molecule/skill-picker-modal';\nimport ResponsiveLearningProfileRadarChart from '../../molecule/learning-profile-radar-chart';\nimport SkillsChartSideInformationPanel from '../../molecule/skills-chart-side-information-panel';\nimport LearnerSkillCard from '../../molecule/learner-skill-card';\nimport searchValueIncluded from '../../util/search-value-included';\nimport style from './style.css';\n\nconst ChangeSkillFocusButton = (props, context) => {\n  const [hovered, setHovered] = useState(false);\n  const {onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  return (\n    <div\n      data-name=\"button-explore-wrapper\"\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n    >\n      <ButtonLink\n        customStyle={{\n          backgroundColor: hovered\n            ? primarySkinColor\n            : convert(`color(${primarySkinColor} a(0.07))`),\n          color: hovered ? '#FFFFFF' : primarySkinColor,\n          transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n        }}\n        onClick={onClick}\n        label={translate('skills_change_focus')}\n        data-name=\"change-skill-focus-button\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'arrows-rotate',\n            backgroundColor: hovered\n              ? primarySkinColor\n              : convert(`color(${primarySkinColor} a(0.07))`),\n            color: hovered ? '#FFFFFF' : primarySkinColor,\n            size: 16\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nChangeSkillFocusButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nChangeSkillFocusButton.propTypes = {\n  onClick: PropTypes.func\n};\n\nconst FilterButton = (props, context) => {\n  const {active, filter, skillTotal, onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const Content = useCallback(\n    () => (\n      <div>\n        {filter}\n        <span\n          className={active ? style.skillFilterNumber : style.skillFilterNumberInActive}\n          style={{\n            backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : '#EAEAEB',\n            color: active ? primarySkinColor : '#515161'\n          }}\n        >\n          {skillTotal}\n        </span>\n      </div>\n    ),\n    [filter, skillTotal, active]\n  );\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : '#FFFFFF',\n      color: active ? primarySkinColor : '#9999A8',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: filter === translate('review_mode_available') ? '200px' : 'fit-content'\n    },\n    onClick,\n    content: <Content />,\n    'data-name': 'change-skill-focus-button'\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  active: PropTypes.bool,\n  filter: PropTypes.string,\n  skillTotal: PropTypes.number,\n  onClick: PropTypes.func\n};\n\nconst MyLearning = (props, context) => {\n  const {\n    skills,\n    selectedSkills = [],\n    skillsInformation,\n    skillsLocales,\n    learnerFeature = true,\n    isLoading,\n    onSkillFocusConfirm,\n    onReviewSkill,\n    onExploreSkill\n  } = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n  const [open, setOpen] = useState(false);\n  const [selectedSkillsList, setSelectedSkillsList] = useState(selectedSkills);\n  const [skillFocusSelectedOnChart, setSkillFocusSelectedOnChart] = useState(undefined);\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(\n    skills.sort((a, b) => skillsInformation[b].stats.score - skillsInformation[a].stats.score)\n  );\n  const [activeFilter, setActiveFilter] = useState('all');\n  const [hovered, setHovered] = useState(false);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const skillsReviewReady = useMemo(() => {\n    return searchResults.filter(skill => skillsInformation[skill].availableForReview);\n  }, [searchResults, skillsInformation]);\n\n  const graphDatas = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, skillsInformation[skill].stats.score]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsInformation]\n  );\n\n  const graphLegends = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, skillsLocales[skill]]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsLocales]\n  );\n\n  const filters = useMemo(() => {\n    return {\n      all: searchResults,\n      review: skillsReviewReady\n    };\n  }, [searchResults, skillsReviewReady]);\n\n  const sumKpi = useCallback(\n    kpi =>\n      skillFocusSelectedOnChart\n        ? skillsInformation[skillFocusSelectedOnChart].stats[kpi]\n        : sumBy(skill => skillsInformation[skill].stats[kpi], selectedSkillsList),\n    [skillFocusSelectedOnChart, skillsInformation, selectedSkillsList]\n  );\n\n  const coursedCompletedData = useMemo(() => sumKpi('coursesCompleted'), [sumKpi]);\n\n  const questionsAnsweredData = useMemo(() => sumKpi('questionsAnswered'), [sumKpi]);\n\n  const learningHoursData = useMemo(() => sumKpi('learningHours'), [sumKpi]);\n\n  const skillChartPaneLegends = useMemo(\n    () =>\n      translate('skill_scope_specifier', {\n        focusedSkill: skillFocusSelectedOnChart\n          ? skillsLocales[skillFocusSelectedOnChart]\n          : translate('focused_skills')\n      }),\n    [translate, skillsLocales, skillFocusSelectedOnChart]\n  );\n  const skillChartPanelProps = [\n    {\n      title: translate('skill_chart_side_panel_courses_completed'),\n      value: `${coursedCompletedData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'book-open-cover', backgroundColor: '#D9F4F7'}\n    },\n    {\n      title: translate('skill_chart_side_panel_questions_answered'),\n      value: `${questionsAnsweredData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'circle-question', backgroundColor: '#FFDCD1'}\n    },\n    {\n      title: translate('skill_chart_side_panel_learning_hours'),\n      value: `${learningHoursData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'clock', backgroundColor: '#FAD6DE'}\n    }\n  ];\n\n  const handleOnDotClick = useCallback(\n    skillRef => {\n      setSkillFocusSelectedOnChart(skillRef);\n    },\n    [setSkillFocusSelectedOnChart]\n  );\n  const handleOpenSkillPicker = useCallback(() => setOpen(true), [setOpen]);\n  const handleCloseSkillPicker = useCallback(() => setOpen(false), [setOpen]);\n  const handleConfirmSkillPicker = useCallback(\n    focusSkillList => {\n      setSelectedSkillsList(focusSkillList);\n      onSkillFocusConfirm(focusSkillList);\n      setOpen(false);\n    },\n    [onSkillFocusConfirm, setSelectedSkillsList, setOpen]\n  );\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      setSearchResults(skills.filter(skill => searchValueIncluded(skillsLocales[skill], value)));\n    },\n    [skills, skillsLocales, setSearchValue, setSearchResults]\n  );\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    setSearchResults(skills);\n  }, [skills, setSearchValue, setSearchResults]);\n\n  const ReviewTooltipContent = useCallback(\n    () => (\n      <div>\n        <div>\n          <b>{translate('review_mode_tooltip_header')}</b>\n        </div>\n        <p>{translate('review_mode_tooltip_content')}</p>\n        <ol>\n          <li>{translate('review_mode_tooltip_content_part1')}</li>\n          <li>{translate('review_mode_tooltip_content_part2')}</li>\n          <li>{translate('review_mode_tooltip_content_part3')}</li>\n          <li>{translate('review_mode_tooltip_content_part4')}</li>\n        </ol>\n      </div>\n    ),\n    [translate]\n  );\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container}>\n        <SkillPickerModal\n          skills={skills}\n          selectedSkills={selectedSkillsList}\n          skillsLocales={skillsLocales}\n          isOpen={open}\n          isLoading={isLoading}\n          onCancel={handleCloseSkillPicker}\n          onConfirm={handleConfirmSkillPicker}\n          onClose={handleCloseSkillPicker}\n        />\n        {learnerFeature ? (\n          <div data-name=\"skill-focus-container\" className={style.skillFocusContainer}>\n            <header className={style.skillFocusHeader}>\n              <div className={style.skillFocusHeaderWrapper}>\n                <div className={style.skillFocusHeaderIcon}>\n                  <Icon\n                    iconName=\"bullseye-arrow\"\n                    backgroundColor=\"#DDD1FF\"\n                    borderRadius=\"12px\"\n                    size={{faSize: 20, wrapperSize: 48}}\n                  />\n                </div>\n                <div className={style.skillFocusHeaderContent}>\n                  <div data-name=\"skill-focus-title\" className={style.skillFocusHeaderTitle}>\n                    {translate('skill_focus')}\n                  </div>\n                  <div\n                    data-name=\"skill-focus-description\"\n                    className={style.skillFocusHeaderDescription}\n                  >\n                    {translate('skills_focus_description')}\n                  </div>\n                </div>\n              </div>\n              {selectedSkillsList.length >= 3 ? (\n                <ChangeSkillFocusButton onClick={handleOpenSkillPicker} />\n              ) : null}\n            </header>\n            {selectedSkillsList.length >= 3 ? (\n              <div className={style.skillFocusContent}>\n                <div className={style.radarContainer}>\n                  <ResponsiveLearningProfileRadarChart\n                    totalDataset={1}\n                    height={424}\n                    width={680}\n                    data={graphDatas}\n                    legend={graphLegends}\n                    onClick={handleOnDotClick}\n                    colors={[\n                      {\n                        gradient: {\n                          fill: ['#0062ffff', '#8000ff85'],\n                          stroke: ['#0062ffff', '#8000FF']\n                        },\n                        percentage: {\n                          color: primarySkinColor,\n                          background: convert(`color(${primarySkinColor} a(0.07))`)\n                        },\n                        label: {\n                          color: '#020202ff'\n                        }\n                      }\n                    ]}\n                  />\n                </div>\n                <SkillsChartSideInformationPanel sidePanelItems={skillChartPanelProps} />\n              </div>\n            ) : (\n              <div className={style.skillFocusEmpty}>\n                <Picture\n                  className={style.img}\n                  src=\"https://static.coorpacademy.com/assets/images/mylearning-no-skill-selected-placeholder.svg\"\n                  alt=\"demo\"\n                />\n                <div className={style.skillFocusEmptyTitle}>\n                  {translate('skills_focus_empty_title')}\n                </div>\n                <div className={style.skillFocusEmptyDescription}>\n                  {translate('skills_focus_empty_description')}\n                </div>\n                <div onMouseOver={handleMouseOver} onMouseLeave={handleMouseLeave}>\n                  <ButtonLink\n                    label={translate('skills_choose_focus')}\n                    type=\"primary\"\n                    customStyle={{\n                      width: '168px',\n                      backgroundColor: hovered\n                        ? convert(`hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`)\n                        : primarySkinColor\n                    }}\n                    onClick={handleOpenSkillPicker}\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        ) : null}\n        <header className={style.skillListHeader}>\n          <div className={style.skillListHeaderIcon}>\n            <Icon\n              iconName=\"dumbbell\"\n              backgroundColor=\"#FFF9D1\"\n              size={{faSize: 20, wrapperSize: 48}}\n            />\n          </div>\n          <div className={style.skillListHeaderContent}>\n            <div className={style.skillListHeaderTitle}>{translate('skills_section_title')}</div>\n            <div className={style.skillListHeaderDescription}>\n              {translate('skills_section_description')}\n              <ToolTip\n                fontSize={12}\n                iconContainerClassName={style.infoIconTooltip}\n                tooltipClassName={style.tooltip}\n                TooltipContent={ReviewTooltipContent}\n                closeToolTipInformationTextAriaLabel={translate(\n                  'Press the escape key to close the information text'\n                )}\n              />\n            </div>\n          </div>\n        </header>\n        <div className={style.toolBarContainer}>\n          <div className={style.skillFilterContainer}>\n            {keys(filters).map((filter, index) => {\n              function handleFilterClick() {\n                setActiveFilter(filter);\n              }\n\n              return (\n                <div key={index}>\n                  <FilterButton\n                    active={activeFilter === filter}\n                    filter={\n                      filter === 'all' ? translate('all') : translate('review_mode_available')\n                    }\n                    skillTotal={filters[filter].length}\n                    onClick={handleFilterClick}\n                  />\n                </div>\n              );\n            })}\n          </div>\n          <div className={style.searchWrapper}>\n            <SearchForm\n              search={{\n                placeholder: translate('search_place_holder'),\n                value: searchValue,\n                onChange: handleSearch\n              }}\n              onReset={handleSearchReset}\n            />\n          </div>\n        </div>\n        {searchValue && searchResults.length === 0 ? (\n          <div className={style.emptySearchResultContainer}>\n            <div className={style.emptySearchResultTitle}>\n              {translate('empty_search_result_title', {searchValue})}\n            </div>\n            <div className={style.emptySearchResultDescription}>\n              {translate('empty_search_result_description')}\n            </div>\n            <div className={style.emptySearchResultClearSearch} onClick={handleSearchReset}>\n              {translate('empty_search_result_clear_search')}\n            </div>\n          </div>\n        ) : (\n          <div className={style.skillListContainer}>\n            {activeFilter === 'review_mode_available' && filters[activeFilter].length === 0 ? (\n              <div className={style.skillListEmptyContainer}>\n                <ReviewNoSkills\n                  titleNoSkills={translate('review_skill_empty')}\n                  textNoSkills={translate('review_skill_empty_description')}\n                  iconSkillAriaLabel={translate('review_skill_empty')}\n                  imagePosition=\"top\"\n                />\n              </div>\n            ) : (\n              filters[activeFilter].map((skill, index) => {\n                function handleReviewSkill() {\n                  onReviewSkill(skill);\n                }\n                function handleExploreSkill() {\n                  onExploreSkill(skill);\n                }\n                const {\n                  score,\n                  courses: skillCourses,\n                  questionsAnswered: skillQuestions,\n                  coursesCompleted: completedCourses\n                } = skillsInformation[skill].stats;\n                return (\n                  <div key={index}>\n                    <LearnerSkillCard\n                      skillTitle={skillsLocales[skill]}\n                      focus={selectedSkills.includes(skill)}\n                      metrics={{\n                        score,\n                        skillCourses,\n                        skillQuestions,\n                        completedCourses\n                      }}\n                      review={skillsInformation[skill].availableForReview}\n                      onReviewClick={handleReviewSkill}\n                      onExploreClick={handleExploreSkill}\n                    />\n                  </div>\n                );\n              })\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nMyLearning.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nMyLearning.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.string),\n  selectedSkills: PropTypes.arrayOf(PropTypes.string),\n  skillsInformation: PropTypes.objectOf(\n    PropTypes.shape({\n      availableForReview: PropTypes.bool,\n      stats: PropTypes.shape({\n        score: PropTypes.number,\n        courses: PropTypes.number,\n        coursesCompleted: PropTypes.number,\n        questionsAnswered: PropTypes.number,\n        learningHours: PropTypes.number\n      })\n    })\n  ),\n  skillsLocales: PropTypes.objectOf(PropTypes.string),\n  learnerFeature: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  onSkillFocusConfirm: PropTypes.func,\n  onReviewSkill: PropTypes.func,\n  onExploreSkill: PropTypes.func\n};\n\nexport default MyLearning;\n"],"mappings":"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"}

package/lib/template/my-learning/style.css

@@ -93,10 +93,11 @@
   font-weight: 700;
   line-height: 28px;
   margin-bottom: 8px;
+  text-align: center;
 }
 
 .skillFocusEmptyDescription {
-  width: 502px;
+  max-width: 502px;
   text-align: center;
   font-size: 16px;
   font-weight: 500;

package/locales/bs/global.json

@@ -1,4 +1,5 @@
 {
+  "all": "Sve",
   "accepted_cards": "Kreditna ili debitna kartica",
   "An Error Occurred": "Došlo je do greške ",
   "Answer": "Odgovor",
@@ -18,17 +19,24 @@
   "cookies_policy": "Politika privatnosti i kolačića.",
   "cookies_title": "Kako koristimo kolačiće:",
   "Create a new cohort": "Kreiraj novu kohortu",
-  "courses": "Courses",
-  "courses_completed": " Courses Completed",
+  "courses": "Kursevi",
+  "courses_completed": "Kursevi završeni",
+  "skills_change_focus": "Promijenite fokus vještina",
+  "skills_choose_focus": "Odaberite fokus",
+  "cancel": "Otkaži",
+  "confirm": "Potvrdi",
   "Delete": "Izbrisati",
   "Draft": "Skica",
   "answer_the_question": "Odgovori na pitanje",
   "Edit": "Uredi",
-  "Explore": "Explore",
+  "Explore": "Istražiti",
   "external_content_article": "DOKUMENTI",
   "external_content_scorm": "ANIMIRANI RESURSI",
   "external_content_video": "VIDEOS",
   "external_content_podcast": "PODCASTS",
+  "empty_search_result_title": "Nema rezultata za ” {{searchValue}} ”",
+  "empty_search_result_description": "Pokušajte prilagoditi pretragu kako biste pronašli ono što tražite.",
+  "empty_search_result_clear_search": "Obriši pretragu",
   "keep_subscription": "Zadrži moju prijavu",
   "media_stars_to_win_plural": "Osvoji {{count}} dodatnu zvijezdu u ovom poglavlju prvi put kad vidiš lekciju!",
   "media_stars_to_win": "Osvoji {{count}} dodatnu zvijezdu u ovom poglavlju prvi put kad vidiš lekciju!",
@@ -53,8 +61,9 @@
   "Put back": "Vratiti",
   "Reject": "Odbaci",
   "Reload": "Napuni",
-  "Review": "Review",
+  "Review": "Pregled",
   "Review lesson": "Osvrnite se na lekciju",
+  "search_place_holder": "Traži...",
   "secured_payment": "Osiguraj server",
   "See clue": "Vidi trag",
   "See less": "Vidi manje",
@@ -63,6 +72,12 @@
   "Show more": "Prikaži više",
   "Show": "Pokaži",
   "Start battle": "Pokreni borbu",
+  "skills_section_title": "Vještine",
+  "skills_section_description": "Istražite ili pregledajte vještine",
+  "skills_focus_empty_title": "Odaberite vještine koje želite poboljšati",
+  "skills_focus_description": "Fokusirajte se na vještine koje želite poboljšati i pratite svoj napredak",
+  "skills_focus_empty_description": "Vježbajte redovno, pratite svoj napredak kako biste ovladali odabranim vještinama i otključali svoj potencijal.",
+  "skill_focus_description": "Odaberite vještine na koje se želite fokusirati",
   "subscription_disclaimer": "Pristajete da odmah dobijete pristup Premium “à la carte”. Takođjer se slažete da će vam naplata teći od datuma transakcije do kraja mjeseca, za prvu fakturu. Nakon toga će naplata biti prvog dana svakog mjeseca.",
   "subscription_freemium_button": "Pokreni Premium paket Coorpacademy",
   "subscription_freemium_description": "Trenutno koristite Freemium paket. Nudimo mnogo bolju uslugu, po imenu Premium Coorpacademy. S ovom uslugom možete pristupiti svim kurseve i svim nivoima, da li ste zainteresirani?",
@@ -74,7 +89,13 @@
   "subscription_premium_title": "Premium Coorpacademy",
   "subscription_price": "${valuta}${cijena} uklj. PDV mjesečno",
   "subscription_promo_code": "Sada imate slobodan pristup našem katalogu do {{date}}. Da nastavite da ga koristite nakon ovog datuma, molim vas da se prijavite",
-  "skill_focus": "Skill focus",
+  "skill_focus": "Fokus na vještine",
+  "skill_focus_footer_description": "Odaberite barem {{skillNumber}} više vještina",
+  "skill_focus_footer_error_description": "Poništite odabir barem {{skillNumber}} više vještina",
+  "skill_chart_side_panel_courses_completed": " Završeni kursevi",
+  "skill_chart_side_panel_questions_answered": "Odgovori na pitanja",
+  "skill_chart_side_panel_learning_hours": "Sati učenja",
+  "selected": "odabrano",
   "This message has been removed by its author": "Ovu poruku je uklonio njen autor.",
   "unsubscribe": "Otkaži pretplatu na Coorpacademy.",
   "Validated": "Provjereno",
@@ -85,6 +106,13 @@
   "zuora_discount_code": "Promotivni kod",
   "mandatory_fields": "* Obavezna polja",
   "something_went_wrong": "Oh Snap! Something went wrong.",
+  "review_mode_tooltip_header": "Šta je režim pregleda?",
+  "review_mode_tooltip_content": "Informacije nestaju iz vašeg uma čim uđu u njega? Sasvim je normalno: nema zadržavanja bez ponavljanja! Da biste svoje znanje zadržali na dugi rok, koristite Revizorski način da osvježite svoje pamćenje!",
+  "review_mode_tooltip_content_part1": "Odaberite 1 Vještinu",
+  "review_mode_tooltip_content_part2": "Odgovorite na 5 pitanja",
+  "review_mode_tooltip_content_part3": "Imate beskonačne živote",
+  "review_mode_tooltip_content_part4": "U redu",
+  "review_mode_available": "Dostupno za pregled",
   "review_header_step_item": {
     "correct_question": "{{current}}question {{headerStepValue}} je tačno",
     "incorrect_question": "{{current}}question {{headerStepValue}} je netačno",
@@ -96,11 +124,15 @@
     "invalid_scorm": "scorm datoteka nije važeća",
     "show_errors": "pokazati greške"
   },
+  "review_skill_empty": "Još nemate vještinu za reviziju",
+  "review_skill_empty_description": "Prvo morate završiti kurseve prije nego što možete provjeriti različite vještine.",
   "close_button_ariaLabel": "Zatvorite slajd za recenziju",
   "post_comment_aria_label": "Objavite svoj komentar",
   "validate_aria_label": "Potvrdite svoj odgovor i idite na sljedeći korak",
   "stars": "zvijezde",
-  "questions": "Questions",
+  "questions": "Pitanja",
+  "skill_scope_specifier": "na <b>{{focusedSkill}}</b>",
+  "focused_skills": "fokusirane vještine",
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Ocijenite ovaj kurs"

package/locales/et/global.json

@@ -1,4 +1,5 @@
 {
+  "all": "Kõik",
   "accepted_cards": "Credit or debit card",
   "An Error Occurred": "Ilmnes tõrge",
   "Answer": "Vastus",
@@ -18,17 +19,24 @@
   "cookies_policy": "Privaatsus- ja küpsistepoliitika.",
   "cookies_title": "Kuidas kasutame küpsiseid:",
   "Create a new cohort": "Loo uus grupp",
-  "courses": "Courses",
-  "courses_completed": " Courses Completed",
+  "courses": "Kursused",
+  "courses_completed": "Lõpetatud kursused",
+  "skills_change_focus": "Muuda oskusfookust",
+  "skills_choose_focus": "Vali oma fookus",
+  "cancel": "Tühista",
+  "confirm": "Kinnita",
   "Delete": "Kustuta",
   "Draft": "Mustand",
   "answer_the_question": "Vastake küsimusele",
   "Edit": "Muuda",
-  "Explore": "Explore",
+  "Explore": "Avasta",
   "external_content_article": "DOCUMENTS",
   "external_content_scorm": "ANIMATED RESOURCES",
   "external_content_video": "VIDEOS",
   "external_content_podcast": "PODCASTS",
+  "empty_search_result_title": "Päringule ”{{searchValue}}” ei vasta ükski tulemus",
+  "empty_search_result_description": "Proovige oma otsingut kohandada, et leida, mida otsite.",
+  "empty_search_result_clear_search": "Tühjenda otsing",
   "keep_subscription": "Hoia mu tellimus alles",
   "media_stars_to_win_plural": "Võida selles peatükis õppetunni esmakordsel vaatamisel  {{count}} lisatähepunkti!",
   "media_stars_to_win": "Võida selles peatükis õppetunni esmakordsel vaatamisel  {{count}} lisatähepunkt!",
@@ -53,8 +61,9 @@
   "Put back": "Pane tagasi",
   "Reject": "Keeldu",
   "Reload": "Laadi uuesti",
-  "Review": "Review",
+  "Review": "Ülevaade",
   "Review lesson": "Ülevaatustund",
+  "search_place_holder": "Otsi ...",
   "secured_payment": "Turvaline server",
   "See clue": "Näita vihjet",
   "See less": "Näita vähem",
@@ -63,6 +72,12 @@
   "Show more": "Näita rohkem",
   "Show": "Näita",
   "Start battle": "Astu lahingusse",
+  "skills_section_title": "Oskused",
+  "skills_section_description": "Avasta oskusi ja tee ülevaateid",
+  "skills_focus_empty_title": "Vali oskused, mida soovite parandada",
+  "skills_focus_description": "Keskendu oskustele, mida soovid parandada, ja jälgi oma edusamme",
+  "skills_focus_empty_description": "Harjutage regulaarselt, jälgige oma edusamme, et omandada valitud oskused ja avada oma potentsiaal.",
+  "skill_focus_description": "Vali oskused, millele soovid keskenduda",
   "subscription_disclaimer": "You agree to immediately get access to Coorpacademy Premium “à la carte”. You also agree that you will be charged from transaction date to the end of the month, for the first invoice. Then you will be charged the first day of each month.",
   "subscription_freemium_button": "Launch Coorpacademy Premium",
   "subscription_freemium_description": "You are currently using Coorpacademy Freemium. We offer much better service, called Coorpacademy Premium. With this service, you can access all courses and all levels, interested ?",
@@ -74,7 +89,13 @@
   "subscription_premium_title": "Coorpacademy Premium",
   "subscription_price": "${currency}${price} incl. taxes per month",
   "subscription_promo_code": "You now have a free unlimited access to our catalog until the {{date}}. To keep enjoying it after this date, please subscribe on",
-  "skill_focus": "Skill focus",
+  "skill_focus": "Oskusfookus",
+  "skill_focus_footer_description": "Vali vähemalt veel {{skillNumber}} oskust",
+  "skill_focus_footer_error_description": "Tühista veel vähemalt {{skillNumber}} oskuse valik",
+  "skill_chart_side_panel_courses_completed": "Lõpetatud kursused",
+  "skill_chart_side_panel_questions_answered": "Vastatud küsimused",
+  "skill_chart_side_panel_learning_hours": "Õppimisele kulutatud tunnid",
+  "selected": "valitud",
   "This message has been removed by its author": "Sõnum on autori poolt eemaldatud.",
   "unsubscribe": "Tühista Coorpacademy tellimus",
   "Validated": "Valideeritud",
@@ -85,6 +106,13 @@
   "zuora_discount_code": "Promo code",
   "mandatory_fields": "*Kohustuslikud väljad",
   "something_went_wrong": "Oih! Midagi läks viltu.",
+  "review_mode_tooltip_header": "Mis on ülevaaterežiim?",
+  "review_mode_tooltip_content": "Kas unustate õpitu kiiresti? See on täiesti normaalne: ei ole tarkust ilma kordamiseta! Oma teadmiste kinnistamiseks kasutage mälu värskendamiseks ülevaaterežiimi!",
+  "review_mode_tooltip_content_part1": "Vali 1 oskus",
+  "review_mode_tooltip_content_part2": "Vasta viiele küsimusele",
+  "review_mode_tooltip_content_part3": "Sul on lõputult elusid",
+  "review_mode_tooltip_content_part4": "Vasta kõik õigesti",
+  "review_mode_available": "Saadaval ülevaatuseks",
   "review_header_step_item": {
     "correct_question": "{{current}}küsimus {{headerStepValue}} on õige",
     "incorrect_question": "{{current}}küsimus {{headerStepValue}} ei ole õige",
@@ -96,11 +124,15 @@
     "invalid_scorm": "scormi fail ei ole kehtiv",
     "show_errors": "näidata vigu"
   },
+  "review_skill_empty": "Sul puuduvad ülevaatuseks oskused",
+  "review_skill_empty_description": "Enne eri oskuste ülevaatamist tuleb sul läbida kursused.",
   "close_button_ariaLabel": "Sulgege ülekordamise slaid",
   "post_comment_aria_label": "Postitage oma kommentaar",
   "validate_aria_label": "Kinnitage oma vastus ja minge järgmisse etappi",
   "stars": "tähed",
-  "questions": "Questions",
+  "questions": "Küsimused",
+  "skill_scope_specifier": "seoses oskusega <b>{{focusedSkill}}</b>",
+  "focused_skills": "fookusoskused",
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Hinda seda kursust"

package/locales/hy/global.json

@@ -1,4 +1,5 @@
 {
+  "all": "Բոլորը",
   "accepted_cards": "Վարկային կամ դեբետային քարտ",
   "An Error Occurred": "Սխալ է տեղի ունեցել",
   "Answer": "Պատասխան",
@@ -18,17 +19,24 @@
   "cookies_policy": "Գաղտնիության և cookies քաղաքականություն:",
   "cookies_title": "Ինչպես ենք մենք օգտագործում cookies-ը.",
   "Create a new cohort": "Ստեղծել նոր խումբ",
-  "courses": "Courses",
-  "courses_completed": " Courses Completed",
+  "courses": "Դասընթացներ",
+  "courses_completed": "Դասընթացներն ավարտված են",
+  "skills_change_focus": "Փոխեք հմտությունների կենտրոնացումը",
+  "skills_choose_focus": "Ընտրեք ձեր ուշադրությունը",
+  "cancel": "Չեղարկել",
+  "confirm": "Հաստատել",
   "Delete": "Ջնջել",
   "Draft": "Նախագիծ",
   "answer_the_question": "Պատասխանիր հարցին",
   "Edit": "Խմբագրել",
-  "Explore": "Explore",
+  "Explore": "Հետազոտել",
   "external_content_article": "ՓԱՍՏԱԹՂԹԵՐ",
   "external_content_scorm": "ԱՆԻՄԱՏ ՌԵՍՈՒՐՍՆԵՐ",
   "external_content_video": "ՏԵՍԱՆՅՈՒԹԵՐ",
   "external_content_podcast": "ՓՈԴՔԱՍՏՆԵՐ",
+  "empty_search_result_title": "« {{searchValue}} » համար արդյունքներ չկան",
+  "empty_search_result_description": "Փորձեք կարգավորել ձեր որոնումը` գտնելու այն, ինչ փնտրում եք:",
+  "empty_search_result_clear_search": "Մաքրել որոնումը",
   "keep_subscription": "Պահպանել իմ բաժանորդագրությունը",
   "media_stars_to_win_plural": "Հաղթեք {{count}} լրացուցիչ աստղեր այս բաժնում, երբ առաջին անգամ դիտեք դասը:",
   "media_stars_to_win": "Հաղթեք {{count}} լրացուցիչ աստղ այս բաժնում, երբ առաջին անգամ դիտեք դասը:",
@@ -53,8 +61,9 @@
   "Put back": "Հետ դնել",
   "Reject": "Մերժել",
   "Reload": "Վերբեռնել",
-  "Review": "Review",
+  "Review": "Վերանայում",
   "Review lesson": "Վերանայել դասը",
+  "search_place_holder": "Որոնել...",
   "secured_payment": "Ապահով սերվեր",
   "See clue": "Տեսնել հուշումը",
   "See less": "Տեսնել ավելի քիչ",
@@ -63,6 +72,12 @@
   "Show more": "Ցույց տալ ավելին",
   "Show": "Ցույց տալ",
   "Start battle": "Սկսել ճակատամարտը",
+  "skills_section_title": "Հմտություններ",
+  "skills_section_description": "Ուսումնասիրել կամ վերանայել հմտությունները",
+  "skills_focus_empty_title": "Ընտրեք այն հմտությունները, որոնք ցանկանում եք կատարելագործել",
+  "skills_focus_description": "Կենտրոնացեք հմտությունների վրա, որոնք ցանկանում եք բարելավել և հետևել ձեր առաջընթացին",
+  "skills_focus_empty_description": "Պարբերաբար պարապեք, հետևեք ձեր առաջընթացին, որպեսզի տիրապետեք ձեր ընտրած հմտություններին և բացեք ձեր ներուժը:",
+  "skill_focus_description": "Ընտրեք այն հմտությունները, որոնց վրա ցանկանում եք կենտրոնանալ",
   "subscription_disclaimer": "Դուք համաձայնում եք անմիջապես մուտք գործել Coorpacademy Premium «à la carte»: Դուք նաև համաձայնում եք, որ գործարքի ամսաթվից մինչև ամսվա վերջ ձեզնից գանձվում է առաջին հաշիվ-ապրանքագրի համար: Այնուհետև ձեզանից կգանձվի յուրաքանչյուր ամսվա առաջին օրը:",
   "subscription_freemium_button": "Գործարկել Coorpacademy Premium-ը",
   "subscription_freemium_description": "Դուք ներկայումս օգտագործում եք Coorpacademy Freemium-ը: Մենք առաջարկում ենք շատ ավելի լավ ծառայություն, որը կոչվում է Coorpacademy Premium: Այս ծառայության միջոցով դուք կարող եք մուտք գործել բոլոր դասընթացներ և բոլոր մակարդակներ, հետաքրքրվա՞ծ եք:",
@@ -74,7 +89,13 @@
   "subscription_premium_title": "Coorpacademy Premium",
   "subscription_price": "${currency}${price} ներառյալ ամսական հարկեր",
   "subscription_promo_code": "Դուք այժմ ունեք անվճար անսահմանափակ մուտք դեպի մեր կատալոգ մինչև {{date}}: Այս ամսաթվից հետո այն վայելելու համար, խնդրում ենք բաժանորդագրվել",
-  "skill_focus": "Skill focus",
+  "skill_focus": "Հմտության կենտրոնացում",
+  "skill_focus_footer_description": "Ընտրեք առնվազն {{skillNumber}} ավելի շատ հմտություններ",
+  "skill_focus_footer_error_description": "Ապաընտրեք առնվազն {{skillNumber}} ավելի շատ հմտություններ",
+  "skill_chart_side_panel_courses_completed": " Դասընթացներն ավարտված են",
+  "skill_chart_side_panel_questions_answered": "Հարցերի պատասխաններ",
+  "skill_chart_side_panel_learning_hours": "Ուսուցման ժամեր",
+  "selected": "ընտրված",
   "This message has been removed by its author": "Այս հաղորդագրությունը հեռացվել է դրա հեղինակի կողմից:",
   "unsubscribe": "Դուրս գալ Coorpacademy-ի բաժանորդագրությունից",
   "Validated": "Վավերացված",
@@ -85,6 +106,13 @@
   "zuora_discount_code": "Պրոմո Կոդ",
   "mandatory_fields": "*Պարտադիր դաշտեր",
   "something_went_wrong": "Վա՜յ: Ինչ որ բան այնպես չգնաց.",
+  "review_mode_tooltip_header": "Ի՞նչ է վերանայման ռեժիմը:",
+  "review_mode_tooltip_content": "Տեղեկատվությունը անհետանում է ձեր մտքից հենց այն մտնում է այն: Դա միանգամայն նորմալ է. առանց կրկնության պահպանում չկա: Ձեր գիտելիքները երկարաժամկետ պահպանելու համար օգտագործեք Վերանայման ռեժիմը՝ ձեր հիշողությունը թարմացնելու համար:",
+  "review_mode_tooltip_content_part1": "Ընտրեք 1 հմտություն",
+  "review_mode_tooltip_content_part2": "Պատասխանեք 5 Հարցի",
+  "review_mode_tooltip_content_part3": "Դուք ունեք Անսահման կյանքեր",
+  "review_mode_tooltip_content_part4": "Ստացեք ամեն ինչ ճիշտ",
+  "review_mode_available": "Հասանելի է վերանայման համար",
   "review_header_step_item": {
     "correct_question": "{{current}}հարցը {{headerStepValue}} ճիշտ է",
     "incorrect_question": "{{current}}հարցը {{headerStepValue}} սխալ է",
@@ -96,11 +124,15 @@
     "invalid_scorm": "scorm ֆայլը վավեր չէ",
     "show_errors": "ցույց տալ սխալները"
   },
+  "review_skill_empty": "Դեռևս վերանայելու հմտություն չունեք",
+  "review_skill_empty_description": "Սկզբում դուք պետք է ավարտեք դասընթացները, որպեսզի կարողանաք վերանայել տարբեր հմտություններ:",
   "close_button_ariaLabel": "Փակել վերանայման սլայդը",
   "post_comment_aria_label": "Տեղադրեք ձեր մեկնաբանությունը",
   "validate_aria_label": "Հաստատեք ձեր պատասխանը և անցեք հաջորդ քայլին",
   "stars": "աստղեր",
-  "questions": "Questions",
+  "questions": "Հարցեր",
+  "skill_scope_specifier": "<b>{{focusedSkill}}</b> ում",
+  "focused_skills": "կենտրոնացված հմտություններ",
   "custom":{
     "digitlearning": {
       "comment_aria_label": "Գնահատեք այս դասընթացը"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.32.2",
+  "version": "11.32.4",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -176,5 +176,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "a2f766af8fbe1357b1d48c35cd6aa2526bd6d731"
+  "gitHead": "42d30146d6a388440a6053f3ac700800ab8b82b2"
 }