@coorpacademy/components 11.14.1-alpha.3.27 → 11.14.2

package/es/molecule/hero/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","Provider","Button","CardContentInfo","MODES","propTypes","style","Hero","props","context","skin","image","title","author","progress","onClick","submitValue","description","mode","HERO","primaryColor","cardStyle","hero","lazy","imageWrapper","backgroundColor","backgroundImage","infoWrapper","heroButtonWrapper","heroButton","contextTypes","childContextTypes"],"sources":["../../../src/molecule/hero/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport CardContentInfo, {MODES} from '../card-content';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {propTypes, Props} from './types';\nimport style from './style.css';\n\nconst Hero = (props: Props, context: WebContextValues) => {\n  const {skin} = context;\n  const {\n    image,\n    title,\n    author,\n    progress,\n    onClick,\n    submitValue,\n    description,\n    mode = MODES.HERO\n  } = props;\n\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(style.hero, title ? null : style.lazy);\n\n  return (\n    <div className={cardStyle} data-name=\"hero\">\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          className={style.image}\n          style={{\n            backgroundColor: primaryColor,\n            backgroundImage: image ? `url('${image}')` : 'none'\n          }}\n        />\n      </div>\n      {mode === MODES.HERO ? (\n        <CardContentInfo mode={MODES.HERO} author={author} progress={progress} title={title} />\n      ) : (\n        <div className={style.infoWrapper}>\n          <h1 className={style.title}>{title}</h1>\n          <p className={style.description}>{description}</p>\n        </div>\n      )}\n      {mode === MODES.HERO ? (\n        <div className={style.heroButtonWrapper}>\n          <Button\n            type=\"link\"\n            data-name=\"hero-button\"\n            onClick={onClick}\n            submitValue={submitValue}\n            className={style.heroButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = propTypes;\n\nexport default Hero;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,IAAyBC,KAAzB,QAAqC,iBAArC;AAEA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAeC,OAAf,KAA6C;EACxD,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IACJE,KADI;IAEJC,KAFI;IAGJC,MAHI;IAIJC,QAJI;IAKJC,OALI;IAMJC,WANI;IAOJC,WAPI;IAQJC,IAAI,GAAGd,KAAK,CAACe;EART,IASFX,KATJ;;EAWA,MAAMY,YAAY,GAAG,KAAI,gBAAJ,EAAsBV,IAAtB,CAArB;;EACA,MAAMW,SAAS,GAAGrB,UAAU,CAACM,KAAK,CAACgB,IAAP,EAAaV,KAAK,GAAG,IAAH,GAAUN,KAAK,CAACiB,IAAlC,CAA5B;EAEA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEf,KAAK,CAACkB;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAElB,KAAK,CAACK,KAFnB;IAGE,KAAK,EAAE;MACLc,eAAe,EAAEL,YADZ;MAELM,eAAe,EAAEf,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,EAWGO,IAAI,KAAKd,KAAK,CAACe,IAAf,gBACC,oBAAC,eAAD;IAAiB,IAAI,EAAEf,KAAK,CAACe,IAA7B;IAAmC,MAAM,EAAEN,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EADD,gBAGC;IAAK,SAAS,EAAEN,KAAK,CAACqB;EAAtB,gBACE;IAAI,SAAS,EAAErB,KAAK,CAACM;EAArB,GAA6BA,KAA7B,CADF,eAEE;IAAG,SAAS,EAAEN,KAAK,CAACW;EAApB,GAAkCA,WAAlC,CAFF,CAdJ,EAmBGC,IAAI,KAAKd,KAAK,CAACe,IAAf,gBACC;IAAK,SAAS,EAAEb,KAAK,CAACsB;EAAtB,gBACE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEb,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEV,KAAK,CAACuB,UALnB;IAME,KAAK,EAAE;MAACJ,eAAe,EAAEL;IAAlB;EANT,EADF,CADD,GAWG,IA9BN,CADF;AAkCD,CAlDD;;AAoDAb,IAAI,CAACuB,YAAL,GAAoB;EAClBpB,IAAI,EAAET,QAAQ,CAAC8B,iBAAT,CAA2BrB;AADf,CAApB;AAIAH,IAAI,CAACF,SAAL,2CAAiBA,SAAjB;AAEA,eAAeE,IAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","Button","CardContentInfo","MODES","style","Hero","props","context","skin","image","title","author","progress","onClick","submitValue","primaryColor","cardStyle","hero","lazy","imageWrapper","backgroundColor","backgroundImage","HERO","heroButtonWrapper","heroButton","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../src/molecule/hero/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport CardContentInfo, {MODES} from '../card-content';\nimport style from './style.css';\n\nconst Hero = (props, context) => {\n  const {skin} = context;\n  const {image, title, author, progress, onClick, submitValue} = props;\n\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(style.hero, title ? null : style.lazy);\n\n  return (\n    <div className={cardStyle} data-name=\"hero\">\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          className={style.image}\n          style={{\n            backgroundColor: primaryColor,\n            backgroundImage: image ? `url('${image}')` : 'none'\n          }}\n        />\n      </div>\n      <CardContentInfo mode={MODES.HERO} author={author} progress={progress} title={title} />\n      <div className={style.heroButtonWrapper}>\n        <Button\n          type=\"link\"\n          data-name=\"hero-button\"\n          onClick={onClick}\n          submitValue={submitValue}\n          className={style.heroButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = {\n  image: PropTypes.string,\n  title: CardContentInfo.propTypes.title,\n  author: CardContentInfo.propTypes.author,\n  progress: CardContentInfo.propTypes.progress,\n  onClick: Button.propTypes.onClick,\n  submitValue: Button.propTypes.submitValue\n};\n\nexport default Hero;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,IAAyBC,KAAzB,QAAqC,iBAArC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,KAAR;IAAeC,MAAf;IAAuBC,QAAvB;IAAiCC,OAAjC;IAA0CC;EAA1C,IAAyDR,KAA/D;;EAEA,MAAMS,YAAY,GAAG,KAAI,gBAAJ,EAAsBP,IAAtB,CAArB;;EACA,MAAMQ,SAAS,GAAGjB,UAAU,CAACK,KAAK,CAACa,IAAP,EAAaP,KAAK,GAAG,IAAH,GAAUN,KAAK,CAACc,IAAlC,CAA5B;EAEA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEZ,KAAK,CAACe;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAEf,KAAK,CAACK,KAFnB;IAGE,KAAK,EAAE;MACLW,eAAe,EAAEL,YADZ;MAELM,eAAe,EAAEZ,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,eAWE,oBAAC,eAAD;IAAiB,IAAI,EAAEN,KAAK,CAACmB,IAA7B;IAAmC,MAAM,EAAEX,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EAXF,eAYE;IAAK,SAAS,EAAEN,KAAK,CAACmB;EAAtB,gBACE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEV,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEV,KAAK,CAACoB,UALnB;IAME,KAAK,EAAE;MAACJ,eAAe,EAAEL;IAAlB;EANT,EADF,CAZF,CADF;AAyBD,CAhCD;;AAkCAV,IAAI,CAACoB,YAAL,GAAoB;EAClBjB,IAAI,EAAER,QAAQ,CAAC0B,iBAAT,CAA2BlB;AADf,CAApB;AAIAH,IAAI,CAACsB,SAAL,2CAAiB;EACflB,KAAK,EAAEX,SAAS,CAAC8B,MADF;EAEflB,KAAK,EAAER,eAAe,CAACyB,SAAhB,CAA0BjB,KAFlB;EAGfC,MAAM,EAAET,eAAe,CAACyB,SAAhB,CAA0BhB,MAHnB;EAIfC,QAAQ,EAAEV,eAAe,CAACyB,SAAhB,CAA0Bf,QAJrB;EAKfC,OAAO,EAAEZ,MAAM,CAAC0B,SAAP,CAAiBd,OALX;EAMfC,WAAW,EAAEb,MAAM,CAAC0B,SAAP,CAAiBb;AANf,CAAjB;AASA,eAAeT,IAAf"}

package/es/molecule/hero/style.css

@@ -156,45 +156,3 @@
     opacity: 0;
   }
 }
