@coorpacademy/components 10.22.3 → 10.22.6

package/es/molecule/questions/mobile/template/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"names":["React","useEffect","useState","View","trim","last","Html","Select","Space","FreeText","useTemplateContext","parseTemplateString","createStyleSheet","theme","section","width","flexDirection","flexWrap","justifyContent","alignItems","spaced","paddingVertical","spacing","tiny","input","padding","borderWidth","borderColor","colors","gray","lightMedium","borderRadius","radius","common","backgroundColor","white","minWidth","htmlText","color","black","fontWeight","bold","lineHeight","text","medium","fontSize","regular","textAlign","Section","items","index","focusedSelectId","onInputChange","userChoices","handleBlur","handleFocus","isDisabled","styles","prefix","map","part","id","Item","props","templateContext","brandTheme","translations","inputNames","item","name","isFocused","selectedStyle","primary","type","includes","value","itemIndex","findIndex","_item","disabledSuffix","selectedSuffix","handleInputChange","_value","selectAnAnswer","QuestionTemplate","template","styleSheet","setStylesheet","_stylesheet","parts","sections","reduce","result","slice","concat","flex"],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View} from 'react-native';\n\nimport trim from 'lodash/fp/trim';\nimport last from 'lodash/fp/last';\n\nimport Html from '../../../../atom/html/index.native';\nimport Select from '../../../../atom/select-modal/index.native';\nimport Space from '../../../../atom/space/index.native';\nimport {FocusedSelectId, HandleBlur, HandleFocus} from '../../../../types/app-review.d';\nimport type {Choice} from '../../../../types/progression-engine.d';\nimport FreeText from '../../free-text/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\nimport parseTemplateString from '../../../../util/parse-template-string';\n\nconst createStyleSheet = (theme: Theme) => ({\n  section: {\n    width: '100%',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  spaced: {\n    paddingVertical: theme.spacing.tiny\n  },\n  input: {\n    padding: theme.spacing.tiny,\n    borderWidth: 1,\n    borderColor: theme.colors.gray.lightMedium,\n    borderRadius: theme.radius.common,\n    backgroundColor: theme.colors.white,\n    minWidth: 175\n  },\n  htmlText: {\n    padding: theme.spacing.tiny,\n    color: theme.colors.black,\n    fontWeight: theme.fontWeight.bold,\n    lineHeight: 30\n  },\n  text: {\n    color: theme.colors.gray.medium,\n    fontWeight: theme.fontWeight.bold,\n    fontSize: theme.fontSize.regular,\n    textAlign: 'center'\n  }\n});\n\ntype TemplatePart = {\n  type: 'string' | 'answerField';\n  value: string;\n};\n\ntype SectionProps = {\n  isDisabled: boolean;\n  userChoices: Array<string>;\n  section: Array<TemplatePart>;\n  items: Array<Choice>;\n  index: number;\n  onInputChange: (item: Choice, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n  styles: any;\n};\n\nconst Section = ({\n  section,\n  items,\n  index,\n  focusedSelectId,\n  onInputChange,\n  userChoices,\n  handleBlur,\n  handleFocus,\n  isDisabled,\n  styles\n}: SectionProps) => {\n  const prefix = `question-section-${index + 1}`;\n\n  return (\n    <View style={styles.section} key={`container-${prefix}`}>\n      {section.map((part, id) => {\n        return (\n          <View key={`${prefix}-${id}`} style={{flexDirection: 'row'}}>\n            <Item\n              prefix={prefix}\n              part={part}\n              items={items}\n              index={id}\n              focusedSelectId={focusedSelectId}\n              isDisabled={isDisabled}\n              userChoices={userChoices}\n              handleBlur={handleBlur}\n              handleFocus={handleFocus}\n              onInputChange={onInputChange}\n              styles={styles}\n            />\n            <Space type=\"micro\" />\n          </View>\n        );\n      })}\n    </View>\n  );\n};\n\ntype ItemProps = {\n  part: TemplatePart;\n  items: Array<Choice>;\n  index: number;\n  prefix: string;\n  isDisabled?: boolean;\n  userChoices: Array<string>;\n  onInputChange: (item: Choice, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n  styles: any;\n};\n\nconst Item = (props: ItemProps) => {\n  const {\n    part,\n    index,\n    prefix,\n    isDisabled = false,\n    focusedSelectId,\n    items,\n    userChoices,\n    onInputChange,\n    handleBlur,\n    handleFocus,\n    styles\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme, translations} = templateContext;\n\n  const inputNames = items.map(item => item.name);\n  const id = `${prefix}-part-${index + 1}`;\n  const isFocused = focusedSelectId === id;\n\n  const selectedStyle = brandTheme && {\n    borderColor: brandTheme.colors.primary,\n    color: brandTheme.colors.primary\n  };\n\n  if (part.type === 'answerField' && inputNames.includes(part.value)) {\n    const itemIndex = items.findIndex(_item => _item.name === part.value);\n    const item = items[itemIndex];\n    const value = userChoices[itemIndex];\n\n    if (!item || !item.type || !item.name) {\n      return null;\n    }\n\n    const disabledSuffix = isDisabled ? '-disabled' : '';\n    const selectedSuffix = value ? '-selected' : '';\n\n    const handleInputChange = (_item: Choice) => (_value: string) => onInputChange(_item, _value);\n\n    if (item.type === 'text') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <FreeText\n            key={id}\n            isDisabled={isDisabled}\n            onChange={handleInputChange(item)}\n            value={value}\n            testID={`${id}-text${selectedSuffix}${disabledSuffix}`}\n            questionType=\"template\"\n          />\n        </View>\n      );\n    }\n\n    if (item.type === 'select') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <Select\n            isDisabled={isDisabled}\n            questionType=\"template\"\n            values={item.items}\n            value={value}\n            placeholder={translations.selectAnAnswer}\n            isFocused={isFocused}\n            onBlur={handleBlur}\n            onFocus={handleFocus(id)}\n            onChange={handleInputChange(item)}\n            textStyle={styles.text}\n            style={[styles.input, value && selectedStyle]}\n            testID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n          />\n        </View>\n      );\n    }\n  }\n\n  return (\n    <Html key={id} fontSize={theme.fontSize.regular} testID={id} style={styles.htmlText}>\n      {trim(part.value || '')}\n    </Html>\n  );\n};\n\nexport type Props = {\n  isDisabled?: boolean;\n  template: string;\n  items: Array<Choice>;\n  userChoices: Array<string>;\n  onInputChange: (item: Choice, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n};\n\nconst QuestionTemplate = (props: Props) => {\n  const {\n    template,\n    onInputChange,\n    userChoices,\n    items,\n    handleBlur,\n    handleFocus,\n    focusedSelectId,\n    isDisabled = false\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<any | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!template || !styleSheet) {\n    return null;\n  }\n\n  const parts = parseTemplateString(template);\n\n  const sections: Array<Array<TemplatePart>> = parts.reduce((result, item) => {\n    const section = last(result) || [];\n    return result.slice(0, -1).concat([section.concat([item])]);\n  }, []);\n\n  return (\n    <View style={{flex: 1}} testID=\"question-template\">\n      {sections.map((section, index) => (\n        <Section\n          key={index}\n          section={section}\n          items={items}\n          index={index}\n          handleBlur={handleBlur}\n          handleFocus={handleFocus}\n          focusedSelectId={focusedSelectId}\n          onInputChange={onInputChange}\n          userChoices={userChoices}\n          isDisabled={isDisabled}\n          styles={styleSheet}\n        />\n      ))}\n    </View>\n  );\n};\n\nexport default QuestionTemplate;\n"],"file":"index.native.js"}

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

