@coorpacademy/components 11.40.18 → 11.40.20

package/es/molecule/cm-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AA4CA,kDAqRC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AA4CA,kDA2RC"}

package/es/molecule/cm-popin/index.js

@@ -220,7 +220,12 @@ const CMPopin = props => {
       className: style.contentSection
     }, renderContentTitle(), descriptionText ? /*#__PURE__*/React.createElement("div", {
       className: style.descriptionText
-    }, descriptionText) : null), link ? /*#__PURE__*/React.createElement(Link, link) : null);
+      // eslint-disable-next-line react/no-danger
+      ,
+      dangerouslySetInnerHTML: {
+        __html: descriptionText
+      }
+    }) : null), link ? /*#__PURE__*/React.createElement(Link, link) : null);
   };
   const renderButtons = () => {
     if (!firstButton && !secondButton && !thirdButton) return null;

package/es/molecule/cm-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","useEffect","useMemo","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaSolidInterfaceFeedbackInterfaceAlertRounded","AlertIcon","map","isEmpty","classNames","Provider","ButtonLink","ButtonLinkIcon","InputSwitch","Title","CardsGrid","ListItems","Link","Icon","style","propTypes","LOGO","IconType","lockedContent","createElement","className","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","link","backgroundImageStyle","backgroundImage","backgroundSize","handleCloseButton","nodeRef","closePopin","e","current","contains","target","handleKeyDown","key","document","addEventListener","removeEventListener","wrapperPopinStyle","popin","popinCookie","popinFilesList","popinItems","buildIcon","LogoComponent","_extends","buildHeader","title","headerIcon","TopTitleIcon","Fragment","headerContent","headerBackground","src","cookieHeader","cookieIconContainer","cookieIcon","renderHeader","close","onCloseButton","onClick","size","popinHeader","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","itemsContainer","filesListContainer","renderContent","isCookieOrInformations","renderContentTitle","message","dangerouslySetInnerHTML","__html","cookieTitleContainer","titleContainer","contentSection","renderButtons","buttonContainer","largeButton","button","handleOnclick","background","ref","descriptionBtn","process","env","NODE_ENV","contextTypes","translate","childContextTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React, {useRef, useEffect, useMemo} from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon,\n  NovaSolidInterfaceFeedbackInterfaceAlertRounded as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Provider from '../../atom/provider';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport Link from '../../atom/link';\nimport Icon from '../../atom/icon';\nimport style from './style.css';\nimport propTypes from './types';\n\n// DEPRECATED\nconst LOGO = {\n  AlertDiamond,\n  WindowUpload,\n  MoonRocket,\n  CheckCircle1,\n  AlertIcon\n};\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items,\n    link\n  } = props;\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const handleCloseButton = useMemo(() => () => onClose(), [onClose]);\n  const nodeRef = useRef(null);\n  useEffect(() => {\n    if (mode === 'items') {\n      const closePopin = e => {\n        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n          handleCloseButton();\n        }\n      };\n      const handleKeyDown = e => {\n        if (e?.key === 'Escape') {\n          handleCloseButton();\n        }\n      };\n      document.addEventListener('click', closePopin);\n      document.addEventListener('touchstart', closePopin);\n      document.addEventListener('keydown', handleKeyDown);\n      return () => {\n        document.removeEventListener('click', closePopin);\n        document.removeEventListener('touchstart', closePopin);\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }\n  }, [handleCloseButton, mode, onClose]);\n\n  const wrapperPopinStyle = classNames(\n    style.popin,\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    mode === 'items' && style.popinItems\n  );\n\n  const buildIcon = () => {\n    if (typeof icon === 'string') {\n      const LogoComponent = LOGO[icon];\n      return LogoComponent ? <LogoComponent className={style.icon} /> : null;\n    }\n\n    return !isEmpty(icon) ? <Icon {...icon} className={style.icon} /> : null;\n  };\n\n  const buildHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n  };\n\n  const renderHeader = () => {\n    const headerContent = buildHeader();\n    const close = onClose ? (\n      <div className={style.onCloseButton}>\n        <ButtonLinkIcon\n          onClick={handleCloseButton}\n          data-name={'close-icon'}\n          aria-label={'close-icon'}\n          size=\"small\"\n          icon=\"close\"\n        />\n      </div>\n    ) : null;\n\n    if (isEmpty(headerContent) && isEmpty(close)) return null;\n\n    return (\n      <header className={style.popinHeader}>\n        {headerContent}\n        {close}\n      </header>\n    );\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    if (isEmpty(items)) return null;\n    const {type, list} = items;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n\n  const renderContent = () => {\n    if (mode === 'items' || mode === 'list') return;\n\n    const isCookieOrInformations = mode === 'cookie' || mode === 'information';\n    const renderContentTitle = () => {\n      if (!content) return null;\n\n      if (isCookieOrInformations)\n        return (\n          <p\n            className={mode === 'alert' ? style.content : style.message}\n            data-name={'cm-popin-content'}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        );\n\n      return (\n        <div className={mode === 'alert' ? style.content : style.message}>\n          <Title title={content} data-name={'cm-popin-content'} />\n        </div>\n      );\n    };\n\n    return (\n      <div className={isCookieOrInformations ? style.cookieTitleContainer : style.titleContainer}>\n        {buildIcon()}\n        <div className={style.contentSection}>\n          {renderContentTitle()}\n          {descriptionText ? <div className={style.descriptionText}>{descriptionText}</div> : null}\n        </div>\n        {link ? <Link {...link} /> : null}\n      </div>\n    );\n  };\n\n  const renderButtons = () => {\n    if (!firstButton && !secondButton && !thirdButton) return null;\n\n    return (\n      <div className={style.buttonContainer}>\n        {firstButton ? (\n          <div className={firstButton.largeButton ? style.largeButton : style.button}>\n            <ButtonLink\n              {...firstButton}\n              onClick={firstButton.handleOnclick}\n              data-name={'cm-popin-cta'}\n            />\n          </div>\n        ) : null}\n        {secondButton ? (\n          <div className={secondButton.largeButton ? style.largeButton : style.button}>\n            <ButtonLink\n              {...secondButton}\n              onClick={secondButton.handleOnclick}\n              data-name={`cm-popin-cta-${secondButton.type}`}\n            />\n          </div>\n        ) : null}\n        {thirdButton ? (\n          <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n            <ButtonLink\n              {...thirdButton}\n              onClick={thirdButton.handleOnclick}\n              data-name={`cm-popin-cta-${thirdButton.type}`}\n            />\n          </div>\n        ) : null}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle} ref={nodeRef}>\n        {renderHeader()}\n        {renderContent()}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderItems()}\n        {renderBtnSwitch()}\n        {renderButtons()}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\nCMPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default CMPopin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useRef","useEffect","useMemo","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaSolidInterfaceFeedbackInterfaceAlertRounded","AlertIcon","map","isEmpty","classNames","Provider","ButtonLink","ButtonLinkIcon","InputSwitch","Title","CardsGrid","ListItems","Link","Icon","style","propTypes","LOGO","IconType","lockedContent","createElement","className","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","link","backgroundImageStyle","backgroundImage","backgroundSize","handleCloseButton","nodeRef","closePopin","e","current","contains","target","handleKeyDown","key","document","addEventListener","removeEventListener","wrapperPopinStyle","popin","popinCookie","popinFilesList","popinItems","buildIcon","LogoComponent","_extends","buildHeader","title","headerIcon","TopTitleIcon","Fragment","headerContent","headerBackground","src","cookieHeader","cookieIconContainer","cookieIcon","renderHeader","close","onCloseButton","onClick","size","popinHeader","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","itemsContainer","filesListContainer","renderContent","isCookieOrInformations","renderContentTitle","message","dangerouslySetInnerHTML","__html","cookieTitleContainer","titleContainer","contentSection","renderButtons","buttonContainer","largeButton","button","handleOnclick","background","ref","descriptionBtn","process","env","NODE_ENV","contextTypes","translate","childContextTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React, {useRef, useEffect, useMemo} from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon,\n  NovaSolidInterfaceFeedbackInterfaceAlertRounded as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Provider from '../../atom/provider';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport Link from '../../atom/link';\nimport Icon from '../../atom/icon';\nimport style from './style.css';\nimport propTypes from './types';\n\n// DEPRECATED\nconst LOGO = {\n  AlertDiamond,\n  WindowUpload,\n  MoonRocket,\n  CheckCircle1,\n  AlertIcon\n};\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items,\n    link\n  } = props;\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const handleCloseButton = useMemo(() => () => onClose(), [onClose]);\n  const nodeRef = useRef(null);\n  useEffect(() => {\n    if (mode === 'items') {\n      const closePopin = e => {\n        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n          handleCloseButton();\n        }\n      };\n      const handleKeyDown = e => {\n        if (e?.key === 'Escape') {\n          handleCloseButton();\n        }\n      };\n      document.addEventListener('click', closePopin);\n      document.addEventListener('touchstart', closePopin);\n      document.addEventListener('keydown', handleKeyDown);\n      return () => {\n        document.removeEventListener('click', closePopin);\n        document.removeEventListener('touchstart', closePopin);\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }\n  }, [handleCloseButton, mode, onClose]);\n\n  const wrapperPopinStyle = classNames(\n    style.popin,\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    mode === 'items' && style.popinItems\n  );\n\n  const buildIcon = () => {\n    if (typeof icon === 'string') {\n      const LogoComponent = LOGO[icon];\n      return LogoComponent ? <LogoComponent className={style.icon} /> : null;\n    }\n\n    return !isEmpty(icon) ? <Icon {...icon} className={style.icon} /> : null;\n  };\n\n  const buildHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n  };\n\n  const renderHeader = () => {\n    const headerContent = buildHeader();\n    const close = onClose ? (\n      <div className={style.onCloseButton}>\n        <ButtonLinkIcon\n          onClick={handleCloseButton}\n          data-name={'close-icon'}\n          aria-label={'close-icon'}\n          size=\"small\"\n          icon=\"close\"\n        />\n      </div>\n    ) : null;\n\n    if (isEmpty(headerContent) && isEmpty(close)) return null;\n\n    return (\n      <header className={style.popinHeader}>\n        {headerContent}\n        {close}\n      </header>\n    );\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    if (isEmpty(items)) return null;\n    const {type, list} = items;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n\n  const renderContent = () => {\n    if (mode === 'items' || mode === 'list') return;\n\n    const isCookieOrInformations = mode === 'cookie' || mode === 'information';\n    const renderContentTitle = () => {\n      if (!content) return null;\n\n      if (isCookieOrInformations)\n        return (\n          <p\n            className={mode === 'alert' ? style.content : style.message}\n            data-name={'cm-popin-content'}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        );\n\n      return (\n        <div className={mode === 'alert' ? style.content : style.message}>\n          <Title title={content} data-name={'cm-popin-content'} />\n        </div>\n      );\n    };\n\n    return (\n      <div className={isCookieOrInformations ? style.cookieTitleContainer : style.titleContainer}>\n        {buildIcon()}\n        <div className={style.contentSection}>\n          {renderContentTitle()}\n          {descriptionText ? (\n            <div\n              className={style.descriptionText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: descriptionText}}\n            />\n          ) : null}\n        </div>\n        {link ? <Link {...link} /> : null}\n      </div>\n    );\n  };\n\n  const renderButtons = () => {\n    if (!firstButton && !secondButton && !thirdButton) return null;\n\n    return (\n      <div className={style.buttonContainer}>\n        {firstButton ? (\n          <div className={firstButton.largeButton ? style.largeButton : style.button}>\n            <ButtonLink\n              {...firstButton}\n              onClick={firstButton.handleOnclick}\n              data-name={'cm-popin-cta'}\n            />\n          </div>\n        ) : null}\n        {secondButton ? (\n          <div className={secondButton.largeButton ? style.largeButton : style.button}>\n            <ButtonLink\n              {...secondButton}\n              onClick={secondButton.handleOnclick}\n              data-name={`cm-popin-cta-${secondButton.type}`}\n            />\n          </div>\n        ) : null}\n        {thirdButton ? (\n          <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n            <ButtonLink\n              {...thirdButton}\n              onClick={thirdButton.handleOnclick}\n              data-name={`cm-popin-cta-${thirdButton.type}`}\n            />\n          </div>\n        ) : null}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle} ref={nodeRef}>\n        {renderHeader()}\n        {renderContent()}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderItems()}\n        {renderBtnSwitch()}\n        {renderButtons()}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\nCMPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default CMPopin;\n"],"mappings":"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","ignoreList":[]}

package/es/template/app-player/player/index.d.ts

@@ -2,7 +2,7 @@ export default SlidePlayer;
 declare function SlidePlayer(props: any): JSX.Element;
 declare namespace SlidePlayer {
     namespace propTypes {
-        const player: PropTypes.Requireable<PropTypes.InferProps<{
+        export const player: PropTypes.Requireable<PropTypes.InferProps<{
             cta: PropTypes.Requireable<PropTypes.InferProps<{
                 'aria-label': PropTypes.Requireable<string>;
                 submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -59,6 +59,10 @@ declare namespace SlidePlayer {
                         label: PropTypes.Validator<string>;
                     }> | null | undefined)[]>;
                 }>>;
+                help: PropTypes.Requireable<PropTypes.InferProps<{
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    title: PropTypes.Requireable<string>;
+                }>>;
             }>>;
             showNewMedia: PropTypes.Requireable<boolean>;
             showReviewLesson: PropTypes.Requireable<boolean>;
@@ -923,7 +927,8 @@ declare namespace SlidePlayer {
                 }>>;
             }>>;
         }>>;
-        const popin: PropTypes.Requireable<PropTypes.InferProps<{
+        export { TourGuideConfigPropType as tourguide };
+        export const popin: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;
             mode: PropTypes.Requireable<string>;
             header: PropTypes.Requireable<PropTypes.InferProps<{
@@ -1786,4 +1791,5 @@ declare namespace SlidePlayer {
 }
 import PropTypes from "prop-types";
 import React from "react";
+import { TourGuideConfigPropType } from "./tourguide";
 //# sourceMappingURL=index.d.ts.map

package/es/template/app-player/player/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/player/index.js"],"names":[],"mappings":";AAMA,sDAYC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/player/index.js"],"names":[],"mappings":";AAQA,sDAgBC"}

package/es/template/app-player/player/index.js

@@ -1,15 +1,19 @@
+import _size from "lodash/fp/size";
 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); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import CMPopin from '../../../molecule/cm-popin';
 import SlidesPlayer from './slides';
+import TourGuideManager, { TourGuideConfigPropType } from './tourguide';
 import style from './style.css';
 const SlidePlayer = props => {
   const {
     player,
+    tourguide,
     popin
   } = props;
   const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;
+  const hasTourguide = tourguide && _size(tourguide.steps) > 0;
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "slidePlayer",
     className: style.wrapper
@@ -22,10 +26,11 @@ const SlidePlayer = props => {
     }
   }), /*#__PURE__*/React.createElement(SlidesPlayer, _extends({}, player, {
     popinError: popin
-  })), popin ? /*#__PURE__*/React.createElement(CMPopin, popin) : null));
+  })), popin ? /*#__PURE__*/React.createElement(CMPopin, popin) : null), hasTourguide ? /*#__PURE__*/React.createElement(TourGuideManager, tourguide) : null);
 };
 SlidePlayer.propTypes = process.env.NODE_ENV !== "production" ? {
   player: PropTypes.shape(SlidesPlayer.propTypes),
+  tourguide: TourGuideConfigPropType,
   popin: PropTypes.shape(CMPopin.propTypes)
 } : {};
 export default SlidePlayer;

