@coorpacademy/components 10.23.2 → 10.23.3

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaLineSettingsCookie as Cookie } from '@coorpacademy/nova-icons';
+import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaLineSettingsCookie as Cookie, NovaSolidSpaceMoonRocket as MoonRocket } from '@coorpacademy/nova-icons';
 import map from 'lodash/fp/map';
 import Cta from '../../atom/button-link';
 import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
@@ -25,7 +25,8 @@ const CMPopin = props => {
   } = props;
   const logo = {
     AlertDiamond,
-    WindowUpload
+    WindowUpload,
+    MoonRocket
   };
   const LogoComponent = logo[icon];
   const backgroundImageStyle = backgroundImageUrl ? {
@@ -143,7 +144,8 @@ const CMPopin = props => {
     onClick: firstButton.handleOnclick,
     "data-name": 'cm-popin-cta',
     "aria-label": firstButton['aria-label'],
-    type: firstButton.type
+    type: firstButton.type,
+    customStyle: firstButton.customStyle
   })) : null, secondButton ? /*#__PURE__*/React.createElement("div", {
     className: secondButton.largeButton ? style.largeButton : style.button
   }, /*#__PURE__*/React.createElement(Cta, {
@@ -159,7 +161,8 @@ const CMPopin = props => {
     onClick: thirdButton.handleOnclick,
     "data-name": `cm-popin-cta-${thirdButton.type}`,
     "aria-label": thirdButton['aria-label'],
-    type: thirdButton.type
+    type: thirdButton.type,
+    customStyle: thirdButton.customStyle
   })) : null)));
 };
 
@@ -172,21 +175,24 @@ CMPopin.propTypes = process.env.NODE_ENV !== "production" ? {
     handleOnclick: PropTypes.func,
     'aria-label': PropTypes.string,
     largeButton: PropTypes.bool,
-    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary'])
+    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary', 'tertiary']),
+    customStyle: PropTypes.object
   }),
   secondButton: PropTypes.shape({
     label: PropTypes.string,
     handleOnclick: PropTypes.func,
     type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),
     'aria-label': PropTypes.string,
-    largeButton: PropTypes.boolean
+    largeButton: PropTypes.boolean,
+    customStyle: PropTypes.object
   }),
   thirdButton: PropTypes.shape({
     label: PropTypes.string,
     handleOnclick: PropTypes.func,
     type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),
     'aria-label': PropTypes.string,
-    largeButton: PropTypes.boolean
+    largeButton: PropTypes.boolean,
+    customStyle: PropTypes.object
   }),
   onClose: PropTypes.func,
   icon: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","map","Cta","ButtonLinkIconOnly","InputSwitch","style","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","propTypes","string","oneOf","shape","func","bool","boolean","arrayOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\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  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\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    return null;\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  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  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div className={style.titleContainer}>\n          <div className={style.contentSection}>\n            {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n            {content ? (\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            ) : null}\n          </div>\n          {descriptionText ? (\n            <p\n              className={style.descriptionText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: descriptionText}}\n            />\n          ) : null}\n        </div>\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderBtnSwitch()}\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={firstButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={'cm-popin-cta'}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={secondButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={secondButton['aria-label']}\n                type={secondButton.type}\n              />\n            </div>\n          ) : null}\n          {thirdButton ? (\n            <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={thirdButton.label}\n                onClick={thirdButton.handleOnclick}\n                data-name={`cm-popin-cta-${thirdButton.type}`}\n                aria-label={thirdButton['aria-label']}\n                type={thirdButton.type}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information', 'cookie']),\n  header: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary'])\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.boolean\n  }),\n  thirdButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.boolean\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string,\n  backgroundImageUrl: PropTypes.string,\n  descriptionText: PropTypes.string,\n  cookieTitle: PropTypes.string,\n  descriptionBtnTxt: PropTypes.string,\n  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes))\n};\n\nexport default CMPopin;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","map","Cta","ButtonLinkIconOnly","InputSwitch","style","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes","string","oneOf","shape","func","bool","object","boolean","arrayOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\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  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\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    return null;\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  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  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div className={style.titleContainer}>\n          <div className={style.contentSection}>\n            {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n            {content ? (\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            ) : null}\n          </div>\n          {descriptionText ? (\n            <p\n              className={style.descriptionText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: descriptionText}}\n            />\n          ) : null}\n        </div>\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderBtnSwitch()}\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={firstButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={'cm-popin-cta'}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n                customStyle={firstButton.customStyle}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={secondButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={secondButton['aria-label']}\n                type={secondButton.type}\n              />\n            </div>\n          ) : null}\n          {thirdButton ? (\n            <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={thirdButton.label}\n                onClick={thirdButton.handleOnclick}\n                data-name={`cm-popin-cta-${thirdButton.type}`}\n                aria-label={thirdButton['aria-label']}\n                type={thirdButton.type}\n                customStyle={thirdButton.customStyle}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information', 'cookie']),\n  header: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary', 'tertiary']),\n    customStyle: PropTypes.object\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.boolean,\n    customStyle: PropTypes.object\n  }),\n  thirdButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.boolean,\n    customStyle: PropTypes.object\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string,\n  backgroundImageUrl: PropTypes.string,\n  descriptionText: PropTypes.string,\n  cookieTitle: PropTypes.string,\n  descriptionBtnTxt: PropTypes.string,\n  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes))\n};\n\nexport default CMPopin;\n"],"file":"index.js"}