-
-.infoWrapper {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  justify-content: center;
-  padding: 0 40px;
-  width: 100%;
-  box-sizing: border-box;
-  color: white;
-  align-self: center;
-}
-
-.title {
-  font-family: Gilroy;
-  font-size: 28px;
-  font-weight: 500;
-  line-height: 36px;
-  letter-spacing: 0px;
-  text-align: center;  
-  overflow: hidden;
-  user-select: none;
-  margin: 0;
-  align-self: center;
-}
-
-.description {
-  text-align: center;
-  margin-top: 12px;
-  font-size: 18px;
-  font-family: Gilroy;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 24px;
-  letter-spacing: 0px;
-  overflow: hidden;
-  user-select: none;
-  max-width: 650px;
-  padding: 0;
-  margin: 0;
-  align-self: center;
-}

package/es/molecule/quick-access-card/index.d.ts

@@ -6,7 +6,6 @@ declare namespace QuickAccessCard {
         const description: PropTypes.Requireable<string>;
         const href: PropTypes.Requireable<string>;
         const openInNewTab: PropTypes.Requireable<boolean>;
-        const isMoocCard: PropTypes.Requireable<boolean>;
         const feature: PropTypes.Requireable<string>;
     }
 }

package/es/molecule/quick-access-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-card/index.js"],"names":[],"mappings":";AA0HA,wEAkEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-card/index.js"],"names":[],"mappings":";AA+EA,wEAwDC"}

