@coorpacademy/components 10.23.3 → 10.23.5

package/es/molecule/brand-logo/index.native.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import ImageBackground from '../../atom/image-background/index.native';
+import { useTemplateContext } from '../../template/app-review/template-context';
+const styles = StyleSheet.create({
+  logo: {
+    width: '100%'
+  }
+});
+
+const BrandLogo = ({
+  height
+}) => {
+  const templateContext = useTemplateContext();
+  const {
+    brandTheme
+  } = templateContext;
+  return /*#__PURE__*/React.createElement(ImageBackground, {
+    style: [styles.logo, {
+      height
+    }],
+    testID: "brand-logo",
+    source: {
+      uri: brandTheme.images['logo-mobile']
+    },
+    resizeMode: "contain"
+  });
+};
+
+export default BrandLogo;
+//# sourceMappingURL=index.native.js.map

package/es/molecule/brand-logo/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/brand-logo/index.native.tsx"],"names":["React","StyleSheet","ImageBackground","useTemplateContext","styles","create","logo","width","BrandLogo","height","templateContext","brandTheme","uri","images"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,QAAyB,cAAzB;AACA,OAAOC,eAAP,MAA4B,0CAA5B;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;AAYA,MAAMC,MAAsB,GAAGH,UAAU,CAACI,MAAX,CAAkB;AAC/CC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE;AADH;AADyC,CAAlB,CAA/B;;AAMA,MAAMC,SAAS,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAqB;AACrC,QAAMC,eAAe,GAAGP,kBAAkB,EAA1C;AACA,QAAM;AAACQ,IAAAA;AAAD,MAAeD,eAArB;AAEA,sBACE,oBAAC,eAAD;AACE,IAAA,KAAK,EAAE,CAACN,MAAM,CAACE,IAAR,EAAc;AAACG,MAAAA;AAAD,KAAd,CADT;AAEE,IAAA,MAAM,EAAC,YAFT;AAGE,IAAA,MAAM,EAAE;AACNG,MAAAA,GAAG,EAAED,UAAU,CAACE,MAAX,CAAkB,aAAlB;AADC,KAHV;AAME,IAAA,UAAU,EAAC;AANb,IADF;AAUD,CAdD;;AAgBA,eAAeL,SAAf","sourcesContent":["import React from 'react';\nimport {StyleSheet} from 'react-native';\nimport ImageBackground from '../../atom/image-background/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport interface Props {\n  height: number;\n}\n\ntype StyleSheetType = {\n  logo: {\n    width: string;\n  };\n};\n\nconst styles: StyleSheetType = StyleSheet.create({\n  logo: {\n    width: '100%'\n  }\n});\n\nconst BrandLogo = ({height}: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme} = templateContext;\n\n  return (\n    <ImageBackground\n      style={[styles.logo, {height}]}\n      testID=\"brand-logo\"\n      source={{\n        uri: brandTheme.images['logo-mobile']\n      }}\n      resizeMode=\"contain\"\n    />\n  );\n};\n\nexport default BrandLogo;\n"],"file":"index.native.js"}

package/es/organism/header-v2/index.native.js

@@ -0,0 +1,104 @@
+import React, { useState, useEffect } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { NovaCompositionCoorpacademySearch as SearchIcon, NovaCompositionCoorpacademyCog as SettingsIcon } from '@coorpacademy/nova-icons';
+import { useTemplateContext } from '../../template/app-review/template-context';
+import BrandLogo from '../../molecule/brand-logo/index.native';
+import Gradient from '../../atom/gradient/index.native';
+import Touchable from '../../hoc/touchable/index.native';
+export const HEADER_HEIGHT = 67;
+const ICON_WIDTH = 20;
+
+const createStyleSheet = theme => StyleSheet.create({
+  container: {
+    position: 'absolute',
+    backgroundColor: theme.colors.white,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    height: HEADER_HEIGHT,
+    top: 0,
+    width: '100%'
+  },
+  icons: {
+    flexDirection: 'row'
+  },
+  icon: {
+    marginRight: 16
+  },
+  logo: {
+    width: 80,
+    marginLeft: 16
+  },
+  gradient: {
+    position: 'absolute',
+    left: 0,
+    top: HEADER_HEIGHT,
+    right: 0,
+    opacity: 0.3
+  }
+});
+
+const Header = props => {
+  const templateContext = useTemplateContext();
+  const [styleSheet, setStylesheet] = useState(null);
+  const {
+    theme
+  } = templateContext;
+  const {
+    onSearchPress,
+    onSettingsPress,
+    onLogoLongPress
+  } = props;
+  const logoHeight = HEADER_HEIGHT - theme.spacing.small * 2;
+  useEffect(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]); // ------------------------------------
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styleSheet.container],
+    testID: "header"
+  }, /*#__PURE__*/React.createElement(Gradient, {
+    height: theme.spacing.tiny,
+    colors: [theme.colors.gray.medium, theme.colors.gray.light],
+    transparencyPosition: "bottom",
+    style: styleSheet.gradient
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.logo
+  }, /*#__PURE__*/React.createElement(Touchable, {
+    testID: "header-logo",
+    onLongPress: onLogoLongPress,
+    analyticsID: "sign-out",
+    isWithoutFeedback: true
+  }, /*#__PURE__*/React.createElement(BrandLogo, {
+    height: logoHeight
+  }))), /*#__PURE__*/React.createElement(View, {
+    style: [styleSheet.icons]
+  }, /*#__PURE__*/React.createElement(Touchable, {
+    testID: "search-icon",
+    onPress: onSearchPress,
+    analyticsID: "search-icon"
+  }, /*#__PURE__*/React.createElement(SearchIcon, {
+    height: ICON_WIDTH,
+    width: ICON_WIDTH,
+    color: theme.colors.gray.dark,
+    style: styleSheet.icon
+  })), /*#__PURE__*/React.createElement(Touchable, {
+    testID: "settings-icon",
+    onPress: onSettingsPress,
+    analyticsID: "settings-icon"
+  }, /*#__PURE__*/React.createElement(SettingsIcon, {
+    height: ICON_WIDTH,
+    width: ICON_WIDTH,
+    color: theme.colors.gray.dark,
+    style: styleSheet.icon
+  }))));
+};
+
+export default Header;
+//# sourceMappingURL=index.native.js.map