package/es/molecule/cm-popin/style.css

@@ -114,6 +114,7 @@
 }
 
 .button {
+  min-width: max-content;
   width: 160px;
   padding: 8px;
 }
@@ -267,7 +268,31 @@ a {
 .popinCookie .largeButton {
   padding: 0px 8px 0px 0px
 }
+
 @media tablet {
+  .popin {
+    position: fixed;
+  }
+
+  .popin {
+    width: 80%;
+  }
+
+  .buttonContainer {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    margin: 48px 24px 32px 24px;
+    width: 85%;
+  }
+  
+  .button {
+    width: 100%;
+  }
+
+  .titleContainer {
+    width: 85%;
+  }
+
   .popinCookie {
     position: fixed;
     bottom: 10px;
@@ -281,15 +306,52 @@ a {
     width: 100%;
     padding: 0px 0px 8px 0px
   }
-  .buttonContainer {
-    flex-wrap: wrap;
-    margin-top: 40px;
-  }
+
   .popinCookie .largeButton {
     padding: 8px 0px 0px 0px
   }
   .popinCookie .message {
     padding: 24px 24px 0px 24px
   }
- 
+
+  @media mobile {
+    .popin {
+      position: fixed;
+    }
+
+    .popin {
+      width: 80%;
+    }
+
+    .buttonContainer {
+      display: flex;
+      margin: 48px 24px 32px 24px;
+      width: 85%;
+    }
+    
+    .button {
+      width: 100%;
+    }
+
+    .titleContainer {
+      width: 85%;
+    }
+  }
 }
+
+/* ie11 style */
+_:-ms-fullscreen,
+.popinHeader
+button {
+  position: relative;
+}
+
+_:-ms-fullscreen,
+.descriptionText {
+  width: 85%;
+}
+
+_:-ms-fullscreen,
+.button {
+  width: 40%;
+}

package/es/molecule/feedback/style.css

@@ -30,7 +30,7 @@
   border: 1px solid cm_grey_75;
   border-top: 0px;
   z-index: 2;
-  margin-top: 60px;
+  margin: 0px auto;
   position: relative;
 }
 

package/es/organism/review-slide/style.css

@@ -139,7 +139,17 @@ _:-ms-fullscreen, :root .correctionPopinWrapper {
 }
 
 .disabledSlideContent {
-  pointer-events: none;
+  position: inherit;
+}
+.disabledSlideContent::after {
+  content: '';
+  top: 0px;
+  left: 0px;
+  bottom: 0px;
+  right: 0px;
+  position:absolute;
+  opacity: 0;
+  pointer-events: fill;
 }
 
 @media tablet {

package/es/template/app-player/popin-end/summary.css

@@ -4,6 +4,7 @@
 @value colors: '../../../variables/colors.css';
 @value xtraLightGrey from colors;
 @value grey from colors;
+@value cm_grey_75 from colors;
 @value medium from colors;
 @value white from colors;
 @value light from colors;
@@ -259,31 +260,55 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  position: absolute;
 }
 
 .smallCircle {
+  top:  -68px;
+  left: calc(50vw - 50vh - 68px);
   height: calc(100vh + 136px);
   width: calc(100vh + 136px);
   composes: circle;
 }
 .mediumCircle {
+  top: -193px;
+  left: calc(50vw - 50vh - 193px);
   height: calc(100vh + 386px);
   width: calc(100vh + 386px);
   composes: circle;
 }
 .largeCircle {
+  top: -318px;
+  left: calc(50vw - 50vh - 318px);
   height: calc(100vh + 636px);
   width: calc(100vh + 636px);
   composes: circle;
 }
+.background {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+}
 .organismPlayerResultContainerScorm {
-  height: calc(100vh - 60px);
+  height: 100%;
+  min-height: calc(100vh - 60px);
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
+  position: relative;
   overflow: hidden;
 }
+.content {
+  border: 1px solid cm_grey_75;
+  position: relative;
+  padding: 0px;
+  margin: 0px;
+  max-width: 885px;
+  margin: 50px 0px;
+}
 .lottie {
   display: flex;
   height: 135%;
@@ -296,6 +321,7 @@
   position: absolute;
   z-index: 1;
   width: 100%;
+  top: 0px;
 }
 .ie11Backup {
   position: relative;
@@ -320,14 +346,8 @@
   }
 }
 @media tablet {
-  .organismPlayerResultContainerScorm {
-    height: 100%;
-  }
   .largeCircle , .mediumCircle, .smallCircle {
-    border: 0px;
-    height: 100%;
-    width: 100%;
-    border-radius: 0;
+    display: none;
   }
 }
 