package/es/molecule/quick-access-card/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { NovaSolidContentContentBookAdd as CockpitIcon, NovaSolidUsersActionsUser as ManageUserIcon, NovaSolidFilesBasicFileUpload2 as UploadUserIcon, NovaSolidEmailAtSign as ManageEmailIcon, NovaSolidDesignPaintBrush2 as LookAndFeelIcon, NovaSolidContentContentViewList as DashboardIcon, NovaSolidContentEditionFlash as MassiveBattleIcon, NovaSolidApplicationsWindowApplication5 as CmsIcon, NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon, NovaCompositionNavigationArrowRight as ActionIcon, NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon, NovaLinePhoneMobilePhone as MobilePhone, NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark, NovaLineNetworkNetworkAlert as NetworkAlert, NovaLineObjectsBinoculars1 as Binoculaire, NovaLineContentEditionContentBook as ContentBook } from '@coorpacademy/nova-icons';
+import { NovaSolidContentContentBookAdd as CockpitIcon, NovaSolidUsersActionsUser as ManageUserIcon, NovaSolidFilesBasicFileUpload2 as UploadUserIcon, NovaSolidEmailAtSign as ManageEmailIcon, NovaSolidDesignPaintBrush2 as LookAndFeelIcon, NovaSolidContentContentViewList as DashboardIcon, NovaSolidContentEditionFlash as MassiveBattleIcon, NovaSolidApplicationsWindowApplication5 as CmsIcon, NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon, NovaCompositionNavigationArrowRight as ActionIcon, NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon } from '@coorpacademy/nova-icons';
 import Link from '../../atom/link';
 import style from './style.css';
 
@@ -33,21 +33,6 @@ const getIcon = feature => {
     case 'analytics':
       return AnalyticsIcon;
 
-    case 'binoculaire':
-      return Binoculaire;
-
-    case 'book':
-      return ContentBook;
-
-    case 'network':
-      return NetworkAlert;
-
-    case 'chat-bubble-question':
-      return ChatBubbleCircleQuestionMark;
-
-    case 'mobile-phone':
-      return MobilePhone;
-
     default:
       return CockpitIcon;
   }
