@coorpacademy/components 11.32.33-alpha.33.32 → 11.32.33

package/es/molecule/coorpmanager-base-banner/index.d.ts

@@ -0,0 +1,13 @@
+export default CoorpmanagerBaseBanner;
+declare function CoorpmanagerBaseBanner(props: any): JSX.Element;
+declare namespace CoorpmanagerBaseBanner {
+    namespace propTypes {
+        const image: PropTypes.Requireable<string>;
+        const title: PropTypes.Requireable<string>;
+        const subTitle: PropTypes.Requireable<string>;
+        const buttonLabel: PropTypes.Requireable<string>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/es/molecule/coorpmanager-base-banner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/coorpmanager-base-banner/index.js"],"names":[],"mappings":";AAKA,iEAqCC"}

package/es/molecule/coorpmanager-base-banner/index.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import ButtonLink from '../../atom/button-link';
+import style from './style.css';
+
+const CoorpmanagerBaseBanner = props => {
+  const {
+    image,
+    title,
+    subTitle,
+    buttonLabel,
+    onClick
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.background,
+    "data-name": "go1-base-banner"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.textSection
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.title // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: title
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    className: style.subTitle // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: subTitle
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.buttonWrapper
+  }, /*#__PURE__*/React.createElement(ButtonLink, {
+    "data-name": "learn-more-button",
+    onClick: onClick,
+    type: "primary",
+    label: buttonLabel,
+    icon: {
+      position: 'right',
+      faIcon: {
+        name: 'arrow-right',
+        color: 'white',
+        size: 14
+      }
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: style.imagePlaceholder
+  }), /*#__PURE__*/React.createElement("img", {
+    className: style.image,
+    src: image
+  }));
+};
+
+CoorpmanagerBaseBanner.propTypes = process.env.NODE_ENV !== "production" ? {
+  image: PropTypes.string,
+  title: PropTypes.string,
+  subTitle: PropTypes.string,
+  buttonLabel: PropTypes.string,
+  onClick: PropTypes.func
+} : {};
+export default CoorpmanagerBaseBanner;
+//# sourceMappingURL=index.js.map

package/es/molecule/coorpmanager-base-banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PropTypes","ButtonLink","style","CoorpmanagerBaseBanner","props","image","title","subTitle","buttonLabel","onClick","background","textSection","__html","buttonWrapper","position","faIcon","name","color","size","imagePlaceholder","propTypes","string","func"],"sources":["../../../src/molecule/coorpmanager-base-banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst CoorpmanagerBaseBanner = props => {\n  const {image, title, subTitle, buttonLabel, onClick} = props;\n\n  return (\n    <div className={style.background} data-name=\"go1-base-banner\">\n      <div className={style.textSection}>\n        <span\n          className={style.title}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <span\n          className={style.subTitle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: subTitle}}\n        />\n        <div className={style.buttonWrapper}>\n          <ButtonLink\n            data-name=\"learn-more-button\"\n            onClick={onClick}\n            type=\"primary\"\n            label={buttonLabel}\n            icon={{\n              position: 'right',\n              faIcon: {\n                name: 'arrow-right',\n                color: 'white',\n                size: 14\n              }\n            }}\n          />\n        </div>\n      </div>\n      <div className={style.imagePlaceholder} />\n      <img className={style.image} src={image} />\n    </div>\n  );\n};\n\nCoorpmanagerBaseBanner.propTypes = {\n  image: PropTypes.string,\n  title: PropTypes.string,\n  subTitle: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default CoorpmanagerBaseBanner;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,sBAAsB,GAAGC,KAAK,IAAI;EACtC,MAAM;IAACC,KAAD;IAAQC,KAAR;IAAeC,QAAf;IAAyBC,WAAzB;IAAsCC;EAAtC,IAAiDL,KAAvD;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACQ,UAAtB;IAAkC,aAAU;EAA5C,gBACE;IAAK,SAAS,EAAER,KAAK,CAACS;EAAtB,gBACE;IACE,SAAS,EAAET,KAAK,CAACI,KADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACM,MAAM,EAAEN;IAAT;EAH3B,EADF,eAME;IACE,SAAS,EAAEJ,KAAK,CAACK,QADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACK,MAAM,EAAEL;IAAT;EAH3B,EANF,eAWE;IAAK,SAAS,EAAEL,KAAK,CAACW;EAAtB,gBACE,oBAAC,UAAD;IACE,aAAU,mBADZ;IAEE,OAAO,EAAEJ,OAFX;IAGE,IAAI,EAAC,SAHP;IAIE,KAAK,EAAED,WAJT;IAKE,IAAI,EAAE;MACJM,QAAQ,EAAE,OADN;MAEJC,MAAM,EAAE;QACNC,IAAI,EAAE,aADA;QAENC,KAAK,EAAE,OAFD;QAGNC,IAAI,EAAE;MAHA;IAFJ;EALR,EADF,CAXF,CADF,eA6BE;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAtB,EA7BF,eA8BE;IAAK,SAAS,EAAEjB,KAAK,CAACG,KAAtB;IAA6B,GAAG,EAAEA;EAAlC,EA9BF,CADF;AAkCD,CArCD;;AAuCAF,sBAAsB,CAACiB,SAAvB,2CAAmC;EACjCf,KAAK,EAAEL,SAAS,CAACqB,MADgB;EAEjCf,KAAK,EAAEN,SAAS,CAACqB,MAFgB;EAGjCd,QAAQ,EAAEP,SAAS,CAACqB,MAHa;EAIjCb,WAAW,EAAER,SAAS,CAACqB,MAJU;EAKjCZ,OAAO,EAAET,SAAS,CAACsB;AALc,CAAnC;AAQA,eAAenB,sBAAf"}

package/es/molecule/coorpmanager-base-banner/style.css

@@ -0,0 +1,73 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value tablet from breakpoints;
+@value mobile from breakpoints;
+@value colors: "../../variables/colors.css";
+@value cm_grey_500 from colors;
+@value go1_primary from colors;
+@value go1_backgound from colors;
+@value white from colors;
+
+.background {
+  font-family: 'Gilroy';
+  font-style: normal;
+  background: linear-gradient(312deg, rgba(221, 209, 255, 0.80) 11.39%, rgba(250, 250, 250, 0.00) 54.19%), linear-gradient(11deg, #EBF2FF 11.7%, rgba(250, 250, 250, 0.00) 106.37%), var(--background-background_primary, #FAFAFA);;
+  border-radius: 16px;
+  width: 100%;
+  min-height: 246px;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 30px;
+  position: relative;
+  overflow: hidden;
+}
+
+.buttonWrapper {
+  width: fit-content;
+}
+.buttonWrapper:hover {
+  background: go1_primary_hover;
+}
+.textSection {
+  display: flex;
+  flex-direction: column;
+  padding: 32px 0 32px 32px;
+}
+
+.title {
+  color: cm_grey_700;
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 32px;
+  margin-bottom: 12px;
+}
+
+.subTitle {
+  color: cm_grey_500;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  margin-bottom: 22px;
+}
+
+.imagePlaceholder {
+  height: 246px;
+  width: 471px;
+  flex-shrink: 0;
+}
+
+.image {
+  position: absolute;
+  width: 427px;
+  height: 224px;
+  right: 32px;
+  top: 32px;
+  box-shadow: 0px 4px 84px 0px rgba(0, 0, 0, 0.07);
+  border-radius: 8px;
+}
+
+@media (max-width: 1040px) {
+  .image,
+  .imagePlaceholder {
+    display: none;
+  }
+}

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":";AAoIA,wEAkEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-card/index.js"],"names":[],"mappings":";AAsIA,wEAsEC"}

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

@@ -2,6 +2,7 @@ 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, NovaLineObjectsBinoculars as Binoculaire, NovaLineContentEditionContentBook as ContentBook } from '@coorpacademy/nova-icons';
 import Link from '../../atom/link';
+import FaIcon from '../../atom/icon';
 import { COLORS } from '../../variables/colors';
 import style from './style.css';
 const {
@@ -84,6 +85,7 @@ const getBackgroudRadialColors = feature => {
 
     case 'manage_email':
     case 'massive_battle':
+    case 'learning_priorities':
     case 'cms':
       return {
         iconBackgroundColor: '#7340FF',
@@ -183,11 +185,15 @@ const QuickAccessCard = (props, context) => {
     style: {
       backgroundColor: iconBackgroundColor
     }
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, feature !== 'learning_priorities' ? /*#__PURE__*/React.createElement(Icon, {
     className: style.iconFeature,
     style: {
       color: iconColor
     }
+  }) : /*#__PURE__*/React.createElement(FaIcon, {
+    className: style.iconFeature,
+    iconName: "sign-post",
+    iconColor: "white"
   })), /*#__PURE__*/React.createElement("div", {
     className: style.title
   }, title, newTabOnClick), /*#__PURE__*/React.createElement("div", {
@@ -215,7 +221,7 @@ QuickAccessCard.propTypes = process.env.NODE_ENV !== "production" ? {
   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', 'learning_priorities', 'manage_users', 'upload_users', 'binoculaire', 'book', 'network', 'chat-bubble-question', 'mobile-phone'])
 } : {};
 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","NovaLineObjectsBinoculars","Binoculaire","NovaLineContentEditionContentBook","ContentBook","Link","COLORS","style","cm_primary_blue","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  NovaLineObjectsBinoculars as Binoculaire,\n  NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst {cm_primary_blue} = COLORS;\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        iconColor: null\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconBackgroundColor: '#18BB98',\n        degrees: '167',\n        iconColor: null\n      };\n    case 'cockpit':\n      return {\n        iconBackgroundColor: '#FF7043',\n        degrees: '14',\n        iconColor: null\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconBackgroundColor: '#7340FF',\n        degrees: '256',\n        iconColor: null\n      };\n    case 'analytics':\n      return {\n        iconBackgroundColor: '#FF4040',\n        degrees: '0',\n        iconColor: null\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        iconColor: cm_primary_blue\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        iconColor: '#5C21FF'\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":"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,EAYEC,wBAAwB,IAAIC,WAZ9B,EAaEC,gDAAgD,IAAIC,4BAbtD,EAcEC,2BAA2B,IAAIC,YAdjC,EAeEC,yBAAyB,IAAIC,WAf/B,EAgBEC,iCAAiC,IAAIC,WAhBvC,QAiBO,0BAjBP;AAkBA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,SAAQC,MAAR,QAAqB,wBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAM;EAACC;AAAD,IAAoBF,MAA1B;;AAEA,MAAMG,OAAO,GAAGC,OAAO,IAAI;EACzB,QAAQA,OAAR;IACE,KAAK,cAAL;MACE,OAAOlC,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,KAAK,aAAL;MACE,OAAOY,WAAP;;IACF,KAAK,MAAL;MACE,OAAOE,WAAP;;IACF,KAAK,SAAL;MACE,OAAOJ,YAAP;;IACF,KAAK,sBAAL;MACE,OAAOF,4BAAP;;IACF,KAAK,cAAL;MACE,OAAOF,WAAP;;IACF;MACE,OAAOtB,WAAP;EA9BJ;AAgCD,CAjCD;;AAmCA,MAAMqC,wBAAwB,GAAGD,OAAO,IAAI;EAC1C,QAAQA,OAAR;IACE,KAAK,cAAL;IACA,KAAK,cAAL;MACE,OAAO;QACLE,mBAAmB,EAAE,SADhB;QAELC,OAAO,EAAE,KAFJ;QAGLC,SAAS,EAAE;MAHN,CAAP;;IAKF,KAAK,eAAL;IACA,KAAK,WAAL;MACE,OAAO;QACLF,mBAAmB,EAAE,SADhB;QAELC,OAAO,EAAE,KAFJ;QAGLC,SAAS,EAAE;MAHN,CAAP;;IAKF,KAAK,SAAL;MACE,OAAO;QACLF,mBAAmB,EAAE,SADhB;QAELC,OAAO,EAAE,IAFJ;QAGLC,SAAS,EAAE;MAHN,CAAP;;IAKF,KAAK,cAAL;IACA,KAAK,gBAAL;IACA,KAAK,KAAL;MACE,OAAO;QACLF,mBAAmB,EAAE,SADhB;QAELC,OAAO,EAAE,KAFJ;QAGLC,SAAS,EAAE;MAHN,CAAP;;IAKF,KAAK,WAAL;MACE,OAAO;QACLF,mBAAmB,EAAE,SADhB;QAELC,OAAO,EAAE,GAFJ;QAGLC,SAAS,EAAE;MAHN,CAAP;;IAKF,KAAK,aAAL;MACE,OAAO;QACLF,mBAAmB,EAAE,SADhB;QAELE,SAAS,EAAE,SAFN;QAGLD,OAAO,EAAE;MAHJ,CAAP;;IAKF,KAAK,MAAL;MACE,OAAO;QACLD,mBAAmB,EAAE,SADhB;QAELC,OAAO,EAAE,GAFJ;QAGLC,SAAS,EAAEN;MAHN,CAAP;;IAKF,KAAK,SAAL;MACE,OAAO;QACLI,mBAAmB,EAAE,SADhB;QAELE,SAAS,EAAE,SAFN;QAGLD,OAAO,EAAE;MAHJ,CAAP;;IAKF,KAAK,sBAAL;MACE,OAAO;QACLD,mBAAmB,EAAE,SADhB;QAELE,SAAS,EAAE,SAFN;QAGLD,OAAO,EAAE;MAHJ,CAAP;;IAKF,KAAK,cAAL;MACE,OAAO;QACLD,mBAAmB,EAAE,SADhB;QAELC,OAAO,EAAE,GAFJ;QAGLC,SAAS,EAAE;MAHN,CAAP;;IAKF;MACE,OAAO,IAAP;EAlEJ;AAoED,CArED;;AAuEA,MAAMC,eAAe,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC1C,MAAM;IAACC,KAAD;IAAQC,WAAR;IAAqBT,OAArB;IAA8BU,IAA9B;IAAoCC,YAAY,GAAG,KAAnD;IAA0DC,UAAU,GAAG;EAAvE,IAAgFN,KAAtF;EACA,MAAM;IAACJ,mBAAD;IAAsBC,OAAtB;IAA+BC;EAA/B,IAA4CH,wBAAwB,CAACD,OAAD,CAA1E;EACA,MAAMa,IAAI,GAAGd,OAAO,CAACC,OAAD,CAApB;EACA,MAAMc,aAAa,GAAGH,YAAY,gBAAG,oBAAC,UAAD;IAAY,SAAS,EAAEd,KAAK,CAACkB;EAA7B,EAAH,GAAiD,IAAnF;EAEA,oBACE;IAAK,aAAU,mBAAf;IAAmC,aAAWf,OAA9C;IAAuD,SAAS,EAAEH,KAAK,CAACmB;EAAxE,gBACE,oBAAC,IAAD;IAAM,IAAI,EAAEN,IAAZ;IAAkB,MAAM,EAAEC,YAAY,GAAG,QAAH,GAAc,OAApD;IAA6D,SAAS,EAAEd,KAAK,CAACoB;EAA9E,gBACE;IACE,KAAK,EACH,CAACL,UAAD,GACI;MACEM,UAAU,EAAG;AAC/B,kBAAkBf,OAAQ;AAC1B,kBAAkBA,OAAQ;AAC1B;AACA,kBAAkBA,OAAQ;AAC1B,kBAAkBA,OAAQ;AAC1B;AACA,kBAAkBA,OAAQ;AAC1B,kBAAkBA,OAAQ;AAC1B;IAVgB,CADJ,GAaI,IAfR;IAiBE,SAAS,EAAEN,KAAK,CAACsB;EAjBnB,gBAmBE;IACE,SAAS,EAAEtB,KAAK,CAACuB,kBADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAEnB;IADZ;EAFT,gBAME,oBAAC,IAAD;IAAM,SAAS,EAAEL,KAAK,CAACyB,WAAvB;IAAoC,KAAK,EAAE;MAACC,KAAK,EAAEnB;IAAR;EAA3C,EANF,CAnBF,eA2BE;IAAK,SAAS,EAAEP,KAAK,CAACW;EAAtB,GACGA,KADH,EAEGM,aAFH,CA3BF,eA+BE;IAAK,SAAS,EAAEjB,KAAK,CAACY;EAAtB,GAAoCA,WAApC,CA/BF,eAgCE;IAAK,SAAS,EAAEZ,KAAK,CAAC2B;EAAtB,gBACE;IACE,SAAS,EAAE,CAACZ,UAAD,GAAcf,KAAK,CAAC4B,eAApB,GAAsC,IADnD;IAEE,KAAK,EACH,CAACb,UAAD,GACI;MACES,eAAe,EAAEnB;IADnB,CADJ,GAII;EAPR,gBAUE;IACE,SAAS,EAAEU,UAAU,GAAGf,KAAK,CAAC6B,SAAT,GAAqB7B,KAAK,CAAC8B,KADlD;IAEE,KAAK,EAAE;MACLJ,KAAK,EAAEX,UAAU,GAAG,SAAH,GAAeV;IAD3B;EAFT,gBAME,oBAAC,UAAD;IAAY,SAAS,EAAEL,KAAK,CAAC+B;EAA7B,EANF,CAVF,CADF,CAhCF,CADF,CADF,CADF;AA4DD,CAlED;;AAoEAvB,eAAe,CAACwB,SAAhB,2CAA4B;EAC1BrB,KAAK,EAAE9C,SAAS,CAACoE,MADS;EAE1BrB,WAAW,EAAE/C,SAAS,CAACoE,MAFG;EAG1BpB,IAAI,EAAEhD,SAAS,CAACoE,MAHU;EAI1BnB,YAAY,EAAEjD,SAAS,CAACqE,IAJE;EAK1BnB,UAAU,EAAElD,SAAS,CAACqE,IALI;EAM1B/B,OAAO,EAAEtC,SAAS,CAACsE,KAAV,CAAgB,CACvB,WADuB,EAEvB,KAFuB,EAGvB,SAHuB,EAIvB,gBAJuB,EAKvB,cALuB,EAMvB,WANuB,EAOvB,eAPuB,EAQvB,cARuB,EASvB,cATuB,EAUvB,aAVuB,EAWvB,MAXuB,EAYvB,SAZuB,EAavB,sBAbuB,EAcvB,cAduB,CAAhB;AANiB,CAA5B;AAwBA,eAAe3B,eAAf"}
+{"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","NovaLineObjectsBinoculars","Binoculaire","NovaLineContentEditionContentBook","ContentBook","Link","FaIcon","COLORS","style","cm_primary_blue","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  NovaLineObjectsBinoculars as Binoculaire,\n  NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport FaIcon from '../../atom/icon';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst {cm_primary_blue} = COLORS;\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        iconColor: null\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconBackgroundColor: '#18BB98',\n        degrees: '167',\n        iconColor: null\n      };\n    case 'cockpit':\n      return {\n        iconBackgroundColor: '#FF7043',\n        degrees: '14',\n        iconColor: null\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'learning_priorities':\n    case 'cms':\n      return {\n        iconBackgroundColor: '#7340FF',\n        degrees: '256',\n        iconColor: null\n      };\n    case 'analytics':\n      return {\n        iconBackgroundColor: '#FF4040',\n        degrees: '0',\n        iconColor: null\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        iconColor: cm_primary_blue\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        iconColor: '#5C21FF'\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            {feature !== 'learning_priorities' ? (\n              <Icon className={style.iconFeature} style={{color: iconColor}} />\n            ) : (\n              <FaIcon className={style.iconFeature} iconName=\"sign-post\" iconColor=\"white\" />\n            )}\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    'learning_priorities',\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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"}

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

@@ -24,8 +24,8 @@ declare namespace Dashboard {
             image: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             subTitle: PropTypes.Requireable<string>;
+            buttonLabel: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            submitValue: PropTypes.Requireable<string>;
         }>>;
     }
 }

package/es/organism/brand-dashboard/index.js

@@ -4,7 +4,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Title from '../../atom/title';
 import QuickAccessCardGroup from '../../molecule/quick-access-cards-group';
-import Go1Banner from '../../molecule/go1-banner';
+import CoorpmanagerBaseBanner from '../../molecule/coorpmanager-base-banner';
 import style from './style.css';
 
 const Dashboard = props => {
@@ -15,7 +15,7 @@ const Dashboard = props => {
   } = props;
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Title, _extends({}, header, {
     type: 'page'
-  }))), banner ? /*#__PURE__*/React.createElement(Go1Banner, banner) : null, /*#__PURE__*/React.createElement("div", {
+  }))), banner ? /*#__PURE__*/React.createElement(CoorpmanagerBaseBanner, banner) : null, /*#__PURE__*/React.createElement("div", {
     className: style.sectionWrapper
   }, /*#__PURE__*/React.createElement(Title, {
     title: quickAccessCards.title,
@@ -34,7 +34,7 @@ Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
     title: PropTypes.string,
     cards: PropTypes.shape(QuickAccessCardGroup.propTypes)
   }),
-  banner: PropTypes.shape(Go1Banner.propTypes)
+  banner: PropTypes.shape(CoorpmanagerBaseBanner.propTypes)
 } : {};
 export default Dashboard;
 //# sourceMappingURL=index.js.map

package/es/organism/brand-dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Title","QuickAccessCardGroup","Go1Banner","style","Dashboard","props","header","quickAccessCards","banner","sectionWrapper","title","cardsWrapper","cards","propTypes","shape","string","subtitle"],"sources":["../../../src/organism/brand-dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Title from '../../atom/title';\nimport QuickAccessCardGroup from '../../molecule/quick-access-cards-group';\nimport Go1Banner from '../../molecule/go1-banner';\nimport style from './style.css';\n\nconst Dashboard = props => {\n  const {header, quickAccessCards, banner} = props;\n  return (\n    <div>\n      <div>\n        <Title {...header} type={'page'} />\n      </div>\n      {banner ? <Go1Banner {...banner} /> : null}\n      <div className={style.sectionWrapper}>\n        <Title title={quickAccessCards.title} type={'form-group'} />\n        <div className={style.cardsWrapper}>\n          <QuickAccessCardGroup {...quickAccessCards.cards} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  header: PropTypes.shape({\n    title: PropTypes.string,\n    subtitle: PropTypes.string\n  }),\n  quickAccessCards: PropTypes.shape({\n    title: PropTypes.string,\n    cards: PropTypes.shape(QuickAccessCardGroup.propTypes)\n  }),\n  banner: PropTypes.shape(Go1Banner.propTypes)\n};\n\nexport default Dashboard;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,oBAAP,MAAiC,yCAAjC;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,MAAD;IAASC,gBAAT;IAA2BC;EAA3B,IAAqCH,KAA3C;EACA,oBACE,8CACE,8CACE,oBAAC,KAAD,eAAWC,MAAX;IAAmB,IAAI,EAAE;EAAzB,GADF,CADF,EAIGE,MAAM,gBAAG,oBAAC,SAAD,EAAeA,MAAf,CAAH,GAA+B,IAJxC,eAKE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,gBACE,oBAAC,KAAD;IAAO,KAAK,EAAEF,gBAAgB,CAACG,KAA/B;IAAsC,IAAI,EAAE;EAA5C,EADF,eAEE;IAAK,SAAS,EAAEP,KAAK,CAACQ;EAAtB,gBACE,oBAAC,oBAAD,EAA0BJ,gBAAgB,CAACK,KAA3C,CADF,CAFF,CALF,CADF;AAcD,CAhBD;;AAkBAR,SAAS,CAACS,SAAV,2CAAsB;EACpBP,MAAM,EAAEP,SAAS,CAACe,KAAV,CAAgB;IACtBJ,KAAK,EAAEX,SAAS,CAACgB,MADK;IAEtBC,QAAQ,EAAEjB,SAAS,CAACgB;EAFE,CAAhB,CADY;EAKpBR,gBAAgB,EAAER,SAAS,CAACe,KAAV,CAAgB;IAChCJ,KAAK,EAAEX,SAAS,CAACgB,MADe;IAEhCH,KAAK,EAAEb,SAAS,CAACe,KAAV,CAAgBb,oBAAoB,CAACY,SAArC;EAFyB,CAAhB,CALE;EASpBL,MAAM,EAAET,SAAS,CAACe,KAAV,CAAgBZ,SAAS,CAACW,SAA1B;AATY,CAAtB;AAYA,eAAeT,SAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Title","QuickAccessCardGroup","CoorpmanagerBaseBanner","style","Dashboard","props","header","quickAccessCards","banner","sectionWrapper","title","cardsWrapper","cards","propTypes","shape","string","subtitle"],"sources":["../../../src/organism/brand-dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Title from '../../atom/title';\nimport QuickAccessCardGroup from '../../molecule/quick-access-cards-group';\nimport CoorpmanagerBaseBanner from '../../molecule/coorpmanager-base-banner';\nimport style from './style.css';\n\nconst Dashboard = props => {\n  const {header, quickAccessCards, banner} = props;\n  return (\n    <div>\n      <div>\n        <Title {...header} type={'page'} />\n      </div>\n      {banner ? <CoorpmanagerBaseBanner {...banner} /> : null}\n      <div className={style.sectionWrapper}>\n        <Title title={quickAccessCards.title} type={'form-group'} />\n        <div className={style.cardsWrapper}>\n          <QuickAccessCardGroup {...quickAccessCards.cards} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  header: PropTypes.shape({\n    title: PropTypes.string,\n    subtitle: PropTypes.string\n  }),\n  quickAccessCards: PropTypes.shape({\n    title: PropTypes.string,\n    cards: PropTypes.shape(QuickAccessCardGroup.propTypes)\n  }),\n  banner: PropTypes.shape(CoorpmanagerBaseBanner.propTypes)\n};\n\nexport default Dashboard;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,oBAAP,MAAiC,yCAAjC;AACA,OAAOC,sBAAP,MAAmC,yCAAnC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,MAAD;IAASC,gBAAT;IAA2BC;EAA3B,IAAqCH,KAA3C;EACA,oBACE,8CACE,8CACE,oBAAC,KAAD,eAAWC,MAAX;IAAmB,IAAI,EAAE;EAAzB,GADF,CADF,EAIGE,MAAM,gBAAG,oBAAC,sBAAD,EAA4BA,MAA5B,CAAH,GAA4C,IAJrD,eAKE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,gBACE,oBAAC,KAAD;IAAO,KAAK,EAAEF,gBAAgB,CAACG,KAA/B;IAAsC,IAAI,EAAE;EAA5C,EADF,eAEE;IAAK,SAAS,EAAEP,KAAK,CAACQ;EAAtB,gBACE,oBAAC,oBAAD,EAA0BJ,gBAAgB,CAACK,KAA3C,CADF,CAFF,CALF,CADF;AAcD,CAhBD;;AAkBAR,SAAS,CAACS,SAAV,2CAAsB;EACpBP,MAAM,EAAEP,SAAS,CAACe,KAAV,CAAgB;IACtBJ,KAAK,EAAEX,SAAS,CAACgB,MADK;IAEtBC,QAAQ,EAAEjB,SAAS,CAACgB;EAFE,CAAhB,CADY;EAKpBR,gBAAgB,EAAER,SAAS,CAACe,KAAV,CAAgB;IAChCJ,KAAK,EAAEX,SAAS,CAACgB,MADe;IAEhCH,KAAK,EAAEb,SAAS,CAACe,KAAV,CAAgBb,oBAAoB,CAACY,SAArC;EAFyB,CAAhB,CALE;EASpBL,MAAM,EAAET,SAAS,CAACe,KAAV,CAAgBZ,sBAAsB,CAACW,SAAvC;AATY,CAAtB;AAYA,eAAeT,SAAf"}

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

@@ -314,8 +314,8 @@ declare namespace BrandUpdate {
                 image: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 subTitle: PropTypes.Requireable<string>;
+                buttonLabel: PropTypes.Requireable<string>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                submitValue: PropTypes.Requireable<string>;
             }>>;
         }> | PropTypes.InferProps<{
             key: PropTypes.Requireable<string>;

package/es/template/certifications/style.css

@@ -68,4 +68,7 @@
     gap: 16px;
   }
   
+  .certificateList {
+    justify-content: center;
+  }
 }

package/lib/molecule/coorpmanager-base-banner/index.d.ts

@@ -0,0 +1,13 @@
+export default CoorpmanagerBaseBanner;
+declare function CoorpmanagerBaseBanner(props: any): JSX.Element;
+declare namespace CoorpmanagerBaseBanner {
+    namespace propTypes {
+        const image: PropTypes.Requireable<string>;
+        const title: PropTypes.Requireable<string>;
+        const subTitle: PropTypes.Requireable<string>;
+        const buttonLabel: PropTypes.Requireable<string>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/lib/molecule/coorpmanager-base-banner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/coorpmanager-base-banner/index.js"],"names":[],"mappings":";AAKA,iEAqCC"}

package/lib/molecule/coorpmanager-base-banner/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const CoorpmanagerBaseBanner = props => {
+  const {
+    image,
+    title,
+    subTitle,
+    buttonLabel,
+    onClick
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.background,
+    "data-name": "go1-base-banner"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.textSection
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.title // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: title
+    }
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.subTitle // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: subTitle
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonWrapper
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    "data-name": "learn-more-button",
+    onClick: onClick,
+    type: "primary",
+    label: buttonLabel,
+    icon: {
+      position: 'right',
+      faIcon: {
+        name: 'arrow-right',
+        color: 'white',
+        size: 14
+      }
+    }
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.imagePlaceholder
+  }), /*#__PURE__*/_react.default.createElement("img", {
+    className: _style.default.image,
+    src: image
+  }));
+};
+
+CoorpmanagerBaseBanner.propTypes = process.env.NODE_ENV !== "production" ? {
+  image: _propTypes.default.string,
+  title: _propTypes.default.string,
+  subTitle: _propTypes.default.string,
+  buttonLabel: _propTypes.default.string,
+  onClick: _propTypes.default.func
+} : {};
+var _default = CoorpmanagerBaseBanner;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/coorpmanager-base-banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["CoorpmanagerBaseBanner","props","image","title","subTitle","buttonLabel","onClick","style","background","textSection","__html","buttonWrapper","position","faIcon","name","color","size","imagePlaceholder","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/coorpmanager-base-banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst CoorpmanagerBaseBanner = props => {\n  const {image, title, subTitle, buttonLabel, onClick} = props;\n\n  return (\n    <div className={style.background} data-name=\"go1-base-banner\">\n      <div className={style.textSection}>\n        <span\n          className={style.title}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <span\n          className={style.subTitle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: subTitle}}\n        />\n        <div className={style.buttonWrapper}>\n          <ButtonLink\n            data-name=\"learn-more-button\"\n            onClick={onClick}\n            type=\"primary\"\n            label={buttonLabel}\n            icon={{\n              position: 'right',\n              faIcon: {\n                name: 'arrow-right',\n                color: 'white',\n                size: 14\n              }\n            }}\n          />\n        </div>\n      </div>\n      <div className={style.imagePlaceholder} />\n      <img className={style.image} src={image} />\n    </div>\n  );\n};\n\nCoorpmanagerBaseBanner.propTypes = {\n  image: PropTypes.string,\n  title: PropTypes.string,\n  subTitle: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default CoorpmanagerBaseBanner;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,sBAAsB,GAAGC,KAAK,IAAI;EACtC,MAAM;IAACC,KAAD;IAAQC,KAAR;IAAeC,QAAf;IAAyBC,WAAzB;IAAsCC;EAAtC,IAAiDL,KAAvD;EAEA,oBACE;IAAK,SAAS,EAAEM,cAAA,CAAMC,UAAtB;IAAkC,aAAU;EAA5C,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IACE,SAAS,EAAEF,cAAA,CAAMJ,KADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACO,MAAM,EAAEP;IAAT;EAH3B,EADF,eAME;IACE,SAAS,EAAEI,cAAA,CAAMH,QADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACM,MAAM,EAAEN;IAAT;EAH3B,EANF,eAWE;IAAK,SAAS,EAAEG,cAAA,CAAMI;EAAtB,gBACE,6BAAC,mBAAD;IACE,aAAU,mBADZ;IAEE,OAAO,EAAEL,OAFX;IAGE,IAAI,EAAC,SAHP;IAIE,KAAK,EAAED,WAJT;IAKE,IAAI,EAAE;MACJO,QAAQ,EAAE,OADN;MAEJC,MAAM,EAAE;QACNC,IAAI,EAAE,aADA;QAENC,KAAK,EAAE,OAFD;QAGNC,IAAI,EAAE;MAHA;IAFJ;EALR,EADF,CAXF,CADF,eA6BE;IAAK,SAAS,EAAET,cAAA,CAAMU;EAAtB,EA7BF,eA8BE;IAAK,SAAS,EAAEV,cAAA,CAAML,KAAtB;IAA6B,GAAG,EAAEA;EAAlC,EA9BF,CADF;AAkCD,CArCD;;AAuCAF,sBAAsB,CAACkB,SAAvB,2CAAmC;EACjChB,KAAK,EAAEiB,kBAAA,CAAUC,MADgB;EAEjCjB,KAAK,EAAEgB,kBAAA,CAAUC,MAFgB;EAGjChB,QAAQ,EAAEe,kBAAA,CAAUC,MAHa;EAIjCf,WAAW,EAAEc,kBAAA,CAAUC,MAJU;EAKjCd,OAAO,EAAEa,kBAAA,CAAUE;AALc,CAAnC;eAQerB,sB"}

package/lib/molecule/coorpmanager-base-banner/style.css

@@ -0,0 +1,73 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value tablet from breakpoints;
+@value mobile from breakpoints;
+@value colors: "../../variables/colors.css";
+@value cm_grey_500 from colors;
+@value go1_primary from colors;
+@value go1_backgound from colors;
+@value white from colors;
+
+.background {
+  font-family: 'Gilroy';
+  font-style: normal;
+  background: linear-gradient(312deg, rgba(221, 209, 255, 0.80) 11.39%, rgba(250, 250, 250, 0.00) 54.19%), linear-gradient(11deg, #EBF2FF 11.7%, rgba(250, 250, 250, 0.00) 106.37%), var(--background-background_primary, #FAFAFA);;
+  border-radius: 16px;
+  width: 100%;
+  min-height: 246px;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 30px;
+  position: relative;
+  overflow: hidden;
+}
+
+.buttonWrapper {
+  width: fit-content;
+}
+.buttonWrapper:hover {
+  background: go1_primary_hover;
+}
+.textSection {
+  display: flex;
+  flex-direction: column;
+  padding: 32px 0 32px 32px;
+}
+
+.title {
+  color: cm_grey_700;
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 32px;
+  margin-bottom: 12px;
+}
+
+.subTitle {
+  color: cm_grey_500;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  margin-bottom: 22px;
+}
+
+.imagePlaceholder {
+  height: 246px;
+  width: 471px;
+  flex-shrink: 0;
+}
+
+.image {
+  position: absolute;
+  width: 427px;
+  height: 224px;
+  right: 32px;
+  top: 32px;
+  box-shadow: 0px 4px 84px 0px rgba(0, 0, 0, 0.07);
+  border-radius: 8px;
+}
+
+@media (max-width: 1040px) {
+  .image,
+  .imagePlaceholder {
+    display: none;
+  }
+}

package/lib/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":";AAoIA,wEAkEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-card/index.js"],"names":[],"mappings":";AAsIA,wEAsEC"}

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

@@ -11,6 +11,8 @@ var _novaIcons = require("@coorpacademy/nova-icons");
 
 var _link = _interopRequireDefault(require("../../atom/link"));
 
+var _icon = _interopRequireDefault(require("../../atom/icon"));
+
 var _colors = require("../../variables/colors");
 
 var _style = _interopRequireDefault(require("./style.css"));
@@ -97,6 +99,7 @@ const getBackgroudRadialColors = feature => {
 
     case 'manage_email':
     case 'massive_battle':
+    case 'learning_priorities':
     case 'cms':
       return {
         iconBackgroundColor: '#7340FF',
@@ -196,11 +199,15 @@ const QuickAccessCard = (props, context) => {
     style: {
       backgroundColor: iconBackgroundColor
     }
-  }, /*#__PURE__*/_react.default.createElement(Icon, {
+  }, feature !== 'learning_priorities' ? /*#__PURE__*/_react.default.createElement(Icon, {
     className: _style.default.iconFeature,
     style: {
       color: iconColor
     }
+  }) : /*#__PURE__*/_react.default.createElement(_icon.default, {
+    className: _style.default.iconFeature,
+    iconName: "sign-post",
+    iconColor: "white"
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.title
   }, title, newTabOnClick), /*#__PURE__*/_react.default.createElement("div", {
@@ -228,7 +235,7 @@ QuickAccessCard.propTypes = process.env.NODE_ENV !== "production" ? {
   href: _propTypes.default.string,
   openInNewTab: _propTypes.default.bool,
   isMoocCard: _propTypes.default.bool,
-  feature: _propTypes.default.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.default.oneOf(['analytics', 'cms', 'cockpit', 'massive_battle', 'manage_email', 'dashboard', 'look_and_feel', 'learning_priorities', 'manage_users', 'upload_users', 'binoculaire', 'book', 'network', 'chat-bubble-question', 'mobile-phone'])
 } : {};
 var _default = QuickAccessCard;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["cm_primary_blue","COLORS","getIcon","feature","ManageUserIcon","UploadUserIcon","ManageEmailIcon","MassiveBattleIcon","CmsIcon","LookAndFeelIcon","DashboardIcon","CockpitIcon","AnalyticsIcon","Binoculaire","ContentBook","NetworkAlert","ChatBubbleCircleQuestionMark","MobilePhone","getBackgroudRadialColors","iconBackgroundColor","degrees","iconColor","QuickAccessCard","props","context","title","description","href","openInNewTab","isMoocCard","Icon","newTabOnClick","style","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","color","cta","iconGotoWrapper","hoverMooc","hover","iconGoto","propTypes","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  NovaLineObjectsBinoculars as Binoculaire,\n  NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst {cm_primary_blue} = COLORS;\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        iconColor: null\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconBackgroundColor: '#18BB98',\n        degrees: '167',\n        iconColor: null\n      };\n    case 'cockpit':\n      return {\n        iconBackgroundColor: '#FF7043',\n        degrees: '14',\n        iconColor: null\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconBackgroundColor: '#7340FF',\n        degrees: '256',\n        iconColor: null\n      };\n    case 'analytics':\n      return {\n        iconBackgroundColor: '#FF4040',\n        degrees: '0',\n        iconColor: null\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        iconColor: cm_primary_blue\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        iconColor: '#5C21FF'\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":";;;;;AAAA;;AACA;;AACA;;AAkBA;;AACA;;AACA;;;;AAEA,MAAM;EAACA;AAAD,IAAoBC,cAA1B;;AAEA,MAAMC,OAAO,GAAGC,OAAO,IAAI;EACzB,QAAQA,OAAR;IACE,KAAK,cAAL;MACE,OAAOC,oCAAP;;IACF,KAAK,cAAL;MACE,OAAOC,yCAAP;;IACF,KAAK,cAAL;MACE,OAAOC,+BAAP;;IACF,KAAK,gBAAL;MACE,OAAOC,uCAAP;;IACF,KAAK,KAAL;MACE,OAAOC,kDAAP;;IACF,KAAK,eAAL;MACE,OAAOC,qCAAP;;IACF,KAAK,WAAL;MACE,OAAOC,0CAAP;;IACF,KAAK,SAAL;MACE,OAAOC,yCAAP;;IACF,KAAK,WAAL;MACE,OAAOC,8CAAP;;IACF,KAAK,aAAL;MACE,OAAOC,oCAAP;;IACF,KAAK,MAAL;MACE,OAAOC,4CAAP;;IACF,KAAK,SAAL;MACE,OAAOC,sCAAP;;IACF,KAAK,sBAAL;MACE,OAAOC,2DAAP;;IACF,KAAK,cAAL;MACE,OAAOC,mCAAP;;IACF;MACE,OAAON,yCAAP;EA9BJ;AAgCD,CAjCD;;AAmCA,MAAMO,wBAAwB,GAAGf,OAAO,IAAI;EAC1C,QAAQA,OAAR;IACE,KAAK,cAAL;IACA,KAAK,cAAL;MACE,OAAO;QACLgB,mBAAmB,EAAE,SADhB;QAELC,OAAO,EAAE,KAFJ;QAGLC,SAAS,EAAE;MAHN,CAAP;;IAKF,KAAK,eAAL;IACA,KAAK,WAAL;MACE,OAAO;QACLF,mBAAmB,EAAE,SADhB;QAELC,OAAO,EAAE,KAFJ;QAGLC,SAAS,EAAE;MAHN,CAAP;;IAKF,KAAK,SAAL;MACE,OAAO;QACLF,mBAAmB,EAAE,SADhB;QAELC,OAAO,EAAE,IAFJ;QAGLC,SAAS,EAAE;MAHN,CAAP;;IAKF,KAAK,cAAL;IACA,KAAK,gBAAL;IACA,KAAK,KAAL;MACE,OAAO;QACLF,mBAAmB,EAAE,SADhB;QAELC,OAAO,EAAE,KAFJ;QAGLC,SAAS,EAAE;MAHN,CAAP;;IAKF,KAAK,WAAL;MACE,OAAO;QACLF,mBAAmB,EAAE,SADhB;QAELC,OAAO,EAAE,GAFJ;QAGLC,SAAS,EAAE;MAHN,CAAP;;IAKF,KAAK,aAAL;MACE,OAAO;QACLF,mBAAmB,EAAE,SADhB;QAELE,SAAS,EAAE,SAFN;QAGLD,OAAO,EAAE;MAHJ,CAAP;;IAKF,KAAK,MAAL;MACE,OAAO;QACLD,mBAAmB,EAAE,SADhB;QAELC,OAAO,EAAE,GAFJ;QAGLC,SAAS,EAAErB;MAHN,CAAP;;IAKF,KAAK,SAAL;MACE,OAAO;QACLmB,mBAAmB,EAAE,SADhB;QAELE,SAAS,EAAE,SAFN;QAGLD,OAAO,EAAE;MAHJ,CAAP;;IAKF,KAAK,sBAAL;MACE,OAAO;QACLD,mBAAmB,EAAE,SADhB;QAELE,SAAS,EAAE,SAFN;QAGLD,OAAO,EAAE;MAHJ,CAAP;;IAKF,KAAK,cAAL;MACE,OAAO;QACLD,mBAAmB,EAAE,SADhB;QAELC,OAAO,EAAE,GAFJ;QAGLC,SAAS,EAAE;MAHN,CAAP;;IAKF;MACE,OAAO,IAAP;EAlEJ;AAoED,CArED;;AAuEA,MAAMC,eAAe,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC1C,MAAM;IAACC,KAAD;IAAQC,WAAR;IAAqBvB,OAArB;IAA8BwB,IAA9B;IAAoCC,YAAY,GAAG,KAAnD;IAA0DC,UAAU,GAAG;EAAvE,IAAgFN,KAAtF;EACA,MAAM;IAACJ,mBAAD;IAAsBC,OAAtB;IAA+BC;EAA/B,IAA4CH,wBAAwB,CAACf,OAAD,CAA1E;EACA,MAAM2B,IAAI,GAAG5B,OAAO,CAACC,OAAD,CAApB;EACA,MAAM4B,aAAa,GAAGH,YAAY,gBAAG,6BAAC,kDAAD;IAAY,SAAS,EAAEI,cAAA,CAAMC;EAA7B,EAAH,GAAiD,IAAnF;EAEA,oBACE;IAAK,aAAU,mBAAf;IAAmC,aAAW9B,OAA9C;IAAuD,SAAS,EAAE6B,cAAA,CAAME;EAAxE,gBACE,6BAAC,aAAD;IAAM,IAAI,EAAEP,IAAZ;IAAkB,MAAM,EAAEC,YAAY,GAAG,QAAH,GAAc,OAApD;IAA6D,SAAS,EAAEI,cAAA,CAAMG;EAA9E,gBACE;IACE,KAAK,EACH,CAACN,UAAD,GACI;MACEO,UAAU,EAAG;AAC/B,kBAAkBhB,OAAQ;AAC1B,kBAAkBA,OAAQ;AAC1B;AACA,kBAAkBA,OAAQ;AAC1B,kBAAkBA,OAAQ;AAC1B;AACA,kBAAkBA,OAAQ;AAC1B,kBAAkBA,OAAQ;AAC1B;IAVgB,CADJ,GAaI,IAfR;IAiBE,SAAS,EAAEY,cAAA,CAAMK;EAjBnB,gBAmBE;IACE,SAAS,EAAEL,cAAA,CAAMM,kBADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAEpB;IADZ;EAFT,gBAME,6BAAC,IAAD;IAAM,SAAS,EAAEa,cAAA,CAAMQ,WAAvB;IAAoC,KAAK,EAAE;MAACC,KAAK,EAAEpB;IAAR;EAA3C,EANF,CAnBF,eA2BE;IAAK,SAAS,EAAEW,cAAA,CAAMP;EAAtB,GACGA,KADH,EAEGM,aAFH,CA3BF,eA+BE;IAAK,SAAS,EAAEC,cAAA,CAAMN;EAAtB,GAAoCA,WAApC,CA/BF,eAgCE;IAAK,SAAS,EAAEM,cAAA,CAAMU;EAAtB,gBACE;IACE,SAAS,EAAE,CAACb,UAAD,GAAcG,cAAA,CAAMW,eAApB,GAAsC,IADnD;IAEE,KAAK,EACH,CAACd,UAAD,GACI;MACEU,eAAe,EAAEpB;IADnB,CADJ,GAII;EAPR,gBAUE;IACE,SAAS,EAAEU,UAAU,GAAGG,cAAA,CAAMY,SAAT,GAAqBZ,cAAA,CAAMa,KADlD;IAEE,KAAK,EAAE;MACLJ,KAAK,EAAEZ,UAAU,GAAG,SAAH,GAAeV;IAD3B;EAFT,gBAME,6BAAC,8CAAD;IAAY,SAAS,EAAEa,cAAA,CAAMc;EAA7B,EANF,CAVF,CADF,CAhCF,CADF,CADF,CADF;AA4DD,CAlED;;AAoEAxB,eAAe,CAACyB,SAAhB,2CAA4B;EAC1BtB,KAAK,EAAEuB,kBAAA,CAAUC,MADS;EAE1BvB,WAAW,EAAEsB,kBAAA,CAAUC,MAFG;EAG1BtB,IAAI,EAAEqB,kBAAA,CAAUC,MAHU;EAI1BrB,YAAY,EAAEoB,kBAAA,CAAUE,IAJE;EAK1BrB,UAAU,EAAEmB,kBAAA,CAAUE,IALI;EAM1B/C,OAAO,EAAE6C,kBAAA,CAAUG,KAAV,CAAgB,CACvB,WADuB,EAEvB,KAFuB,EAGvB,SAHuB,EAIvB,gBAJuB,EAKvB,cALuB,EAMvB,WANuB,EAOvB,eAPuB,EAQvB,cARuB,EASvB,cATuB,EAUvB,aAVuB,EAWvB,MAXuB,EAYvB,SAZuB,EAavB,sBAbuB,EAcvB,cAduB,CAAhB;AANiB,CAA5B;eAwBe7B,e"}
+{"version":3,"file":"index.js","names":["cm_primary_blue","COLORS","getIcon","feature","ManageUserIcon","UploadUserIcon","ManageEmailIcon","MassiveBattleIcon","CmsIcon","LookAndFeelIcon","DashboardIcon","CockpitIcon","AnalyticsIcon","Binoculaire","ContentBook","NetworkAlert","ChatBubbleCircleQuestionMark","MobilePhone","getBackgroudRadialColors","iconBackgroundColor","degrees","iconColor","QuickAccessCard","props","context","title","description","href","openInNewTab","isMoocCard","Icon","newTabOnClick","style","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","color","cta","iconGotoWrapper","hoverMooc","hover","iconGoto","propTypes","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  NovaLineObjectsBinoculars as Binoculaire,\n  NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport FaIcon from '../../atom/icon';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst {cm_primary_blue} = COLORS;\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        iconColor: null\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconBackgroundColor: '#18BB98',\n        degrees: '167',\n        iconColor: null\n      };\n    case 'cockpit':\n      return {\n        iconBackgroundColor: '#FF7043',\n        degrees: '14',\n        iconColor: null\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'learning_priorities':\n    case 'cms':\n      return {\n        iconBackgroundColor: '#7340FF',\n        degrees: '256',\n        iconColor: null\n      };\n    case 'analytics':\n      return {\n        iconBackgroundColor: '#FF4040',\n        degrees: '0',\n        iconColor: null\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        iconColor: cm_primary_blue\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        iconColor: '#5C21FF'\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            {feature !== 'learning_priorities' ? (\n              <Icon className={style.iconFeature} style={{color: iconColor}} />\n            ) : (\n              <FaIcon className={style.iconFeature} iconName=\"sign-post\" iconColor=\"white\" />\n            )}\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    'learning_priorities',\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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"}