@@ -1,11 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import CMPopin from '../../../molecule/cm-popin';
 import SlidesPlayer from './slides';
 import style from './style.css';
 
 const SlidePlayer = props => {
   const {
-    player
+    player,
+    popin
   } = props;
   const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;
   return /*#__PURE__*/React.createElement("div", {
@@ -18,11 +20,12 @@ const SlidePlayer = props => {
     style: {
       backgroundImage
     }
-  }), /*#__PURE__*/React.createElement(SlidesPlayer, player)));
+  }), /*#__PURE__*/React.createElement(SlidesPlayer, player), popin ? /*#__PURE__*/React.createElement(CMPopin, popin) : null));
 };
 
 SlidePlayer.propTypes = process.env.NODE_ENV !== "production" ? {
-  player: PropTypes.shape(SlidesPlayer.propTypes)
+  player: PropTypes.shape(SlidesPlayer.propTypes),
+  popin: PropTypes.shape(CMPopin.propTypes)
 } : {};
 export default SlidePlayer;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/player/index.js"],"names":["React","PropTypes","SlidesPlayer","style","SlidePlayer","props","player","backgroundImage","backgroundUrl","wrapper","playerWrapper","playerBackground","propTypes","shape"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,YAAP,MAAyB,UAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACC,IAAAA;AAAD,MAAWD,KAAjB;AACA,QAAME,eAAe,GAAGD,MAAM,CAACE,aAAP,GAAwB,OAAMF,MAAM,CAACE,aAAc,GAAnD,GAAwD,IAAhF;AACA,sBACE;AAAK,iBAAU,aAAf;AAA6B,IAAA,SAAS,EAAEL,KAAK,CAACM;AAA9C,kBACE;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACO;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACQ,gBAAtB;AAAwC,IAAA,KAAK,EAAE;AAACJ,MAAAA;AAAD;AAA/C,IADF,eAEE,oBAAC,YAAD,EAAkBD,MAAlB,CAFF,CADF,CADF;AAQD,CAXD;;AAaAF,WAAW,CAACQ,SAAZ,2CAAwB;AACtBN,EAAAA,MAAM,EAAEL,SAAS,CAACY,KAAV,CAAgBX,YAAY,CAACU,SAA7B;AADc,CAAxB;AAIA,eAAeR,WAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport SlidesPlayer from './slides';\nimport style from './style.css';\n\nconst SlidePlayer = props => {\n  const {player} = 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} />\n      </div>\n    </div>\n  );\n};\n\nSlidePlayer.propTypes = {\n  player: PropTypes.shape(SlidesPlayer.propTypes)\n};\n\nexport default SlidePlayer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/player/index.js"],"names":["React","PropTypes","CMPopin","SlidesPlayer","style","SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","wrapper","playerWrapper","playerBackground","propTypes","shape"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,YAAP,MAAyB,UAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA;AAAT,MAAkBF,KAAxB;AACA,QAAMG,eAAe,GAAGF,MAAM,CAACG,aAAP,GAAwB,OAAMH,MAAM,CAACG,aAAc,GAAnD,GAAwD,IAAhF;AACA,sBACE;AAAK,iBAAU,aAAf;AAA6B,IAAA,SAAS,EAAEN,KAAK,CAACO;AAA9C,kBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACS,gBAAtB;AAAwC,IAAA,KAAK,EAAE;AAACJ,MAAAA;AAAD;AAA/C,IADF,eAEE,oBAAC,YAAD,EAAkBF,MAAlB,CAFF,EAGGC,KAAK,gBAAG,oBAAC,OAAD,EAAaA,KAAb,CAAH,GAA4B,IAHpC,CADF,CADF;AASD,CAZD;;AAcAH,WAAW,CAACS,SAAZ,2CAAwB;AACtBP,EAAAA,MAAM,EAAEN,SAAS,CAACc,KAAV,CAAgBZ,YAAY,CAACW,SAA7B,CADc;AAEtBN,EAAAA,KAAK,EAAEP,SAAS,CAACc,KAAV,CAAgBb,OAAO,CAACY,SAAxB;AAFe,CAAxB;AAKA,eAAeT,WAAf","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} />\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"],"file":"index.js"}

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