@@ -58,20 +43,20 @@ const getBackgroudRadialColors = feature => {
     case 'manage_users':
     case 'upload_users':
       return {
-        iconBackgroundColor: '#2EC1D6',
+        iconColor: '#2EC1D6',
         degrees: '187'
       };
 
     case 'look_and_feel':
     case 'dashboard':
       return {
-        iconBackgroundColor: '#18BB98',
+        iconColor: '#18BB98',
         degrees: '167'
       };
 
     case 'cockpit':
       return {
-        iconBackgroundColor: '#FF7043',
+        iconColor: '#FF7043',
         degrees: '14'
       };
 
@@ -79,46 +64,13 @@ const getBackgroudRadialColors = feature => {
     case 'massive_battle':
     case 'cms':
       return {
-        iconBackgroundColor: '#7340FF',
+        iconColor: '#7340FF',
         degrees: '256'
       };
 
     case 'analytics':
       return {
-        iconBackgroundColor: '#FF4040',
-        degrees: '0'
-      };
-
-    case 'binoculaire':
-      return {
-        iconBackgroundColor: '#FFEFEB',
-        iconColor: '#FF541F',
-        degrees: '0'
-      };
-
-    case 'book':
-      return {
-        iconBackgroundColor: '#F1F6FE',
-        degrees: '0'
-      };
-
-    case 'network':
-      return {
-        iconBackgroundColor: '#FFE5E6',
-        iconColor: '#FF0A0A',
-        degrees: '0'
-      };
-
-    case 'chat-bubble-question':
-      return {
-        iconBackgroundColor: '#E8FCF8',
-        iconColor: '#16AC8C',
-        degrees: '0'
-      };
-
-    case 'mobile-phone':
-      return {
-        iconBackgroundColor: '#F4F0FF',
+        iconColor: '#FF4040',
         degrees: '0'
       };
 
@@ -133,13 +85,11 @@ const QuickAccessCard = (props, context) => {
     description,
     feature,
     href,
-    openInNewTab = false,
-    isMoocCard = false
+    openInNewTab = false
   } = props;
   const {
-    iconBackgroundColor,
-    degrees,
-    iconColor
+    iconColor,
+    degrees
   } = getBackgroudRadialColors(feature);
   const Icon = getIcon(feature);
   const newTabOnClick = openInNewTab ? /*#__PURE__*/React.createElement(NewTabIcon, {
@@ -154,7 +104,7 @@ const QuickAccessCard = (props, context) => {
     target: openInNewTab ? '_blank' : '_self',
     className: style.link
   }, /*#__PURE__*/React.createElement("div", {
-    style: !isMoocCard ? {
+    style: {
       background: `radial-gradient(62.12% 56.45% at 0% 77.29%, 
             hsl(${degrees}deg 68% 40% / 20%) 0%, 
             hsl(${degrees}deg 68% 40% / 0%) 100%), 
@@ -165,37 +115,32 @@ const QuickAccessCard = (props, context) => {
             hsl(${degrees}deg 87% 91%) 0%, 
             hsl(${degrees}deg 87% 91% / 0%) 100%), 
           #FAFAFA`
-    } : null,
+    },
     className: style.content
   }, /*#__PURE__*/React.createElement("div", {
     className: style.iconFeatureWrapper,
     style: {
-      backgroundColor: iconBackgroundColor
+      backgroundColor: iconColor
     }
   }, /*#__PURE__*/React.createElement(Icon, {
-    className: style.iconFeature,
-    style: {
-      color: iconColor
-    }
+    className: style.iconFeature
   })), /*#__PURE__*/React.createElement("div", {
     className: style.title
   }, title, newTabOnClick), /*#__PURE__*/React.createElement("div", {
     className: style.description
   }, description), /*#__PURE__*/React.createElement("div", {
-    className: style.cta
-  }, /*#__PURE__*/React.createElement("div", {
-    className: !isMoocCard ? style.iconGotoWrapper : null,
-    style: !isMoocCard ? {
-      backgroundColor: iconBackgroundColor
-    } : null
+    className: style.iconGotoWrapper,
+    style: {
+      backgroundColor: iconColor
+    }
   }, /*#__PURE__*/React.createElement("div", {
-    className: isMoocCard ? style.hoverMooc : style.hover,
+    className: style.hover,
     style: {
-      color: isMoocCard ? '#FFFFFF' : iconBackgroundColor
+      color: iconColor
     }
   }, /*#__PURE__*/React.createElement(ActionIcon, {
     className: style.iconGoto
-  })))))));
+  }))))));
 };
 
 QuickAccessCard.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -203,8 +148,7 @@ QuickAccessCard.propTypes = process.env.NODE_ENV !== "production" ? {
   description: PropTypes.string,
   href: PropTypes.string,
   openInNewTab: PropTypes.bool,
-  isMoocCard: PropTypes.bool,
-  feature: PropTypes.oneOf(['analytics', 'cms', 'cockpit', 'massive_battle', 'manage_email', 'dashboard', 'look_and_feel', 'manage_users', 'upload_users', 'binoculaire', 'book', 'network', 'chat-bubble-question', 'mobile-phone'])
+  feature: PropTypes.oneOf(['analytics', 'cms', 'cockpit', 'massive_battle', 'manage_email', 'dashboard', 'look_and_feel', 'manage_users', 'upload_users'])
 } : {};
 export default QuickAccessCard;
 //# sourceMappingURL=index.js.map