package/es/template/app-player/player/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","CMPopin","SlidesPlayer","style","SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","createElement","className","wrapper","playerWrapper","playerBackground","_extends","popinError","propTypes","process","env","NODE_ENV","shape"],"sources":["../../../../src/template/app-player/player/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CMPopin from '../../../molecule/cm-popin';\nimport SlidesPlayer from './slides';\nimport style from './style.css';\n\nconst SlidePlayer = props => {\n  const {player, popin} = props;\n  const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;\n  return (\n    <div data-name=\"slidePlayer\" className={style.wrapper}>\n      <div className={style.playerWrapper}>\n        <div className={style.playerBackground} style={{backgroundImage}} />\n        <SlidesPlayer {...player} popinError={popin} />\n        {popin ? <CMPopin {...popin} /> : null}\n      </div>\n    </div>\n  );\n};\n\nSlidePlayer.propTypes = {\n  player: PropTypes.shape(SlidesPlayer.propTypes),\n  popin: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidePlayer;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,4BAA4B;AAChD,OAAOC,YAAY,MAAM,UAAU;AACnC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,MAAM;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC7B,MAAMG,eAAe,GAAGF,MAAM,CAACG,aAAa,GAAG,OAAOH,MAAM,CAACG,aAAa,GAAG,GAAG,IAAI;EACpF,oBACEV,KAAA,CAAAW,aAAA;IAAK,aAAU,aAAa;IAACC,SAAS,EAAER,KAAK,CAACS;EAAQ,gBACpDb,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACU;EAAc,gBAClCd,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACW,gBAAiB;IAACX,KAAK,EAAE;MAACK;IAAe;EAAE,CAAE,CAAC,eACpET,KAAA,CAAAW,aAAA,CAACR,YAAY,EAAAa,QAAA,KAAKT,MAAM;IAAEU,UAAU,EAAET;EAAM,EAAE,CAAC,EAC9CA,KAAK,gBAAGR,KAAA,CAAAW,aAAA,CAACT,OAAO,EAAKM,KAAQ,CAAC,GAAG,IAC/B,CACF,CAAC;AAEV,CAAC;AAEDH,WAAW,CAACa,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBd,MAAM,EAAEN,SAAS,CAACqB,KAAK,CAACnB,YAAY,CAACe,SAAS,CAAC;EAC/CV,KAAK,EAAEP,SAAS,CAACqB,KAAK,CAACpB,OAAO,CAACgB,SAAS;AAC1C,CAAC;AAED,eAAeb,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","CMPopin","SlidesPlayer","TourGuideManager","TourGuideConfigPropType","style","SlidePlayer","props","player","tourguide","popin","backgroundImage","backgroundUrl","hasTourguide","_size","steps","createElement","className","wrapper","playerWrapper","playerBackground","_extends","popinError","propTypes","process","env","NODE_ENV","shape"],"sources":["../../../../src/template/app-player/player/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {size} from 'lodash/fp';\nimport CMPopin from '../../../molecule/cm-popin';\nimport SlidesPlayer from './slides';\nimport TourGuideManager, {TourGuideConfigPropType} from './tourguide';\nimport style from './style.css';\n\nconst SlidePlayer = props => {\n  const {player, tourguide, popin} = props;\n  const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;\n\n  const hasTourguide = tourguide && size(tourguide.steps) > 0;\n\n  return (\n    <div data-name=\"slidePlayer\" className={style.wrapper}>\n      <div className={style.playerWrapper}>\n        <div className={style.playerBackground} style={{backgroundImage}} />\n        <SlidesPlayer {...player} popinError={popin} />\n        {popin ? <CMPopin {...popin} /> : null}\n      </div>\n      {hasTourguide ? <TourGuideManager {...tourguide} /> : null}\n    </div>\n  );\n};\n\nSlidePlayer.propTypes = {\n  player: PropTypes.shape(SlidesPlayer.propTypes),\n  tourguide: TourGuideConfigPropType,\n  popin: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidePlayer;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,OAAO,MAAM,4BAA4B;AAChD,OAAOC,YAAY,MAAM,UAAU;AACnC,OAAOC,gBAAgB,IAAGC,uBAAuB,QAAO,aAAa;AACrE,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,MAAM;IAAEC,SAAS;IAAEC;EAAK,CAAC,GAAGH,KAAK;EACxC,MAAMI,eAAe,GAAGH,MAAM,CAACI,aAAa,GAAG,OAAOJ,MAAM,CAACI,aAAa,GAAG,GAAG,IAAI;EAEpF,MAAMC,YAAY,GAAGJ,SAAS,IAAIK,KAAA,CAAKL,SAAS,CAACM,KAAK,CAAC,GAAG,CAAC;EAE3D,oBACEhB,KAAA,CAAAiB,aAAA;IAAK,aAAU,aAAa;IAACC,SAAS,EAAEZ,KAAK,CAACa;EAAQ,gBACpDnB,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACc;EAAc,gBAClCpB,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACe,gBAAiB;IAACf,KAAK,EAAE;MAACM;IAAe;EAAE,CAAE,CAAC,eACpEZ,KAAA,CAAAiB,aAAA,CAACd,YAAY,EAAAmB,QAAA,KAAKb,MAAM;IAAEc,UAAU,EAAEZ;EAAM,EAAE,CAAC,EAC9CA,KAAK,gBAAGX,KAAA,CAAAiB,aAAA,CAACf,OAAO,EAAKS,KAAQ,CAAC,GAAG,IAC/B,CAAC,EACLG,YAAY,gBAAGd,KAAA,CAAAiB,aAAA,CAACb,gBAAgB,EAAKM,SAAY,CAAC,GAAG,IACnD,CAAC;AAEV,CAAC;AAEDH,WAAW,CAACiB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBlB,MAAM,EAAER,SAAS,CAAC2B,KAAK,CAACzB,YAAY,CAACqB,SAAS,CAAC;EAC/Cd,SAAS,EAAEL,uBAAuB;EAClCM,KAAK,EAAEV,SAAS,CAAC2B,KAAK,CAAC1B,OAAO,CAACsB,SAAS;AAC1C,CAAC;AAED,eAAejB,WAAW","ignoreList":[]}

package/es/template/app-player/player/slides/header/index.d.ts

@@ -24,6 +24,10 @@ declare namespace SlidesHeader {
                 label: PropTypes.Validator<string>;
             }> | null | undefined)[]>;
         }>>;