@@ -1,29 +1,44 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Header from '../player/slides/header';
 import Summary from './summary';
 import style from './style.css';
 
-const Content = props => /*#__PURE__*/React.createElement("div", {
-  className: style.popinWrapper
-}, /*#__PURE__*/React.createElement(Summary, props));
+const Content = props => {
+  const {
+    mode = 'default'
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: mode !== 'scorm' ? style.popinWrapper : null
+  }, /*#__PURE__*/React.createElement(Summary, props));
+};
+
+Content.propTypes = process.env.NODE_ENV !== "production" ? {
+  mode: PropTypes.oneOf(['scorm', 'default'])
+} : {};
 
 const PopinEnd = props => {
   const {
     header,
-    summary
+    summary,
+    mode = 'default'
   } = props;
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "popinEnd",
     className: style.wrapper
   }, /*#__PURE__*/React.createElement("div", {
     className: style.slidesHeader
-  }, /*#__PURE__*/React.createElement(Header, header)), /*#__PURE__*/React.createElement(Content, summary));
+  }, /*#__PURE__*/React.createElement(Header, header)), /*#__PURE__*/React.createElement(Content, _extends({}, summary, {
+    mode: mode
+  })));
 };
 
 PopinEnd.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.shape(Header.propTypes),
-  summary: PropTypes.shape(Summary.propTypes)
+  summary: PropTypes.shape(Summary.propTypes),
+  mode: PropTypes.oneOf(['scorm', 'default'])
 } : {};
 export default PopinEnd;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/popin-end/index.js"],"names":["React","PropTypes","Header","Summary","style","Content","props","popinWrapper","PopinEnd","header","summary","wrapper","slidesHeader","propTypes","shape"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAGC,KAAK,iBACnB;AAAK,EAAA,SAAS,EAAEF,KAAK,CAACG;AAAtB,gBACE,oBAAC,OAAD,EAAaD,KAAb,CADF,CADF;;AAMA,MAAME,QAAQ,GAAGF,KAAK,IAAI;AACxB,QAAM;AAACG,IAAAA,MAAD;AAASC,IAAAA;AAAT,MAAoBJ,KAA1B;AACA,sBACE;AAAK,iBAAU,UAAf;AAA0B,IAAA,SAAS,EAAEF,KAAK,CAACO;AAA3C,kBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAAtB,kBACE,oBAAC,MAAD,EAAYH,MAAZ,CADF,CADF,eAIE,oBAAC,OAAD,EAAaC,OAAb,CAJF,CADF;AAQD,CAVD;;AAYAF,QAAQ,CAACK,SAAT,2CAAqB;AACnBJ,EAAAA,MAAM,EAAER,SAAS,CAACa,KAAV,CAAgBZ,MAAM,CAACW,SAAvB,CADW;AAEnBH,EAAAA,OAAO,EAAET,SAAS,CAACa,KAAV,CAAgBX,OAAO,CAACU,SAAxB;AAFU,CAArB;AAKA,eAAeL,QAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../player/slides/header';\nimport Summary from './summary';\nimport style from './style.css';\n\nconst Content = props => (\n  <div className={style.popinWrapper}>\n    <Summary {...props} />\n  </div>\n);\n\nconst PopinEnd = props => {\n  const {header, summary} = props;\n  return (\n    <div data-name=\"popinEnd\" className={style.wrapper}>\n      <div className={style.slidesHeader}>\n        <Header {...header} />\n      </div>\n      <Content {...summary} />\n    </div>\n  );\n};\n\nPopinEnd.propTypes = {\n  header: PropTypes.shape(Header.propTypes),\n  summary: PropTypes.shape(Summary.propTypes)\n};\n\nexport default PopinEnd;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/popin-end/index.js"],"names":["React","PropTypes","Header","Summary","style","Content","props","mode","popinWrapper","propTypes","oneOf","PopinEnd","header","summary","wrapper","slidesHeader","shape"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAGC,KAAK,IAAI;AACvB,QAAM;AAACC,IAAAA,IAAI,GAAG;AAAR,MAAqBD,KAA3B;AACA,sBACE;AAAK,IAAA,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBH,KAAK,CAACI,YAAzB,GAAwC;AAAxD,kBACE,oBAAC,OAAD,EAAaF,KAAb,CADF,CADF;AAKD,CAPD;;AAQAD,OAAO,CAACI,SAAR,2CAAoB;AAClBF,EAAAA,IAAI,EAAEN,SAAS,CAACS,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AADY,CAApB;;AAIA,MAAMC,QAAQ,GAAGL,KAAK,IAAI;AACxB,QAAM;AAACM,IAAAA,MAAD;AAASC,IAAAA,OAAT;AAAkBN,IAAAA,IAAI,GAAG;AAAzB,MAAsCD,KAA5C;AACA,sBACE;AAAK,iBAAU,UAAf;AAA0B,IAAA,SAAS,EAAEF,KAAK,CAACU;AAA3C,kBACE;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW;AAAtB,kBACE,oBAAC,MAAD,EAAYH,MAAZ,CADF,CADF,eAIE,oBAAC,OAAD,eAAaC,OAAb;AAAsB,IAAA,IAAI,EAAEN;AAA5B,KAJF,CADF;AAQD,CAVD;;AAYAI,QAAQ,CAACF,SAAT,2CAAqB;AACnBG,EAAAA,MAAM,EAAEX,SAAS,CAACe,KAAV,CAAgBd,MAAM,CAACO,SAAvB,CADW;AAEnBI,EAAAA,OAAO,EAAEZ,SAAS,CAACe,KAAV,CAAgBb,OAAO,CAACM,SAAxB,CAFU;AAGnBF,EAAAA,IAAI,EAAEN,SAAS,CAACS,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AAHa,CAArB;AAMA,eAAeC,QAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../player/slides/header';\nimport Summary from './summary';\nimport style from './style.css';\n\nconst Content = props => {\n  const {mode = 'default'} = props;\n  return (\n    <div className={mode !== 'scorm' ? style.popinWrapper : null}>\n      <Summary {...props} />\n    </div>\n  );\n};\nContent.propTypes = {\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nconst PopinEnd = props => {\n  const {header, summary, mode = 'default'} = props;\n  return (\n    <div data-name=\"popinEnd\" className={style.wrapper}>\n      <div className={style.slidesHeader}>\n        <Header {...header} />\n      </div>\n      <Content {...summary} mode={mode} />\n    </div>\n  );\n};\n\nPopinEnd.propTypes = {\n  header: PropTypes.shape(Header.propTypes),\n  summary: PropTypes.shape(Summary.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinEnd;\n"],"file":"index.js"}

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

@@ -27,4 +27,4 @@
   .slidesHeader {
     display: none;
   }
-}
+}

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

