@coorpacademy/components 11.33.1 → 11.33.2-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_provider","_icon","_picture","_buttonLink","_tooltip","_reviewNoSkills","_searchForm","_skillPickerModal","_learningProfileRadarChart","_skillsChartSideInformationPanel","_learnerSkillCard","_searchValueIncluded","_timeFormat","_cardsList","_title","_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","ChangeSkillFocusButton","props","context","onClick","skin","translate","primarySkinColor","_get2","createElement","customStyle","backgroundColor","convert","color","transition","hoverBackgroundColor","hoverColor","label","icon","position","faIcon","name","size","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","func","FilterButton","active","filter","skillTotal","Content","useCallback","className","style","skillFilterNumber","skillFilterNumberInActive","buttonProps","width","content","bool","string","number","MyLearning","skills","selectedSkills","skillsInformation","skillsLocales","learnerFeature","isLoading","onSkillFocusConfirm","onReviewSkill","onExploreSkill","learningPriorities","open","setOpen","useState","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","_sortBy2","skillRef","_getOr2","activeFilter","setActiveFilter","skillsReviewReady","useMemo","skill","availableForReview","graphDatas","_pipe2","_map2","toFixed","_fromPairs2","graphLegends","filters","all","review","sumKpi","kpi","skillFocusSelectedOnChartScore","_sumBy2","stats","coursedCompletedData","questionsToReviewData","learningTimeData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","value","legend","iconName","formatMinutes","skillsScore","handleOnDotClick","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","searchValueIncluded","handleSearchReset","ReviewTooltipContent","backgroundContainer","_isEmpty2","cards","cardsListContainer","type","subtitle","iconColor","borderRadius","tag","_size2","container","isOpen","onCancel","onConfirm","onClose","skillFocusContainer","skillFocusHeader","skillFocusHeaderWrapper","skillFocusHeaderIcon","faSize","wrapperSize","skillFocusHeaderContent","skillFocusHeaderTitle","skillFocusHeaderDescription","skillFocusContent","radarContainer","totalDataset","height","data","onExploreClick","colors","gradient","fill","stroke","percentage","background","sidePanelItems","skillFocusEmpty","img","src","alt","skillFocusEmptyTitle","skillFocusEmptyDescription","skillListHeader","skillListHeaderIcon","skillListHeaderContent","skillListHeaderTitle","skillListHeaderDescription","fontSize","iconContainerClassName","infoIconTooltip","tooltipClassName","tooltip","TooltipContent","closeToolTipInformationTextAriaLabel","toolBarContainer","skillFilterContainer","_keys2","map","index","handleFilterClick","key","searchWrapper","search","placeholder","onChange","onReset","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","skillListContainer","skillListEmptyContainer","titleNoSkills","textNoSkills","iconSkillAriaLabel","imagePosition","defaultStats","score","contentCompleted","questionsToReview","handleReviewSkill","handleExploreSkill","skillTitle","focus","includes","metrics","onReviewClick","arrayOf","objectOf","shape","learningTime","CardsList","_default","exports"],"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, getOr, sortBy, size, isEmpty} 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 {formatMinutes} from '../../util/time-format';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport Title from '../../atom/title';\nimport style from './style.css';\n\nconst ChangeSkillFocusButton = (props, context) => {\n  const {onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <div data-name=\"button-explore-wrapper\">\n      <ButtonLink\n        customStyle={{\n          backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n          color: primarySkinColor,\n          transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n        }}\n        hoverBackgroundColor={primarySkinColor}\n        hoverColor=\"#FFFFFF\"\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: convert(`color(${primarySkinColor} a(0.07))`),\n            color: 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} = 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, primarySkinColor]\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: '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    learningPriorities\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    sortBy(skillRef => -getOr(0, [skillRef, 'stats', 'score'], skillsInformation), skills)\n  );\n  const [activeFilter, setActiveFilter] = useState('all');\n\n  const skillsReviewReady = useMemo(() => {\n    return searchResults.filter(skill =>\n      skillsInformation[skill] ? skillsInformation[skill].availableForReview : false\n    );\n  }, [searchResults, skillsInformation]);\n\n  const graphDatas = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, getOr(0, [skill, 'stats', 'score'], skillsInformation).toFixed(1)]),\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      const skillFocusSelectedOnChartScore = getOr(\n        0,\n        [skillFocusSelectedOnChart, 'stats', `${kpi}`],\n        skillsInformation\n      );\n      return skillFocusSelectedOnChart\n        ? skillFocusSelectedOnChartScore\n        : sumBy(\n            skill => (skillsInformation[skill] ? skillsInformation[skill].stats[kpi] : 0),\n            selectedSkillsList\n          );\n    },\n    [skillFocusSelectedOnChart, skillsInformation, selectedSkillsList]\n  );\n\n  const coursedCompletedData = useMemo(() => sumKpi('contentCompleted'), [sumKpi]);\n\n  const questionsToReviewData = useMemo(() => sumKpi('questionsToReview'), [sumKpi]);\n\n  const learningTimeData = useMemo(() => sumKpi('learningTime'), [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_content_completed'),\n      value: `${coursedCompletedData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'book-open-cover', backgroundColor: '#D9F4F7'}\n    },\n    {\n      title: translate('skill_chart_side_panel_learning_hours'),\n      value: formatMinutes(learningTimeData),\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'clock', backgroundColor: '#FAD6DE'}\n    },\n    {\n      title: translate('skill_chart_side_panel_questions_to_review'),\n      value: `${questionsToReviewData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'circle-question', backgroundColor: '#FFDCD1'}\n    }\n  ];\n\n  const skillsScore = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, getOr(0, [skill, 'stats', 'score'], skillsInformation)]),\n        fromPairs\n      )(skills),\n    [skills, skillsInformation]\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      {isEmpty(learningPriorities?.cards) ? null : (\n        <div className={style.cardsListContainer}>\n          <CardsList\n            {...learningPriorities}\n            title={\n              <Title\n                {...{\n                  type: 'form-group',\n                  title: translate('learning_priorities'),\n                  subtitle: translate('learning_priorities_description'),\n                  icon: {\n                    iconName: 'sign-post',\n                    iconColor: '#A32700',\n                    borderRadius: '12px',\n                    backgroundColor: '#FFDCD1'\n                  },\n                  tag: {\n                    label: `${size(learningPriorities.cards)}`,\n                    type: 'default',\n                    size: 'S'\n                  }\n                }}\n              />\n            }\n          />\n        </div>\n      )}\n      <div className={style.container}>\n        <SkillPickerModal\n          skills={skills}\n          skillsScore={skillsScore}\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('skills_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                    onExploreClick={onExploreSkill}\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>\n                  <ButtonLink\n                    label={translate('skills_choose_focus')}\n                    type=\"primary\"\n                    customStyle={{\n                      width: 'fit-contain',\n                      backgroundColor: primarySkinColor\n                    }}\n                    hoverBackgroundColor={convert(\n                      `hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`\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('close_tooltip_information')}\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                const defaultStats = {\n                  score: 0,\n                  content: 0,\n                  contentCompleted: 0,\n                  questionsToReview: 0\n                };\n\n                function handleReviewSkill() {\n                  onReviewSkill(skill);\n                }\n                function handleExploreSkill() {\n                  onExploreSkill(skill);\n                }\n                const {score, content, questionsToReview} = skillsInformation[skill]\n                  ? skillsInformation[skill].stats\n                  : defaultStats;\n                return (\n                  <div key={index}>\n                    <LearnerSkillCard\n                      skillTitle={skillsLocales[skill]}\n                      focus={selectedSkills.includes(skill)}\n                      metrics={{\n                        score: score.toFixed(1),\n                        content,\n                        questionsToReview\n                      }}\n                      review={\n                        skillsInformation[skill]\n                          ? skillsInformation[skill].availableForReview\n                          : false\n                      }\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        content: PropTypes.number,\n        contentCompleted: PropTypes.number,\n        questionsToReview: PropTypes.number,\n        learningTime: 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  learningPriorities: PropTypes.shape(CardsList.propTypes)\n};\n\nexport default MyLearning;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ChangeSkillFocusButton","props","context","onClick","skin","translate","primarySkinColor","backgroundColor","convert","color","transition","position","faIcon","name","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","func","FilterButton","active","filter","skillTotal","Content","useCallback","style","skillFilterNumber","skillFilterNumberInActive","buttonProps","customStyle","width","content","bool","string","number","MyLearning","skills","selectedSkills","skillsInformation","skillsLocales","learnerFeature","isLoading","onSkillFocusConfirm","onReviewSkill","onExploreSkill","learningPriorities","open","setOpen","useState","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","skillRef","activeFilter","setActiveFilter","skillsReviewReady","useMemo","skill","availableForReview","graphDatas","toFixed","graphLegends","filters","all","review","sumKpi","kpi","skillFocusSelectedOnChartScore","stats","coursedCompletedData","questionsToReviewData","learningTimeData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","value","legend","icon","iconName","formatMinutes","skillsScore","handleOnDotClick","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","searchValueIncluded","handleSearchReset","ReviewTooltipContent","backgroundContainer","cards","cardsListContainer","type","subtitle","iconColor","borderRadius","tag","label","container","skillFocusContainer","skillFocusHeader","skillFocusHeaderWrapper","skillFocusHeaderIcon","faSize","wrapperSize","skillFocusHeaderContent","skillFocusHeaderTitle","skillFocusHeaderDescription","length","skillFocusContent","radarContainer","gradient","fill","stroke","percentage","background","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","defaultStats","score","contentCompleted","questionsToReview","handleReviewSkill","handleExploreSkill","includes","arrayOf","objectOf","shape","learningTime","CardsList"],"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, getOr, sortBy, size, isEmpty} 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 {formatMinutes} from '../../util/time-format';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport Title from '../../atom/title';\nimport style from './style.css';\n\nconst ChangeSkillFocusButton = (props, context) => {\n  const {onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <div data-name=\"button-explore-wrapper\">\n      <ButtonLink\n        customStyle={{\n          backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n          color: primarySkinColor,\n          transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n        }}\n        hoverBackgroundColor={primarySkinColor}\n        hoverColor=\"#FFFFFF\"\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: convert(`color(${primarySkinColor} a(0.07))`),\n            color: 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} = 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, primarySkinColor]\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: '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    learningPriorities\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    sortBy(skillRef => -getOr(0, [skillRef, 'stats', 'score'], skillsInformation), skills)\n  );\n  const [activeFilter, setActiveFilter] = useState('all');\n\n  const skillsReviewReady = useMemo(() => {\n    return searchResults.filter(skill =>\n      skillsInformation[skill] ? skillsInformation[skill].availableForReview : false\n    );\n  }, [searchResults, skillsInformation]);\n\n  const graphDatas = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, getOr(0, [skill, 'stats', 'score'], skillsInformation).toFixed(1)]),\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      const skillFocusSelectedOnChartScore = getOr(\n        0,\n        [skillFocusSelectedOnChart, 'stats', `${kpi}`],\n        skillsInformation\n      );\n      return skillFocusSelectedOnChart\n        ? skillFocusSelectedOnChartScore\n        : sumBy(\n            skill => (skillsInformation[skill] ? skillsInformation[skill].stats[kpi] : 0),\n            selectedSkillsList\n          );\n    },\n    [skillFocusSelectedOnChart, skillsInformation, selectedSkillsList]\n  );\n\n  const coursedCompletedData = useMemo(() => sumKpi('contentCompleted'), [sumKpi]);\n\n  const questionsToReviewData = useMemo(() => sumKpi('questionsToReview'), [sumKpi]);\n\n  const learningTimeData = useMemo(() => sumKpi('learningTime'), [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_content_completed'),\n      value: `${coursedCompletedData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'book-open-cover', backgroundColor: '#D9F4F7'}\n    },\n    {\n      title: translate('skill_chart_side_panel_learning_hours'),\n      value: formatMinutes(learningTimeData),\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'clock', backgroundColor: '#FAD6DE'}\n    },\n    {\n      title: translate('skill_chart_side_panel_questions_to_review'),\n      value: `${questionsToReviewData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'circle-question', backgroundColor: '#FFDCD1'}\n    }\n  ];\n\n  const skillsScore = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, getOr(0, [skill, 'stats', 'score'], skillsInformation)]),\n        fromPairs\n      )(skills),\n    [skills, skillsInformation]\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      {isEmpty(learningPriorities?.cards) ? null : (\n        <div className={style.cardsListContainer}>\n          <CardsList\n            {...learningPriorities}\n            title={\n              <Title\n                {...{\n                  type: 'form-group',\n                  title: translate('learning_priorities'),\n                  subtitle: translate('learning_priorities_description'),\n                  icon: {\n                    iconName: 'sign-post',\n                    iconColor: '#A32700',\n                    borderRadius: '12px',\n                    backgroundColor: '#FFDCD1'\n                  },\n                  tag: {\n                    label: `${size(learningPriorities.cards)}`,\n                    type: 'default',\n                    size: 'S'\n                  }\n                }}\n              />\n            }\n          />\n        </div>\n      )}\n      <div className={style.container}>\n        <SkillPickerModal\n          skills={skills}\n          skillsScore={skillsScore}\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('skills_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                    onExploreClick={onExploreSkill}\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>\n                  <ButtonLink\n                    label={translate('skills_choose_focus')}\n                    type=\"primary\"\n                    customStyle={{\n                      width: 'fit-contain',\n                      backgroundColor: primarySkinColor\n                    }}\n                    hoverBackgroundColor={convert(\n                      `hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`\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('close_tooltip_information')}\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                const defaultStats = {\n                  score: 0,\n                  content: 0,\n                  contentCompleted: 0,\n                  questionsToReview: 0\n                };\n\n                function handleReviewSkill() {\n                  onReviewSkill(skill);\n                }\n                function handleExploreSkill() {\n                  onExploreSkill(skill);\n                }\n                const {score, content, questionsToReview} = skillsInformation[skill]\n                  ? skillsInformation[skill].stats\n                  : defaultStats;\n                return (\n                  <div key={index}>\n                    <LearnerSkillCard\n                      skillTitle={skillsLocales[skill]}\n                      focus={selectedSkills.includes(skill)}\n                      metrics={{\n                        score: score.toFixed(1),\n                        content,\n                        questionsToReview\n                      }}\n                      review={\n                        skillsInformation[skill]\n                          ? skillsInformation[skill].availableForReview\n                          : false\n                      }\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        content: PropTypes.number,\n        contentCompleted: PropTypes.number,\n        questionsToReview: PropTypes.number,\n        learningTime: 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  learningPriorities: PropTypes.shape(CardsList.propTypes)\n};\n\nexport default MyLearning;\n"],"mappings":"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"}

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