package/es/template/app-player/popin-end/summary.js

@@ -276,10 +276,10 @@ const Summary = (props, context) => {
 
   const primary = _getOr('#f0f', 'common.primary', skin);
 
-  const commentView = comment && header ? /*#__PURE__*/React.createElement("div", {
+  const commentView = mode !== 'scorm' && comment && header ? /*#__PURE__*/React.createElement("div", {
     className: style.discussionWrapper
   }, /*#__PURE__*/React.createElement(CommentSection, comment)) : null;
-  const footerView = footer && header ? /*#__PURE__*/React.createElement(Footer, _extends({}, footer, {
+  const footerView = mode !== 'scorm' && footer && header ? /*#__PURE__*/React.createElement(Footer, _extends({}, footer, {
     color: primary
   })) : null;
   const feedbackView = feedback ? /*#__PURE__*/React.createElement(Feedback, _extends({}, feedback, {
@@ -307,7 +307,7 @@ const BackgroundScorm = props => {
     className: style.organismPlayerResultContainerScorm
   }, /*#__PURE__*/React.createElement("div", {
     className: style.animationContainer
-  }, !failed ? /*#__PURE__*/React.createElement(AtomLottieWrapper, _extends({
+  }, failed === false ? /*#__PURE__*/React.createElement(AtomLottieWrapper, _extends({
     'aria-label': 'aria lottie',
     'data-name': 'default-lottie',
     className: undefined,
@@ -327,13 +327,17 @@ const BackgroundScorm = props => {
     "data-name": "lottie-wrapper",
     className: style.lottie,
     backupImageClassName: style.ie11Backup
-  })) : null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: style.largeCircle
+  })) : null), /*#__PURE__*/React.createElement("div", {
+    className: style.background
   }, /*#__PURE__*/React.createElement("div", {
+    className: style.largeCircle
+  }), /*#__PURE__*/React.createElement("div", {
     className: style.mediumCircle
-  }, /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: style.smallCircle
-  }, children)))));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.content
+  }, children));
   return children;
 };
 

package/es/template/app-player/popin-end/summary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/popin-end/summary.js"],"names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","Provider","Button","Link","Discussion","Loader","Card","Feedback","CardsList","PopinHeader","AtomLottieWrapper","style","Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","innerHTML","__html","backgroundColor","simpleButton","propTypes","string","shape","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","Subscribe","description","subscribeWrapper","subscribeTexts","subscribeDescription","subscribeTitle","subscribeButtonWrapper","subscribeButton","submitValue","actions","simple","subscribe","nextCourse","Action","type","actionProps","Type","oneOf","CardsLoader","loaderWrapper","CommentConfirmation","context","onClick","commentSectionTitle","confirmationLinkText","skin","dark","commentSection","commentSectionIconWrapper","commentSectionIcon","commentSectionTexts","commentSectionLink","node","children","contextTypes","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Cards","cards","cardsWrapper","Footer","footer","Summary","header","recommendation","comment","action","feedback","mode","primary","commentView","discussionWrapper","footerView","feedbackView","failed","summaryWrapper","BackgroundScorm","organismPlayerResultContainerScorm","animationContainer","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","ie11ImageBackup","animationControl","lottie","ie11Backup","largeCircle","mediumCircle","smallCircle","href","url","func","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Link from '../../../atom/link';\nimport Discussion from '../../../organism/discussion';\nimport Loader from '../../../atom/loader';\nimport Card from '../../../molecule/card';\nimport Feedback from '../../../molecule/feedback';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport PopinHeader from '../popin-header';\nimport AtomLottieWrapper from '../../../atom/lottie-wrapper';\nimport style from './summary.css';\n\nconst Header = props => <PopinHeader {...props} />;\n\nconst SimpleAction = ({color, prefix, title, button}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div data-name=\"simpleAction\" className={style.simpleWrapper}>\n      <div className={style.simpleTexts}>\n        <span data-name=\"simplePrefix\" className={style.simplePrefix}>\n          {prefix}\n        </span>\n        <span\n          data-name=\"simpleTitle\"\n          className={classnames(style.simpleTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n      <Button\n        {...linkProps}\n        type=\"link\"\n        style={{\n          backgroundColor: color\n        }}\n        className={style.simpleButton}\n        submitValue={buttonTitle}\n      />\n    </div>\n  );\n};\nSimpleAction.propTypes = {\n  color: PropTypes.string,\n  prefix: PropTypes.string,\n  title: PropTypes.string,\n  button: PropTypes.shape(Button.propTypes)\n};\n\nconst NextCourse = ({title, prefix, card}) => (\n  <div data-name=\"nextCourse\" className={style.nextCourseWrapper}>\n    <div className={style.nextCourseTexts}>\n      <div className={style.nextCoursePrefix}>{prefix}</div>\n      <div\n        className={classnames(style.nextCourseTitle, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n    </div>\n    <div className={style.nextCourseCard}>\n      <Card {...card} dataName={'popin-end-next-course'} />\n    </div>\n  </div>\n);\nNextCourse.propTypes = {\n  title: PropTypes.string,\n  prefix: PropTypes.string,\n  card: PropTypes.shape(CardsList.propTypes)\n};\n\nconst Subscribe = ({title, description, button, card}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div className={style.subscribeWrapper}>\n      <div className={style.subscribeTexts}>\n        <div className={style.subscribeDescription}>{description}</div>\n        <div\n          className={classnames(style.subscribeTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.subscribeButtonWrapper}>\n          <Button\n            {...linkProps}\n            type=\"link\"\n            className={style.subscribeButton}\n            submitValue={buttonTitle}\n          />\n        </div>\n      </div>\n      <div>\n        <Card {...card} dataName={'popin-end-subscribe'} />\n      </div>\n    </div>\n  );\n};\n\nSubscribe.propTypes = {\n  ...Button.propTypes.propTypes,\n  title: Button.propTypes.submitValue\n};\n\nconst actions = {\n  simple: SimpleAction,\n  subscribe: Subscribe,\n  nextCourse: NextCourse\n};\n\nconst Action = props => {\n  const {type, ...actionProps} = props;\n  const Type = get(type, actions);\n\n  return Type ? <Type {...actionProps} /> : null;\n};\n\nAction.propTypes = {\n  type: PropTypes.oneOf(keys(actions))\n};\n\nconst CardsLoader = () => (\n  <div className={style.loaderWrapper}>\n    <Loader />\n  </div>\n);\n\nconst CommentConfirmation = (props, context) => {\n  const {onClick, commentSectionTitle, confirmationLinkText} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.commentSection}>\n      <div className={style.commentSectionIconWrapper}>\n        <CheckIcon className={style.commentSectionIcon} color={dark} />\n      </div>\n      <div className={style.commentSectionTexts}>\n        <p>{commentSectionTitle}</p>\n        <Link onClick={onClick} className={style.commentSectionLink}>\n          {confirmationLinkText}\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nCommentConfirmation.propTypes = {\n  commentSectionTitle: PropTypes.node,\n  confirmationLinkText: Link.propTypes.children,\n  onClick: Link.propTypes.onClick\n};\n\nCommentConfirmation.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst CommentSection = props => {\n  const {isSent, edition, confirmation} = props;\n  if (isSent) {\n    const {onClick, commentSectionTitle, confirmationLinkText} = confirmation;\n    return (\n      <CommentConfirmation\n        onClick={onClick}\n        commentSectionTitle={commentSectionTitle}\n        confirmationLinkText={confirmationLinkText}\n      />\n    );\n  }\n\n  return <Discussion {...edition} />;\n};\n\nCommentSection.propTypes = {\n  isSent: PropTypes.bool,\n  edition: PropTypes.shape(Discussion.propTypes),\n  confirmation: PropTypes.shape(CommentConfirmation.propTypes)\n};\n\nconst Cards = props => {\n  const {cards} = props;\n\n  return get('cards', props) === null ? (\n    <CardsLoader />\n  ) : (\n    (isEmpty(cards) ? null : (\n      <div className={style.cardsWrapper}>\n        <CardsList {...props} dataName={'popin-end-recommendation'} />\n      </div>\n    )) || null\n  );\n};\n\nCards.propTypes = CardsList.propTypes;\n\nconst Footer = ({title, color, ...linkProps}) => (\n  <Link\n    {...linkProps}\n    style={{\n      color\n    }}\n    className={style.footer}\n    data-name=\"nextLink\"\n    data-popin=\"popinEnd\"\n    data-next=\"home\"\n  >\n    {title}\n  </Link>\n);\n\nFooter.propTypes = {\n  ...Link.propTypes,\n  title: Link.propTypes.children,\n  color: PropTypes.string\n};\n\nconst Summary = (props, context) => {\n  const {header, recommendation, comment, footer, action, feedback, mode} = props;\n  const {skin} = context;\n  const primary = getOr('#f0f', 'common.primary', skin);\n  const commentView =\n    comment && header ? (\n      <div className={style.discussionWrapper}>\n        <CommentSection {...comment} />\n      </div>\n    ) : null;\n  const footerView = footer && header ? <Footer {...footer} color={primary} /> : null;\n  const feedbackView = feedback ? <Feedback {...feedback} mode={mode} /> : null;\n\n  return (\n    <BackgroundScorm mode={mode} failed={header.failed}>\n      <div className={mode !== 'scorm' ? style.summaryWrapper : null}>\n        <Header {...header} mode={mode} />\n        {feedbackView}\n        <Action {...action} color={primary} />\n        <Cards {...recommendation} />\n        {commentView}\n        {footerView}\n      </div>\n    </BackgroundScorm>\n  );\n};\n\nconst BackgroundScorm = props => {\n  const {mode = 'default', children, failed} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.organismPlayerResultContainerScorm}>\n        <div className={style.animationContainer}>\n          {!failed ? (\n            <AtomLottieWrapper\n              {...{\n                'aria-label': 'aria lottie',\n                'data-name': 'default-lottie',\n                className: undefined,\n                animationSrc:\n                  'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n                loop: undefined,\n                autoplay: true,\n                rendererSettings: {\n                  hideOnTransparent: false,\n                  animationClassName: ''\n                },\n                ie11ImageBackup:\n                  'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',\n                animationControl: undefined\n              }}\n              loop={false}\n              animationControl={'play'}\n              autoplay\n              data-name=\"lottie-wrapper\"\n              className={style.lottie}\n              backupImageClassName={style.ie11Backup}\n            />\n          ) : null}\n        </div>\n        <div>\n          <div className={style.largeCircle}>\n            <div className={style.mediumCircle}>\n              <div className={style.smallCircle}>{children}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  return children;\n};\n\nSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSummary.propTypes = {\n  header: PropTypes.shape(PopinHeader.propTypes),\n  footer: PropTypes.shape({\n    title: PropTypes.string,\n    href: PropTypes.url,\n    onClick: PropTypes.func\n  }),\n  comment: PropTypes.shape(CommentSection.propTypes),\n  action: PropTypes.shape({\n    type: PropTypes.oneOf(keys(actions)).isRequired\n  }),\n  recommendation: PropTypes.shape(CardsList.propTypes),\n  feedback: PropTypes.shape(Feedback.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default Summary;\n"],"file":"summary.js"}
+{"version":3,"sources":["../../../../src/template/app-player/popin-end/summary.js"],"names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","Provider","Button","Link","Discussion","Loader","Card","Feedback","CardsList","PopinHeader","AtomLottieWrapper","style","Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","innerHTML","__html","backgroundColor","simpleButton","propTypes","string","shape","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","Subscribe","description","subscribeWrapper","subscribeTexts","subscribeDescription","subscribeTitle","subscribeButtonWrapper","subscribeButton","submitValue","actions","simple","subscribe","nextCourse","Action","type","actionProps","Type","oneOf","CardsLoader","loaderWrapper","CommentConfirmation","context","onClick","commentSectionTitle","confirmationLinkText","skin","dark","commentSection","commentSectionIconWrapper","commentSectionIcon","commentSectionTexts","commentSectionLink","node","children","contextTypes","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Cards","cards","cardsWrapper","Footer","footer","Summary","header","recommendation","comment","action","feedback","mode","primary","commentView","discussionWrapper","footerView","feedbackView","failed","summaryWrapper","BackgroundScorm","organismPlayerResultContainerScorm","animationContainer","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","ie11ImageBackup","animationControl","lottie","ie11Backup","background","largeCircle","mediumCircle","smallCircle","content","href","url","func","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Link from '../../../atom/link';\nimport Discussion from '../../../organism/discussion';\nimport Loader from '../../../atom/loader';\nimport Card from '../../../molecule/card';\nimport Feedback from '../../../molecule/feedback';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport PopinHeader from '../popin-header';\nimport AtomLottieWrapper from '../../../atom/lottie-wrapper';\nimport style from './summary.css';\n\nconst Header = props => <PopinHeader {...props} />;\n\nconst SimpleAction = ({color, prefix, title, button}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div data-name=\"simpleAction\" className={style.simpleWrapper}>\n      <div className={style.simpleTexts}>\n        <span data-name=\"simplePrefix\" className={style.simplePrefix}>\n          {prefix}\n        </span>\n        <span\n          data-name=\"simpleTitle\"\n          className={classnames(style.simpleTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n      <Button\n        {...linkProps}\n        type=\"link\"\n        style={{\n          backgroundColor: color\n        }}\n        className={style.simpleButton}\n        submitValue={buttonTitle}\n      />\n    </div>\n  );\n};\nSimpleAction.propTypes = {\n  color: PropTypes.string,\n  prefix: PropTypes.string,\n  title: PropTypes.string,\n  button: PropTypes.shape(Button.propTypes)\n};\n\nconst NextCourse = ({title, prefix, card}) => (\n  <div data-name=\"nextCourse\" className={style.nextCourseWrapper}>\n    <div className={style.nextCourseTexts}>\n      <div className={style.nextCoursePrefix}>{prefix}</div>\n      <div\n        className={classnames(style.nextCourseTitle, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n    </div>\n    <div className={style.nextCourseCard}>\n      <Card {...card} dataName={'popin-end-next-course'} />\n    </div>\n  </div>\n);\nNextCourse.propTypes = {\n  title: PropTypes.string,\n  prefix: PropTypes.string,\n  card: PropTypes.shape(CardsList.propTypes)\n};\n\nconst Subscribe = ({title, description, button, card}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div className={style.subscribeWrapper}>\n      <div className={style.subscribeTexts}>\n        <div className={style.subscribeDescription}>{description}</div>\n        <div\n          className={classnames(style.subscribeTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.subscribeButtonWrapper}>\n          <Button\n            {...linkProps}\n            type=\"link\"\n            className={style.subscribeButton}\n            submitValue={buttonTitle}\n          />\n        </div>\n      </div>\n      <div>\n        <Card {...card} dataName={'popin-end-subscribe'} />\n      </div>\n    </div>\n  );\n};\n\nSubscribe.propTypes = {\n  ...Button.propTypes.propTypes,\n  title: Button.propTypes.submitValue\n};\n\nconst actions = {\n  simple: SimpleAction,\n  subscribe: Subscribe,\n  nextCourse: NextCourse\n};\n\nconst Action = props => {\n  const {type, ...actionProps} = props;\n  const Type = get(type, actions);\n\n  return Type ? <Type {...actionProps} /> : null;\n};\n\nAction.propTypes = {\n  type: PropTypes.oneOf(keys(actions))\n};\n\nconst CardsLoader = () => (\n  <div className={style.loaderWrapper}>\n    <Loader />\n  </div>\n);\n\nconst CommentConfirmation = (props, context) => {\n  const {onClick, commentSectionTitle, confirmationLinkText} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.commentSection}>\n      <div className={style.commentSectionIconWrapper}>\n        <CheckIcon className={style.commentSectionIcon} color={dark} />\n      </div>\n      <div className={style.commentSectionTexts}>\n        <p>{commentSectionTitle}</p>\n        <Link onClick={onClick} className={style.commentSectionLink}>\n          {confirmationLinkText}\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nCommentConfirmation.propTypes = {\n  commentSectionTitle: PropTypes.node,\n  confirmationLinkText: Link.propTypes.children,\n  onClick: Link.propTypes.onClick\n};\n\nCommentConfirmation.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst CommentSection = props => {\n  const {isSent, edition, confirmation} = props;\n  if (isSent) {\n    const {onClick, commentSectionTitle, confirmationLinkText} = confirmation;\n    return (\n      <CommentConfirmation\n        onClick={onClick}\n        commentSectionTitle={commentSectionTitle}\n        confirmationLinkText={confirmationLinkText}\n      />\n    );\n  }\n\n  return <Discussion {...edition} />;\n};\n\nCommentSection.propTypes = {\n  isSent: PropTypes.bool,\n  edition: PropTypes.shape(Discussion.propTypes),\n  confirmation: PropTypes.shape(CommentConfirmation.propTypes)\n};\n\nconst Cards = props => {\n  const {cards} = props;\n\n  return get('cards', props) === null ? (\n    <CardsLoader />\n  ) : (\n    (isEmpty(cards) ? null : (\n      <div className={style.cardsWrapper}>\n        <CardsList {...props} dataName={'popin-end-recommendation'} />\n      </div>\n    )) || null\n  );\n};\n\nCards.propTypes = CardsList.propTypes;\n\nconst Footer = ({title, color, ...linkProps}) => (\n  <Link\n    {...linkProps}\n    style={{\n      color\n    }}\n    className={style.footer}\n    data-name=\"nextLink\"\n    data-popin=\"popinEnd\"\n    data-next=\"home\"\n  >\n    {title}\n  </Link>\n);\n\nFooter.propTypes = {\n  ...Link.propTypes,\n  title: Link.propTypes.children,\n  color: PropTypes.string\n};\n\nconst Summary = (props, context) => {\n  const {header, recommendation, comment, footer, action, feedback, mode} = props;\n  const {skin} = context;\n  const primary = getOr('#f0f', 'common.primary', skin);\n  const commentView =\n    mode !== 'scorm' && comment && header ? (\n      <div className={style.discussionWrapper}>\n        <CommentSection {...comment} />\n      </div>\n    ) : null;\n  const footerView =\n    mode !== 'scorm' && footer && header ? <Footer {...footer} color={primary} /> : null;\n  const feedbackView = feedback ? <Feedback {...feedback} mode={mode} /> : null;\n\n  return (\n    <BackgroundScorm mode={mode} failed={header.failed}>\n      <div className={mode !== 'scorm' ? style.summaryWrapper : null}>\n        <Header {...header} mode={mode} />\n        {feedbackView}\n        <Action {...action} color={primary} />\n        <Cards {...recommendation} />\n        {commentView}\n        {footerView}\n      </div>\n    </BackgroundScorm>\n  );\n};\n\nconst BackgroundScorm = props => {\n  const {mode = 'default', children, failed} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.organismPlayerResultContainerScorm}>\n        <div className={style.animationContainer}>\n          {failed === false ? (\n            <AtomLottieWrapper\n              {...{\n                'aria-label': 'aria lottie',\n                'data-name': 'default-lottie',\n                className: undefined,\n                animationSrc:\n                  'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n                loop: undefined,\n                autoplay: true,\n                rendererSettings: {\n                  hideOnTransparent: false,\n                  animationClassName: ''\n                },\n                ie11ImageBackup:\n                  'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',\n                animationControl: undefined\n              }}\n              loop={false}\n              animationControl={'play'}\n              autoplay\n              data-name=\"lottie-wrapper\"\n              className={style.lottie}\n              backupImageClassName={style.ie11Backup}\n            />\n          ) : null}\n        </div>\n        <div className={style.background}>\n          <div className={style.largeCircle} />\n          <div className={style.mediumCircle} />\n          <div className={style.smallCircle} />\n        </div>\n        <div className={style.content}>{children}</div>\n      </div>\n    );\n  return children;\n};\n\nSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSummary.propTypes = {\n  header: PropTypes.shape(PopinHeader.propTypes),\n  footer: PropTypes.shape({\n    title: PropTypes.string,\n    href: PropTypes.url,\n    onClick: PropTypes.func\n  }),\n  comment: PropTypes.shape(CommentSection.propTypes),\n  action: PropTypes.shape({\n    type: PropTypes.oneOf(keys(actions)).isRequired\n  }),\n  recommendation: PropTypes.shape(CardsList.propTypes),\n  feedback: PropTypes.shape(Feedback.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default Summary;\n"],"file":"summary.js"}

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