@@ -253,6 +253,60 @@
   margin: 0;
 }
 
+.circle {
+  border-radius: 50%;
+  border: 1px solid light;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.smallCircle {
+  height: calc(100vh + 136px);
+  width: calc(100vh + 136px);
+  composes: circle;
+}
+.mediumCircle {
+  height: calc(100vh + 386px);
+  width: calc(100vh + 386px);
+  composes: circle;
+}
+.largeCircle {
+  height: calc(100vh + 636px);
+  width: calc(100vh + 636px);
+  composes: circle;
+}
+.organismPlayerResultContainerScorm {
+  height: calc(100vh - 60px);
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+}
+.lottie {
+  display: flex;
+  height: 135%;
+  width: 135%;
+  transform: translate(-13%, -13%);
+}
+.animationContainer {
+  height: calc(100vh - 60px);
+  overflow: hidden;
+  position: absolute;
+  z-index: 1;
+  width: 100%;
+}
+.ie11Backup {
+  position: relative;
+  transform: translate(0%, 10%);
+  height: 80%;
+  width: 80%;
+  margin: 0 auto;
+  z-index: 1;
+}
+
+
 @media mobile {
   .commentSection {
     flex-direction: column;
@@ -265,6 +319,17 @@
     width: 100%;
   }
 }
+@media tablet {
+  .organismPlayerResultContainerScorm {
+    height: 100%;
+  }
+  .largeCircle , .mediumCircle, .smallCircle {
+    border: 0px;
+    height: 100%;
+    width: 100%;
+    border-radius: 0;
+  }
+}
 
 .commentSectionLink {
   font-family: Gilroy;

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

@@ -21,6 +21,7 @@ import Feedback from '../../../molecule/feedback';
 import CardsList from '../../../molecule/dashboard/cards-list';
 import { innerHTML } from '../../../atom/label/style.css';
 import PopinHeader from '../popin-header';
+import AtomLottieWrapper from '../../../atom/lottie-wrapper';
 import style from './summary.css';
 
 const Header = props => /*#__PURE__*/React.createElement(PopinHeader, props);
@@ -267,7 +268,8 @@ const Summary = (props, context) => {
     comment,
     footer,
     action,
-    feedback
+    feedback,
+    mode
   } = props;
   const {
     skin
@@ -281,12 +283,59 @@ const Summary = (props, context) => {
   const footerView = footer && header ? /*#__PURE__*/React.createElement(Footer, _extends({}, footer, {
     color: primary
   })) : null;
-  const feedbackView = feedback ? /*#__PURE__*/React.createElement(Feedback, feedback) : null;
-  return /*#__PURE__*/React.createElement("div", {
-    className: style.summaryWrapper
-  }, /*#__PURE__*/React.createElement(Header, header), feedbackView, /*#__PURE__*/React.createElement(Action, _extends({}, action, {
+  const feedbackView = feedback ? /*#__PURE__*/React.createElement(Feedback, _extends({}, feedback, {
+    mode: mode
+  })) : null;
+  return /*#__PURE__*/React.createElement(BackgroundScorm, {
+    mode: mode,
+    failed: header.failed
+  }, /*#__PURE__*/React.createElement("div", {
+    className: mode !== 'scorm' ? style.summaryWrapper : null
+  }, /*#__PURE__*/React.createElement(Header, _extends({}, header, {
+    mode: mode
+  })), feedbackView, /*#__PURE__*/React.createElement(Action, _extends({}, action, {
     color: primary
-  })), /*#__PURE__*/React.createElement(Cards, recommendation), commentView, footerView);
+  })), /*#__PURE__*/React.createElement(Cards, recommendation), commentView, footerView));
+};
+
+const BackgroundScorm = props => {
+  const {
+    mode = 'default',
+    children,
+    failed
+  } = props;
+  if (mode === 'scorm') return /*#__PURE__*/React.createElement("div", {
+    className: style.organismPlayerResultContainerScorm
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.animationContainer
+  }, !failed ? /*#__PURE__*/React.createElement(AtomLottieWrapper, _extends({
+    'aria-label': 'aria lottie',
+    'data-name': 'default-lottie',
+    className: undefined,
+    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',
+    loop: undefined,
+    autoplay: true,
+    rendererSettings: {
+      hideOnTransparent: false,
+      animationClassName: ''
+    },
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',
+    animationControl: undefined
+  }, {
+    loop: false,
+    animationControl: 'play',
+    autoplay: true,
+    "data-name": "lottie-wrapper",
+    className: style.lottie,
+    backupImageClassName: style.ie11Backup
+  })) : null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: style.largeCircle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.mediumCircle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.smallCircle
+  }, children)))));
+  return children;
 };
 
 Summary.contextTypes = {
@@ -304,7 +353,8 @@ Summary.propTypes = process.env.NODE_ENV !== "production" ? {
     type: PropTypes.oneOf(_keys(actions)).isRequired
   }),
   recommendation: PropTypes.shape(CardsList.propTypes),
