@coorpacademy/components 10.23.2 → 10.23.4

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/molecule/cm-popin/index.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","map","Cta","ButtonLinkIconOnly","InputSwitch","style","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","propTypes","string","oneOf","shape","func","bool","boolean","arrayOf"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,+CAA+C,IAAIC,YADrD,EAEEC,kCAAkC,IAAIC,YAFxC,EAGEC,sBAAsB,IAAIC,MAH5B,QAIO,0BAJP;AAKA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,GAAP,MAAgB,wBAAhB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAGC,KAAK,IAAI;AACvB,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,IAAI,GAAG,OAFH;AAGJC,IAAAA,WAHI;AAIJC,IAAAA,YAJI;AAKJC,IAAAA,OALI;AAMJC,IAAAA,MANI;AAOJC,IAAAA,IAPI;AAQJC,IAAAA,kBARI;AASJC,IAAAA,eATI;AAUJC,IAAAA,WAVI;AAWJC,IAAAA,WAXI;AAYJC,IAAAA,iBAZI;AAaJC,IAAAA;AAbI,MAcFb,KAdJ;AAgBA,QAAMc,IAAI,GAAG;AACXzB,IAAAA,YADW;AAEXE,IAAAA;AAFW,GAAb;AAIA,QAAMwB,aAAa,GAAGD,IAAI,CAACP,IAAD,CAA1B;AAEA,QAAMS,oBAAoB,GAAGR,kBAAkB,GAC3C;AACES,IAAAA,eAAe,EAAG,OAAMT,kBAAmB,GAD7C;AAEEU,IAAAA,cAAc,EAAE;AAFlB,GAD2C,GAK3C,IALJ;;AAMA,QAAMC,YAAY,GAAG,MAAM;AACzB,QAAIb,MAAJ,EAAY,oBAAO;AAAK,MAAA,SAAS,EAAER,KAAK,CAACsB,gBAAtB;AAAwC,MAAA,GAAG,EAAEd;AAA7C,MAAP;AACZ,QAAIJ,IAAI,KAAK,QAAb,EACE,oBACE;AAAK,MAAA,SAAS,EAAEJ,KAAK,CAACuB;AAAtB,oBACE;AAAK,MAAA,SAAS,EAAEvB,KAAK,CAACwB;AAAtB,oBACE,oBAAC,MAAD;AAAQ,MAAA,SAAS,EAAExB,KAAK,CAACyB;AAAzB,MADF,CADF,eAIE;AAAK,MAAA,SAAS,EAAEzB,KAAK,CAACa;AAAtB,OAAoCA,WAApC,CAJF,CADF;AAQF,WAAO,IAAP;AACD,GAZD;;AAaA,QAAMa,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC5C,YAAQD,KAAR;AACE,WAAK,CAAL;AACE,eAAO3B,KAAK,CAAC6B,uBAAb;;AACF,WAAKD,OAAO,CAACE,MAAR,GAAiB,CAAtB;AACE,eAAO9B,KAAK,CAAC+B,sBAAb;;AACF;AACE,eAAO/B,KAAK,CAACgC,qBAAb;AANJ;AAQD,GATD;;AAUA,QAAMC,eAAe,GAAG,MAAM;AAC5B,WAAOrC,GAAG,CAACsC,OAAJ,CAAY;AAACC,MAAAA,GAAG,EAAE;AAAN,KAAZ,EAA0B,CAACC,EAAD,EAAKT,KAAL,KAAe;AAC9C,YAAM;AACJU,QAAAA,IADI;AAEJC,QAAAA,KAFI;AAGJC,QAAAA,KAHI;AAIJC,QAAAA,QAJI;AAKJC,QAAAA,aALI;AAMJC,QAAAA,KANI;AAOJC,QAAAA,OAPI;AAQJC,QAAAA,iBARI;AASJC,QAAAA,QATI;AAUJC,QAAAA,EAVI;AAWJ,qBAAaC;AAXT,UAYFX,EAZJ;AAaA,0BACE;AAAK,QAAA,GAAG,EAAET,KAAV;AAAiB,QAAA,SAAS,EAAED,iBAAiB,CAACC,KAAD,EAAQZ,aAAR;AAA7C,sBACE,oBAAC,WAAD,EACM;AACFsB,QAAAA,IADE;AAEFC,QAAAA,KAFE;AAGFC,QAAAA,KAHE;AAIFC,QAAAA,QAJE;AAKFC,QAAAA,aALE;AAMFC,QAAAA,KANE;AAOFC,QAAAA,OAPE;AAQFC,QAAAA,iBARE;AASFC,QAAAA,QATE;AAUFC,QAAAA,EAVE;AAWF,qBAAaC;AAXX,OADN,CADF,CADF;AAmBD,KAjCM,EAiCJhC,aAjCI,CAAP;AAkCD,GAnCD;;AAoCA,sBACE;AACE,IAAA,SAAS,EAAEX,IAAI,KAAK,QAAT,GAAoBJ,KAAK,CAACgD,UAA1B,GAAuC,IADpD;AAEE,IAAA,KAAK,EAAE9B,oBAFT;AAGE,iBAAW;AAHb,kBAKE;AAAK,IAAA,SAAS,EAAEd,IAAI,KAAK,QAAT,GAAoBJ,KAAK,CAACiD,WAA1B,GAAwCjD,KAAK,CAACkD;AAA9D,kBACE;AAAQ,IAAA,SAAS,EAAElD,KAAK,CAACmD;AAAzB,KACG9B,YAAY,EADf,EAEGd,OAAO,gBACN,oBAAC,kBAAD;AACE,IAAA,OAAO,EAAEA,OADX;AAEE,iBAAW,YAFb;AAGE,kBAAY,YAHd;AAIE,IAAA,IAAI,EAAC,OAJP;AAKE,IAAA,IAAI,EAAC;AALP,IADM,GAQJ,IAVN,CADF,eAaE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACoD;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEpD,KAAK,CAACqD;AAAtB,KACGpC,aAAa,gBAAG,oBAAC,aAAD;AAAe,IAAA,SAAS,EAAEjB,KAAK,CAACS;AAAhC,IAAH,GAA8C,IAD9D,EAEGN,OAAO,gBACN;AACE,IAAA,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBJ,KAAK,CAACG,OAAzB,GAAmCH,KAAK,CAACsD,OADtD;AAEE,iBAAW,kBAFb,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEpD;AAAT;AAJ3B,IADM,GAOJ,IATN,CADF,EAYGQ,eAAe,gBACd;AACE,IAAA,SAAS,EAAEX,KAAK,CAACW,eADnB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAAC4C,MAAAA,MAAM,EAAE5C;AAAT;AAH3B,IADc,GAMZ,IAlBN,CAbF,EAiCGG,iBAAiB,gBAAG;AAAK,IAAA,SAAS,EAAEd,KAAK,CAACwD;AAAtB,KAAuC1C,iBAAvC,CAAH,GAAqE,IAjCzF,EAkCGmB,eAAe,EAlClB,eAmCE;AAAK,IAAA,SAAS,EAAEjC,KAAK,CAACyD;AAAtB,KACGpD,WAAW,gBACV;AAAK,IAAA,SAAS,EAAEA,WAAW,CAACqD,WAAZ,GAA0B1D,KAAK,CAAC0D,WAAhC,GAA8C1D,KAAK,CAAC2D;AAApE,kBACE,oBAAC,GAAD;AACE,IAAA,KAAK,EAAEtD,WAAW,CAACuD,KADrB;AAEE,IAAA,OAAO,EAAEvD,WAAW,CAACwD,aAFvB;AAGE,iBAAW,cAHb;AAIE,kBAAYxD,WAAW,CAAC,YAAD,CAJzB;AAKE,IAAA,IAAI,EAAEA,WAAW,CAACgC;AALpB,IADF,CADU,GAUR,IAXN,EAYG/B,YAAY,gBACX;AAAK,IAAA,SAAS,EAAEA,YAAY,CAACoD,WAAb,GAA2B1D,KAAK,CAAC0D,WAAjC,GAA+C1D,KAAK,CAAC2D;AAArE,kBACE,oBAAC,GAAD;AACE,IAAA,KAAK,EAAErD,YAAY,CAACsD,KADtB;AAEE,IAAA,OAAO,EAAEtD,YAAY,CAACuD,aAFxB;AAGE,iBAAY,gBAAevD,YAAY,CAAC+B,IAAK,EAH/C;AAIE,kBAAY/B,YAAY,CAAC,YAAD,CAJ1B;AAKE,IAAA,IAAI,EAAEA,YAAY,CAAC+B;AALrB,IADF,CADW,GAUT,IAtBN,EAuBGzB,WAAW,gBACV;AAAK,IAAA,SAAS,EAAEA,WAAW,CAAC8C,WAAZ,GAA0B1D,KAAK,CAAC0D,WAAhC,GAA8C1D,KAAK,CAAC2D;AAApE,kBACE,oBAAC,GAAD;AACE,IAAA,KAAK,EAAE/C,WAAW,CAACgD,KADrB;AAEE,IAAA,OAAO,EAAEhD,WAAW,CAACiD,aAFvB;AAGE,iBAAY,gBAAejD,WAAW,CAACyB,IAAK,EAH9C;AAIE,kBAAYzB,WAAW,CAAC,YAAD,CAJzB;AAKE,IAAA,IAAI,EAAEA,WAAW,CAACyB;AALpB,IADF,CADU,GAUR,IAjCN,CAnCF,CALF,CADF;AA+ED,CAvKD;;AAyKApC,OAAO,CAAC6D,SAAR,2CAAoB;AAClB3D,EAAAA,OAAO,EAAEd,SAAS,CAAC0E,MADD;AAElB3D,EAAAA,IAAI,EAAEf,SAAS,CAAC2E,KAAV,CAAgB,CAAC,OAAD,EAAU,aAAV,EAAyB,QAAzB,CAAhB,CAFY;AAGlBxD,EAAAA,MAAM,EAAEnB,SAAS,CAAC0E,MAHA;AAIlB1D,EAAAA,WAAW,EAAEhB,SAAS,CAAC4E,KAAV,CAAgB;AAC3BL,IAAAA,KAAK,EAAEvE,SAAS,CAAC0E,MADU;AAE3BF,IAAAA,aAAa,EAAExE,SAAS,CAAC6E,IAFE;AAG3B,kBAAc7E,SAAS,CAAC0E,MAHG;AAI3BL,IAAAA,WAAW,EAAErE,SAAS,CAAC8E,IAJI;AAK3B9B,IAAAA,IAAI,EAAEhD,SAAS,CAAC2E,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB;AALqB,GAAhB,CAJK;AAWlB1D,EAAAA,YAAY,EAAEjB,SAAS,CAAC4E,KAAV,CAAgB;AAC5BL,IAAAA,KAAK,EAAEvE,SAAS,CAAC0E,MADW;AAE5BF,IAAAA,aAAa,EAAExE,SAAS,CAAC6E,IAFG;AAG5B7B,IAAAA,IAAI,EAAEhD,SAAS,CAAC2E,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHsB;AAI5B,kBAAc3E,SAAS,CAAC0E,MAJI;AAK5BL,IAAAA,WAAW,EAAErE,SAAS,CAAC+E;AALK,GAAhB,CAXI;AAkBlBxD,EAAAA,WAAW,EAAEvB,SAAS,CAAC4E,KAAV,CAAgB;AAC3BL,IAAAA,KAAK,EAAEvE,SAAS,CAAC0E,MADU;AAE3BF,IAAAA,aAAa,EAAExE,SAAS,CAAC6E,IAFE;AAG3B7B,IAAAA,IAAI,EAAEhD,SAAS,CAAC2E,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHqB;AAI3B,kBAAc3E,SAAS,CAAC0E,MAJG;AAK3BL,IAAAA,WAAW,EAAErE,SAAS,CAAC+E;AALI,GAAhB,CAlBK;AAyBlB7D,EAAAA,OAAO,EAAElB,SAAS,CAAC6E,IAzBD;AA0BlBzD,EAAAA,IAAI,EAAEpB,SAAS,CAAC0E,MA1BE;AA2BlBrD,EAAAA,kBAAkB,EAAErB,SAAS,CAAC0E,MA3BZ;AA4BlBpD,EAAAA,eAAe,EAAEtB,SAAS,CAAC0E,MA5BT;AA6BlBlD,EAAAA,WAAW,EAAExB,SAAS,CAAC0E,MA7BL;AA8BlBjD,EAAAA,iBAAiB,EAAEzB,SAAS,CAAC0E,MA9BX;AA+BlBhD,EAAAA,aAAa,EAAE1B,SAAS,CAACgF,OAAV,CAAkBhF,SAAS,CAAC4E,KAAV,CAAgBlE,WAAW,CAAC+D,SAA5B,CAAlB;AA/BG,CAApB;AAkCA,eAAe7D,OAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth\n  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div className={style.titleContainer}>\n          <div className={style.contentSection}>\n            {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n            {content ? (\n              <p\n                className={mode === 'alert' ? style.content : style.message}\n                data-name={'cm-popin-content'}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: content}}\n              />\n            ) : null}\n          </div>\n          {descriptionText ? (\n            <p\n              className={style.descriptionText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: descriptionText}}\n            />\n          ) : null}\n        </div>\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderBtnSwitch()}\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={firstButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={'cm-popin-cta'}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={secondButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={secondButton['aria-label']}\n                type={secondButton.type}\n              />\n            </div>\n          ) : null}\n          {thirdButton ? (\n            <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={thirdButton.label}\n                onClick={thirdButton.handleOnclick}\n                data-name={`cm-popin-cta-${thirdButton.type}`}\n                aria-label={thirdButton['aria-label']}\n                type={thirdButton.type}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information', 'cookie']),\n  header: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary'])\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.boolean\n  }),\n  thirdButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.boolean\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string,\n  backgroundImageUrl: PropTypes.string,\n  descriptionText: PropTypes.string,\n  cookieTitle: PropTypes.string,\n  descriptionBtnTxt: PropTypes.string,\n  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes))\n};\n\nexport default CMPopin;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","map","Cta","ButtonLinkIconOnly","InputSwitch","style","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes","string","oneOf","shape","func","bool","object","boolean","arrayOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth\n  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div className={style.titleContainer}>\n          <div className={style.contentSection}>\n            {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n            {content ? (\n              <p\n                className={mode === 'alert' ? style.content : style.message}\n                data-name={'cm-popin-content'}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: content}}\n              />\n            ) : null}\n          </div>\n          {descriptionText ? (\n            <p\n              className={style.descriptionText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: descriptionText}}\n            />\n          ) : null}\n        </div>\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderBtnSwitch()}\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={firstButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={'cm-popin-cta'}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n                customStyle={firstButton.customStyle}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={secondButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={secondButton['aria-label']}\n                type={secondButton.type}\n              />\n            </div>\n          ) : null}\n          {thirdButton ? (\n            <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={thirdButton.label}\n                onClick={thirdButton.handleOnclick}\n                data-name={`cm-popin-cta-${thirdButton.type}`}\n                aria-label={thirdButton['aria-label']}\n                type={thirdButton.type}\n                customStyle={thirdButton.customStyle}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information', 'cookie']),\n  header: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary', 'tertiary']),\n    customStyle: PropTypes.object\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.boolean,\n    customStyle: PropTypes.object\n  }),\n  thirdButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.boolean,\n    customStyle: PropTypes.object\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string,\n  backgroundImageUrl: PropTypes.string,\n  descriptionText: PropTypes.string,\n  cookieTitle: PropTypes.string,\n  descriptionBtnTxt: PropTypes.string,\n  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes))\n};\n\nexport default CMPopin;\n"],"file":"index.js"}

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

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

package/es/molecule/feedback/style.css

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

package/es/organism/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/organism/review-slide/style.css

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

package/es/template/app-player/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"}