package/es/organism/header-v2/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/header-v2/index.native.tsx"],"names":["React","useState","useEffect","View","StyleSheet","NovaCompositionCoorpacademySearch","SearchIcon","NovaCompositionCoorpacademyCog","SettingsIcon","useTemplateContext","BrandLogo","Gradient","Touchable","HEADER_HEIGHT","ICON_WIDTH","createStyleSheet","theme","create","container","position","backgroundColor","colors","white","flexDirection","alignItems","justifyContent","height","top","width","icons","icon","marginRight","logo","marginLeft","gradient","left","right","opacity","Header","props","templateContext","styleSheet","setStylesheet","onSearchPress","onSettingsPress","onLogoLongPress","logoHeight","spacing","small","_stylesheet","tiny","gray","medium","light","dark"],"mappings":"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","sourcesContent":["import React, {useState, useEffect} from 'react';\nimport type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';\n\nimport {View, StyleSheet} from 'react-native';\nimport {\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaCompositionCoorpacademyCog as SettingsIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport BrandLogo from '../../molecule/brand-logo/index.native';\nimport Gradient from '../../atom/gradient/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {FlexAlignType, FlexDirection, JustifyContent, Position} from '../../types/styles';\nimport {Theme} from '../../variables/theme.native';\n\nexport interface Props {\n  onSearchPress: (event: PressEvent) => any;\n  onSettingsPress: (event: PressEvent) => any;\n  onLogoLongPress: (event: PressEvent) => any;\n}\n\nexport const HEADER_HEIGHT = 67;\nconst ICON_WIDTH = 20;\n\ntype StyleSheetType = {\n  container: {\n    position: Position;\n    backgroundColor: string;\n    flexDirection: FlexDirection;\n    alignItems: FlexAlignType;\n    justifyContent: JustifyContent;\n    height: string | number;\n    top: number;\n    width: string | number;\n  };\n  icons: {\n    flexDirection: FlexDirection;\n  };\n  icon: {\n    marginRight: number;\n  };\n  logo: {\n    width: number;\n    marginLeft: number;\n  };\n  gradient: {\n    position: Position;\n    left: number;\n    top: number;\n    right: number;\n    opacity: number;\n  };\n};\n\nconst createStyleSheet = (theme: Theme) =>\n  StyleSheet.create({\n    container: {\n      position: 'absolute',\n      backgroundColor: theme.colors.white,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      height: HEADER_HEIGHT,\n      top: 0,\n      width: '100%'\n    },\n    icons: {\n      flexDirection: 'row'\n    },\n    icon: {\n      marginRight: 16\n    },\n    logo: {\n      width: 80,\n      marginLeft: 16\n    },\n    gradient: {\n      position: 'absolute',\n      left: 0,\n      top: HEADER_HEIGHT,\n      right: 0,\n      opacity: 0.3\n    }\n  });\n\nconst Header = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  const {onSearchPress, onSettingsPress, onLogoLongPress} = props;\n  const logoHeight = HEADER_HEIGHT - theme.spacing.small * 2;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.container]} testID=\"header\">\n      <Gradient\n        height={theme.spacing.tiny}\n        colors={[theme.colors.gray.medium, theme.colors.gray.light]}\n        transparencyPosition=\"bottom\"\n        style={styleSheet.gradient}\n      />\n      <View style={styleSheet.logo}>\n        <Touchable\n          testID=\"header-logo\"\n          onLongPress={onLogoLongPress}\n          analyticsID=\"sign-out\"\n          isWithoutFeedback\n        >\n          <BrandLogo height={logoHeight} />\n        </Touchable>\n      </View>\n      <View style={[styleSheet.icons]}>\n        <Touchable testID=\"search-icon\" onPress={onSearchPress} analyticsID=\"search-icon\">\n          <SearchIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n        <Touchable testID=\"settings-icon\" onPress={onSettingsPress} analyticsID=\"settings-icon\">\n          <SettingsIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n      </View>\n    </View>\n  );\n};\n\nexport default Header;\n"],"file":"index.native.js"}

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