-  feedback: PropTypes.shape(Feedback.propTypes)
+  feedback: PropTypes.shape(Feedback.propTypes),
+  mode: PropTypes.oneOf(['scorm', 'default'])
 } : {};
 export default Summary;
 //# sourceMappingURL=summary.js.map

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","innerHTML","PopinHeader","style","Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","__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","primary","commentView","discussionWrapper","footerView","feedbackView","summaryWrapper","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 {innerHTML} from '../../../atom/label/style.css';\nimport PopinHeader from '../popin-header';\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, 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, 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, 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} = 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} /> : null;\n\n  return (\n    <div className={style.summaryWrapper}>\n      <Header {...header} />\n      {feedbackView}\n      <Action {...action} color={primary} />\n      <Cards {...recommendation} />\n      {commentView}\n      {footerView}\n    </div>\n  );\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};\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","innerHTML","PopinHeader","AtomLottieWrapper","style","Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","__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 {innerHTML} from '../../../atom/label/style.css';\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, 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, 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, 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"}

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

@@ -16,7 +16,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { NovaCompositionNavigationArrowRight as ArrowRight, NovaCompositionCoorpacademyCharts as ChartsIcon, NovaCompositionCoorpacademyStar as StarIcon } from '@coorpacademy/nova-icons';
+import { NovaCompositionNavigationArrowRight as ArrowRight, NovaCompositionCoorpacademyCharts as ChartsIcon, NovaCompositionCoorpacademyStar as StarIcon, NovaCompositionCoorpacademyCheck as CheckIcon, NovaSolidStatusClose as Close } from '@coorpacademy/nova-icons';
 import classnames from 'classnames';
 import Loader from '../../../atom/loader';
 import Life from '../../../atom/life';