+        const help: PropTypes.Requireable<PropTypes.InferProps<{
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            title: PropTypes.Requireable<string>;
+        }>>;
     }
 }
 import PropTypes from "prop-types";

package/es/template/app-player/player/slides/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"names":[],"mappings":";AAoFA,4EAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"names":[],"mappings":";AAqFA,4EA8BC"}

package/es/template/app-player/player/slides/header/index.js

@@ -6,6 +6,7 @@ import _map from "lodash/fp/map";
 import React from 'react';
 import PropTypes from 'prop-types';
 import Link from '../../../../../atom/link';
+import Icon from '../../../../../atom/icon';
 import ButtonMenuAction from '../../../../../molecule/button-menu-action';
 import { COLORS } from '../../../../../variables/colors';
 import Learner from './learner';
@@ -98,8 +99,10 @@ const SlidesHeader = (props = {}, context = undefined) => {
     subcontent,
     lives,
     mode,
-    multiLang
+    multiLang,
+    help
   } = props;
+  const handleHelpClick = help?.onClick ?? null;
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "slidesHeader",
     className: style.wrapper
@@ -110,9 +113,22 @@ const SlidesHeader = (props = {}, context = undefined) => {
   }) : null, type === HEADER_TYPE.MICROLEARNING ? /*#__PURE__*/React.createElement(Microlearning, {
     content: content,
     mode: mode
-  }) : null, _pipe(_getOr([], 'supportedLangs'), _size)(multiLang) <= 1 ? null : /*#__PURE__*/React.createElement(ButtonMenuAction, buttonMenuActionProps(multiLang)), lives ? /*#__PURE__*/React.createElement(Lives, {
+  }) : null, /*#__PURE__*/React.createElement("div", {
+    className: style.actions
+  }, _pipe(_getOr([], 'supportedLangs'), _size)(multiLang) <= 1 ? null : /*#__PURE__*/React.createElement(ButtonMenuAction, buttonMenuActionProps(multiLang)), help && help.onClick ? /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    title: help.title,
+    className: style.helpButton,
+    onClick: handleHelpClick,
+    "aria-label": help.title,
+    "data-name": "help-button"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    iconName: "circle-question",
+    iconColor: COLORS.cm_primary_blue,
+    preset: "xl"
+  })) : null, lives ? /*#__PURE__*/React.createElement(Lives, {
     count: lives.count
-  }) : null);
+  }) : null));
 };
 SlidesHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),
@@ -134,6 +150,10 @@ SlidesHeader.propTypes = process.env.NODE_ENV !== "production" ? {
       code: PropTypes.string.isRequired,
       label: PropTypes.string.isRequired
     }))
+  }),
+  help: PropTypes.shape({
+    onClick: PropTypes.func,
+    title: PropTypes.string
   })
 } : {};
 export default SlidesHeader;