package/es/molecule/quick-access-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidContentContentBookAdd","CockpitIcon","NovaSolidUsersActionsUser","ManageUserIcon","NovaSolidFilesBasicFileUpload2","UploadUserIcon","NovaSolidEmailAtSign","ManageEmailIcon","NovaSolidDesignPaintBrush2","LookAndFeelIcon","NovaSolidContentContentViewList","DashboardIcon","NovaSolidContentEditionFlash","MassiveBattleIcon","NovaSolidApplicationsWindowApplication5","CmsIcon","NovaSolidBusinessBusinessGraphLine2","AnalyticsIcon","NovaCompositionNavigationArrowRight","ActionIcon","NovaCompositionCoorpacademyOpenInNewTab","NewTabIcon","NovaLinePhoneMobilePhone","MobilePhone","NovaLineMessagesChatChatBubbleCircleQuestionMark","ChatBubbleCircleQuestionMark","NovaLineNetworkNetworkAlert","NetworkAlert","NovaLineObjectsBinoculars1","Binoculaire","NovaLineContentEditionContentBook","ContentBook","Link","style","getIcon","feature","getBackgroudRadialColors","iconBackgroundColor","degrees","iconColor","QuickAccessCard","props","context","title","description","href","openInNewTab","isMoocCard","Icon","newTabOnClick","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","color","cta","iconGotoWrapper","hoverMooc","hover","iconGoto","propTypes","string","bool","oneOf"],"sources":["../../../src/molecule/quick-access-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon,\n  NovaLinePhoneMobilePhone as MobilePhone,\n  NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark,\n  NovaLineNetworkNetworkAlert as NetworkAlert,\n  NovaLineObjectsBinoculars1 as Binoculaire,\n  NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    case 'binoculaire':\n      return Binoculaire;\n    case 'book':\n      return ContentBook;\n    case 'network':\n      return NetworkAlert;\n    case 'chat-bubble-question':\n      return ChatBubbleCircleQuestionMark;\n    case 'mobile-phone':\n      return MobilePhone;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconBackgroundColor: '#2EC1D6',\n        degrees: '187'\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconBackgroundColor: '#18BB98',\n        degrees: '167'\n      };\n    case 'cockpit':\n      return {\n        iconBackgroundColor: '#FF7043',\n        degrees: '14'\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconBackgroundColor: '#7340FF',\n        degrees: '256'\n      };\n    case 'analytics':\n      return {\n        iconBackgroundColor: '#FF4040',\n        degrees: '0'\n      };\n    case 'binoculaire':\n      return {\n        iconBackgroundColor: '#FFEFEB',\n        iconColor: '#FF541F',\n        degrees: '0'\n      };\n    case 'book':\n      return {\n        iconBackgroundColor: '#F1F6FE',\n        degrees: '0'\n      };\n    case 'network':\n      return {\n        iconBackgroundColor: '#FFE5E6',\n        iconColor: '#FF0A0A',\n        degrees: '0'\n      };\n    case 'chat-bubble-question':\n      return {\n        iconBackgroundColor: '#E8FCF8',\n        iconColor: '#16AC8C',\n        degrees: '0'\n      };\n    case 'mobile-phone':\n      return {\n        iconBackgroundColor: '#F4F0FF',\n        degrees: '0'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, href, openInNewTab = false, isMoocCard = false} = props;\n  const {iconBackgroundColor, degrees, iconColor} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const newTabOnClick = openInNewTab ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"quick-access-card\" data-type={feature} className={style.quickAccess}>\n      <Link href={href} target={openInNewTab ? '_blank' : '_self'} className={style.link}>\n        <div\n          style={\n            !isMoocCard\n              ? {\n                  background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n                }\n              : null\n          }\n          className={style.content}\n        >\n          <div\n            className={style.iconFeatureWrapper}\n            style={{\n              backgroundColor: iconBackgroundColor\n            }}\n          >\n            <Icon className={style.iconFeature} style={{color: iconColor}} />\n          </div>\n          <div className={style.title}>\n            {title}\n            {newTabOnClick}\n          </div>\n          <div className={style.description}>{description}</div>\n          <div className={style.cta}>\n            <div\n              className={!isMoocCard ? style.iconGotoWrapper : null}\n              style={\n                !isMoocCard\n                  ? {\n                      backgroundColor: iconBackgroundColor\n                    }\n                  : null\n              }\n            >\n              <div\n                className={isMoocCard ? style.hoverMooc : style.hover}\n                style={{\n                  color: isMoocCard ? '#FFFFFF' : iconBackgroundColor\n                }}\n              >\n                <ActionIcon className={style.iconGoto} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  openInNewTab: PropTypes.bool,\n  isMoocCard: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'manage_users',\n    'upload_users',\n    'binoculaire',\n    'book',\n    'network',\n    'chat-bubble-question',\n    'mobile-phone'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidContentContentBookAdd","CockpitIcon","NovaSolidUsersActionsUser","ManageUserIcon","NovaSolidFilesBasicFileUpload2","UploadUserIcon","NovaSolidEmailAtSign","ManageEmailIcon","NovaSolidDesignPaintBrush2","LookAndFeelIcon","NovaSolidContentContentViewList","DashboardIcon","NovaSolidContentEditionFlash","MassiveBattleIcon","NovaSolidApplicationsWindowApplication5","CmsIcon","NovaSolidBusinessBusinessGraphLine2","AnalyticsIcon","NovaCompositionNavigationArrowRight","ActionIcon","NovaCompositionCoorpacademyOpenInNewTab","NewTabIcon","Link","style","getIcon","feature","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","href","openInNewTab","Icon","newTabOnClick","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","string","bool","oneOf"],"sources":["../../../src/molecule/quick-access-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconColor: '#2EC1D6',\n        degrees: '187'\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconColor: '#18BB98',\n        degrees: '167'\n      };\n    case 'cockpit':\n      return {\n        iconColor: '#FF7043',\n        degrees: '14'\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconColor: '#7340FF',\n        degrees: '256'\n      };\n    case 'analytics':\n      return {\n        iconColor: '#FF4040',\n        degrees: '0'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, href, openInNewTab = false} = props;\n  const {iconColor, degrees} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const newTabOnClick = openInNewTab ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"quick-access-card\" data-type={feature} className={style.quickAccess}>\n      <Link href={href} target={openInNewTab ? '_blank' : '_self'} className={style.link}>\n        <div\n          style={{\n            background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n          }}\n          className={style.content}\n        >\n          <div\n            className={style.iconFeatureWrapper}\n            style={{\n              backgroundColor: iconColor\n            }}\n          >\n            <Icon className={style.iconFeature} />\n          </div>\n          <div className={style.title}>\n            {title}\n            {newTabOnClick}\n          </div>\n          <div className={style.description}>{description}</div>\n          <div\n            className={style.iconGotoWrapper}\n            style={{\n              backgroundColor: iconColor\n            }}\n          >\n            <div\n              className={style.hover}\n              style={{\n                color: iconColor\n              }}\n            >\n              <ActionIcon className={style.iconGoto} />\n            </div>\n          </div>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  openInNewTab: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'manage_users',\n    'upload_users'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,8BAA8B,IAAIC,WADpC,EAEEC,yBAAyB,IAAIC,cAF/B,EAGEC,8BAA8B,IAAIC,cAHpC,EAIEC,oBAAoB,IAAIC,eAJ1B,EAKEC,0BAA0B,IAAIC,eALhC,EAMEC,+BAA+B,IAAIC,aANrC,EAOEC,4BAA4B,IAAIC,iBAPlC,EAQEC,uCAAuC,IAAIC,OAR7C,EASEC,mCAAmC,IAAIC,aATzC,EAUEC,mCAAmC,IAAIC,UAVzC,EAWEC,uCAAuC,IAAIC,UAX7C,QAYO,0BAZP;AAaA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAGC,OAAO,IAAI;EACzB,QAAQA,OAAR;IACE,KAAK,cAAL;MACE,OAAOtB,cAAP;;IACF,KAAK,cAAL;MACE,OAAOE,cAAP;;IACF,KAAK,cAAL;MACE,OAAOE,eAAP;;IACF,KAAK,gBAAL;MACE,OAAOM,iBAAP;;IACF,KAAK,KAAL;MACE,OAAOE,OAAP;;IACF,KAAK,eAAL;MACE,OAAON,eAAP;;IACF,KAAK,WAAL;MACE,OAAOE,aAAP;;IACF,KAAK,SAAL;MACE,OAAOV,WAAP;;IACF,KAAK,WAAL;MACE,OAAOgB,aAAP;;IACF;MACE,OAAOhB,WAAP;EApBJ;AAsBD,CAvBD;;AAyBA,MAAMyB,wBAAwB,GAAGD,OAAO,IAAI;EAC1C,QAAQA,OAAR;IACE,KAAK,cAAL;IACA,KAAK,cAAL;MACE,OAAO;QACLE,SAAS,EAAE,SADN;QAELC,OAAO,EAAE;MAFJ,CAAP;;IAIF,KAAK,eAAL;IACA,KAAK,WAAL;MACE,OAAO;QACLD,SAAS,EAAE,SADN;QAELC,OAAO,EAAE;MAFJ,CAAP;;IAIF,KAAK,SAAL;MACE,OAAO;QACLD,SAAS,EAAE,SADN;QAELC,OAAO,EAAE;MAFJ,CAAP;;IAIF,KAAK,cAAL;IACA,KAAK,gBAAL;IACA,KAAK,KAAL;MACE,OAAO;QACLD,SAAS,EAAE,SADN;QAELC,OAAO,EAAE;MAFJ,CAAP;;IAIF,KAAK,WAAL;MACE,OAAO;QACLD,SAAS,EAAE,SADN;QAELC,OAAO,EAAE;MAFJ,CAAP;;IAIF;MACE,OAAO,IAAP;EA/BJ;AAiCD,CAlCD;;AAoCA,MAAMC,eAAe,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC1C,MAAM;IAACC,KAAD;IAAQC,WAAR;IAAqBR,OAArB;IAA8BS,IAA9B;IAAoCC,YAAY,GAAG;EAAnD,IAA4DL,KAAlE;EACA,MAAM;IAACH,SAAD;IAAYC;EAAZ,IAAuBF,wBAAwB,CAACD,OAAD,CAArD;EACA,MAAMW,IAAI,GAAGZ,OAAO,CAACC,OAAD,CAApB;EACA,MAAMY,aAAa,GAAGF,YAAY,gBAAG,oBAAC,UAAD;IAAY,SAAS,EAAEZ,KAAK,CAACe;EAA7B,EAAH,GAAiD,IAAnF;EAEA,oBACE;IAAK,aAAU,mBAAf;IAAmC,aAAWb,OAA9C;IAAuD,SAAS,EAAEF,KAAK,CAACgB;EAAxE,gBACE,oBAAC,IAAD;IAAM,IAAI,EAAEL,IAAZ;IAAkB,MAAM,EAAEC,YAAY,GAAG,QAAH,GAAc,OAApD;IAA6D,SAAS,EAAEZ,KAAK,CAACiB;EAA9E,gBACE;IACE,KAAK,EAAE;MACLC,UAAU,EAAG;AACzB,kBAAkBb,OAAQ;AAC1B,kBAAkBA,OAAQ;AAC1B;AACA,kBAAkBA,OAAQ;AAC1B,kBAAkBA,OAAQ;AAC1B;AACA,kBAAkBA,OAAQ;AAC1B,kBAAkBA,OAAQ;AAC1B;IAViB,CADT;IAaE,SAAS,EAAEL,KAAK,CAACmB;EAbnB,gBAeE;IACE,SAAS,EAAEnB,KAAK,CAACoB,kBADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAEjB;IADZ;EAFT,gBAME,oBAAC,IAAD;IAAM,SAAS,EAAEJ,KAAK,CAACsB;EAAvB,EANF,CAfF,eAuBE;IAAK,SAAS,EAAEtB,KAAK,CAACS;EAAtB,GACGA,KADH,EAEGK,aAFH,CAvBF,eA2BE;IAAK,SAAS,EAAEd,KAAK,CAACU;EAAtB,GAAoCA,WAApC,CA3BF,eA4BE;IACE,SAAS,EAAEV,KAAK,CAACuB,eADnB;IAEE,KAAK,EAAE;MACLF,eAAe,EAAEjB;IADZ;EAFT,gBAME;IACE,SAAS,EAAEJ,KAAK,CAACwB,KADnB;IAEE,KAAK,EAAE;MACLC,KAAK,EAAErB;IADF;EAFT,gBAME,oBAAC,UAAD;IAAY,SAAS,EAAEJ,KAAK,CAAC0B;EAA7B,EANF,CANF,CA5BF,CADF,CADF,CADF;AAkDD,CAxDD;;AA0DApB,eAAe,CAACqB,SAAhB,2CAA4B;EAC1BlB,KAAK,EAAEjC,SAAS,CAACoD,MADS;EAE1BlB,WAAW,EAAElC,SAAS,CAACoD,MAFG;EAG1BjB,IAAI,EAAEnC,SAAS,CAACoD,MAHU;EAI1BhB,YAAY,EAAEpC,SAAS,CAACqD,IAJE;EAK1B3B,OAAO,EAAE1B,SAAS,CAACsD,KAAV,CAAgB,CACvB,WADuB,EAEvB,KAFuB,EAGvB,SAHuB,EAIvB,gBAJuB,EAKvB,cALuB,EAMvB,WANuB,EAOvB,eAPuB,EAQvB,cARuB,EASvB,cATuB,CAAhB;AALiB,CAA5B;AAkBA,eAAexB,eAAf"}