@@ -16,14 +16,16 @@ const SlidesHeader = (props = {}, context = undefined) => {
     type,
     content,
     subcontent,
-    lives
+    lives,
+    mode
   } = props;
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "slidesHeader",
     className: style.wrapper
   }, type === HEADER_TYPE.LEARNER ? /*#__PURE__*/React.createElement(Learner, {
     content: content,
-    subcontent: subcontent
+    subcontent: subcontent,
+    mode: mode
   }) : null, type === HEADER_TYPE.MICROLEARNING ? /*#__PURE__*/React.createElement(Microlearning, {
     content: content
   }) : null, lives ? /*#__PURE__*/React.createElement(Lives, {
@@ -42,7 +44,8 @@ SlidesHeader.propTypes = process.env.NODE_ENV !== "production" ? {
     title: PropTypes.string,
     details: PropTypes.string
   }),
-  lives: PropTypes.shape(Lives.propTypes)
+  lives: PropTypes.shape(Lives.propTypes),
+  mode: PropTypes.string
 } : {};
 export default SlidesHeader;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"names":["React","PropTypes","Link","Learner","Microlearning","Lives","style","HEADER_TYPE","LEARNER","MICROLEARNING","SlidesHeader","props","context","undefined","type","content","subcontent","lives","wrapper","count","propTypes","oneOf","shape","href","title","string","isRequired","details"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB,C,CAAiC;;AAEjC,MAAMC,WAAW,GAAG;AAClBC,EAAAA,OAAO,EAAE,SADS;AAElBC,EAAAA,aAAa,EAAE;AAFG,CAApB;;AAKA,MAAMC,YAAY,GAAG,CAACC,KAAK,GAAG,EAAT,EAAaC,OAAO,GAAGC,SAAvB,KAAqC;AACxD,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,UAAhB;AAA4BC,IAAAA;AAA5B,MAAqCN,KAA3C;AAEA,sBACE;AAAK,iBAAU,cAAf;AAA8B,IAAA,SAAS,EAAEL,KAAK,CAACY;AAA/C,KACGJ,IAAI,KAAKP,WAAW,CAACC,OAArB,gBAA+B,oBAAC,OAAD;AAAS,IAAA,OAAO,EAAEO,OAAlB;AAA2B,IAAA,UAAU,EAAEC;AAAvC,IAA/B,GAAuF,IAD1F,EAEGF,IAAI,KAAKP,WAAW,CAACE,aAArB,gBAAqC,oBAAC,aAAD;AAAe,IAAA,OAAO,EAAEM;AAAxB,IAArC,GAA2E,IAF9E,EAGGE,KAAK,gBAAG,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAEA,KAAK,CAACE;AAApB,IAAH,GAAmC,IAH3C,CADF;AAOD,CAVD;;AAYAT,YAAY,CAACU,SAAb,2CAAyB;AACvBN,EAAAA,IAAI,EAAEb,SAAS,CAACoB,KAAV,CAAgB,CAACd,WAAW,CAACC,OAAb,EAAsBD,WAAW,CAACE,aAAlC,CAAhB,CADiB;AAEvBM,EAAAA,OAAO,EAAEd,SAAS,CAACqB,KAAV,CAAgB;AACvBC,IAAAA,IAAI,EAAErB,IAAI,CAACkB,SAAL,CAAeG,IADE;AAEvBC,IAAAA,KAAK,EAAEvB,SAAS,CAACwB,MAAV,CAAiBC,UAFD;AAGvBC,IAAAA,OAAO,EAAE1B,SAAS,CAACwB;AAHI,GAAhB,CAFc;AAOvBT,EAAAA,UAAU,EAAEf,SAAS,CAACqB,KAAV,CAAgB;AAC1BE,IAAAA,KAAK,EAAEvB,SAAS,CAACwB,MADS;AAE1BE,IAAAA,OAAO,EAAE1B,SAAS,CAACwB;AAFO,GAAhB,CAPW;AAWvBR,EAAAA,KAAK,EAAEhB,SAAS,CAACqB,KAAV,CAAgBjB,KAAK,CAACe,SAAtB;AAXgB,CAAzB;AAcA,eAAeV,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../../../../atom/link';\nimport Learner from './learner';\nimport Microlearning from './microlearning';\nimport Lives from './lives';\nimport style from './style.css'; // eslint-disable-line css-modules/no-unused-class\n\nconst HEADER_TYPE = {\n  LEARNER: 'learner',\n  MICROLEARNING: 'microlearning'\n};\n\nconst SlidesHeader = (props = {}, context = undefined) => {\n  const {type, content, subcontent, lives} = props;\n\n  return (\n    <div data-name=\"slidesHeader\" className={style.wrapper}>\n      {type === HEADER_TYPE.LEARNER ? <Learner content={content} subcontent={subcontent} /> : null}\n      {type === HEADER_TYPE.MICROLEARNING ? <Microlearning content={content} /> : null}\n      {lives ? <Lives count={lives.count} /> : null}\n    </div>\n  );\n};\n\nSlidesHeader.propTypes = {\n  type: PropTypes.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),\n  content: PropTypes.shape({\n    href: Link.propTypes.href,\n    title: PropTypes.string.isRequired,\n    details: PropTypes.string\n  }),\n  subcontent: PropTypes.shape({\n    title: PropTypes.string,\n    details: PropTypes.string\n  }),\n  lives: PropTypes.shape(Lives.propTypes)\n};\n\nexport default SlidesHeader;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"names":["React","PropTypes","Link","Learner","Microlearning","Lives","style","HEADER_TYPE","LEARNER","MICROLEARNING","SlidesHeader","props","context","undefined","type","content","subcontent","lives","mode","wrapper","count","propTypes","oneOf","shape","href","title","string","isRequired","details"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB,C,CAAiC;;AAEjC,MAAMC,WAAW,GAAG;AAClBC,EAAAA,OAAO,EAAE,SADS;AAElBC,EAAAA,aAAa,EAAE;AAFG,CAApB;;AAKA,MAAMC,YAAY,GAAG,CAACC,KAAK,GAAG,EAAT,EAAaC,OAAO,GAAGC,SAAvB,KAAqC;AACxD,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,UAAhB;AAA4BC,IAAAA,KAA5B;AAAmCC,IAAAA;AAAnC,MAA2CP,KAAjD;AAEA,sBACE;AAAK,iBAAU,cAAf;AAA8B,IAAA,SAAS,EAAEL,KAAK,CAACa;AAA/C,KACGL,IAAI,KAAKP,WAAW,CAACC,OAArB,gBACC,oBAAC,OAAD;AAAS,IAAA,OAAO,EAAEO,OAAlB;AAA2B,IAAA,UAAU,EAAEC,UAAvC;AAAmD,IAAA,IAAI,EAAEE;AAAzD,IADD,GAEG,IAHN,EAIGJ,IAAI,KAAKP,WAAW,CAACE,aAArB,gBAAqC,oBAAC,aAAD;AAAe,IAAA,OAAO,EAAEM;AAAxB,IAArC,GAA2E,IAJ9E,EAKGE,KAAK,gBAAG,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAEA,KAAK,CAACG;AAApB,IAAH,GAAmC,IAL3C,CADF;AASD,CAZD;;AAcAV,YAAY,CAACW,SAAb,2CAAyB;AACvBP,EAAAA,IAAI,EAAEb,SAAS,CAACqB,KAAV,CAAgB,CAACf,WAAW,CAACC,OAAb,EAAsBD,WAAW,CAACE,aAAlC,CAAhB,CADiB;AAEvBM,EAAAA,OAAO,EAAEd,SAAS,CAACsB,KAAV,CAAgB;AACvBC,IAAAA,IAAI,EAAEtB,IAAI,CAACmB,SAAL,CAAeG,IADE;AAEvBC,IAAAA,KAAK,EAAExB,SAAS,CAACyB,MAAV,CAAiBC,UAFD;AAGvBC,IAAAA,OAAO,EAAE3B,SAAS,CAACyB;AAHI,GAAhB,CAFc;AAOvBV,EAAAA,UAAU,EAAEf,SAAS,CAACsB,KAAV,CAAgB;AAC1BE,IAAAA,KAAK,EAAExB,SAAS,CAACyB,MADS;AAE1BE,IAAAA,OAAO,EAAE3B,SAAS,CAACyB;AAFO,GAAhB,CAPW;AAWvBT,EAAAA,KAAK,EAAEhB,SAAS,CAACsB,KAAV,CAAgBlB,KAAK,CAACgB,SAAtB,CAXgB;AAYvBH,EAAAA,IAAI,EAAEjB,SAAS,CAACyB;AAZO,CAAzB;AAeA,eAAehB,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../../../../atom/link';\nimport Learner from './learner';\nimport Microlearning from './microlearning';\nimport Lives from './lives';\nimport style from './style.css'; // eslint-disable-line css-modules/no-unused-class\n\nconst HEADER_TYPE = {\n  LEARNER: 'learner',\n  MICROLEARNING: 'microlearning'\n};\n\nconst SlidesHeader = (props = {}, context = undefined) => {\n  const {type, content, subcontent, lives, mode} = props;\n\n  return (\n    <div data-name=\"slidesHeader\" className={style.wrapper}>\n      {type === HEADER_TYPE.LEARNER ? (\n        <Learner content={content} subcontent={subcontent} mode={mode} />\n      ) : null}\n      {type === HEADER_TYPE.MICROLEARNING ? <Microlearning content={content} /> : null}\n      {lives ? <Lives count={lives.count} /> : null}\n    </div>\n  );\n};\n\nSlidesHeader.propTypes = {\n  type: PropTypes.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),\n  content: PropTypes.shape({\n    href: Link.propTypes.href,\n    title: PropTypes.string.isRequired,\n    details: PropTypes.string\n  }),\n  subcontent: PropTypes.shape({\n    title: PropTypes.string,\n    details: PropTypes.string\n  }),\n  lives: PropTypes.shape(Lives.propTypes),\n  mode: PropTypes.string\n};\n\nexport default SlidesHeader;\n"],"file":"index.js"}

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

@@ -92,6 +92,16 @@
   composes: innerHTML from '../../../../../atom/label/style.css';
 }
 