package/es/template/app-player/player/slides/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Link","ButtonMenuAction","COLORS","Learner","Microlearning","Lives","style","HEADER_TYPE","LEARNER","MICROLEARNING","STYLE_CHECKED","icon","position","faIcon","name","color","white","backgroundColor","cm_primary_blue","size","customStyle","padding","height","width","cm_blue_50","contentCustomStyle","justifyContent","buttonMenuActionProps","multiLangOptions","currentLang","supportedLangs","onClick","button","type","label","_upperCase","neutral_700","neutral_500","fontWeight","withChevron","menu","buttons","_map","code","disabled","menuWrapper","maxHeight","SlidesHeader","props","context","undefined","content","subcontent","lives","mode","multiLang","createElement","className","wrapper","_pipe","_getOr","_size","count","propTypes","process","env","NODE_ENV","oneOf","shape","href","title","string","isRequired","details","func","arrayOf"],"sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, upperCase, size, pipe, getOr} from 'lodash/fp';\nimport Link from '../../../../../atom/link';\nimport ButtonMenuAction from '../../../../../molecule/button-menu-action';\nimport {COLORS} from '../../../../../variables/colors';\nimport Learner from './learner';\nimport Microlearning from './microlearning';\nimport Lives from './lives';\nimport style from './style.css'; // eslint-disable-line css-modules/no-unused-class\n\nconst HEADER_TYPE = {\n  LEARNER: 'learner',\n  MICROLEARNING: 'microlearning'\n};\n\nconst STYLE_CHECKED = {\n  icon: {\n    position: 'right',\n    faIcon: {\n      name: 'check',\n      color: COLORS.white,\n      backgroundColor: COLORS.cm_primary_blue,\n      size: 10,\n      customStyle: {\n        padding: '0px',\n        height: '16px',\n        width: '16px'\n      }\n    }\n  },\n  customStyle: {backgroundColor: COLORS.cm_blue_50},\n  contentCustomStyle: {\n    width: '100%',\n    justifyContent: 'space-between'\n  }\n};\n\nconst buttonMenuActionProps = multiLangOptions => {\n  const {currentLang = 'en', supportedLangs = [], onClick} = multiLangOptions;\n\n  return {\n    button: {\n      type: 'text',\n      label: upperCase(currentLang),\n      'aria-label': `${currentLang}-button`,\n      'data-name': 'button-multi-lang',\n      // no need specific function on click\n      // (visibility) open/close menu is handle in the component ButtonMenuAction itself\n      onClick: () => null,\n      icon: {\n        position: 'left',\n        faIcon: {\n          name: 'globe',\n          color: COLORS.neutral_700,\n          size: 14\n        }\n      },\n      customStyle: {\n        width: 'fit-content',\n        color: COLORS.neutral_500,\n        fontWeight: 600\n      },\n      withChevron: true\n    },\n    menu: {\n      buttons: map(\n        ({code, label}) => ({\n          ...(currentLang === code ? STYLE_CHECKED : {}),\n          type: 'defaultLeft',\n          onClick: () => onClick(code),\n          label,\n          'data-name': `${code}-button`,\n          disabled: false\n        }),\n        supportedLangs\n      )\n    },\n    menuWrapper: {\n      customStyle: {maxHeight: '248px', width: '209px'}\n    }\n  };\n};\n\nconst SlidesHeader = (props = {}, context = undefined) => {\n  const {type, content, subcontent, lives, mode, multiLang} = props;\n\n  return (\n    <div data-name=\"slidesHeader\" className={style.wrapper}>\n      {type === HEADER_TYPE.LEARNER ? (\n        <Learner content={content} subcontent={subcontent} mode={mode} />\n      ) : null}\n      {type === HEADER_TYPE.MICROLEARNING ? <Microlearning content={content} mode={mode} /> : null}\n      {pipe(getOr([], 'supportedLangs'), size)(multiLang) <= 1 ? null : (\n        <ButtonMenuAction {...buttonMenuActionProps(multiLang)} />\n      )}\n      {lives ? <Lives count={lives.count} /> : null}\n    </div>\n  );\n};\n\nSlidesHeader.propTypes = {\n  type: PropTypes.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),\n  content: PropTypes.shape({\n    href: Link.propTypes.href,\n    title: PropTypes.string.isRequired,\n    details: PropTypes.string\n  }),\n  subcontent: PropTypes.shape({\n    title: PropTypes.string,\n    details: PropTypes.string\n  }),\n  lives: PropTypes.shape(Lives.propTypes),\n  mode: PropTypes.string,\n  multiLang: PropTypes.shape({\n    onClick: PropTypes.func,\n    currentLang: PropTypes.string,\n    supportedLangs: PropTypes.arrayOf(\n      PropTypes.shape({\n        code: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired\n      })\n    )\n  })\n};\n\nexport default SlidesHeader;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Link","Icon","ButtonMenuAction","COLORS","Learner","Microlearning","Lives","style","HEADER_TYPE","LEARNER","MICROLEARNING","STYLE_CHECKED","icon","position","faIcon","name","color","white","backgroundColor","cm_primary_blue","size","customStyle","padding","height","width","cm_blue_50","contentCustomStyle","justifyContent","buttonMenuActionProps","multiLangOptions","currentLang","supportedLangs","onClick","button","type","label","_upperCase","neutral_700","neutral_500","fontWeight","withChevron","menu","buttons","_map","code","disabled","menuWrapper","maxHeight","SlidesHeader","props","context","undefined","content","subcontent","lives","mode","multiLang","help","handleHelpClick","createElement","className","wrapper","actions","_pipe","_getOr","_size","title","helpButton","iconName","iconColor","preset","count","propTypes","process","env","NODE_ENV","oneOf","shape","href","string","isRequired","details","func","arrayOf"],"sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, upperCase, size, pipe, getOr} from 'lodash/fp';\nimport Link from '../../../../../atom/link';\nimport Icon from '../../../../../atom/icon';\nimport ButtonMenuAction from '../../../../../molecule/button-menu-action';\nimport {COLORS} from '../../../../../variables/colors';\nimport Learner from './learner';\nimport Microlearning from './microlearning';\nimport Lives from './lives';\nimport style from './style.css'; // eslint-disable-line css-modules/no-unused-class\n\nconst HEADER_TYPE = {\n  LEARNER: 'learner',\n  MICROLEARNING: 'microlearning'\n};\n\nconst STYLE_CHECKED = {\n  icon: {\n    position: 'right',\n    faIcon: {\n      name: 'check',\n      color: COLORS.white,\n      backgroundColor: COLORS.cm_primary_blue,\n      size: 10,\n      customStyle: {\n        padding: '0px',\n        height: '16px',\n        width: '16px'\n      }\n    }\n  },\n  customStyle: {backgroundColor: COLORS.cm_blue_50},\n  contentCustomStyle: {\n    width: '100%',\n    justifyContent: 'space-between'\n  }\n};\n\nconst buttonMenuActionProps = multiLangOptions => {\n  const {currentLang = 'en', supportedLangs = [], onClick} = multiLangOptions;\n\n  return {\n    button: {\n      type: 'text',\n      label: upperCase(currentLang),\n      'aria-label': `${currentLang}-button`,\n      'data-name': 'button-multi-lang',\n      // no need specific function on click\n      // (visibility) open/close menu is handle in the component ButtonMenuAction itself\n      onClick: () => null,\n      icon: {\n        position: 'left',\n        faIcon: {\n          name: 'globe',\n          color: COLORS.neutral_700,\n          size: 14\n        }\n      },\n      customStyle: {\n        width: 'fit-content',\n        color: COLORS.neutral_500,\n        fontWeight: 600\n      },\n      withChevron: true\n    },\n    menu: {\n      buttons: map(\n        ({code, label}) => ({\n          ...(currentLang === code ? STYLE_CHECKED : {}),\n          type: 'defaultLeft',\n          onClick: () => onClick(code),\n          label,\n          'data-name': `${code}-button`,\n          disabled: false\n        }),\n        supportedLangs\n      )\n    },\n    menuWrapper: {\n      customStyle: {maxHeight: '248px', width: '209px'}\n    }\n  };\n};\n\nconst SlidesHeader = (props = {}, context = undefined) => {\n  const {type, content, subcontent, lives, mode, multiLang, help} = props;\n  const handleHelpClick = help?.onClick ?? null;\n\n  return (\n    <div data-name=\"slidesHeader\" className={style.wrapper}>\n      {type === HEADER_TYPE.LEARNER ? (\n        <Learner content={content} subcontent={subcontent} mode={mode} />\n      ) : null}\n      {type === HEADER_TYPE.MICROLEARNING ? <Microlearning content={content} mode={mode} /> : null}\n      <div className={style.actions}>\n        {pipe(getOr([], 'supportedLangs'), size)(multiLang) <= 1 ? null : (\n          <ButtonMenuAction {...buttonMenuActionProps(multiLang)} />\n        )}\n        {help && help.onClick ? (\n          <button\n            type=\"button\"\n            title={help.title}\n            className={style.helpButton}\n            onClick={handleHelpClick}\n            aria-label={help.title}\n            data-name=\"help-button\"\n          >\n            <Icon iconName=\"circle-question\" iconColor={COLORS.cm_primary_blue} preset=\"xl\" />\n          </button>\n        ) : null}\n        {lives ? <Lives count={lives.count} /> : null}\n      </div>\n    </div>\n  );\n};\n\nSlidesHeader.propTypes = {\n  type: PropTypes.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),\n  content: PropTypes.shape({\n    href: Link.propTypes.href,\n    title: PropTypes.string.isRequired,\n    details: PropTypes.string\n  }),\n  subcontent: PropTypes.shape({\n    title: PropTypes.string,\n    details: PropTypes.string\n  }),\n  lives: PropTypes.shape(Lives.propTypes),\n  mode: PropTypes.string,\n  multiLang: PropTypes.shape({\n    onClick: PropTypes.func,\n    currentLang: PropTypes.string,\n    supportedLangs: PropTypes.arrayOf(\n      PropTypes.shape({\n        code: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired\n      })\n    )\n  }),\n  help: PropTypes.shape({\n    onClick: PropTypes.func,\n    title: PropTypes.string\n  })\n};\n\nexport default SlidesHeader;\n"],"mappings":"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","ignoreList":[]}