package/es/molecule/quick-access-card/style.css

@@ -1,13 +1,12 @@
 @value colors: "../../variables/colors.css";
 @value breakpoints: "../../variables/breakpoints.css";
 @value white from colors;
-@value cm_primary_blue from colors;
-@value cm_blue_600 from colors;
 @value cm_tablet from breakpoints;
 
 .quickAccess {
   height: 273px;
   cursor: pointer;
+  position: relative;
 }
 
 .link {
@@ -15,12 +14,9 @@
 }
 
 .content {
-  height: 225px;
+  height: 100%;
   border-radius: 8px;
   transition: all 0.5s linear;
-  padding: 24px;
-  display: flex;
-  flex-direction: column;
 }
 
 .content:hover {
@@ -33,7 +29,9 @@
   font-style: normal;
   font-size: 20px;
   line-height: 28px;
-  margin-top: 16px;
+  top: 84px;
+  left: 24px;
+  position: absolute;
 }
 
 .description {
@@ -42,47 +40,42 @@
   font-style: normal;
   font-size: 16px;
   line-height: 22px;
-  margin: 8px 0px 16px 0px;
+  position: absolute;
+  top: 120px;
+  padding-left: 24px;
+  padding-right: 24px;
 }
 
 .iconWrapper {
   width: 44px;
   height: 44px;
+  position: absolute;
   border-radius: 8px;
 }
 
 .iconFeatureWrapper {
   composes: iconWrapper;
-  justify-content: center;
-  display: flex;
-  align-items: center;
+  top: 24px;
+  left: 24px;
 }
 
 .iconFeature {
   color: white;
   width: 20px;
   height: 20px;
-}
-
-.cta {
-  width: 100%;
-  display: flex;
-  align-items: end;
-  justify-content: end;
-  flex: 1;
+  position: relative;
+  top: 12px;
+  left: 12px;
 }
 
 .iconGotoWrapper {
   composes: iconWrapper;
+  bottom: 16px;
+  right: 16px;
   line-height: 0;
   background-color: white;
 }
 