@@ -222,8 +222,9 @@ IconsPart.propTypes = process.env.NODE_ENV !== "production" ? {
   revival: PropTypes.bool
 } : {};
 
-const buildClass = (value, success, failed, loading) => {
+const buildClass = (value, success, failed, loading, mode = 'default', scormStyle) => {
   if (loading && _isNil(value)) return loading;
+  if (mode === 'scorm') return scormStyle;
   return value ? failed : success;
 };
 
@@ -240,6 +241,22 @@ const getLinkStyle = ({
   }
 };
 
+const renderIconStatusScorm = failed => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: failed ? style.iconCloseContainer : style.iconSuccessContainer
+  }, failed ? /*#__PURE__*/React.createElement(Close, {
+    className: style.failIcon
+  }) : /*#__PURE__*/React.createElement(CheckIcon, {
+    className: style.checkIcon
+  }));
+};
+
+const buildDefaultOrScormStyle = (defaultStyle, mode = 'default', styleScorm, failed, failedStyle = null) => {
+  if (mode === 'scorm' && failed && failedStyle) return failedStyle;
+  if (mode === 'scorm') return styleScorm;
+  return defaultStyle;
+};
+
 const CorrectionPart = props => {
   const {
     failed,
@@ -248,26 +265,27 @@ const CorrectionPart = props => {
     subtitle,
     stars,
     rank,
-    gameOver
+    gameOver,
+    mode = 'default'
   } = props;
 
   const isLoading = _isNil(failed);
 
-  const className = buildClass(failed, stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess, gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail, style.correctionSectionLoading);
+  const className = buildClass(failed, stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess, gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail, style.correctionSectionLoading, mode, style.resultContenantContainerScorm);
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "correctionSection",
     className: className
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.titlesWrapper
+  }, mode === 'scorm' && 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",
-    className: classnames(style.title, innerHTML) // eslint-disable-next-line react/no-danger
+    className: buildDefaultOrScormStyle(classnames(style.title, innerHTML), mode, style.resultTitleScorm, failed) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
     }
   }), /*#__PURE__*/React.createElement("h2", {
-    className: style.subtitle
+    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));
@@ -384,7 +402,8 @@ const PopinHeader = (props, context) => {
     cta,
     extraLifeGranted,
     gameOver = false,
-    type
+    type,
+    mode = 'default'
   } = props;
   const state = buildClass(failed, 'success', 'failed', null);
   const nextLink = cta ? /*#__PURE__*/React.createElement(NextQuestionPart, {
@@ -400,7 +419,7 @@ const PopinHeader = (props, context) => {
     "data-name": "popinHeader",
     "data-state": state
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.headerTitle
+    className: mode !== 'scorm' ? style.headerTitle : null
   }, /*#__PURE__*/React.createElement(CorrectionPart, {
     title: title,
     subtitle: subtitle,
@@ -411,7 +430,8 @@ const PopinHeader = (props, context) => {
     failed: failed,
     gameOver: gameOver,
     revival: extraLifeGranted,
-    corrections: corrections
+    corrections: corrections,
+    mode: mode
   }), nextLink));
 };
 
@@ -430,7 +450,8 @@ PopinHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   animated: CorrectionPart.propTypes.animated,
   stars: CorrectionPart.propTypes.stars,
   rank: CorrectionPart.propTypes.rank,
-  corrections: CorrectionPart.propTypes.corrections
+  corrections: CorrectionPart.propTypes.corrections,
+  mode: PropTypes.oneOf(['scorm', 'default'])
 } : {};
 export default PopinHeader;
 //# sourceMappingURL=index.js.map