package/es/template/app-player/player/slides/header/style.css

@@ -1,5 +1,5 @@
 @value colors: "../../../../../variables/colors.css";
-@value light from colors;
+@value light, cm_primary_blue from colors;
 
 .wrapper {
   width: 100%;
@@ -11,6 +11,23 @@
   align-items: center;
 }
 
+.actions {
+  display: flex;
+  align-items: center;
+  gap: 0px;
+  margin: 0px;
+}
+
+.helpButton {
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  padding: 10px;
+  display: flex;
+  align-items: center;
+  color: cm_primary_blue;
+}
+
 .backIcon {
   width: 16px;
   height: 16px;

package/es/template/app-player/player/slides/index.d.ts

@@ -65,6 +65,10 @@ declare namespace SlidesPlayer {
                     label: PropTypes.Validator<string>;
                 }> | null | undefined)[]>;
             }>>;
+            help: PropTypes.Requireable<PropTypes.InferProps<{
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                title: PropTypes.Requireable<string>;
+            }>>;
         }>>;
         export const showNewMedia: PropTypes.Requireable<boolean>;
         export const showReviewLesson: PropTypes.Requireable<boolean>;

package/es/template/app-player/player/slides/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AA+aA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1ID;;uBAyBC;;;;;;;;;;;;;;;;;;;;;;;;;AArPD;;;gBAaC;;;;;;;;;;;;;;AAyDD;;;;gBAEC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlHD,oEAQC;;;;;;;;;AAgND;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AAibA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5ID;;uBAyBC;;;;;;;;;;;;;;;;;;;;;;;;;AArPD;;;gBAaC;;;;;;;;;;;;;;AAyDD;;;;gBAEC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlHD,oEAQC;;;;;;;;;AAgND;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}

package/es/template/app-player/player/slides/index.js