@@ -274,7 +274,7 @@ const CorrectionPart = props => {
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "correctionSection",
     className: className
-  }, mode === 'scorm' && renderIconStatusScorm(failed), /*#__PURE__*/React.createElement("div", {
+  }, mode === 'scorm' && !isLoading && renderIconStatusScorm(failed), /*#__PURE__*/React.createElement("div", {
     className: buildDefaultOrScormStyle(style.titlesWrapper, mode, style.titlesWrapperScorm, failed)
   }, isLoading ? /*#__PURE__*/React.createElement(Loader, null) : null, /*#__PURE__*/React.createElement("h1", {
     "data-name": "title",
@@ -287,7 +287,7 @@ const CorrectionPart = props => {
     className: buildDefaultOrScormStyle(style.subtitle, mode, style.resultSubtitleScorm, failed, style.statusPlayerResultFailScorm)
   }, subtitle), failed && !_isEmpty(corrections) ? /*#__PURE__*/React.createElement(AnswersCorrection, {
     corrections: corrections
-  }) : null), /*#__PURE__*/React.createElement(IconsPart, props));
+  }) : null), mode !== 'scorm' ? /*#__PURE__*/React.createElement(IconsPart, props) : null);
 };
 
 CorrectionPart.propTypes = process.env.NODE_ENV !== "production" ? _extends(_extends({}, IconsPart.propTypes), {}, {
@@ -307,7 +307,8 @@ const NextQuestionPart = (props, context) => {
     extraLifeGranted,
     gameOver,
     failed = false,
-    lives = 0
+    lives = 0,
+    mode
   } = props;
 
   const _ref = cta || {},
@@ -357,7 +358,7 @@ const NextQuestionPart = (props, context) => {
       __html: nextStepTitle
     }
   }) : null;