@@ -2,24 +2,43 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _tag = _interopRequireDefault(require("../../atom/tag"));
+
 var _select = _interopRequireWildcard(require("../../atom/select"));
+
 var _buttonLinkIcon = _interopRequireDefault(require("../../atom/button-link-icon"));
+
 var _icon = _interopRequireDefault(require("../../atom/icon"));
+
 var _cardsGrid = _interopRequireDefault(require("../../organism/cards-grid"));
+
 var _allCourses = _interopRequireDefault(require("../skill-detail/all-courses"));
+
 var _playlistDetailCover = _interopRequireDefault(require("../../molecule/playlist-detail-cover"));
+
 var _skillDetail = require("../skill-detail");
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const PlaylistDetail = (props, context) => {
   const {
     title,
@@ -109,6 +128,7 @@ const PlaylistDetail = (props, context) => {
     search: search
   })));
 };
+
 PlaylistDetail.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -136,5 +156,6 @@ PlaylistDetail.propTypes = process.env.NODE_ENV !== "production" ? {
     oldSwitchValue: _propTypes.default.bool
   })
 } : {};
-var _default = exports.default = PlaylistDetail;
+var _default = PlaylistDetail;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_markdownToJsx","_provider","_tag","_select","_buttonLinkIcon","_icon","_cardsGrid","_allCourses","_playlistDetailCover","_skillDetail","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PlaylistDetail","props","context","title","coverImages","playlistRef","description","ongoingCoursesAvailable","playlistCourses","filters","sorting","onBackClick","onContinueLearningClick","search","bannerMicrolearning","descriptionRef","useRef","translate","action","bannerMicrolearningAction","oldSwitchValue","isDescriptionTruncated","setIsDescriptionTruncated","useState","showMore","setShowMore","handleShowMore","useCallback","useEffect","current","clientHeight","scrollHeight","Description","createElement","ref","className","classnames","style","truncate","backgroundContainer","container","_isNil2","faIcon","onClick","backButton","tooltipPlacement","ctaContainer","coverWrapper","images","label","Fragment","showMoreWrapper","iconName","size","faSize","wrapperSize","continueLearningButton","ContinueLearningButton","content","type","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","PlaylistDetailCover","bool","shape","CardsGrid","onChange","func","options","arrayOf","SelectOptionPropTypes","Select","oldValue","_default","exports"],"sources":["../../../src/template/playlist-detail/index.js"],"sourcesContent":["import React, {useCallback, useState, useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isNil} from 'lodash/fp';\nimport Markdown from 'markdown-to-jsx';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport AllCourses from '../skill-detail/all-courses';\nimport PlaylistDetailCover from '../../molecule/playlist-detail-cover';\nimport {ContinueLearningButton} from '../skill-detail';\nimport style from './style.css';\n\nconst PlaylistDetail = (props, context) => {\n  const {\n    title,\n    coverImages,\n    playlistRef,\n    description,\n    ongoingCoursesAvailable,\n    playlistCourses,\n    filters,\n    sorting,\n    onBackClick,\n    onContinueLearningClick,\n    search,\n    bannerMicrolearning = {}\n  } = props;\n  const descriptionRef = useRef(null);\n  const {translate} = context;\n  const {action: bannerMicrolearningAction, oldSwitchValue} = bannerMicrolearning;\n\n  const [isDescriptionTruncated, setIsDescriptionTruncated] = useState(false);\n  const [showMore, setShowMore] = useState(false);\n\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  useEffect(() => {\n    if (descriptionRef.current) {\n      const {clientHeight = 0, scrollHeight = 0} = descriptionRef.current;\n      setIsDescriptionTruncated(scrollHeight > clientHeight);\n    }\n  }, [description]);\n\n  const Description = useCallback(() => {\n    return (\n      <div\n        ref={descriptionRef}\n        className={classnames(style.description, !showMore && style.truncate)}\n      >\n        <Markdown>{description}</Markdown>\n      </div>\n    );\n  }, [showMore, description]);\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={playlistRef}>\n        {!isNil(onBackClick) ? (\n          <ButtonLinkIcon\n            faIcon=\"arrow-left\"\n            data-name=\"back-button\"\n            aria-label={translate('back')}\n            onClick={onBackClick}\n            className={style.backButton}\n            tooltipPlacement=\"right\"\n          />\n        ) : null}\n        <div className={style.ctaContainer}>\n          <div className={style.coverWrapper}>\n            <PlaylistDetailCover images={coverImages} />\n          </div>\n          <div>\n            <Tag label={translate('playlist')} />\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {isDescriptionTruncated ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {translate(showMore ? 'Show less' : 'Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 16}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n            <div className={style.continueLearningButton}>\n              <ContinueLearningButton\n                ongoingCoursesAvailable={ongoingCoursesAvailable}\n                onClick={onContinueLearningClick}\n              />\n            </div>\n          </div>\n        </div>\n        <AllCourses\n          content={playlistCourses}\n          filters={filters}\n          sorting={sorting}\n          bannerMicrolearning={\n            bannerMicrolearningAction\n              ? {\n                  type: 'playlist',\n                  action: bannerMicrolearningAction,\n                  oldSwitchValue\n                }\n              : {}\n          }\n          search={search}\n        />\n      </div>\n    </div>\n  );\n};\n\nPlaylistDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nPlaylistDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  coverImages: PlaylistDetailCover.propTypes.images,\n  playlistRef: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  ongoingCoursesAvailable: PropTypes.bool,\n  playlistCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  }),\n  onBackClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func,\n  bannerMicrolearning: PropTypes.shape({\n    action: PropTypes.func,\n    oldSwitchValue: PropTypes.bool\n  })\n};\n\nexport default PlaylistDetail;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["PlaylistDetail","props","context","title","coverImages","playlistRef","description","ongoingCoursesAvailable","playlistCourses","filters","sorting","onBackClick","onContinueLearningClick","search","bannerMicrolearning","descriptionRef","useRef","translate","action","bannerMicrolearningAction","oldSwitchValue","isDescriptionTruncated","setIsDescriptionTruncated","useState","showMore","setShowMore","handleShowMore","useCallback","useEffect","current","clientHeight","scrollHeight","Description","classnames","style","truncate","backgroundContainer","container","backButton","ctaContainer","coverWrapper","showMoreWrapper","faSize","wrapperSize","continueLearningButton","type","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","PlaylistDetailCover","images","bool","shape","CardsGrid","onChange","func","options","arrayOf","SelectOptionPropTypes","Select","oldValue"],"sources":["../../../src/template/playlist-detail/index.js"],"sourcesContent":["import React, {useCallback, useState, useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isNil} from 'lodash/fp';\nimport Markdown from 'markdown-to-jsx';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport AllCourses from '../skill-detail/all-courses';\nimport PlaylistDetailCover from '../../molecule/playlist-detail-cover';\nimport {ContinueLearningButton} from '../skill-detail';\nimport style from './style.css';\n\nconst PlaylistDetail = (props, context) => {\n  const {\n    title,\n    coverImages,\n    playlistRef,\n    description,\n    ongoingCoursesAvailable,\n    playlistCourses,\n    filters,\n    sorting,\n    onBackClick,\n    onContinueLearningClick,\n    search,\n    bannerMicrolearning = {}\n  } = props;\n  const descriptionRef = useRef(null);\n  const {translate} = context;\n  const {action: bannerMicrolearningAction, oldSwitchValue} = bannerMicrolearning;\n\n  const [isDescriptionTruncated, setIsDescriptionTruncated] = useState(false);\n  const [showMore, setShowMore] = useState(false);\n\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  useEffect(() => {\n    if (descriptionRef.current) {\n      const {clientHeight = 0, scrollHeight = 0} = descriptionRef.current;\n      setIsDescriptionTruncated(scrollHeight > clientHeight);\n    }\n  }, [description]);\n\n  const Description = useCallback(() => {\n    return (\n      <div\n        ref={descriptionRef}\n        className={classnames(style.description, !showMore && style.truncate)}\n      >\n        <Markdown>{description}</Markdown>\n      </div>\n    );\n  }, [showMore, description]);\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={playlistRef}>\n        {!isNil(onBackClick) ? (\n          <ButtonLinkIcon\n            faIcon=\"arrow-left\"\n            data-name=\"back-button\"\n            aria-label={translate('back')}\n            onClick={onBackClick}\n            className={style.backButton}\n            tooltipPlacement=\"right\"\n          />\n        ) : null}\n        <div className={style.ctaContainer}>\n          <div className={style.coverWrapper}>\n            <PlaylistDetailCover images={coverImages} />\n          </div>\n          <div>\n            <Tag label={translate('playlist')} />\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {isDescriptionTruncated ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {translate(showMore ? 'Show less' : 'Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 16}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n            <div className={style.continueLearningButton}>\n              <ContinueLearningButton\n                ongoingCoursesAvailable={ongoingCoursesAvailable}\n                onClick={onContinueLearningClick}\n              />\n            </div>\n          </div>\n        </div>\n        <AllCourses\n          content={playlistCourses}\n          filters={filters}\n          sorting={sorting}\n          bannerMicrolearning={\n            bannerMicrolearningAction\n              ? {\n                  type: 'playlist',\n                  action: bannerMicrolearningAction,\n                  oldSwitchValue\n                }\n              : {}\n          }\n          search={search}\n        />\n      </div>\n    </div>\n  );\n};\n\nPlaylistDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nPlaylistDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  coverImages: PlaylistDetailCover.propTypes.images,\n  playlistRef: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  ongoingCoursesAvailable: PropTypes.bool,\n  playlistCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  }),\n  onBackClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func,\n  bannerMicrolearning: PropTypes.shape({\n    action: PropTypes.func,\n    oldSwitchValue: PropTypes.bool\n  })\n};\n\nexport default PlaylistDetail;\n"],"mappings":"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"}

package/lib/template/review-dashboard-skills/index.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reviewPresentation = _interopRequireDefault(require("../../atom/review-presentation"));
+
 var _skills = _interopRequireDefault(require("../app-review/skills"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ReviewDashboardSkills = props => {
   const {
     'aria-label': ariaLabel,
@@ -23,10 +30,12 @@ const ReviewDashboardSkills = props => {
     className: _style.default.reviewSkillsContainer
   }, /*#__PURE__*/_react.default.createElement(_skills.default, reviewSkills)));
 };
+
 ReviewDashboardSkills.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': _propTypes.default.string,
   reviewPresentation: _propTypes.default.shape(_reviewPresentation.default.propTypes),
   reviewSkills: _propTypes.default.shape(_skills.default.propTypes)
 } : {};
-var _default = exports.default = ReviewDashboardSkills;
+var _default = ReviewDashboardSkills;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/template/review-dashboard-skills/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_reviewPresentation","_skills","_style","e","__esModule","default","ReviewDashboardSkills","props","ariaLabel","reviewPresentation","reviewSkills","createElement","className","style","reviewDashboardContainer","reviewPresentationContainer","reviewSkillsContainer","propTypes","process","env","NODE_ENV","PropTypes","string","shape","ReviewPresentation","ReviewSkills","_default","exports"],"sources":["../../../src/template/review-dashboard-skills/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReviewPresentation from '../../atom/review-presentation';\nimport ReviewSkills from '../app-review/skills';\nimport style from './style.css';\n\nconst ReviewDashboardSkills = props => {\n  const {'aria-label': ariaLabel, reviewPresentation, reviewSkills} = props;\n\n  return (\n    <div className={style.reviewDashboardContainer} aria-label={ariaLabel}>\n      <div className={style.reviewPresentationContainer}>\n        <ReviewPresentation {...reviewPresentation} />\n      </div>\n      <div className={style.reviewSkillsContainer}>\n        <ReviewSkills {...reviewSkills} />\n      </div>\n    </div>\n  );\n};\n\nReviewDashboardSkills.propTypes = {\n  'aria-label': PropTypes.string,\n  reviewPresentation: PropTypes.shape(ReviewPresentation.propTypes),\n  reviewSkills: PropTypes.shape(ReviewSkills.propTypes)\n};\nexport default ReviewDashboardSkills;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAAC,YAAY,EAAEC,SAAS;IAAEC,kBAAkB;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAEzE,oBACEX,MAAA,CAAAS,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC,wBAAyB;IAAC,cAAYN;EAAU,gBACpEZ,MAAA,CAAAS,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACE;EAA4B,gBAChDnB,MAAA,CAAAS,OAAA,CAAAM,aAAA,CAACX,mBAAA,CAAAK,OAAkB,EAAKI,kBAAqB,CAC1C,CAAC,eACNb,MAAA,CAAAS,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACG;EAAsB,gBAC1CpB,MAAA,CAAAS,OAAA,CAAAM,aAAA,CAACV,OAAA,CAAAI,OAAY,EAAKK,YAAe,CAC9B,CACF,CAAC;AAEV,CAAC;AAEDJ,qBAAqB,CAACW,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChC,YAAY,EAAEC,kBAAS,CAACC,MAAM;EAC9Bb,kBAAkB,EAAEY,kBAAS,CAACE,KAAK,CAACC,2BAAkB,CAACP,SAAS,CAAC;EACjEP,YAAY,EAAEW,kBAAS,CAACE,KAAK,CAACE,eAAY,CAACR,SAAS;AACtD,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GACaC,qBAAqB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ReviewDashboardSkills","props","ariaLabel","reviewPresentation","reviewSkills","style","reviewDashboardContainer","reviewPresentationContainer","reviewSkillsContainer","propTypes","PropTypes","string","shape","ReviewPresentation","ReviewSkills"],"sources":["../../../src/template/review-dashboard-skills/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReviewPresentation from '../../atom/review-presentation';\nimport ReviewSkills from '../app-review/skills';\nimport style from './style.css';\n\nconst ReviewDashboardSkills = props => {\n  const {'aria-label': ariaLabel, reviewPresentation, reviewSkills} = props;\n\n  return (\n    <div className={style.reviewDashboardContainer} aria-label={ariaLabel}>\n      <div className={style.reviewPresentationContainer}>\n        <ReviewPresentation {...reviewPresentation} />\n      </div>\n      <div className={style.reviewSkillsContainer}>\n        <ReviewSkills {...reviewSkills} />\n      </div>\n    </div>\n  );\n};\n\nReviewDashboardSkills.propTypes = {\n  'aria-label': PropTypes.string,\n  reviewPresentation: PropTypes.shape(ReviewPresentation.propTypes),\n  reviewSkills: PropTypes.shape(ReviewSkills.propTypes)\n};\nexport default ReviewDashboardSkills;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAAC,cAAcC,SAAf;IAA0BC,kBAA1B;IAA8CC;EAA9C,IAA8DH,KAApE;EAEA,oBACE;IAAK,SAAS,EAAEI,cAAA,CAAMC,wBAAtB;IAAgD,cAAYJ;EAA5D,gBACE;IAAK,SAAS,EAAEG,cAAA,CAAME;EAAtB,gBACE,6BAAC,2BAAD,EAAwBJ,kBAAxB,CADF,CADF,eAIE;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE,6BAAC,eAAD,EAAkBJ,YAAlB,CADF,CAJF,CADF;AAUD,CAbD;;AAeAJ,qBAAqB,CAACS,SAAtB,2CAAkC;EAChC,cAAcC,kBAAA,CAAUC,MADQ;EAEhCR,kBAAkB,EAAEO,kBAAA,CAAUE,KAAV,CAAgBC,2BAAA,CAAmBJ,SAAnC,CAFY;EAGhCL,YAAY,EAAEM,kBAAA,CAAUE,KAAV,CAAgBE,eAAA,CAAaL,SAA7B;AAHkB,CAAlC;eAKeT,qB"}

package/lib/template/skill-detail/all-courses.js

@@ -2,30 +2,53 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _debounce2 = _interopRequireDefault(require("lodash/fp/debounce"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
+
 var _size2 = _interopRequireDefault(require("lodash/fp/size"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _filter2 = _interopRequireDefault(require("lodash/fp/filter"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _select = _interopRequireWildcard(require("../../atom/select"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _searchForm = _interopRequireDefault(require("../../molecule/search-form"));
+
 var _cardsGrid = _interopRequireDefault(require("../../organism/cards-grid"));
+
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
+
 var _banner = _interopRequireDefault(require("../../molecule/banner"));
+
 var _allCourses = _interopRequireDefault(require("./all-courses.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const uncappedMap = _map2.default.convert({
   cap: false
 });
+
 const FilterButton = (props, context) => {
   const {
     dataName,
@@ -52,6 +75,7 @@ const FilterButton = (props, context) => {
   };
   return /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps);
 };
+
 FilterButton.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -63,6 +87,7 @@ FilterButton.propTypes = process.env.NODE_ENV !== "production" ? {
   label: _propTypes.default.string,
   onClick: _propTypes.default.func
 } : {};
+
 const AllCourses = (props, context) => {
   const {
     translate
@@ -166,9 +191,11 @@ const AllCourses = (props, context) => {
       value,
       selected
     } = filterProps;
+
     function handleFilterChange() {
       onChange(value);
     }
+
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index,
       className: _allCourses.default.filterButtonWrapper
@@ -200,6 +227,7 @@ const AllCourses = (props, context) => {
     onClick: handleSearchReset
   }, translate('empty_search_result_clear_search')))));
 };
+
 AllCourses.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -222,5 +250,6 @@ AllCourses.propTypes = process.env.NODE_ENV !== "production" ? {
     onChange: _propTypes.default.func
   })
 } : {};
-var _default = exports.default = AllCourses;
+var _default = AllCourses;
+exports.default = _default;
 //# sourceMappingURL=all-courses.js.map

package/lib/template/skill-detail/all-courses.js.map

@@ -1 +1 @@
-{"version":3,"file":"all-courses.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_select","_buttonLink","_searchForm","_cardsGrid","_inputSwitch","_banner","_allCourses","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","uncappedMap","_map2","convert","cap","FilterButton","props","context","dataName","ariaLabel","selected","label","onClick","skin","primarySkinColor","_get2","buttonProps","customStyle","backgroundColor","color","transition","width","createElement","contextTypes","Provider","childContextTypes","translate","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","AllCourses","content","filters","sorting","totalContents","bannerMicrolearning","search","oldValue","oldSearchValue","onChange","handleSearch","options","list","loading","type","bannerMessageType","action","bannerAction","oldSwitchValue","showCompleted","setShowCompleted","useState","searchValue","setSearchValue","sortView","undefined","filteredContent","useMemo","_filter2","course","progress","debounceHandleSearch","_debounce2","value","onSearchChange","useCallback","handleSearchReset","handleShowCompletedToggle","prevShowCompleted","Fragment","className","style","continueLearningWrapper","continueLearningTitle","continueLearningNumber","_isNil2","_size2","searchAndSortSection","searchWrapper","placeholder","onReset","dataTestId","sortSection","id","name","title","sortWrapper","_isEmpty2","bannerWrapper","message","cta","filterWrapper","filterProps","index","handleFilterChange","key","filterButtonWrapper","divider","justifyContent","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","shape","CardsGrid","number","arrayOf","SelectOptionPropTypes","Select","oneOf","_default","exports"],"sources":["../../../src/template/skill-detail/all-courses.js"],"sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, filter, map, size, isNil, isEmpty, debounce} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLink from '../../atom/button-link';\nimport SearchForm from '../../molecule/search-form';\nimport CardsGrid from '../../organism/cards-grid';\nimport InputSwitch from '../../atom/input-switch';\nimport Banner from '../../molecule/banner';\nimport style from './all-courses.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst FilterButton = (props, context) => {\n  const {dataName, ariaLabel, selected, label, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: selected ? primarySkinColor : '#E1E1E3',\n      color: selected ? '#FFFFFF' : '#515161',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    label,\n    onClick,\n    'data-name': dataName,\n    'aria-label': ariaLabel\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  dataName: PropTypes.string,\n  ariaLabel: PropTypes.string,\n  selected: PropTypes.bool,\n  label: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst AllCourses = (props, context) => {\n  const {translate} = context;\n  const {\n    content,\n    filters,\n    sorting,\n    totalContents,\n    bannerMicrolearning = {},\n    search: {oldValue: oldSearchValue, onChange: handleSearch}\n  } = props;\n  const {options, onChange} = filters;\n  const {list, loading} = content;\n  const {type: bannerMessageType, action: bannerAction, oldSwitchValue} = bannerMicrolearning;\n  const [showCompleted, setShowCompleted] = useState(true);\n  const [searchValue, setSearchValue] = useState(oldSearchValue || '');\n\n  const sortView =\n    sorting !== undefined ? (\n      <div data-name=\"choice\">\n        <Select {...sorting} aria-label=\"All courses sort\" />\n      </div>\n    ) : null;\n\n  const filteredContent = useMemo(() => {\n    return showCompleted ? list : filter(course => course.progress < 1, list);\n  }, [list, showCompleted]);\n\n  const debounceHandleSearch = useMemo(() => {\n    return debounce(800, value => {\n      handleSearch(value);\n    });\n  }, [handleSearch]);\n\n  const onSearchChange = useCallback(\n    value => {\n      setSearchValue(value);\n      debounceHandleSearch(value);\n    },\n    [debounceHandleSearch]\n  );\n\n  const handleSearchReset = useCallback(\n    value => {\n      setSearchValue('');\n      debounceHandleSearch('');\n    },\n    [debounceHandleSearch]\n  );\n\n  const handleShowCompletedToggle = useCallback(() => {\n    setShowCompleted(prevShowCompleted => !prevShowCompleted);\n  }, []);\n\n  return (\n    <>\n      <div className={style.continueLearningWrapper}>\n        <span className={style.continueLearningTitle}>{translate('all_content')}</span>\n        <span className={style.continueLearningNumber}>\n          {isNil(totalContents) ? size(filteredContent) : totalContents}\n        </span>\n      </div>\n      <div className={style.searchAndSortSection}>\n        <div className={style.searchWrapper}>\n          <SearchForm\n            search={{\n              placeholder: translate('search_place_holder'),\n              value: searchValue,\n              onChange: onSearchChange\n            }}\n            onReset={handleSearchReset}\n            dataTestId=\"all-courses-search-input\"\n          />\n        </div>\n        <div className={style.sortSection}>\n          <InputSwitch\n            id={'show-completed-courses-switch'}\n            type=\"switch\"\n            name={translate('show_completed')}\n            title={translate('show_completed')}\n            aria-label={'Show completed courses aria label'}\n            value={showCompleted}\n            onChange={handleShowCompletedToggle}\n          />\n          {sortView ? (\n            <div className={style.sortWrapper}>\n              {translate('sort_by')}\n              {sortView}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      {!isEmpty(bannerMicrolearning) ? (\n        <div className={style.bannerWrapper}>\n          <Banner\n            type=\"info\"\n            message={\n              bannerMessageType === 'skill'\n                ? translate('banner_microlearning_rule_message_skill')\n                : translate('banner_microlearning_rule_message')\n            }\n            cta={[\n              {\n                type: 'switch',\n                label: translate('banner_microlearning_rule_label'),\n                action: bannerAction,\n                oldSwitchValue\n              }\n            ]}\n          />\n        </div>\n      ) : null}\n      <div className={style.filterWrapper}>\n        {size(options) > 2\n          ? uncappedMap((filterProps, index) => {\n              const {name, value, selected} = filterProps;\n\n              function handleFilterChange() {\n                onChange(value);\n              }\n\n              return (\n                <div key={index} className={style.filterButtonWrapper}>\n                  <FilterButton\n                    dataName={`filter-button-${value}`}\n                    ariaLabel={`Filter by ${name}`}\n                    selected={selected}\n                    label={name}\n                    onClick={handleFilterChange}\n                  />\n                  {value === 'ALL' ? <div className={style.divider} /> : null}\n                </div>\n              );\n            }, options)\n          : null}\n      </div>\n      <div>\n        {size(filteredContent) ? (\n          <CardsGrid\n            list={filteredContent}\n            loading={loading}\n            customStyle={{justifyContent: 'left'}}\n          />\n        ) : (\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>\n    </>\n  );\n};\n\nAllCourses.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nAllCourses.propTypes = {\n  content: PropTypes.shape(CardsGrid.propTypes),\n  totalContents: PropTypes.number,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  bannerMicrolearning: PropTypes.shape({\n    type: PropTypes.oneOf(['skill', 'playlist']),\n    action: PropTypes.func,\n    oldSwitchValue: PropTypes.bool\n  }),\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  })\n};\n\nexport default AllCourses;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"all-courses.js","names":["uncappedMap","convert","cap","FilterButton","props","context","dataName","ariaLabel","selected","label","onClick","skin","primarySkinColor","buttonProps","customStyle","backgroundColor","color","transition","width","contextTypes","Provider","childContextTypes","translate","propTypes","PropTypes","string","bool","func","AllCourses","content","filters","sorting","totalContents","bannerMicrolearning","search","oldValue","oldSearchValue","onChange","handleSearch","options","list","loading","type","bannerMessageType","action","bannerAction","oldSwitchValue","showCompleted","setShowCompleted","useState","searchValue","setSearchValue","sortView","undefined","filteredContent","useMemo","course","progress","debounceHandleSearch","value","onSearchChange","useCallback","handleSearchReset","handleShowCompletedToggle","prevShowCompleted","style","continueLearningWrapper","continueLearningTitle","continueLearningNumber","searchAndSortSection","searchWrapper","placeholder","sortSection","sortWrapper","bannerWrapper","filterWrapper","filterProps","index","name","handleFilterChange","filterButtonWrapper","divider","justifyContent","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","shape","CardsGrid","number","arrayOf","SelectOptionPropTypes","Select","oneOf"],"sources":["../../../src/template/skill-detail/all-courses.js"],"sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, filter, map, size, isNil, isEmpty, debounce} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLink from '../../atom/button-link';\nimport SearchForm from '../../molecule/search-form';\nimport CardsGrid from '../../organism/cards-grid';\nimport InputSwitch from '../../atom/input-switch';\nimport Banner from '../../molecule/banner';\nimport style from './all-courses.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst FilterButton = (props, context) => {\n  const {dataName, ariaLabel, selected, label, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: selected ? primarySkinColor : '#E1E1E3',\n      color: selected ? '#FFFFFF' : '#515161',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    label,\n    onClick,\n    'data-name': dataName,\n    'aria-label': ariaLabel\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  dataName: PropTypes.string,\n  ariaLabel: PropTypes.string,\n  selected: PropTypes.bool,\n  label: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst AllCourses = (props, context) => {\n  const {translate} = context;\n  const {\n    content,\n    filters,\n    sorting,\n    totalContents,\n    bannerMicrolearning = {},\n    search: {oldValue: oldSearchValue, onChange: handleSearch}\n  } = props;\n  const {options, onChange} = filters;\n  const {list, loading} = content;\n  const {type: bannerMessageType, action: bannerAction, oldSwitchValue} = bannerMicrolearning;\n  const [showCompleted, setShowCompleted] = useState(true);\n  const [searchValue, setSearchValue] = useState(oldSearchValue || '');\n\n  const sortView =\n    sorting !== undefined ? (\n      <div data-name=\"choice\">\n        <Select {...sorting} aria-label=\"All courses sort\" />\n      </div>\n    ) : null;\n\n  const filteredContent = useMemo(() => {\n    return showCompleted ? list : filter(course => course.progress < 1, list);\n  }, [list, showCompleted]);\n\n  const debounceHandleSearch = useMemo(() => {\n    return debounce(800, value => {\n      handleSearch(value);\n    });\n  }, [handleSearch]);\n\n  const onSearchChange = useCallback(\n    value => {\n      setSearchValue(value);\n      debounceHandleSearch(value);\n    },\n    [debounceHandleSearch]\n  );\n\n  const handleSearchReset = useCallback(\n    value => {\n      setSearchValue('');\n      debounceHandleSearch('');\n    },\n    [debounceHandleSearch]\n  );\n\n  const handleShowCompletedToggle = useCallback(() => {\n    setShowCompleted(prevShowCompleted => !prevShowCompleted);\n  }, []);\n\n  return (\n    <>\n      <div className={style.continueLearningWrapper}>\n        <span className={style.continueLearningTitle}>{translate('all_content')}</span>\n        <span className={style.continueLearningNumber}>\n          {isNil(totalContents) ? size(filteredContent) : totalContents}\n        </span>\n      </div>\n      <div className={style.searchAndSortSection}>\n        <div className={style.searchWrapper}>\n          <SearchForm\n            search={{\n              placeholder: translate('search_place_holder'),\n              value: searchValue,\n              onChange: onSearchChange\n            }}\n            onReset={handleSearchReset}\n            dataTestId=\"all-courses-search-input\"\n          />\n        </div>\n        <div className={style.sortSection}>\n          <InputSwitch\n            id={'show-completed-courses-switch'}\n            type=\"switch\"\n            name={translate('show_completed')}\n            title={translate('show_completed')}\n            aria-label={'Show completed courses aria label'}\n            value={showCompleted}\n            onChange={handleShowCompletedToggle}\n          />\n          {sortView ? (\n            <div className={style.sortWrapper}>\n              {translate('sort_by')}\n              {sortView}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      {!isEmpty(bannerMicrolearning) ? (\n        <div className={style.bannerWrapper}>\n          <Banner\n            type=\"info\"\n            message={\n              bannerMessageType === 'skill'\n                ? translate('banner_microlearning_rule_message_skill')\n                : translate('banner_microlearning_rule_message')\n            }\n            cta={[\n              {\n                type: 'switch',\n                label: translate('banner_microlearning_rule_label'),\n                action: bannerAction,\n                oldSwitchValue\n              }\n            ]}\n          />\n        </div>\n      ) : null}\n      <div className={style.filterWrapper}>\n        {size(options) > 2\n          ? uncappedMap((filterProps, index) => {\n              const {name, value, selected} = filterProps;\n\n              function handleFilterChange() {\n                onChange(value);\n              }\n\n              return (\n                <div key={index} className={style.filterButtonWrapper}>\n                  <FilterButton\n                    dataName={`filter-button-${value}`}\n                    ariaLabel={`Filter by ${name}`}\n                    selected={selected}\n                    label={name}\n                    onClick={handleFilterChange}\n                  />\n                  {value === 'ALL' ? <div className={style.divider} /> : null}\n                </div>\n              );\n            }, options)\n          : null}\n      </div>\n      <div>\n        {size(filteredContent) ? (\n          <CardsGrid\n            list={filteredContent}\n            loading={loading}\n            customStyle={{justifyContent: 'left'}}\n          />\n        ) : (\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>\n    </>\n  );\n};\n\nAllCourses.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nAllCourses.propTypes = {\n  content: PropTypes.shape(CardsGrid.propTypes),\n  totalContents: PropTypes.number,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  bannerMicrolearning: PropTypes.shape({\n    type: PropTypes.oneOf(['skill', 'playlist']),\n    action: PropTypes.func,\n    oldSwitchValue: PropTypes.bool\n  }),\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  })\n};\n\nexport default AllCourses;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,cAAIC,OAAJ,CAAY;EAACC,GAAG,EAAE;AAAN,CAAZ,CAApB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACC,QAAD;IAAWC,SAAX;IAAsBC,QAAtB;IAAgCC,KAAhC;IAAuCC;EAAvC,IAAkDN,KAAxD;EACA,MAAM;IAACO;EAAD,IAASN,OAAf;EACA,MAAMO,gBAAgB,GAAG,mBAAI,gBAAJ,EAAsBD,IAAtB,CAAzB;EAEA,MAAME,WAAW,GAAG;IAClBC,WAAW,EAAE;MACXC,eAAe,EAAEP,QAAQ,GAAGI,gBAAH,GAAsB,SADpC;MAEXI,KAAK,EAAER,QAAQ,GAAG,SAAH,GAAe,SAFnB;MAGXS,UAAU,EAAE,6DAHD;MAIXC,KAAK,EAAE;IAJI,CADK;IAOlBT,KAPkB;IAQlBC,OARkB;IASlB,aAAaJ,QATK;IAUlB,cAAcC;EAVI,CAApB;EAaA,oBAAO,6BAAC,mBAAD,EAAgBM,WAAhB,CAAP;AACD,CAnBD;;AAqBAV,YAAY,CAACgB,YAAb,GAA4B;EAC1BR,IAAI,EAAES,iBAAA,CAASC,iBAAT,CAA2BV,IADP;EAE1BW,SAAS,EAAEF,iBAAA,CAASC,iBAAT,CAA2BC;AAFZ,CAA5B;AAKAnB,YAAY,CAACoB,SAAb,2CAAyB;EACvBjB,QAAQ,EAAEkB,kBAAA,CAAUC,MADG;EAEvBlB,SAAS,EAAEiB,kBAAA,CAAUC,MAFE;EAGvBjB,QAAQ,EAAEgB,kBAAA,CAAUE,IAHG;EAIvBjB,KAAK,EAAEe,kBAAA,CAAUC,MAJM;EAKvBf,OAAO,EAAEc,kBAAA,CAAUG;AALI,CAAzB;;AAQA,MAAMC,UAAU,GAAG,CAACxB,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IAACiB;EAAD,IAAcjB,OAApB;EACA,MAAM;IACJwB,OADI;IAEJC,OAFI;IAGJC,OAHI;IAIJC,aAJI;IAKJC,mBAAmB,GAAG,EALlB;IAMJC,MAAM,EAAE;MAACC,QAAQ,EAAEC,cAAX;MAA2BC,QAAQ,EAAEC;IAArC;EANJ,IAOFlC,KAPJ;EAQA,MAAM;IAACmC,OAAD;IAAUF;EAAV,IAAsBP,OAA5B;EACA,MAAM;IAACU,IAAD;IAAOC;EAAP,IAAkBZ,OAAxB;EACA,MAAM;IAACa,IAAI,EAAEC,iBAAP;IAA0BC,MAAM,EAAEC,YAAlC;IAAgDC;EAAhD,IAAkEb,mBAAxE;EACA,MAAM,CAACc,aAAD,EAAgBC,gBAAhB,IAAoC,IAAAC,eAAA,EAAS,IAAT,CAA1C;EACA,MAAM,CAACC,WAAD,EAAcC,cAAd,IAAgC,IAAAF,eAAA,EAASb,cAAc,IAAI,EAA3B,CAAtC;EAEA,MAAMgB,QAAQ,GACZrB,OAAO,KAAKsB,SAAZ,gBACE;IAAK,aAAU;EAAf,gBACE,6BAAC,eAAD,eAAYtB,OAAZ;IAAqB,cAAW;EAAhC,GADF,CADF,GAII,IALN;EAOA,MAAMuB,eAAe,GAAG,IAAAC,cAAA,EAAQ,MAAM;IACpC,OAAOR,aAAa,GAAGP,IAAH,GAAU,sBAAOgB,MAAM,IAAIA,MAAM,CAACC,QAAP,GAAkB,CAAnC,EAAsCjB,IAAtC,CAA9B;EACD,CAFuB,EAErB,CAACA,IAAD,EAAOO,aAAP,CAFqB,CAAxB;EAIA,MAAMW,oBAAoB,GAAG,IAAAH,cAAA,EAAQ,MAAM;IACzC,OAAO,wBAAS,GAAT,EAAcI,KAAK,IAAI;MAC5BrB,YAAY,CAACqB,KAAD,CAAZ;IACD,CAFM,CAAP;EAGD,CAJ4B,EAI1B,CAACrB,YAAD,CAJ0B,CAA7B;EAMA,MAAMsB,cAAc,GAAG,IAAAC,kBAAA,EACrBF,KAAK,IAAI;IACPR,cAAc,CAACQ,KAAD,CAAd;IACAD,oBAAoB,CAACC,KAAD,CAApB;EACD,CAJoB,EAKrB,CAACD,oBAAD,CALqB,CAAvB;EAQA,MAAMI,iBAAiB,GAAG,IAAAD,kBAAA,EACxBF,KAAK,IAAI;IACPR,cAAc,CAAC,EAAD,CAAd;IACAO,oBAAoB,CAAC,EAAD,CAApB;EACD,CAJuB,EAKxB,CAACA,oBAAD,CALwB,CAA1B;EAQA,MAAMK,yBAAyB,GAAG,IAAAF,kBAAA,EAAY,MAAM;IAClDb,gBAAgB,CAACgB,iBAAiB,IAAI,CAACA,iBAAvB,CAAhB;EACD,CAFiC,EAE/B,EAF+B,CAAlC;EAIA,oBACE,yEACE;IAAK,SAAS,EAAEC,mBAAA,CAAMC;EAAtB,gBACE;IAAM,SAAS,EAAED,mBAAA,CAAME;EAAvB,GAA+C7C,SAAS,CAAC,aAAD,CAAxD,CADF,eAEE;IAAM,SAAS,EAAE2C,mBAAA,CAAMG;EAAvB,GACG,qBAAMpC,aAAN,IAAuB,oBAAKsB,eAAL,CAAvB,GAA+CtB,aADlD,CAFF,CADF,eAOE;IAAK,SAAS,EAAEiC,mBAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,mBAAA,CAAMK;EAAtB,gBACE,6BAAC,mBAAD;IACE,MAAM,EAAE;MACNC,WAAW,EAAEjD,SAAS,CAAC,qBAAD,CADhB;MAENqC,KAAK,EAAET,WAFD;MAGNb,QAAQ,EAAEuB;IAHJ,CADV;IAME,OAAO,EAAEE,iBANX;IAOE,UAAU,EAAC;EAPb,EADF,CADF,eAYE;IAAK,SAAS,EAAEG,mBAAA,CAAMO;EAAtB,gBACE,6BAAC,oBAAD;IACE,EAAE,EAAE,+BADN;IAEE,IAAI,EAAC,QAFP;IAGE,IAAI,EAAElD,SAAS,CAAC,gBAAD,CAHjB;IAIE,KAAK,EAAEA,SAAS,CAAC,gBAAD,CAJlB;IAKE,cAAY,mCALd;IAME,KAAK,EAAEyB,aANT;IAOE,QAAQ,EAAEgB;EAPZ,EADF,EAUGX,QAAQ,gBACP;IAAK,SAAS,EAAEa,mBAAA,CAAMQ;EAAtB,GACGnD,SAAS,CAAC,SAAD,CADZ,EAEG8B,QAFH,CADO,GAKL,IAfN,CAZF,CAPF,EAqCG,CAAC,uBAAQnB,mBAAR,CAAD,gBACC;IAAK,SAAS,EAAEgC,mBAAA,CAAMS;EAAtB,gBACE,6BAAC,eAAD;IACE,IAAI,EAAC,MADP;IAEE,OAAO,EACL/B,iBAAiB,KAAK,OAAtB,GACIrB,SAAS,CAAC,yCAAD,CADb,GAEIA,SAAS,CAAC,mCAAD,CALjB;IAOE,GAAG,EAAE,CACH;MACEoB,IAAI,EAAE,QADR;MAEEjC,KAAK,EAAEa,SAAS,CAAC,iCAAD,CAFlB;MAGEsB,MAAM,EAAEC,YAHV;MAIEC;IAJF,CADG;EAPP,EADF,CADD,GAmBG,IAxDN,eAyDE;IAAK,SAAS,EAAEmB,mBAAA,CAAMU;EAAtB,GACG,oBAAKpC,OAAL,IAAgB,CAAhB,GACGvC,WAAW,CAAC,CAAC4E,WAAD,EAAcC,KAAd,KAAwB;IAClC,MAAM;MAACC,IAAD;MAAOnB,KAAP;MAAcnD;IAAd,IAA0BoE,WAAhC;;IAEA,SAASG,kBAAT,GAA8B;MAC5B1C,QAAQ,CAACsB,KAAD,CAAR;IACD;;IAED,oBACE;MAAK,GAAG,EAAEkB,KAAV;MAAiB,SAAS,EAAEZ,mBAAA,CAAMe;IAAlC,gBACE,6BAAC,YAAD;MACE,QAAQ,EAAG,iBAAgBrB,KAAM,EADnC;MAEE,SAAS,EAAG,aAAYmB,IAAK,EAF/B;MAGE,QAAQ,EAAEtE,QAHZ;MAIE,KAAK,EAAEsE,IAJT;MAKE,OAAO,EAAEC;IALX,EADF,EAQGpB,KAAK,KAAK,KAAV,gBAAkB;MAAK,SAAS,EAAEM,mBAAA,CAAMgB;IAAtB,EAAlB,GAAsD,IARzD,CADF;EAYD,CAnBU,EAmBR1C,OAnBQ,CADd,GAqBG,IAtBN,CAzDF,eAiFE,0CACG,oBAAKe,eAAL,iBACC,6BAAC,kBAAD;IACE,IAAI,EAAEA,eADR;IAEE,OAAO,EAAEb,OAFX;IAGE,WAAW,EAAE;MAACyC,cAAc,EAAE;IAAjB;EAHf,EADD,gBAOC;IAAK,SAAS,EAAEjB,mBAAA,CAAMkB;EAAtB,gBACE;IAAK,SAAS,EAAElB,mBAAA,CAAMmB;EAAtB,GACG9D,SAAS,CAAC,2BAAD,EAA8B;IAAC4B;EAAD,CAA9B,CADZ,CADF,eAIE;IAAK,SAAS,EAAEe,mBAAA,CAAMoB;EAAtB,GACG/D,SAAS,CAAC,iCAAD,CADZ,CAJF,eAOE;IAAK,SAAS,EAAE2C,mBAAA,CAAMqB,4BAAtB;IAAoD,OAAO,EAAExB;EAA7D,GACGxC,SAAS,CAAC,kCAAD,CADZ,CAPF,CARJ,CAjFF,CADF;AAyGD,CA9JD;;AAgKAM,UAAU,CAACT,YAAX,GAA0B;EACxBR,IAAI,EAAES,iBAAA,CAASC,iBAAT,CAA2BV,IADT;EAExBW,SAAS,EAAEF,iBAAA,CAASC,iBAAT,CAA2BC;AAFd,CAA1B;AAKAM,UAAU,CAACL,SAAX,2CAAuB;EACrBM,OAAO,EAAEL,kBAAA,CAAU+D,KAAV,CAAgBC,kBAAA,CAAUjE,SAA1B,CADY;EAErBS,aAAa,EAAER,kBAAA,CAAUiE,MAFJ;EAGrB3D,OAAO,EAAEN,kBAAA,CAAU+D,KAAV,CAAgB;IACvBlD,QAAQ,EAAEb,kBAAA,CAAUG,IADG;IAEvBY,OAAO,EAAEf,kBAAA,CAAUkE,OAAV,CAAkBlE,kBAAA,CAAU+D,KAAV,CAAgBI,6BAAhB,CAAlB;EAFc,CAAhB,CAHY;EAOrB5D,OAAO,EAAEP,kBAAA,CAAU+D,KAAV,CAAgBK,eAAA,CAAOrE,SAAvB,CAPY;EAQrBU,mBAAmB,EAAET,kBAAA,CAAU+D,KAAV,CAAgB;IACnC7C,IAAI,EAAElB,kBAAA,CAAUqE,KAAV,CAAgB,CAAC,OAAD,EAAU,UAAV,CAAhB,CAD6B;IAEnCjD,MAAM,EAAEpB,kBAAA,CAAUG,IAFiB;IAGnCmB,cAAc,EAAEtB,kBAAA,CAAUE;EAHS,CAAhB,CARA;EAarBQ,MAAM,EAAEV,kBAAA,CAAU+D,KAAV,CAAgB;IACtBpD,QAAQ,EAAEX,kBAAA,CAAUC,MADE;IAEtBY,QAAQ,EAAEb,kBAAA,CAAUG;EAFE,CAAhB;AAba,CAAvB;eAmBeC,U"}