-.hoverMooc {
-  composes: iconWrapper;
-  background-color: cm_primary_blue;
-}
-
 .hover {
   composes: iconWrapper;
 }
@@ -96,10 +89,6 @@
   background: white;
 }
 
-.hoverMooc:hover{
-  background-color: cm_blue_600;
-}
-
 .iconGoto {
   width: 14px;
   height: 14px;

package/es/molecule/quick-access-cards-group/index.d.ts

@@ -7,7 +7,6 @@ declare namespace QuickAccessCardGroup {
             description: PropTypes.Requireable<string>;
             href: PropTypes.Requireable<string>;
             openInNewTab: PropTypes.Requireable<boolean>;
-            isMoocCard: PropTypes.Requireable<boolean>;
             feature: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
         const loading: PropTypes.Requireable<boolean>;

package/es/organism/brand-dashboard/index.d.ts

@@ -14,7 +14,6 @@ declare namespace Dashboard {
                     description: PropTypes.Requireable<string>;
                     href: PropTypes.Requireable<string>;
                     openInNewTab: PropTypes.Requireable<boolean>;
-                    isMoocCard: PropTypes.Requireable<boolean>;
                     feature: PropTypes.Requireable<string>;
                 }> | null | undefined)[]>;
                 loading: PropTypes.Requireable<boolean>;

package/es/template/back-office/brand-update/index.d.ts

@@ -741,7 +741,6 @@ declare namespace BrandUpdate {
                         description: PropTypes.Requireable<string>;
                         href: PropTypes.Requireable<string>;
                         openInNewTab: PropTypes.Requireable<boolean>;
-                        isMoocCard: PropTypes.Requireable<boolean>;
                         feature: PropTypes.Requireable<string>;
                     }> | null | undefined)[]>;
                     loading: PropTypes.Requireable<boolean>;