@@ -353,7 +353,10 @@ const ContentLayout = (props, context) => {
   const ContentType = CONTENT_TYPE[selectedTab];
   const noPaddingRessources = ContentType === MediaContent ? `${style.contentWrapperNoPadding}` : `${style.contentWrapper}`;
   return /*#__PURE__*/React.createElement("div", {
+    className: style.slideWrapper
+  }, /*#__PURE__*/React.createElement("div", {
     className: noPaddingRessources,
+    "data-name": "slide",
     style: {
       backgroundColor: 'white'
     }
@@ -367,7 +370,7 @@ const ContentLayout = (props, context) => {
     }
   }), help && selectedTab === 'answer' && type !== 'qcmDrag' ? /*#__PURE__*/React.createElement(Help, {
     help: help
-  }) : null, /*#__PURE__*/React.createElement(ContentType, props), /*#__PURE__*/React.createElement(ValidateButton, props));
+  }) : null, /*#__PURE__*/React.createElement(ContentType, props), /*#__PURE__*/React.createElement(ValidateButton, props)));
 };
 ContentLayout.contextTypes = {
   translate: Provider.childContextTypes.translate,

package/es/template/app-player/player/slides/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","PropTypes","classnames","ColorPropType","SrcPropType","Cta","Picture","Provider","Clue","Answer","Loader","Swapper","VideoPlayer","PDF","Audio","ResourceBrowser","CMPopin","Footer","Header","style","MediaView","media","createElement","className","contextMedia","src","propTypes","process","env","NODE_ENV","ClueContent","props","context","text","starsDiff","onClickSeeClue","clueWrapper","onClick","string","number","func","Bar","total","color","current","_current","_max","stepWidth","stepBar","backgroundColor","width","isRequired","Step","step","stepCount","stepWrapper","_extends","shape","NewMedia","translate","_get","guideWrapper","newMedia","contextTypes","childContextTypes","ReviewLesson","reviewLesson","AnswerContent","answerType","help","question","MediaContent","resources","starsToWin","count","Math","abs","resourcesWrapper","stars","ContextImage","images","map","url","_id","key","arrayOf","ContextVideo","videos","videoId","childProps","_omit","id","autoplay","CONTEXT_MEDIA","img","pdf","audio","video","ContextMedia","ContentType","type","contextWrapper","contextPdfWrapper","contextAudioWrapper","oneOfType","oneOf","ContextContent","slideContext","descriptionParagraphs","_pipe","_getOr","_split","_compact","paragraphs","paragraph","index","contextDescription","innerHTML","dangerouslySetInnerHTML","__html","title","description","CONTENT_TYPE","answer","clue","Help","helpView","ValidateButton","cta","disabled","_isEmpty","keyDownHandler","event","preventDefault","document","addEventListener","removeEventListener","ctaWrapper","ContentLayout","typeClue","selectedTab","model","noPaddingRessources","contentWrapperNoPadding","contentWrapper","contextTitle","skin","_keys","LoadingLayout","popinError","loading","LoadedLayout","ErrorMessage","errorMsg","error","Content","bool","SlidesPlayer","header","buttons","showNewMedia","showReviewLesson","stepColor","mediaButton","_find","_identity","wrapper","contentProgression","TYPE","backgroundUrl"],"sources":["../../../../../src/template/app-player/player/slides/index.js"],"sourcesContent":["import React, {useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  compact,\n  find,\n  get,\n  getOr,\n  keys,\n  omit,\n  identity,\n  max,\n  pipe,\n  split,\n  isEmpty\n} from 'lodash/fp';\nimport {ColorPropType, SrcPropType} from '../../../../util/proptypes';\nimport Cta from '../../../../atom/cta';\nimport Picture from '../../../../atom/picture';\nimport Provider from '../../../../atom/provider';\nimport Clue from '../../../../atom/clue';\nimport Answer from '../../../../molecule/answer';\nimport Loader from '../../../../atom/loader';\nimport Swapper from '../../../../hoc/swapper';\nimport VideoPlayer from '../../../../molecule/video-player';\nimport PDF from '../../../../molecule/pdf';\nimport Audio from '../../../../molecule/audio';\nimport ResourceBrowser from '../../../../organism/resource-browser';\nimport CMPopin from '../../../../molecule/cm-popin';\nimport Footer from './footer';\nimport Header from './header';\nimport style from './style.css';\n\nconst MediaView = ({media}) => {\n  return (\n    <div className={style.contextMedia}>\n      <Picture src={media} />\n    </div>\n  );\n};\n\nMediaView.propTypes = {\n  media: Picture.propTypes.src\n};\n\n/*\n * Content types\n */\n\nconst ClueContent = (props, context) => {\n  const {text, starsDiff, onClickSeeClue} = props;\n\n  return (\n    <div className={style.clueWrapper}>\n      <Clue text={text} starsDiff={starsDiff} onClick={onClickSeeClue} />\n    </div>\n  );\n};\n\nClueContent.propTypes = {\n  text: PropTypes.string,\n  starsDiff: PropTypes.number,\n  onClickSeeClue: PropTypes.func\n};\n\nconst Bar = ({total, color, current}) => {\n  const _current = max([current, 0]);\n\n  if (!total) {\n    return null;\n  }\n\n  const stepWidth = (_current / total) * 100;\n\n  return (\n    <div\n      className={style.stepBar}\n      style={{\n        backgroundColor: color,\n        width: `${stepWidth}%`\n      }}\n    />\n  );\n};\n\nBar.propTypes = {\n  current: PropTypes.number.isRequired,\n  total: PropTypes.number,\n  color: ColorPropType\n};\n\nconst Step = ({step, color}) => {\n  return (\n    <div data-name=\"step\">\n      <div data-name=\"counter\" className={style.stepCount}>\n        <span style={{color}}>{step.current}</span>/{step.total}\n      </div>\n      <div className={style.stepWrapper}>\n        <Swapper {...step} color={color} current={step.current - 1}>\n          <Bar {...step} color={color} />\n        </Swapper>\n      </div>\n    </div>\n  );\n};\n\nStep.propTypes = {\n  step: PropTypes.shape({\n    current: Bar.propTypes.current,\n    total: Bar.propTypes.total\n  }),\n  color: ColorPropType\n};\n\nconst NewMedia = (props, context) => {\n  const {translate} = context;\n  const {onClick, step} = props;\n  const current = get('current', step);\n  return (\n    <div\n      className={`${style.guideWrapper} ${style.newMedia}`}\n      onClick={onClick}\n      data-name=\"newMedia\"\n    >\n      <span>{translate(step === null || current === 1 ? 'See lesson' : 'New media')}</span>\n    </div>\n  );\n};\n\nNewMedia.propTypes = {\n  onClick: PropTypes.func,\n  step: Step.propTypes.step\n};\n\nNewMedia.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ReviewLesson = (props, context) => {\n  const {translate} = context;\n  const {onClick} = props;\n\n  return (\n    <div\n      className={`${style.guideWrapper} ${style.reviewLesson}`}\n      onClick={onClick}\n      data-name=\"reviewLesson\"\n    >\n      <span>{translate('Review lesson')}</span>\n    </div>\n  );\n};\n\nReviewLesson.propTypes = {\n  onClick: PropTypes.func\n};\n\nReviewLesson.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst AnswerContent = ({answerType, help, question}) => (\n  <Answer {...answerType} question={question} help={help} />\n);\n\nAnswerContent.propTypes = {\n  answerType: PropTypes.shape(Answer.propTypes),\n  help: PropTypes.string,\n  question: PropTypes.string\n};\n\nconst MediaContent = (props, context) => {\n  const {resources, starsDiff} = props;\n  const {translate} = context;\n  const starsToWin = translate('media_stars_to_win', {\n    count: Math.abs(starsDiff)\n  });\n\n  return (\n    <div className={style.resourcesWrapper}>\n      <ResourceBrowser resources={resources} />\n      <div className={style.stars}>{starsToWin}</div>\n    </div>\n  );\n};\n\nMediaContent.propTypes = {\n  resources: ResourceBrowser.propTypes.resources,\n  starsDiff: PropTypes.number\n};\n\nMediaContent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ContextImage = ({src}) => {\n  const images = src.map(({url, _id}) => <MediaView key={_id} media={url} />);\n  return <div>{images}</div>;\n};\n\nContextImage.propTypes = {\n  src: PropTypes.arrayOf(\n    PropTypes.shape({\n      _id: PropTypes.string,\n      url: PropTypes.string\n    })\n  )\n};\n\nconst ContextVideo = props => {\n  const {src} = props;\n  const videos = src.map(({videoId, ...childProps}) => (\n    <VideoPlayer {...omit('id', childProps)} id={videoId} key={videoId} autoplay={false} />\n  ));\n  return <div>{videos}</div>;\n};\n\nContextVideo.propTypes = {\n  src: PropTypes.arrayOf(PropTypes.shape(VideoPlayer.propTypes))\n};\n\nconst CONTEXT_MEDIA = {\n  img: ContextImage,\n  pdf: PDF,\n  audio: Audio,\n  video: ContextVideo\n};\n\nconst ContextMedia = ({media}) => {\n  const ContentType = CONTEXT_MEDIA[media.type];\n  return (\n    <div\n      data-name=\"contextMedia\"\n      className={classnames(\n        style.contextWrapper,\n        media.type === 'pdf' ? style.contextPdfWrapper : null,\n        media.type === 'audio' ? style.contextAudioWrapper : null\n      )}\n    >\n      <ContentType {...media} />\n    </div>\n  );\n};\n\nContextMedia.propTypes = {\n  media: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...ContextImage.propTypes,\n      type: PropTypes.oneOf(['img'])\n    }),\n    PropTypes.shape({\n      ...PDF.propTypes,\n      type: PropTypes.oneOf(['pdf'])\n    }),\n    PropTypes.shape({\n      ...Audio.propTypes,\n      type: PropTypes.oneOf(['audio'])\n    }),\n    PropTypes.shape({\n      ...ContextVideo.propTypes,\n      type: PropTypes.oneOf(['video'])\n    })\n  ])\n};\n\nconst ContextContent = ({slideContext}) => {\n  const descriptionParagraphs = pipe(getOr('', 'description'), split('\\n'), compact)(slideContext);\n  const paragraphs = descriptionParagraphs.map((paragraph, index) => (\n    <p\n      key={index}\n      data-name=\"contextDescription\"\n      className={classnames(style.contextDescription, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: paragraph}}\n    />\n  ));\n  return (\n    <div className={style.context}>\n      {get('media.type', slideContext) ? <ContextMedia media={slideContext.media} /> : null}\n      {paragraphs}\n    </div>\n  );\n};\n\nContextContent.propTypes = {\n  slideContext: PropTypes.shape({\n    title: PropTypes.string,\n    description: PropTypes.string,\n    media: PropTypes.shape(ContextMedia.propTypes)\n  })\n};\n\nconst CONTENT_TYPE = {\n  answer: AnswerContent,\n  clue: ClueContent,\n  context: ContextContent,\n  media: MediaContent\n};\n\nconst Help = ({help}) => (\n  <div\n    className={classnames(style.helpView, style.innerHTML)}\n    // eslint-disable-next-line react/no-danger\n    dangerouslySetInnerHTML={{__html: help}}\n  />\n);\n\nHelp.propTypes = {\n  help: PropTypes.string\n};\n\nconst ValidateButton = ({cta = {}}) => {\n  const {disabled} = cta;\n\n  useEffect(() => {\n    if (isEmpty(cta)) return;\n\n    const keyDownHandler = event => {\n      if (event.key === 'Enter' || (event.key === ' ' && disabled)) {\n        event.preventDefault();\n      }\n    };\n    document.addEventListener('keydown', keyDownHandler);\n    return () => {\n      document.removeEventListener('keydown', keyDownHandler);\n    };\n  }, [disabled, cta]);\n\n  if (isEmpty(cta)) {\n    return null;\n  }\n  return (\n    <div className={style.ctaWrapper}>\n      <Cta {...cta} className={style.cta} />\n    </div>\n  );\n};\n\nValidateButton.propTypes = {\n  cta: PropTypes.shape(Cta.propTypes)\n};\n\nconst ContentLayout = (props, context) => {\n  const {\n    typeClue: selectedTab,\n    answerType: {model: {type} = {}} = {},\n    question,\n    help,\n    slideContext\n  } = props;\n  const ContentType = CONTENT_TYPE[selectedTab];\n  const noPaddingRessources =\n    ContentType === MediaContent ? `${style.contentWrapperNoPadding}` : `${style.contentWrapper}`;\n\n  return (\n    <div className={noPaddingRessources} style={{backgroundColor: 'white'}}>\n      <div\n        data-name=\"question\"\n        className={classnames(\n          selectedTab === 'context' ? style.contextTitle : style.question,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{\n          __html: selectedTab === 'context' ? slideContext.title : question\n        }}\n      />\n      {help && selectedTab === 'answer' && type !== 'qcmDrag' ? <Help help={help} /> : null}\n      <ContentType {...props} />\n      <ValidateButton {...props} />\n    </div>\n  );\n};\n\nContentLayout.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nContentLayout.propTypes = {\n  typeClue: PropTypes.oneOf(keys(CONTENT_TYPE)),\n  question: PropTypes.string,\n  ...ValidateButton.propTypes\n};\n\n/*\n * Loading\n */\n\nconst LoadingLayout = ({popinError}) => (\n  <div className={style.loading}>{popinError ? <CMPopin {...popinError} /> : <Loader />}</div>\n);\n\nLoadingLayout.propTypes = {\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nconst LoadedLayout = ({question, step, ...props}) => {\n  return question ? <ContentLayout {...props} question={question} /> : <LoadingLayout {...props} />;\n};\n\nLoadedLayout.propTypes = {\n  ...ContentLayout.propTypes,\n  question: ContentLayout.propTypes.question\n};\n\n/*\n * Errors\n */\n\nconst ErrorMessage = ({errorMsg}) => (\n  <div className={style.contentWrapper}>\n    <div className={style.error}>{errorMsg}</div>\n  </div>\n);\n\nErrorMessage.propTypes = {\n  errorMsg: PropTypes.string\n};\n\nconst Content = ({error, ...props}) =>\n  error ? <ErrorMessage {...props} /> : <LoadedLayout {...props} />;\n\nContent.propTypes = {\n  error: PropTypes.bool\n};\n\n/*\n * SlidesPlayer\n */\n\nconst SlidesPlayer = (props, context) => {\n  const {header, step, buttons, showNewMedia = false, showReviewLesson = false} = props;\n  const {skin} = context;\n  const stepColor = get('common.primary', skin);\n  const mediaButton = find({type: 'media'}, buttons) || {};\n  const {onClick = identity} = mediaButton;\n  return (\n    <div className={style.wrapper} data-name=\"slidesPlayer\">\n      {header ? <Header {...header} /> : null}\n      <div className={style.contentProgression}>\n        {step ? <Step step={step} color={stepColor} /> : null}\n        {showNewMedia && !showReviewLesson ? <NewMedia onClick={onClick} step={step} /> : null}\n        {showReviewLesson && !showNewMedia ? <ReviewLesson onClick={onClick} /> : null}\n        <Content {...props} />\n      </div>\n      <Footer buttons={buttons} />\n    </div>\n  );\n};\n\nSlidesPlayer.TYPE = CONTENT_TYPE;\n\nSlidesPlayer.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSlidesPlayer.propTypes = {\n  cta: ValidateButton.propTypes.cta,\n  step: Step.propTypes.step,\n  buttons: Footer.propTypes.buttons,\n  header: PropTypes.shape(Header.propTypes),\n  showNewMedia: PropTypes.bool,\n  showReviewLesson: PropTypes.bool,\n  backgroundUrl: SrcPropType,\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidesPlayer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useEffect","PropTypes","classnames","ColorPropType","SrcPropType","Cta","Picture","Provider","Clue","Answer","Loader","Swapper","VideoPlayer","PDF","Audio","ResourceBrowser","CMPopin","Footer","Header","style","MediaView","media","createElement","className","contextMedia","src","propTypes","process","env","NODE_ENV","ClueContent","props","context","text","starsDiff","onClickSeeClue","clueWrapper","onClick","string","number","func","Bar","total","color","current","_current","_max","stepWidth","stepBar","backgroundColor","width","isRequired","Step","step","stepCount","stepWrapper","_extends","shape","NewMedia","translate","_get","guideWrapper","newMedia","contextTypes","childContextTypes","ReviewLesson","reviewLesson","AnswerContent","answerType","help","question","MediaContent","resources","starsToWin","count","Math","abs","resourcesWrapper","stars","ContextImage","images","map","url","_id","key","arrayOf","ContextVideo","videos","videoId","childProps","_omit","id","autoplay","CONTEXT_MEDIA","img","pdf","audio","video","ContextMedia","ContentType","type","contextWrapper","contextPdfWrapper","contextAudioWrapper","oneOfType","oneOf","ContextContent","slideContext","descriptionParagraphs","_pipe","_getOr","_split","_compact","paragraphs","paragraph","index","contextDescription","innerHTML","dangerouslySetInnerHTML","__html","title","description","CONTENT_TYPE","answer","clue","Help","helpView","ValidateButton","cta","disabled","_isEmpty","keyDownHandler","event","preventDefault","document","addEventListener","removeEventListener","ctaWrapper","ContentLayout","typeClue","selectedTab","model","noPaddingRessources","contentWrapperNoPadding","contentWrapper","slideWrapper","contextTitle","skin","_keys","LoadingLayout","popinError","loading","LoadedLayout","ErrorMessage","errorMsg","error","Content","bool","SlidesPlayer","header","buttons","showNewMedia","showReviewLesson","stepColor","mediaButton","_find","_identity","wrapper","contentProgression","TYPE","backgroundUrl"],"sources":["../../../../../src/template/app-player/player/slides/index.js"],"sourcesContent":["import React, {useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  compact,\n  find,\n  get,\n  getOr,\n  keys,\n  omit,\n  identity,\n  max,\n  pipe,\n  split,\n  isEmpty\n} from 'lodash/fp';\nimport {ColorPropType, SrcPropType} from '../../../../util/proptypes';\nimport Cta from '../../../../atom/cta';\nimport Picture from '../../../../atom/picture';\nimport Provider from '../../../../atom/provider';\nimport Clue from '../../../../atom/clue';\nimport Answer from '../../../../molecule/answer';\nimport Loader from '../../../../atom/loader';\nimport Swapper from '../../../../hoc/swapper';\nimport VideoPlayer from '../../../../molecule/video-player';\nimport PDF from '../../../../molecule/pdf';\nimport Audio from '../../../../molecule/audio';\nimport ResourceBrowser from '../../../../organism/resource-browser';\nimport CMPopin from '../../../../molecule/cm-popin';\nimport Footer from './footer';\nimport Header from './header';\nimport style from './style.css';\n\nconst MediaView = ({media}) => {\n  return (\n    <div className={style.contextMedia}>\n      <Picture src={media} />\n    </div>\n  );\n};\n\nMediaView.propTypes = {\n  media: Picture.propTypes.src\n};\n\n/*\n * Content types\n */\n\nconst ClueContent = (props, context) => {\n  const {text, starsDiff, onClickSeeClue} = props;\n\n  return (\n    <div className={style.clueWrapper}>\n      <Clue text={text} starsDiff={starsDiff} onClick={onClickSeeClue} />\n    </div>\n  );\n};\n\nClueContent.propTypes = {\n  text: PropTypes.string,\n  starsDiff: PropTypes.number,\n  onClickSeeClue: PropTypes.func\n};\n\nconst Bar = ({total, color, current}) => {\n  const _current = max([current, 0]);\n\n  if (!total) {\n    return null;\n  }\n\n  const stepWidth = (_current / total) * 100;\n\n  return (\n    <div\n      className={style.stepBar}\n      style={{\n        backgroundColor: color,\n        width: `${stepWidth}%`\n      }}\n    />\n  );\n};\n\nBar.propTypes = {\n  current: PropTypes.number.isRequired,\n  total: PropTypes.number,\n  color: ColorPropType\n};\n\nconst Step = ({step, color}) => {\n  return (\n    <div data-name=\"step\">\n      <div data-name=\"counter\" className={style.stepCount}>\n        <span style={{color}}>{step.current}</span>/{step.total}\n      </div>\n      <div className={style.stepWrapper}>\n        <Swapper {...step} color={color} current={step.current - 1}>\n          <Bar {...step} color={color} />\n        </Swapper>\n      </div>\n    </div>\n  );\n};\n\nStep.propTypes = {\n  step: PropTypes.shape({\n    current: Bar.propTypes.current,\n    total: Bar.propTypes.total\n  }),\n  color: ColorPropType\n};\n\nconst NewMedia = (props, context) => {\n  const {translate} = context;\n  const {onClick, step} = props;\n  const current = get('current', step);\n  return (\n    <div\n      className={`${style.guideWrapper} ${style.newMedia}`}\n      onClick={onClick}\n      data-name=\"newMedia\"\n    >\n      <span>{translate(step === null || current === 1 ? 'See lesson' : 'New media')}</span>\n    </div>\n  );\n};\n\nNewMedia.propTypes = {\n  onClick: PropTypes.func,\n  step: Step.propTypes.step\n};\n\nNewMedia.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ReviewLesson = (props, context) => {\n  const {translate} = context;\n  const {onClick} = props;\n\n  return (\n    <div\n      className={`${style.guideWrapper} ${style.reviewLesson}`}\n      onClick={onClick}\n      data-name=\"reviewLesson\"\n    >\n      <span>{translate('Review lesson')}</span>\n    </div>\n  );\n};\n\nReviewLesson.propTypes = {\n  onClick: PropTypes.func\n};\n\nReviewLesson.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst AnswerContent = ({answerType, help, question}) => (\n  <Answer {...answerType} question={question} help={help} />\n);\n\nAnswerContent.propTypes = {\n  answerType: PropTypes.shape(Answer.propTypes),\n  help: PropTypes.string,\n  question: PropTypes.string\n};\n\nconst MediaContent = (props, context) => {\n  const {resources, starsDiff} = props;\n  const {translate} = context;\n  const starsToWin = translate('media_stars_to_win', {\n    count: Math.abs(starsDiff)\n  });\n\n  return (\n    <div className={style.resourcesWrapper}>\n      <ResourceBrowser resources={resources} />\n      <div className={style.stars}>{starsToWin}</div>\n    </div>\n  );\n};\n\nMediaContent.propTypes = {\n  resources: ResourceBrowser.propTypes.resources,\n  starsDiff: PropTypes.number\n};\n\nMediaContent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ContextImage = ({src}) => {\n  const images = src.map(({url, _id}) => <MediaView key={_id} media={url} />);\n  return <div>{images}</div>;\n};\n\nContextImage.propTypes = {\n  src: PropTypes.arrayOf(\n    PropTypes.shape({\n      _id: PropTypes.string,\n      url: PropTypes.string\n    })\n  )\n};\n\nconst ContextVideo = props => {\n  const {src} = props;\n  const videos = src.map(({videoId, ...childProps}) => (\n    <VideoPlayer {...omit('id', childProps)} id={videoId} key={videoId} autoplay={false} />\n  ));\n  return <div>{videos}</div>;\n};\n\nContextVideo.propTypes = {\n  src: PropTypes.arrayOf(PropTypes.shape(VideoPlayer.propTypes))\n};\n\nconst CONTEXT_MEDIA = {\n  img: ContextImage,\n  pdf: PDF,\n  audio: Audio,\n  video: ContextVideo\n};\n\nconst ContextMedia = ({media}) => {\n  const ContentType = CONTEXT_MEDIA[media.type];\n  return (\n    <div\n      data-name=\"contextMedia\"\n      className={classnames(\n        style.contextWrapper,\n        media.type === 'pdf' ? style.contextPdfWrapper : null,\n        media.type === 'audio' ? style.contextAudioWrapper : null\n      )}\n    >\n      <ContentType {...media} />\n    </div>\n  );\n};\n\nContextMedia.propTypes = {\n  media: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...ContextImage.propTypes,\n      type: PropTypes.oneOf(['img'])\n    }),\n    PropTypes.shape({\n      ...PDF.propTypes,\n      type: PropTypes.oneOf(['pdf'])\n    }),\n    PropTypes.shape({\n      ...Audio.propTypes,\n      type: PropTypes.oneOf(['audio'])\n    }),\n    PropTypes.shape({\n      ...ContextVideo.propTypes,\n      type: PropTypes.oneOf(['video'])\n    })\n  ])\n};\n\nconst ContextContent = ({slideContext}) => {\n  const descriptionParagraphs = pipe(getOr('', 'description'), split('\\n'), compact)(slideContext);\n  const paragraphs = descriptionParagraphs.map((paragraph, index) => (\n    <p\n      key={index}\n      data-name=\"contextDescription\"\n      className={classnames(style.contextDescription, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: paragraph}}\n    />\n  ));\n  return (\n    <div className={style.context}>\n      {get('media.type', slideContext) ? <ContextMedia media={slideContext.media} /> : null}\n      {paragraphs}\n    </div>\n  );\n};\n\nContextContent.propTypes = {\n  slideContext: PropTypes.shape({\n    title: PropTypes.string,\n    description: PropTypes.string,\n    media: PropTypes.shape(ContextMedia.propTypes)\n  })\n};\n\nconst CONTENT_TYPE = {\n  answer: AnswerContent,\n  clue: ClueContent,\n  context: ContextContent,\n  media: MediaContent\n};\n\nconst Help = ({help}) => (\n  <div\n    className={classnames(style.helpView, style.innerHTML)}\n    // eslint-disable-next-line react/no-danger\n    dangerouslySetInnerHTML={{__html: help}}\n  />\n);\n\nHelp.propTypes = {\n  help: PropTypes.string\n};\n\nconst ValidateButton = ({cta = {}}) => {\n  const {disabled} = cta;\n\n  useEffect(() => {\n    if (isEmpty(cta)) return;\n\n    const keyDownHandler = event => {\n      if (event.key === 'Enter' || (event.key === ' ' && disabled)) {\n        event.preventDefault();\n      }\n    };\n    document.addEventListener('keydown', keyDownHandler);\n    return () => {\n      document.removeEventListener('keydown', keyDownHandler);\n    };\n  }, [disabled, cta]);\n\n  if (isEmpty(cta)) {\n    return null;\n  }\n  return (\n    <div className={style.ctaWrapper}>\n      <Cta {...cta} className={style.cta} />\n    </div>\n  );\n};\n\nValidateButton.propTypes = {\n  cta: PropTypes.shape(Cta.propTypes)\n};\n\nconst ContentLayout = (props, context) => {\n  const {\n    typeClue: selectedTab,\n    answerType: {model: {type} = {}} = {},\n    question,\n    help,\n    slideContext\n  } = props;\n  const ContentType = CONTENT_TYPE[selectedTab];\n  const noPaddingRessources =\n    ContentType === MediaContent ? `${style.contentWrapperNoPadding}` : `${style.contentWrapper}`;\n\n  return (\n    <div className={style.slideWrapper}>\n      <div className={noPaddingRessources} data-name=\"slide\" style={{backgroundColor: 'white'}}>\n        <div\n          data-name=\"question\"\n          className={classnames(\n            selectedTab === 'context' ? style.contextTitle : style.question,\n            style.innerHTML\n          )}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{\n            __html: selectedTab === 'context' ? slideContext.title : question\n          }}\n        />\n        {help && selectedTab === 'answer' && type !== 'qcmDrag' ? <Help help={help} /> : null}\n        <ContentType {...props} />\n        <ValidateButton {...props} />\n      </div>\n    </div>\n  );\n};\n\nContentLayout.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nContentLayout.propTypes = {\n  typeClue: PropTypes.oneOf(keys(CONTENT_TYPE)),\n  question: PropTypes.string,\n  ...ValidateButton.propTypes\n};\n\n/*\n * Loading\n */\n\nconst LoadingLayout = ({popinError}) => (\n  <div className={style.loading}>{popinError ? <CMPopin {...popinError} /> : <Loader />}</div>\n);\n\nLoadingLayout.propTypes = {\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nconst LoadedLayout = ({question, step, ...props}) => {\n  return question ? <ContentLayout {...props} question={question} /> : <LoadingLayout {...props} />;\n};\n\nLoadedLayout.propTypes = {\n  ...ContentLayout.propTypes,\n  question: ContentLayout.propTypes.question\n};\n\n/*\n * Errors\n */\n\nconst ErrorMessage = ({errorMsg}) => (\n  <div className={style.contentWrapper}>\n    <div className={style.error}>{errorMsg}</div>\n  </div>\n);\n\nErrorMessage.propTypes = {\n  errorMsg: PropTypes.string\n};\n\nconst Content = ({error, ...props}) =>\n  error ? <ErrorMessage {...props} /> : <LoadedLayout {...props} />;\n\nContent.propTypes = {\n  error: PropTypes.bool\n};\n\n/*\n * SlidesPlayer\n */\n\nconst SlidesPlayer = (props, context) => {\n  const {header, step, buttons, showNewMedia = false, showReviewLesson = false} = props;\n  const {skin} = context;\n  const stepColor = get('common.primary', skin);\n  const mediaButton = find({type: 'media'}, buttons) || {};\n  const {onClick = identity} = mediaButton;\n  return (\n    <div className={style.wrapper} data-name=\"slidesPlayer\">\n      {header ? <Header {...header} /> : null}\n      <div className={style.contentProgression}>\n        {step ? <Step step={step} color={stepColor} /> : null}\n        {showNewMedia && !showReviewLesson ? <NewMedia onClick={onClick} step={step} /> : null}\n        {showReviewLesson && !showNewMedia ? <ReviewLesson onClick={onClick} /> : null}\n        <Content {...props} />\n      </div>\n      <Footer buttons={buttons} />\n    </div>\n  );\n};\n\nSlidesPlayer.TYPE = CONTENT_TYPE;\n\nSlidesPlayer.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSlidesPlayer.propTypes = {\n  cta: ValidateButton.propTypes.cta,\n  step: Step.propTypes.step,\n  buttons: Footer.propTypes.buttons,\n  header: PropTypes.shape(Header.propTypes),\n  showNewMedia: PropTypes.bool,\n  showReviewLesson: PropTypes.bool,\n  backgroundUrl: SrcPropType,\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidesPlayer;\n"],"mappings":"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","ignoreList":[]}