-  return /*#__PURE__*/React.createElement(Link, _extends({}, linkProps, {
+  return mode !== 'scorm' ? /*#__PURE__*/React.createElement(Link, _extends({}, linkProps, {
     className: classnames(style.nextSection, getLinkStyle({
       gameOver,
       extraLifeGranted
@@ -372,7 +373,7 @@ const NextQuestionPart = (props, context) => {
   }, title, /*#__PURE__*/React.createElement(ArrowRight, {
     color: "inherit",
     className: style.nextButtonIcon
-  })), nextStep));
+  })), nextStep)) : null;
 };
 
 NextQuestionPart.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -385,7 +386,8 @@ NextQuestionPart.propTypes = process.env.NODE_ENV !== "production" ? {
   extraLifeGranted: PropTypes.bool,
   gameOver: PropTypes.bool,
   failed: PropTypes.bool,
-  lives: PropTypes.number
+  lives: PropTypes.number,
+  mode: PropTypes.string
 } : {};
 
 const PopinHeader = (props, context) => {
@@ -411,14 +413,15 @@ const PopinHeader = (props, context) => {
     extraLifeGranted: extraLifeGranted,
     failed: failed,
     gameOver: gameOver,
-    lives: lives
+    lives: lives,
+    mode: mode
   }) : null;
   return /*#__PURE__*/React.createElement("div", {
-    className: cta ? style.header : style.headerWithoutCTA,
+    className: classnames(mode === 'scorm' && style.scorm, cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA),
     "data-name": "popinHeader",
     "data-state": state
   }, /*#__PURE__*/React.createElement("div", {
-    className: mode !== 'scorm' ? style.headerTitle : null
+    className: mode !== 'scorm' && style.headerTitle
   }, /*#__PURE__*/React.createElement(CorrectionPart, {
     title: title,
     subtitle: subtitle,