+.contentWrapperScorm {
+  composes: contentWrapper;
+  cursor: default;
+}
+
+.contentWrapperScorm:hover {
+  color: dark;
+  stroke: dark;
+}
+
 @media mobile {
   .contentWrapper {
     max-width: 90%;

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

@@ -1,4 +1,7 @@
 import _get from "lodash/fp/get";
+
+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 classnames from 'classnames';
@@ -7,10 +10,37 @@ import Link from '../../../../../atom/link';
 import Provider from '../../../../../atom/provider';
 import style from './learner.css';
 
+const LearnerHeaderWrapper = props => {
+  const {
+    children,
+    mode,
+    onClick
+  } = props;
+  if (mode === 'scorm') return /*#__PURE__*/React.createElement("div", {
+    className: style.contentWrapperScorm
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.backIcon
+  }), children);
+  return /*#__PURE__*/React.createElement(Link, {
+    onClick: onClick,
+    className: style.contentWrapper
+  }, /*#__PURE__*/React.createElement(BackIcon, {
+    className: style.backIcon,
+    color: "inherit"
+  }), children);
+};
+
+LearnerHeaderWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
+  onClick: Link.propTypes.onClick,
+  mode: PropTypes.string,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+} : {};
+
 const Content = ({
   onClick,
   title,
-  details
+  details,
+  mode
 }, context) => {
   const {
     skin
@@ -18,13 +48,10 @@ const Content = ({
 
   const primarySkinColor = _get('common.primary', skin);
 
-  return /*#__PURE__*/React.createElement(Link, {
-    onClick: onClick,
-    className: style.contentWrapper
-  }, /*#__PURE__*/React.createElement(BackIcon, {
-    className: style.backIcon,
-    color: "inherit"
-  }), /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(LearnerHeaderWrapper, {
+    mode: mode,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement("div", {
     className: style.content
   }, /*#__PURE__*/React.createElement("div", {
     className: style.contentDetails,
@@ -47,7 +74,8 @@ Content.contextTypes = {
 Content.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: Link.propTypes.onClick,
   title: PropTypes.string.isRequired,
-  details: PropTypes.string
+  details: PropTypes.string,
+  mode: PropTypes.string
 } : {};
 
 const Subcontent = ({
@@ -73,16 +101,20 @@ Subcontent.propTypes = process.env.NODE_ENV !== "production" ? {
 const LearnerHeader = (props, context) => {
   const {
     content,
-    subcontent
+    subcontent,
+    mode
   } = props;
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapper
-  }, /*#__PURE__*/React.createElement(Content, content), /*#__PURE__*/React.createElement(Subcontent, subcontent));
+  }, /*#__PURE__*/React.createElement(Content, _extends({}, content, {
+    mode: mode
+  })), /*#__PURE__*/React.createElement(Subcontent, subcontent));
 };
 
 LearnerHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   content: PropTypes.shape(Content.propTypes).isRequired,
-  subcontent: PropTypes.shape(Subcontent.propTypes).isRequired
+  subcontent: PropTypes.shape(Subcontent.propTypes).isRequired,
+  mode: PropTypes.string
 } : {};
 export default LearnerHeader;
 //# sourceMappingURL=learner.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"names":["React","PropTypes","classnames","NovaCompositionNavigationArrowLeft","BackIcon","Link","Provider","style","Content","onClick","title","details","context","skin","primarySkinColor","contentWrapper","backIcon","content","contentDetails","color","contentTitle","innerHTML","__html","contextTypes","childContextTypes","propTypes","string","isRequired","Subcontent","subcontent","subcontentDetails","subcontentTitle","LearnerHeader","props","wrapper","shape"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport Provider from '../../../../../atom/provider';\nimport style from './learner.css';\n\nconst Content = ({onClick, title, details}, context) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <Link onClick={onClick} className={style.contentWrapper}>\n      <BackIcon className={style.backIcon} color=\"inherit\" />\n      <div className={style.content}>\n        <div\n          className={style.contentDetails}\n          style={{\n            color: primarySkinColor\n          }}\n        >\n          {details}\n        </div>\n\n        <span\n          data-name=\"contentTitle\"\n          className={classnames(style.contentTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n    </Link>\n  );\n};\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst Subcontent = ({title, details}, context) => (\n  <div className={style.subcontent}>\n    <div className={style.subcontentDetails}>{details}</div>\n    <div\n      className={classnames(style.subcontentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </div>\n);\n\nSubcontent.propTypes = {\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst LearnerHeader = (props, context) => {\n  const {content, subcontent} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <Content {...content} />\n      <Subcontent {...subcontent} />\n    </div>\n  );\n};\n\nLearnerHeader.propTypes = {\n  content: PropTypes.shape(Content.propTypes).isRequired,\n  subcontent: PropTypes.shape(Subcontent.propTypes).isRequired\n};\n\nexport default LearnerHeader;\n"],"file":"learner.js"}
+{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"names":["React","PropTypes","classnames","NovaCompositionNavigationArrowLeft","BackIcon","Link","Provider","style","LearnerHeaderWrapper","props","children","mode","onClick","contentWrapperScorm","backIcon","contentWrapper","propTypes","string","oneOfType","arrayOf","node","isRequired","Content","title","details","context","skin","primarySkinColor","content","contentDetails","color","contentTitle","innerHTML","__html","contextTypes","childContextTypes","Subcontent","subcontent","subcontentDetails","subcontentTitle","LearnerHeader","wrapper","shape"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport Provider from '../../../../../atom/provider';\nimport style from './learner.css';\n\nconst LearnerHeaderWrapper = props => {\n  const {children, mode, onClick} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.contentWrapperScorm}>\n        <div className={style.backIcon} />\n        {children}\n      </div>\n    );\n  return (\n    <Link onClick={onClick} className={style.contentWrapper}>\n      <BackIcon className={style.backIcon} color=\"inherit\" />\n      {children}\n    </Link>\n  );\n};\n\nLearnerHeaderWrapper.propTypes = {\n  onClick: Link.propTypes.onClick,\n  mode: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nconst Content = ({onClick, title, details, mode}, context) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <LearnerHeaderWrapper mode={mode} onClick={onClick}>\n      <div className={style.content}>\n        <div\n          className={style.contentDetails}\n          style={{\n            color: primarySkinColor\n          }}\n        >\n          {details}\n        </div>\n\n        <span\n          data-name=\"contentTitle\"\n          className={classnames(style.contentTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n    </LearnerHeaderWrapper>\n  );\n};\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst Subcontent = ({title, details}, context) => (\n  <div className={style.subcontent}>\n    <div className={style.subcontentDetails}>{details}</div>\n    <div\n      className={classnames(style.subcontentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </div>\n);\n\nSubcontent.propTypes = {\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst LearnerHeader = (props, context) => {\n  const {content, subcontent, mode} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <Content {...content} mode={mode} />\n      <Subcontent {...subcontent} />\n    </div>\n  );\n};\n\nLearnerHeader.propTypes = {\n  content: PropTypes.shape(Content.propTypes).isRequired,\n  subcontent: PropTypes.shape(Subcontent.propTypes).isRequired,\n  mode: PropTypes.string\n};\n\nexport default LearnerHeader;\n"],"file":"learner.js"}

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

@@ -305,9 +305,9 @@ const BackgroundScorm = props => {
   } = props;
   if (mode === 'scorm') return /*#__PURE__*/React.createElement("div", {
     className: style.organismPlayerResultContainerScorm
-  }, /*#__PURE__*/React.createElement("div", {
+  }, failed === false ? /*#__PURE__*/React.createElement("div", {
     className: style.animationContainer
-  }, failed === false ? /*#__PURE__*/React.createElement(AtomLottieWrapper, _extends({
+  }, /*#__PURE__*/React.createElement(AtomLottieWrapper, _extends({
     'aria-label': 'aria lottie',
     'data-name': 'default-lottie',
     className: undefined,
@@ -327,7 +327,7 @@ 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.background
   }, /*#__PURE__*/React.createElement("div", {
     className: style.largeCircle

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","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"}
+{"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        {failed === false ? (\n          <div className={style.animationContainer}>\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          </div>\n        ) : null}\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/variables/brand.native.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=brand.native.js.map

package/es/variables/brand.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"brand.native.js"}

package/lib/molecule/brand-logo/index.native.js

@@ -0,0 +1,43 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _index = _interopRequireDefault(require("../../atom/image-background/index.native"));
+
+var _templateContext = require("../../template/app-review/template-context");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const styles = _reactNative.StyleSheet.create({
+  logo: {
+    width: '100%'
+  }
+});
+
+const BrandLogo = ({
+  height
+}) => {
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const {
+    brandTheme
+  } = templateContext;
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
+    style: [styles.logo, {
+      height
+    }],
+    testID: "brand-logo",
+    source: {
+      uri: brandTheme.images['logo-mobile']
+    },
+    resizeMode: "contain"
+  });
+};
+
+var _default = BrandLogo;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

package/lib/molecule/brand-logo/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/brand-logo/index.native.tsx"],"names":["styles","StyleSheet","create","logo","width","BrandLogo","height","templateContext","brandTheme","uri","images"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAYA,MAAMA,MAAsB,GAAGC,wBAAWC,MAAX,CAAkB;AAC/CC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE;AADH;AADyC,CAAlB,CAA/B;;AAMA,MAAMC,SAAS,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAqB;AACrC,QAAMC,eAAe,GAAG,0CAAxB;AACA,QAAM;AAACC,IAAAA;AAAD,MAAeD,eAArB;AAEA,sBACE,6BAAC,cAAD;AACE,IAAA,KAAK,EAAE,CAACP,MAAM,CAACG,IAAR,EAAc;AAACG,MAAAA;AAAD,KAAd,CADT;AAEE,IAAA,MAAM,EAAC,YAFT;AAGE,IAAA,MAAM,EAAE;AACNG,MAAAA,GAAG,EAAED,UAAU,CAACE,MAAX,CAAkB,aAAlB;AADC,KAHV;AAME,IAAA,UAAU,EAAC;AANb,IADF;AAUD,CAdD;;eAgBeL,S","sourcesContent":["import React from 'react';\nimport {StyleSheet} from 'react-native';\nimport ImageBackground from '../../atom/image-background/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport interface Props {\n  height: number;\n}\n\ntype StyleSheetType = {\n  logo: {\n    width: string;\n  };\n};\n\nconst styles: StyleSheetType = StyleSheet.create({\n  logo: {\n    width: '100%'\n  }\n});\n\nconst BrandLogo = ({height}: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme} = templateContext;\n\n  return (\n    <ImageBackground\n      style={[styles.logo, {height}]}\n      testID=\"brand-logo\"\n      source={{\n        uri: brandTheme.images['logo-mobile']\n      }}\n      resizeMode=\"contain\"\n    />\n  );\n};\n\nexport default BrandLogo;\n"],"file":"index.native.js"}

package/lib/organism/header-v2/index.native.js

@@ -0,0 +1,124 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.HEADER_HEIGHT = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _templateContext = require("../../template/app-review/template-context");
+
+var _index = _interopRequireDefault(require("../../molecule/brand-logo/index.native"));
+
+var _index2 = _interopRequireDefault(require("../../atom/gradient/index.native"));
+
+var _index3 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const HEADER_HEIGHT = 67;
+exports.HEADER_HEIGHT = HEADER_HEIGHT;
+const ICON_WIDTH = 20;
+
+const createStyleSheet = theme => _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    backgroundColor: theme.colors.white,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    height: HEADER_HEIGHT,
+    top: 0,
+    width: '100%'
+  },
+  icons: {
+    flexDirection: 'row'
+  },
+  icon: {
+    marginRight: 16
+  },
+  logo: {
+    width: 80,
+    marginLeft: 16
+  },
+  gradient: {
+    position: 'absolute',
+    left: 0,
+    top: HEADER_HEIGHT,
+    right: 0,
+    opacity: 0.3
+  }
+});
+
+const Header = props => {
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  const {
+    theme
+  } = templateContext;
+  const {
+    onSearchPress,
+    onSettingsPress,
+    onLogoLongPress
+  } = props;
+  const logoHeight = HEADER_HEIGHT - theme.spacing.small * 2;
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]); // ------------------------------------
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styleSheet.container],
+    testID: "header"
+  }, /*#__PURE__*/_react.default.createElement(_index2.default, {
+    height: theme.spacing.tiny,
+    colors: [theme.colors.gray.medium, theme.colors.gray.light],
+    transparencyPosition: "bottom",
+    style: styleSheet.gradient
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.logo
+  }, /*#__PURE__*/_react.default.createElement(_index3.default, {
+    testID: "header-logo",
+    onLongPress: onLogoLongPress,
+    analyticsID: "sign-out",
+    isWithoutFeedback: true
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    height: logoHeight
+  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styleSheet.icons]
+  }, /*#__PURE__*/_react.default.createElement(_index3.default, {
+    testID: "search-icon",
+    onPress: onSearchPress,
+    analyticsID: "search-icon"
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademySearch, {
+    height: ICON_WIDTH,
+    width: ICON_WIDTH,
+    color: theme.colors.gray.dark,
+    style: styleSheet.icon
+  })), /*#__PURE__*/_react.default.createElement(_index3.default, {
+    testID: "settings-icon",
+    onPress: onSettingsPress,
+    analyticsID: "settings-icon"
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCog, {
+    height: ICON_WIDTH,
+    width: ICON_WIDTH,
+    color: theme.colors.gray.dark,
+    style: styleSheet.icon
+  }))));
+};
+
+var _default = Header;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

package/lib/organism/header-v2/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/header-v2/index.native.tsx"],"names":["HEADER_HEIGHT","ICON_WIDTH","createStyleSheet","theme","StyleSheet","create","container","position","backgroundColor","colors","white","flexDirection","alignItems","justifyContent","height","top","width","icons","icon","marginRight","logo","marginLeft","gradient","left","right","opacity","Header","props","templateContext","styleSheet","setStylesheet","onSearchPress","onSettingsPress","onLogoLongPress","logoHeight","spacing","small","_stylesheet","tiny","gray","medium","light","dark"],"mappings":"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","sourcesContent":["import React, {useState, useEffect} from 'react';\nimport type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';\n\nimport {View, StyleSheet} from 'react-native';\nimport {\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaCompositionCoorpacademyCog as SettingsIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport BrandLogo from '../../molecule/brand-logo/index.native';\nimport Gradient from '../../atom/gradient/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {FlexAlignType, FlexDirection, JustifyContent, Position} from '../../types/styles';\nimport {Theme} from '../../variables/theme.native';\n\nexport interface Props {\n  onSearchPress: (event: PressEvent) => any;\n  onSettingsPress: (event: PressEvent) => any;\n  onLogoLongPress: (event: PressEvent) => any;\n}\n\nexport const HEADER_HEIGHT = 67;\nconst ICON_WIDTH = 20;\n\ntype StyleSheetType = {\n  container: {\n    position: Position;\n    backgroundColor: string;\n    flexDirection: FlexDirection;\n    alignItems: FlexAlignType;\n    justifyContent: JustifyContent;\n    height: string | number;\n    top: number;\n    width: string | number;\n  };\n  icons: {\n    flexDirection: FlexDirection;\n  };\n  icon: {\n    marginRight: number;\n  };\n  logo: {\n    width: number;\n    marginLeft: number;\n  };\n  gradient: {\n    position: Position;\n    left: number;\n    top: number;\n    right: number;\n    opacity: number;\n  };\n};\n\nconst createStyleSheet = (theme: Theme) =>\n  StyleSheet.create({\n    container: {\n      position: 'absolute',\n      backgroundColor: theme.colors.white,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      height: HEADER_HEIGHT,\n      top: 0,\n      width: '100%'\n    },\n    icons: {\n      flexDirection: 'row'\n    },\n    icon: {\n      marginRight: 16\n    },\n    logo: {\n      width: 80,\n      marginLeft: 16\n    },\n    gradient: {\n      position: 'absolute',\n      left: 0,\n      top: HEADER_HEIGHT,\n      right: 0,\n      opacity: 0.3\n    }\n  });\n\nconst Header = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  const {onSearchPress, onSettingsPress, onLogoLongPress} = props;\n  const logoHeight = HEADER_HEIGHT - theme.spacing.small * 2;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.container]} testID=\"header\">\n      <Gradient\n        height={theme.spacing.tiny}\n        colors={[theme.colors.gray.medium, theme.colors.gray.light]}\n        transparencyPosition=\"bottom\"\n        style={styleSheet.gradient}\n      />\n      <View style={styleSheet.logo}>\n        <Touchable\n          testID=\"header-logo\"\n          onLongPress={onLogoLongPress}\n          analyticsID=\"sign-out\"\n          isWithoutFeedback\n        >\n          <BrandLogo height={logoHeight} />\n        </Touchable>\n      </View>\n      <View style={[styleSheet.icons]}>\n        <Touchable testID=\"search-icon\" onPress={onSearchPress} analyticsID=\"search-icon\">\n          <SearchIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n        <Touchable testID=\"settings-icon\" onPress={onSettingsPress} analyticsID=\"settings-icon\">\n          <SettingsIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n      </View>\n    </View>\n  );\n};\n\nexport default Header;\n"],"file":"index.native.js"}

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

@@ -30,14 +30,16 @@ const SlidesHeader = (props = {}, context = undefined) => {
     type,
     content,
     subcontent,
-    lives
+    lives,
+    mode
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "slidesHeader",
     className: _style.default.wrapper
   }, type === HEADER_TYPE.LEARNER ? /*#__PURE__*/_react.default.createElement(_learner.default, {
     content: content,
-    subcontent: subcontent
+    subcontent: subcontent,
+    mode: mode
   }) : null, type === HEADER_TYPE.MICROLEARNING ? /*#__PURE__*/_react.default.createElement(_microlearning.default, {
     content: content
   }) : null, lives ? /*#__PURE__*/_react.default.createElement(_lives.default, {
@@ -56,7 +58,8 @@ SlidesHeader.propTypes = process.env.NODE_ENV !== "production" ? {
     title: _propTypes.default.string,
     details: _propTypes.default.string
   }),
-  lives: _propTypes.default.shape(_lives.default.propTypes)
+  lives: _propTypes.default.shape(_lives.default.propTypes),
+  mode: _propTypes.default.string
 } : {};
 var _default = SlidesHeader;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"names":["HEADER_TYPE","LEARNER","MICROLEARNING","SlidesHeader","props","context","undefined","type","content","subcontent","lives","style","wrapper","count","propTypes","PropTypes","oneOf","shape","href","Link","title","string","isRequired","details","Lives"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAAiC;AAEjC,MAAMA,WAAW,GAAG;AAClBC,EAAAA,OAAO,EAAE,SADS;AAElBC,EAAAA,aAAa,EAAE;AAFG,CAApB;;AAKA,MAAMC,YAAY,GAAG,CAACC,KAAK,GAAG,EAAT,EAAaC,OAAO,GAAGC,SAAvB,KAAqC;AACxD,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,UAAhB;AAA4BC,IAAAA;AAA5B,MAAqCN,KAA3C;AAEA,sBACE;AAAK,iBAAU,cAAf;AAA8B,IAAA,SAAS,EAAEO,eAAMC;AAA/C,KACGL,IAAI,KAAKP,WAAW,CAACC,OAArB,gBAA+B,6BAAC,gBAAD;AAAS,IAAA,OAAO,EAAEO,OAAlB;AAA2B,IAAA,UAAU,EAAEC;AAAvC,IAA/B,GAAuF,IAD1F,EAEGF,IAAI,KAAKP,WAAW,CAACE,aAArB,gBAAqC,6BAAC,sBAAD;AAAe,IAAA,OAAO,EAAEM;AAAxB,IAArC,GAA2E,IAF9E,EAGGE,KAAK,gBAAG,6BAAC,cAAD;AAAO,IAAA,KAAK,EAAEA,KAAK,CAACG;AAApB,IAAH,GAAmC,IAH3C,CADF;AAOD,CAVD;;AAYAV,YAAY,CAACW,SAAb,2CAAyB;AACvBP,EAAAA,IAAI,EAAEQ,mBAAUC,KAAV,CAAgB,CAAChB,WAAW,CAACC,OAAb,EAAsBD,WAAW,CAACE,aAAlC,CAAhB,CADiB;AAEvBM,EAAAA,OAAO,EAAEO,mBAAUE,KAAV,CAAgB;AACvBC,IAAAA,IAAI,EAAEC,cAAKL,SAAL,CAAeI,IADE;AAEvBE,IAAAA,KAAK,EAAEL,mBAAUM,MAAV,CAAiBC,UAFD;AAGvBC,IAAAA,OAAO,EAAER,mBAAUM;AAHI,GAAhB,CAFc;AAOvBZ,EAAAA,UAAU,EAAEM,mBAAUE,KAAV,CAAgB;AAC1BG,IAAAA,KAAK,EAAEL,mBAAUM,MADS;AAE1BE,IAAAA,OAAO,EAAER,mBAAUM;AAFO,GAAhB,CAPW;AAWvBX,EAAAA,KAAK,EAAEK,mBAAUE,KAAV,CAAgBO,eAAMV,SAAtB;AAXgB,CAAzB;eAceX,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../../../../atom/link';\nimport Learner from './learner';\nimport Microlearning from './microlearning';\nimport Lives from './lives';\nimport style from './style.css'; // eslint-disable-line css-modules/no-unused-class\n\nconst HEADER_TYPE = {\n  LEARNER: 'learner',\n  MICROLEARNING: 'microlearning'\n};\n\nconst SlidesHeader = (props = {}, context = undefined) => {\n  const {type, content, subcontent, lives} = props;\n\n  return (\n    <div data-name=\"slidesHeader\" className={style.wrapper}>\n      {type === HEADER_TYPE.LEARNER ? <Learner content={content} subcontent={subcontent} /> : null}\n      {type === HEADER_TYPE.MICROLEARNING ? <Microlearning content={content} /> : null}\n      {lives ? <Lives count={lives.count} /> : null}\n    </div>\n  );\n};\n\nSlidesHeader.propTypes = {\n  type: PropTypes.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),\n  content: PropTypes.shape({\n    href: Link.propTypes.href,\n    title: PropTypes.string.isRequired,\n    details: PropTypes.string\n  }),\n  subcontent: PropTypes.shape({\n    title: PropTypes.string,\n    details: PropTypes.string\n  }),\n  lives: PropTypes.shape(Lives.propTypes)\n};\n\nexport default SlidesHeader;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"names":["HEADER_TYPE","LEARNER","MICROLEARNING","SlidesHeader","props","context","undefined","type","content","subcontent","lives","mode","style","wrapper","count","propTypes","PropTypes","oneOf","shape","href","Link","title","string","isRequired","details","Lives"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAAiC;AAEjC,MAAMA,WAAW,GAAG;AAClBC,EAAAA,OAAO,EAAE,SADS;AAElBC,EAAAA,aAAa,EAAE;AAFG,CAApB;;AAKA,MAAMC,YAAY,GAAG,CAACC,KAAK,GAAG,EAAT,EAAaC,OAAO,GAAGC,SAAvB,KAAqC;AACxD,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,UAAhB;AAA4BC,IAAAA,KAA5B;AAAmCC,IAAAA;AAAnC,MAA2CP,KAAjD;AAEA,sBACE;AAAK,iBAAU,cAAf;AAA8B,IAAA,SAAS,EAAEQ,eAAMC;AAA/C,KACGN,IAAI,KAAKP,WAAW,CAACC,OAArB,gBACC,6BAAC,gBAAD;AAAS,IAAA,OAAO,EAAEO,OAAlB;AAA2B,IAAA,UAAU,EAAEC,UAAvC;AAAmD,IAAA,IAAI,EAAEE;AAAzD,IADD,GAEG,IAHN,EAIGJ,IAAI,KAAKP,WAAW,CAACE,aAArB,gBAAqC,6BAAC,sBAAD;AAAe,IAAA,OAAO,EAAEM;AAAxB,IAArC,GAA2E,IAJ9E,EAKGE,KAAK,gBAAG,6BAAC,cAAD;AAAO,IAAA,KAAK,EAAEA,KAAK,CAACI;AAApB,IAAH,GAAmC,IAL3C,CADF;AASD,CAZD;;AAcAX,YAAY,CAACY,SAAb,2CAAyB;AACvBR,EAAAA,IAAI,EAAES,mBAAUC,KAAV,CAAgB,CAACjB,WAAW,CAACC,OAAb,EAAsBD,WAAW,CAACE,aAAlC,CAAhB,CADiB;AAEvBM,EAAAA,OAAO,EAAEQ,mBAAUE,KAAV,CAAgB;AACvBC,IAAAA,IAAI,EAAEC,cAAKL,SAAL,CAAeI,IADE;AAEvBE,IAAAA,KAAK,EAAEL,mBAAUM,MAAV,CAAiBC,UAFD;AAGvBC,IAAAA,OAAO,EAAER,mBAAUM;AAHI,GAAhB,CAFc;AAOvBb,EAAAA,UAAU,EAAEO,mBAAUE,KAAV,CAAgB;AAC1BG,IAAAA,KAAK,EAAEL,mBAAUM,MADS;AAE1BE,IAAAA,OAAO,EAAER,mBAAUM;AAFO,GAAhB,CAPW;AAWvBZ,EAAAA,KAAK,EAAEM,mBAAUE,KAAV,CAAgBO,eAAMV,SAAtB,CAXgB;AAYvBJ,EAAAA,IAAI,EAAEK,mBAAUM;AAZO,CAAzB;eAeenB,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../../../../atom/link';\nimport Learner from './learner';\nimport Microlearning from './microlearning';\nimport Lives from './lives';\nimport style from './style.css'; // eslint-disable-line css-modules/no-unused-class\n\nconst HEADER_TYPE = {\n  LEARNER: 'learner',\n  MICROLEARNING: 'microlearning'\n};\n\nconst SlidesHeader = (props = {}, context = undefined) => {\n  const {type, content, subcontent, lives, mode} = props;\n\n  return (\n    <div data-name=\"slidesHeader\" className={style.wrapper}>\n      {type === HEADER_TYPE.LEARNER ? (\n        <Learner content={content} subcontent={subcontent} mode={mode} />\n      ) : null}\n      {type === HEADER_TYPE.MICROLEARNING ? <Microlearning content={content} /> : null}\n      {lives ? <Lives count={lives.count} /> : null}\n    </div>\n  );\n};\n\nSlidesHeader.propTypes = {\n  type: PropTypes.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),\n  content: PropTypes.shape({\n    href: Link.propTypes.href,\n    title: PropTypes.string.isRequired,\n    details: PropTypes.string\n  }),\n  subcontent: PropTypes.shape({\n    title: PropTypes.string,\n    details: PropTypes.string\n  }),\n  lives: PropTypes.shape(Lives.propTypes),\n  mode: PropTypes.string\n};\n\nexport default SlidesHeader;\n"],"file":"index.js"}

package/lib/template/app-player/player/slides/header/learner.css

@@ -92,6 +92,16 @@
   composes: innerHTML from '../../../../../atom/label/style.css';
 }
 
+.contentWrapperScorm {
+  composes: contentWrapper;
+  cursor: default;
+}
+
+.contentWrapperScorm:hover {
+  color: dark;
+  stroke: dark;
+}
+
 @media mobile {
   .contentWrapper {
     max-width: 90%;

package/lib/template/app-player/player/slides/header/learner.js

@@ -21,22 +21,48 @@ var _learner = _interopRequireDefault(require("./learner.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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); }
+
+const LearnerHeaderWrapper = props => {
+  const {
+    children,
+    mode,
+    onClick
+  } = props;
+  if (mode === 'scorm') return /*#__PURE__*/_react.default.createElement("div", {
+    className: _learner.default.contentWrapperScorm
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _learner.default.backIcon
+  }), children);
+  return /*#__PURE__*/_react.default.createElement(_link.default, {
+    onClick: onClick,
+    className: _learner.default.contentWrapper
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowLeft, {
+    className: _learner.default.backIcon,
+    color: "inherit"
+  }), children);
+};
+
+LearnerHeaderWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
+  onClick: _link.default.propTypes.onClick,
+  mode: _propTypes.default.string,
+  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired
+} : {};
+
 const Content = ({
   onClick,
   title,
-  details
+  details,
+  mode
 }, context) => {
   const {
     skin
   } = context;
   const primarySkinColor = (0, _get2.default)('common.primary', skin);
-  return /*#__PURE__*/_react.default.createElement(_link.default, {
-    onClick: onClick,
-    className: _learner.default.contentWrapper
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowLeft, {
-    className: _learner.default.backIcon,
-    color: "inherit"
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(LearnerHeaderWrapper, {
+    mode: mode,
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: _learner.default.content
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _learner.default.contentDetails,
@@ -59,7 +85,8 @@ Content.contextTypes = {
 Content.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _link.default.propTypes.onClick,
   title: _propTypes.default.string.isRequired,
-  details: _propTypes.default.string
+  details: _propTypes.default.string,
+  mode: _propTypes.default.string
 } : {};
 
 const Subcontent = ({
@@ -85,16 +112,20 @@ Subcontent.propTypes = process.env.NODE_ENV !== "production" ? {
 const LearnerHeader = (props, context) => {
   const {
     content,
-    subcontent
+    subcontent,
+    mode
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _learner.default.wrapper
-  }, /*#__PURE__*/_react.default.createElement(Content, content), /*#__PURE__*/_react.default.createElement(Subcontent, subcontent));
+  }, /*#__PURE__*/_react.default.createElement(Content, _extends({}, content, {
+    mode: mode
+  })), /*#__PURE__*/_react.default.createElement(Subcontent, subcontent));
 };
 
 LearnerHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   content: _propTypes.default.shape(Content.propTypes).isRequired,
-  subcontent: _propTypes.default.shape(Subcontent.propTypes).isRequired
+  subcontent: _propTypes.default.shape(Subcontent.propTypes).isRequired,
+  mode: _propTypes.default.string
 } : {};
 var _default = LearnerHeader;
 exports.default = _default;

package/lib/template/app-player/player/slides/header/learner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"names":["Content","onClick","title","details","context","skin","primarySkinColor","style","contentWrapper","backIcon","content","contentDetails","color","contentTitle","innerHTML","__html","contextTypes","Provider","childContextTypes","propTypes","Link","PropTypes","string","isRequired","Subcontent","subcontent","subcontentDetails","subcontentTitle","LearnerHeader","props","wrapper","shape"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,CAAC;AAACC,EAAAA,OAAD;AAAUC,EAAAA,KAAV;AAAiBC,EAAAA;AAAjB,CAAD,EAA4BC,OAA5B,KAAwC;AACtD,QAAM;AAACC,IAAAA;AAAD,MAASD,OAAf;AACA,QAAME,gBAAgB,GAAG,mBAAI,gBAAJ,EAAsBD,IAAtB,CAAzB;AAEA,sBACE,6BAAC,aAAD;AAAM,IAAA,OAAO,EAAEJ,OAAf;AAAwB,IAAA,SAAS,EAAEM,iBAAMC;AAAzC,kBACE,6BAAC,6CAAD;AAAU,IAAA,SAAS,EAAED,iBAAME,QAA3B;AAAqC,IAAA,KAAK,EAAC;AAA3C,IADF,eAEE;AAAK,IAAA,SAAS,EAAEF,iBAAMG;AAAtB,kBACE;AACE,IAAA,SAAS,EAAEH,iBAAMI,cADnB;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEN;AADF;AAFT,KAMGH,OANH,CADF,eAUE;AACE,iBAAU,cADZ;AAEE,IAAA,SAAS,EAAE,yBAAWI,iBAAMM,YAAjB,EAA+BN,iBAAMO,SAArC,CAFb,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEb;AAAT;AAJ3B,IAVF,CAFF,CADF;AAsBD,CA1BD;;AA4BAF,OAAO,CAACgB,YAAR,GAAuB;AACrBX,EAAAA,IAAI,EAAEY,kBAASC,iBAAT,CAA2Bb;AADZ,CAAvB;AAIAL,OAAO,CAACmB,SAAR,2CAAoB;AAClBlB,EAAAA,OAAO,EAAEmB,cAAKD,SAAL,CAAelB,OADN;AAElBC,EAAAA,KAAK,EAAEmB,mBAAUC,MAAV,CAAiBC,UAFN;AAGlBpB,EAAAA,OAAO,EAAEkB,mBAAUC;AAHD,CAApB;;AAMA,MAAME,UAAU,GAAG,CAAC;AAACtB,EAAAA,KAAD;AAAQC,EAAAA;AAAR,CAAD,EAAmBC,OAAnB,kBACjB;AAAK,EAAA,SAAS,EAAEG,iBAAMkB;AAAtB,gBACE;AAAK,EAAA,SAAS,EAAElB,iBAAMmB;AAAtB,GAA0CvB,OAA1C,CADF,eAEE;AACE,EAAA,SAAS,EAAE,yBAAWI,iBAAMoB,eAAjB,EAAkCpB,iBAAMO,SAAxC,CADb,CAEE;AAFF;AAGE,EAAA,uBAAuB,EAAE;AAACC,IAAAA,MAAM,EAAEb;AAAT;AAH3B,EAFF,CADF;;AAWAsB,UAAU,CAACL,SAAX,2CAAuB;AACrBjB,EAAAA,KAAK,EAAEmB,mBAAUC,MAAV,CAAiBC,UADH;AAErBpB,EAAAA,OAAO,EAAEkB,mBAAUC;AAFE,CAAvB;;AAKA,MAAMM,aAAa,GAAG,CAACC,KAAD,EAAQzB,OAAR,KAAoB;AACxC,QAAM;AAACM,IAAAA,OAAD;AAAUe,IAAAA;AAAV,MAAwBI,KAA9B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEtB,iBAAMuB;AAAtB,kBACE,6BAAC,OAAD,EAAapB,OAAb,CADF,eAEE,6BAAC,UAAD,EAAgBe,UAAhB,CAFF,CADF;AAMD,CATD;;AAWAG,aAAa,CAACT,SAAd,2CAA0B;AACxBT,EAAAA,OAAO,EAAEW,mBAAUU,KAAV,CAAgB/B,OAAO,CAACmB,SAAxB,EAAmCI,UADpB;AAExBE,EAAAA,UAAU,EAAEJ,mBAAUU,KAAV,CAAgBP,UAAU,CAACL,SAA3B,EAAsCI;AAF1B,CAA1B;eAKeK,a","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport Provider from '../../../../../atom/provider';\nimport style from './learner.css';\n\nconst Content = ({onClick, title, details}, context) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <Link onClick={onClick} className={style.contentWrapper}>\n      <BackIcon className={style.backIcon} color=\"inherit\" />\n      <div className={style.content}>\n        <div\n          className={style.contentDetails}\n          style={{\n            color: primarySkinColor\n          }}\n        >\n          {details}\n        </div>\n\n        <span\n          data-name=\"contentTitle\"\n          className={classnames(style.contentTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n    </Link>\n  );\n};\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst Subcontent = ({title, details}, context) => (\n  <div className={style.subcontent}>\n    <div className={style.subcontentDetails}>{details}</div>\n    <div\n      className={classnames(style.subcontentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </div>\n);\n\nSubcontent.propTypes = {\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst LearnerHeader = (props, context) => {\n  const {content, subcontent} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <Content {...content} />\n      <Subcontent {...subcontent} />\n    </div>\n  );\n};\n\nLearnerHeader.propTypes = {\n  content: PropTypes.shape(Content.propTypes).isRequired,\n  subcontent: PropTypes.shape(Subcontent.propTypes).isRequired\n};\n\nexport default LearnerHeader;\n"],"file":"learner.js"}
+{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"names":["LearnerHeaderWrapper","props","children","mode","onClick","style","contentWrapperScorm","backIcon","contentWrapper","propTypes","Link","PropTypes","string","oneOfType","arrayOf","node","isRequired","Content","title","details","context","skin","primarySkinColor","content","contentDetails","color","contentTitle","innerHTML","__html","contextTypes","Provider","childContextTypes","Subcontent","subcontent","subcontentDetails","subcontentTitle","LearnerHeader","wrapper","shape"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport Provider from '../../../../../atom/provider';\nimport style from './learner.css';\n\nconst LearnerHeaderWrapper = props => {\n  const {children, mode, onClick} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.contentWrapperScorm}>\n        <div className={style.backIcon} />\n        {children}\n      </div>\n    );\n  return (\n    <Link onClick={onClick} className={style.contentWrapper}>\n      <BackIcon className={style.backIcon} color=\"inherit\" />\n      {children}\n    </Link>\n  );\n};\n\nLearnerHeaderWrapper.propTypes = {\n  onClick: Link.propTypes.onClick,\n  mode: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nconst Content = ({onClick, title, details, mode}, context) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <LearnerHeaderWrapper mode={mode} onClick={onClick}>\n      <div className={style.content}>\n        <div\n          className={style.contentDetails}\n          style={{\n            color: primarySkinColor\n          }}\n        >\n          {details}\n        </div>\n\n        <span\n          data-name=\"contentTitle\"\n          className={classnames(style.contentTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n    </LearnerHeaderWrapper>\n  );\n};\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst Subcontent = ({title, details}, context) => (\n  <div className={style.subcontent}>\n    <div className={style.subcontentDetails}>{details}</div>\n    <div\n      className={classnames(style.subcontentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </div>\n);\n\nSubcontent.propTypes = {\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst LearnerHeader = (props, context) => {\n  const {content, subcontent, mode} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <Content {...content} mode={mode} />\n      <Subcontent {...subcontent} />\n    </div>\n  );\n};\n\nLearnerHeader.propTypes = {\n  content: PropTypes.shape(Content.propTypes).isRequired,\n  subcontent: PropTypes.shape(Subcontent.propTypes).isRequired,\n  mode: PropTypes.string\n};\n\nexport default LearnerHeader;\n"],"file":"learner.js"}

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

@@ -324,9 +324,9 @@ const BackgroundScorm = props => {
   } = props;
   if (mode === 'scorm') return /*#__PURE__*/_react.default.createElement("div", {
     className: _summary.default.organismPlayerResultContainerScorm
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, failed === false ? /*#__PURE__*/_react.default.createElement("div", {
     className: _summary.default.animationContainer
-  }, failed === false ? /*#__PURE__*/_react.default.createElement(_lottieWrapper.default, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_lottieWrapper.default, _extends({
     'aria-label': 'aria lottie',
     'data-name': 'default-lottie',
     className: undefined,
@@ -346,7 +346,7 @@ const BackgroundScorm = props => {
     "data-name": "lottie-wrapper",
     className: _summary.default.lottie,
     backupImageClassName: _summary.default.ie11Backup
-  })) : null), /*#__PURE__*/_react.default.createElement("div", {
+  }))) : null, /*#__PURE__*/_react.default.createElement("div", {
     className: _summary.default.background
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _summary.default.largeCircle

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/popin-end/summary.js"],"names":["Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","style","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","innerHTML","__html","backgroundColor","simpleButton","propTypes","PropTypes","string","shape","Button","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","CardsList","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","Link","children","contextTypes","Provider","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Discussion","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","PopinHeader","href","url","func","isRequired","Feedback"],"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"}
+{"version":3,"sources":["../../../../src/template/app-player/popin-end/summary.js"],"names":["Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","style","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","innerHTML","__html","backgroundColor","simpleButton","propTypes","PropTypes","string","shape","Button","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","CardsList","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","Link","children","contextTypes","Provider","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Discussion","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","PopinHeader","href","url","func","isRequired","Feedback"],"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        {failed === false ? (\n          <div className={style.animationContainer}>\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          </div>\n        ) : null}\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/lib/variables/brand.native.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=brand.native.js.map

package/lib/variables/brand.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"brand.native.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.23.3",
+  "version": "10.23.5",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -140,5 +140,5 @@
     "webpack": "^4.43.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "d0e6c4072ede5df6ed9b3db5f0766540a940c32d"
+  "gitHead": "c26082cea51b43ae9c83f96c7915e0bffa5a9667"
 }