package/es/template/external-course/index.d.ts

@@ -1,29 +1,82 @@
 export default ExternalCourse;
-declare class ExternalCourse extends React.Component<any, any, any> {
-    static propTypes: {
-        name: PropTypes.Requireable<string>;
-        type: PropTypes.Requireable<string>;
-        url: PropTypes.Validator<string>;
-        quit: PropTypes.Requireable<PropTypes.InferProps<{
+declare function ExternalCourse(props: any, context: any): JSX.Element;
+declare namespace ExternalCourse {
+    namespace propTypes {
+        const name: PropTypes.Requireable<string>;
+        const type: PropTypes.Requireable<string>;
+        const url: PropTypes.Validator<string>;
+        const quit: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        complete: PropTypes.Requireable<PropTypes.InferProps<{
+        const complete: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
             disabled: PropTypes.Requireable<boolean>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        warning: PropTypes.Requireable<PropTypes.InferProps<{
+        const warning: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        loading: PropTypes.Requireable<boolean>;
-        backgroundImageUrl: PropTypes.Requireable<string>;
-        contentType: PropTypes.Requireable<string>;
-        mode: PropTypes.Requireable<string>;
-    };
-    static contextTypes: {
-        skin: PropTypes.Requireable<PropTypes.InferProps<{
+        const loading: PropTypes.Requireable<boolean>;
+        const backgroundImageUrl: PropTypes.Requireable<string>;
+        const contentType: PropTypes.Requireable<string>;
+        const mode: PropTypes.Requireable<string>;
+        const closePopin: PropTypes.Requireable<PropTypes.InferProps<{
+            content: PropTypes.Requireable<string>;
+            mode: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<string>;
+            firstButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                type: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            secondButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                type: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            thirdButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                type: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            onClose: PropTypes.Requireable<(...args: any[]) => any>;
+            icon: PropTypes.Requireable<string>;
+            backgroundImageUrl: PropTypes.Requireable<string>;
+            descriptionText: PropTypes.Requireable<string>;
+            cookieTitle: PropTypes.Requireable<string>;
+            descriptionBtnTxt: PropTypes.Requireable<string>;
+            listBtnSwicth: PropTypes.Requireable<(PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                name: PropTypes.Requireable<string>;
+                id: PropTypes.Requireable<string>;
+                value: PropTypes.Requireable<boolean>;
+                disabled: PropTypes.Requireable<boolean>;
+                onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                modified: PropTypes.Requireable<boolean>;
+                titlePosition: PropTypes.Requireable<string>;
+                theme: PropTypes.Requireable<string>;
+                details: PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
+                requiredSelection: PropTypes.Requireable<boolean>;
+            }> | null | undefined)[]>;
+        }>>;
+    }
+    namespace contextTypes {
+        const skin: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -44,12 +97,7 @@ declare class ExternalCourse extends React.Component<any, any, any> {
                 [x: string]: any;
             }>;
         }>>;
-    };
-    constructor(props: any);
-    constructor(props: any, context: any);
-    handleOnClick: (field: any) => (e: any) => any;
-    render(): JSX.Element;
+    }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/template/external-course/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/external-course/index.js"],"names":[],"mappings":";AAmBA;IACE;;;;;;;;;;;;;;;;;;;;;MAqBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IA4Hqsd,wBAA8C;IAAA,sCAAyJ;IA1H94d,+CAKE;IAEF,sBA+GC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/external-course/index.js"],"names":[],"mappings":";AAoBA,uEAwIC"}