@coorpacademy/components 11.15.2 → 11.15.3

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","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":"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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","NovaLinePhoneMobilePhone","MobilePhone","NovaLineMessagesChatChatBubbleCircleQuestionMark","ChatBubbleCircleQuestionMark","NovaLineNetworkNetworkAlert","NetworkAlert","NovaLineObjectsBinoculars","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  NovaLineObjectsBinoculars 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        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: '#0061FF'\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,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAGC,OAAO,IAAI;EACzB,QAAQA,OAAR;IACE,KAAK,cAAL;MACE,OAAOhC,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,MAAMmC,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,EAAE;MAHN,CAAP;;IAKF,KAAK,SAAL;MACE,OAAO;QACLF,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,EAAEb,KAAK,CAACiB;EAA7B,EAAH,GAAiD,IAAnF;EAEA,oBACE;IAAK,aAAU,mBAAf;IAAmC,aAAWf,OAA9C;IAAuD,SAAS,EAAEF,KAAK,CAACkB;EAAxE,gBACE,oBAAC,IAAD;IAAM,IAAI,EAAEN,IAAZ;IAAkB,MAAM,EAAEC,YAAY,GAAG,QAAH,GAAc,OAApD;IAA6D,SAAS,EAAEb,KAAK,CAACmB;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,EAAEL,KAAK,CAACqB;EAjBnB,gBAmBE;IACE,SAAS,EAAErB,KAAK,CAACsB,kBADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAEnB;IADZ;EAFT,gBAME,oBAAC,IAAD;IAAM,SAAS,EAAEJ,KAAK,CAACwB,WAAvB;IAAoC,KAAK,EAAE;MAACC,KAAK,EAAEnB;IAAR;EAA3C,EANF,CAnBF,eA2BE;IAAK,SAAS,EAAEN,KAAK,CAACU;EAAtB,GACGA,KADH,EAEGM,aAFH,CA3BF,eA+BE;IAAK,SAAS,EAAEhB,KAAK,CAACW;EAAtB,GAAoCA,WAApC,CA/BF,eAgCE;IAAK,SAAS,EAAEX,KAAK,CAAC0B;EAAtB,gBACE;IACE,SAAS,EAAE,CAACZ,UAAD,GAAcd,KAAK,CAAC2B,eAApB,GAAsC,IADnD;IAEE,KAAK,EACH,CAACb,UAAD,GACI;MACES,eAAe,EAAEnB;IADnB,CADJ,GAII;EAPR,gBAUE;IACE,SAAS,EAAEU,UAAU,GAAGd,KAAK,CAAC4B,SAAT,GAAqB5B,KAAK,CAAC6B,KADlD;IAEE,KAAK,EAAE;MACLJ,KAAK,EAAEX,UAAU,GAAG,SAAH,GAAeV;IAD3B;EAFT,gBAME,oBAAC,UAAD;IAAY,SAAS,EAAEJ,KAAK,CAAC8B;EAA7B,EANF,CAVF,CADF,CAhCF,CADF,CADF,CADF;AA4DD,CAlED;;AAoEAvB,eAAe,CAACwB,SAAhB,2CAA4B;EAC1BrB,KAAK,EAAE5C,SAAS,CAACkE,MADS;EAE1BrB,WAAW,EAAE7C,SAAS,CAACkE,MAFG;EAG1BpB,IAAI,EAAE9C,SAAS,CAACkE,MAHU;EAI1BnB,YAAY,EAAE/C,SAAS,CAACmE,IAJE;EAK1BnB,UAAU,EAAEhD,SAAS,CAACmE,IALI;EAM1B/B,OAAO,EAAEpC,SAAS,CAACoE,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"}

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

@@ -1,12 +1,13 @@
 @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 {
@@ -14,9 +15,12 @@
 }
 
 .content {
-  height: 100%;
+  height: 225px;
   border-radius: 8px;
   transition: all 0.5s linear;
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
 }
 
 .content:hover {
@@ -27,55 +31,58 @@
   font-family: 'Gilroy';
   font-weight: 600;
   font-style: normal;
-  font-size: 20px;
-  line-height: 28px;
-  top: 84px;
-  left: 24px;
-  position: absolute;
+  font-size: 18px;
+  line-height: 24px;
+  margin-top: 16px;
 }
 
 .description {
   font-family: 'Gilroy';
   font-weight: 500;
   font-style: normal;
-  font-size: 16px;
-  line-height: 22px;
-  position: absolute;
-  top: 120px;
-  padding-left: 24px;
-  padding-right: 24px;
+  font-size: 14px;
+  line-height: 20px;
+  margin: 8px 0px 16px 0px;
 }
 
 .iconWrapper {
   width: 44px;
   height: 44px;
-  position: absolute;
   border-radius: 8px;
 }
 
 .iconFeatureWrapper {
   composes: iconWrapper;
-  top: 24px;
-  left: 24px;
+  justify-content: center;
+  display: flex;
+  align-items: center;
 }
 
 .iconFeature {
   color: white;
   width: 20px;
   height: 20px;
-  position: relative;
-  top: 12px;
-  left: 12px;
+}
+
+.cta {
+  width: 100%;
+  display: flex;
+  align-items: end;
+  justify-content: end;
+  flex: 1;
 }
 
 .iconGotoWrapper {
   composes: iconWrapper;
-  bottom: 16px;
-  right: 16px;
   line-height: 0;
   background-color: white;
 }
 
+.hoverMooc {
+  composes: iconWrapper;
+  background-color: cm_primary_blue;
+}
+
 .hover {
   composes: iconWrapper;
 }
@@ -89,6 +96,10 @@
   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,6 +7,7 @@ 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,6 +14,7 @@ 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

@@ -743,6 +743,7 @@ 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/common/faq-article-page/index.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const FAQArticlePage: {
+    ({ title, backButton, backButtonText, subArticles, privacyPolicyContact }: Props): JSX.Element;
+    propTypes: {
+        subArticles: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            subTitle: import("prop-types").Requireable<string>;
+            text: import("prop-types").Requireable<string>;
+            image: import("prop-types").Requireable<string>;
+            backButtonText: import("prop-types").Requireable<string>;
+        }> | null | undefined)[]>;
+        title: import("prop-types").Requireable<string>;
+        backButton: import("prop-types").Requireable<import("prop-types").InferProps<{
+            size: import("prop-types").Requireable<string>;
+            'data-name': import("prop-types").Requireable<string>;
+            'aria-label': import("prop-types").Requireable<string>;
+            icon: import("prop-types").Requireable<string>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        }>>;
+        privacyPolicyContact: import("prop-types").Requireable<import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            content: import("prop-types").Requireable<string>;
+        }>>;
+    };
+};
+export default FAQArticlePage;
+//# sourceMappingURL=index.d.ts.map

package/es/template/common/faq-article-page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/faq-article-page/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,KAAK,EAAa,MAAM,SAAS,CAAC;AAMrD,QAAA,MAAM,cAAc;+EAMjB,KAAK;;;;;;;;;;;;;;;;;;;;;CAkCP,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/es/template/common/faq-article-page/index.js

@@ -0,0 +1,55 @@
+import _map from "lodash/fp/map";
+import React from 'react';
+import ButtonLinkIconOnly from '../../../atom/button-link-icon-only';
+import PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';
+import { propTypes } from './types';
+import styles from './style.css'; // @ts-expect-error (need to get the index)
+
+const mapWithIndex = _map.convert({
+  cap: false
+});
+
+const FAQArticlePage = ({
+  title,
+  backButton,
+  backButtonText,
+  subArticles,
+  privacyPolicyContact
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.wrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.page
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.backContainer
+  }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, backButton), /*#__PURE__*/React.createElement("span", null, backButtonText)), /*#__PURE__*/React.createElement("h1", {
+    className: styles.title
+  }, title), mapWithIndex((item, index) => {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.article,
+      key: `${item.text}${index}`
+    }, /*#__PURE__*/React.createElement("h3", {
+      className: styles.subTitle
+    }, item.subTitle), /*#__PURE__*/React.createElement("div", {
+      className: styles.text // eslint-disable-next-line react/no-danger
+      ,
+      dangerouslySetInnerHTML: {
+        __html: item.text
+      }
+    }), /*#__PURE__*/React.createElement("img", {
+      className: styles.img,
+      src: item.image,
+      alt: ""
+    }));
+  }, subArticles), /*#__PURE__*/React.createElement("div", {
+    className: styles.backContainerMobile
+  }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, backButton), /*#__PURE__*/React.createElement("span", null, backButtonText)))), /*#__PURE__*/React.createElement("div", {
+    className: styles.privacyPolicyContact
+  }, /*#__PURE__*/React.createElement(PrivacyPolicyContact, privacyPolicyContact)));
+};
+
+FAQArticlePage.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default FAQArticlePage;
+//# sourceMappingURL=index.js.map

package/es/template/common/faq-article-page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","ButtonLinkIconOnly","PrivacyPolicyContact","propTypes","styles","mapWithIndex","convert","cap","FAQArticlePage","title","backButton","backButtonText","subArticles","privacyPolicyContact","wrapper","page","container","backContainer","item","index","article","text","subTitle","__html","img","image","backContainerMobile"],"sources":["../../../../src/template/common/faq-article-page/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map} from 'lodash/fp';\nimport ButtonLinkIconOnly from '../../../atom/button-link-icon-only';\nimport PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';\nimport {propTypes, Props, SubArticle} from './types';\nimport styles from './style.css';\n\n// @ts-expect-error (need to get the index)\nconst mapWithIndex = map.convert({cap: false});\n\nconst FAQArticlePage = ({\n  title,\n  backButton,\n  backButtonText,\n  subArticles,\n  privacyPolicyContact\n}: Props) => {\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.page}>\n        <div className={styles.container}>\n          <div className={styles.backContainer}>\n            <ButtonLinkIconOnly {...backButton} />\n            <span>{backButtonText}</span>\n          </div>\n          <h1 className={styles.title}>{title}</h1>\n          {mapWithIndex((item: SubArticle, index: number) => {\n            return (\n              <div className={styles.article} key={`${item.text}${index}`}>\n                <h3 className={styles.subTitle}>{item.subTitle}</h3>\n                <div\n                  className={styles.text}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: item.text}}\n                />\n                <img className={styles.img} src={item.image} alt=\"\" />\n              </div>\n            );\n          }, subArticles)}\n          <div className={styles.backContainerMobile}>\n            <ButtonLinkIconOnly {...backButton} />\n            <span>{backButtonText}</span>\n          </div>\n        </div>\n      </div>\n      <div className={styles.privacyPolicyContact}>\n        <PrivacyPolicyContact {...privacyPolicyContact} />\n      </div>\n    </div>\n  );\n};\n\nFAQArticlePage.propTypes = propTypes;\n\nexport default FAQArticlePage;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,kBAAP,MAA+B,qCAA/B;AACA,OAAOC,oBAAP,MAAiC,0CAAjC;AACA,SAAQC,SAAR,QAA2C,SAA3C;AACA,OAAOC,MAAP,MAAmB,aAAnB,C,CAEA;;AACA,MAAMC,YAAY,GAAG,KAAIC,OAAJ,CAAY;EAACC,GAAG,EAAE;AAAN,CAAZ,CAArB;;AAEA,MAAMC,cAAc,GAAG,CAAC;EACtBC,KADsB;EAEtBC,UAFsB;EAGtBC,cAHsB;EAItBC,WAJsB;EAKtBC;AALsB,CAAD,KAMV;EACX,oBACE;IAAK,SAAS,EAAET,MAAM,CAACU;EAAvB,gBACE;IAAK,SAAS,EAAEV,MAAM,CAACW;EAAvB,gBACE;IAAK,SAAS,EAAEX,MAAM,CAACY;EAAvB,gBACE;IAAK,SAAS,EAAEZ,MAAM,CAACa;EAAvB,gBACE,oBAAC,kBAAD,EAAwBP,UAAxB,CADF,eAEE,kCAAOC,cAAP,CAFF,CADF,eAKE;IAAI,SAAS,EAAEP,MAAM,CAACK;EAAtB,GAA8BA,KAA9B,CALF,EAMGJ,YAAY,CAAC,CAACa,IAAD,EAAmBC,KAAnB,KAAqC;IACjD,oBACE;MAAK,SAAS,EAAEf,MAAM,CAACgB,OAAvB;MAAgC,GAAG,EAAG,GAAEF,IAAI,CAACG,IAAK,GAAEF,KAAM;IAA1D,gBACE;MAAI,SAAS,EAAEf,MAAM,CAACkB;IAAtB,GAAiCJ,IAAI,CAACI,QAAtC,CADF,eAEE;MACE,SAAS,EAAElB,MAAM,CAACiB,IADpB,CAEE;MAFF;MAGE,uBAAuB,EAAE;QAACE,MAAM,EAAEL,IAAI,CAACG;MAAd;IAH3B,EAFF,eAOE;MAAK,SAAS,EAAEjB,MAAM,CAACoB,GAAvB;MAA4B,GAAG,EAAEN,IAAI,CAACO,KAAtC;MAA6C,GAAG,EAAC;IAAjD,EAPF,CADF;EAWD,CAZY,EAYVb,WAZU,CANf,eAmBE;IAAK,SAAS,EAAER,MAAM,CAACsB;EAAvB,gBACE,oBAAC,kBAAD,EAAwBhB,UAAxB,CADF,eAEE,kCAAOC,cAAP,CAFF,CAnBF,CADF,CADF,eA2BE;IAAK,SAAS,EAAEP,MAAM,CAACS;EAAvB,gBACE,oBAAC,oBAAD,EAA0BA,oBAA1B,CADF,CA3BF,CADF;AAiCD,CAxCD;;AA0CAL,cAAc,CAACL,SAAf,2CAA2BA,SAA3B;AAEA,eAAeK,cAAf"}

package/es/template/common/faq-article-page/style.css

@@ -0,0 +1,125 @@
+@value breakpoints: "../../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value desktop from breakpoints;
+@value colors: "../../../variables/colors.css";
+@value cm_grey_50 from colors;
+
+.wrapper {
+  width: 100%;
+  flex: 1;
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column;
+}
+
+.page {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding: 40px 0px 0px 0px;
+  box-sizing: border-box;
+}
+
+.container{
+  width: 660px;
+}
+
+.article {
+ margin-top: 40px;
+
+}
+
+.backContainer {
+ display: flex;
+ flex-direction: row;
+ gap: 12px;
+ align-items: center;
+}
+
+.img {
+  width: 100%;
+}
+
+.backContainer span {
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  letter-spacing: 0px;
+  text-align: left;
+}
+
+.privacyPolicyContact{
+  width: 100%;
+  height: 86px;
+  display: flex;
+  justify-content: center;
+}
+
+.title {
+  font-family: Gilroy;
+  font-size: 28px;
+  font-weight: 500;
+  line-height: 36px;
+  letter-spacing: 0px;
+  text-align: left;
+  margin: 16px 0px 24px 0px;
+}
+
+.subTitle {
+  font-family: Gilroy;
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0px;
+  text-align: left;
+  margin: 0px 0px 16px 0px;
+}
+
+.text {
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  letter-spacing: 0px;
+  text-align: left;
+  margin-bottom: 16px;
+}
+
+.backContainerMobile {
+  display: none;
+}
+
+@media mobile {
+  .page {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: 100%;
+    width: 100%;
+    padding: 40px 24px;
+    box-sizing: border-box;
+  }
+
+  .backContainerMobile {
+    display: flex;
+    flex-direction: row;
+    gap: 12px;
+    align-items: center;
+    margin-top: 40px;
+  }
+
+  .container{
+    width: 100%;
+  }
+
+  .privacyPolicyContact{
+    width: 100%;
+    height: max-content;
+    display: flex;
+    justify-content: center;
+  }
+}

package/es/template/common/faq-article-page/types.d.ts

@@ -0,0 +1,41 @@
+import PropTypes from 'prop-types';
+import { Props as ContactProps } from '../../../molecule/privacy-policy-contact/types';
+export declare const propTypes: {
+    subArticles: PropTypes.Requireable<(PropTypes.InferProps<{
+        subTitle: PropTypes.Requireable<string>;
+        text: PropTypes.Requireable<string>;
+        image: PropTypes.Requireable<string>;
+        backButtonText: PropTypes.Requireable<string>;
+    }> | null | undefined)[]>;
+    title: PropTypes.Requireable<string>;
+    backButton: PropTypes.Requireable<PropTypes.InferProps<{
+        size: PropTypes.Requireable<string>;
+        'data-name': PropTypes.Requireable<string>;
+        'aria-label': PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }>>;
+    privacyPolicyContact: PropTypes.Requireable<PropTypes.InferProps<{
+        title: PropTypes.Requireable<string>;
+        content: PropTypes.Requireable<string>;
+    }>>;
+};
+export declare type SubArticle = {
+    subTitle: string;
+    text: string;
+    image: string;
+};
+export declare type Props = {
+    subArticles: SubArticle[];
+    backButtonText: string;
+    title: string;
+    privacyPolicyContact: ContactProps;
+    backButton: {
+        size: string;
+        'data-name': string;
+        'aria-label': string;
+        icon: string;
+        onClick: () => void;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/es/template/common/faq-article-page/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/template/common/faq-article-page/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EACL,KAAK,IAAI,YAAY,EAEtB,MAAM,gDAAgD,CAAC;AAExD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAkBrB,CAAC;AAEF,oBAAY,UAAU,GAAG;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AAEzE,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB,EAAE,YAAY,CAAC;IACnC,UAAU,EAAE;QACV,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH,CAAC"}

package/es/template/common/faq-article-page/types.js

@@ -0,0 +1,20 @@
+import PropTypes from 'prop-types';
+import { propTypes as ContactPropTypes } from '../../../molecule/privacy-policy-contact/types';
+export const propTypes = {
+  subArticles: PropTypes.arrayOf(PropTypes.shape({
+    subTitle: PropTypes.string,
+    text: PropTypes.string,
+    image: PropTypes.string,
+    backButtonText: PropTypes.string
+  })),
+  title: PropTypes.string,
+  backButton: PropTypes.shape({
+    size: PropTypes.string,
+    'data-name': PropTypes.string,
+    'aria-label': PropTypes.string,
+    icon: PropTypes.string,
+    onClick: PropTypes.func
+  }),
+  privacyPolicyContact: PropTypes.shape(ContactPropTypes)
+};
+//# sourceMappingURL=types.js.map

package/es/template/common/faq-article-page/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","ContactPropTypes","subArticles","arrayOf","shape","subTitle","string","text","image","backButtonText","title","backButton","size","icon","onClick","func","privacyPolicyContact"],"sources":["../../../../src/template/common/faq-article-page/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  Props as ContactProps,\n  propTypes as ContactPropTypes\n} from '../../../molecule/privacy-policy-contact/types';\n\nexport const propTypes = {\n  subArticles: PropTypes.arrayOf(\n    PropTypes.shape({\n      subTitle: PropTypes.string,\n      text: PropTypes.string,\n      image: PropTypes.string,\n      backButtonText: PropTypes.string\n    })\n  ),\n  title: PropTypes.string,\n  backButton: PropTypes.shape({\n    size: PropTypes.string,\n    'data-name': PropTypes.string,\n    'aria-label': PropTypes.string,\n    icon: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  privacyPolicyContact: PropTypes.shape(ContactPropTypes)\n};\n\nexport type SubArticle = {subTitle: string; text: string; image: string};\n\nexport type Props = {\n  subArticles: SubArticle[];\n  backButtonText: string;\n  title: string;\n  privacyPolicyContact: ContactProps;\n  backButton: {\n    size: string;\n    'data-name': string;\n    'aria-label': string;\n    icon: string;\n    onClick: () => void;\n  };\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,SAEEC,SAAS,IAAIC,gBAFf,QAGO,gDAHP;AAKA,OAAO,MAAMD,SAAS,GAAG;EACvBE,WAAW,EAAEH,SAAS,CAACI,OAAV,CACXJ,SAAS,CAACK,KAAV,CAAgB;IACdC,QAAQ,EAAEN,SAAS,CAACO,MADN;IAEdC,IAAI,EAAER,SAAS,CAACO,MAFF;IAGdE,KAAK,EAAET,SAAS,CAACO,MAHH;IAIdG,cAAc,EAAEV,SAAS,CAACO;EAJZ,CAAhB,CADW,CADU;EASvBI,KAAK,EAAEX,SAAS,CAACO,MATM;EAUvBK,UAAU,EAAEZ,SAAS,CAACK,KAAV,CAAgB;IAC1BQ,IAAI,EAAEb,SAAS,CAACO,MADU;IAE1B,aAAaP,SAAS,CAACO,MAFG;IAG1B,cAAcP,SAAS,CAACO,MAHE;IAI1BO,IAAI,EAAEd,SAAS,CAACO,MAJU;IAK1BQ,OAAO,EAAEf,SAAS,CAACgB;EALO,CAAhB,CAVW;EAiBvBC,oBAAoB,EAAEjB,SAAS,CAACK,KAAV,CAAgBH,gBAAhB;AAjBC,CAAlB"}

package/es/template/common/faq-cards-page/index.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const FAQCardsPage: {
+    ({ header, privacyPolicyContact, quickAccessList, title, description }: Props): JSX.Element;
+    propTypes: {
+        header: import("prop-types").Requireable<import("prop-types").InferProps<{
+            image: import("prop-types").Requireable<string>;
+            mode: import("prop-types").Requireable<string>;
+            description: import("prop-types").Requireable<string>;
+            title: import("prop-types").Requireable<string>;
+            author: import("prop-types").Requireable<string>;
+            progress: import("prop-types").Requireable<number>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+            submitValue: import("prop-types").Requireable<string>;
+        }>>;
+        title: import("prop-types").Requireable<string>;
+        description: import("prop-types").Requireable<string>;
+        privacyPolicyContact: import("prop-types").Requireable<import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            content: import("prop-types").Requireable<string>;
+        }>>;
+        quickAccessList: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            description: import("prop-types").Requireable<string>;
+            href: import("prop-types").Requireable<string>;
+            openInNewTab: import("prop-types").Requireable<boolean>;
+            isMoocCard: import("prop-types").Requireable<boolean>;
+            feature: import("prop-types").Requireable<string>;
+        }> | null | undefined)[]>;
+    };
+};
+export default FAQCardsPage;
+//# sourceMappingURL=index.d.ts.map

package/es/template/common/faq-cards-page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/faq-cards-page/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,YAAY;4EAMf,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BP,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/es/template/common/faq-cards-page/index.js

@@ -0,0 +1,45 @@
+import _map from "lodash/fp/map";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import Hero from '../../../molecule/hero';
+import PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';
+import QuickAccessCard from '../../../molecule/quick-access-card';
+import { propTypes } from './types';
+import styles from './style.css';
+
+const FAQCardsPage = ({
+  header,
+  privacyPolicyContact,
+  quickAccessList,
+  title,
+  description
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.wrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.hero
+  }, /*#__PURE__*/React.createElement(Hero, _extends({}, header, {
+    mode: 'header'
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", {
+    className: styles.title
+  }, title), /*#__PURE__*/React.createElement("h6", {
+    className: styles.description
+  }, description)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: styles.group
+  }, _map(item => {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.card,
+      key: `card-quick-access-faq-${item.title}`
+    }, /*#__PURE__*/React.createElement(QuickAccessCard, item));
+  }, quickAccessList)))), /*#__PURE__*/React.createElement("div", {
+    className: styles.privacyPolicyContact
+  }, /*#__PURE__*/React.createElement(PrivacyPolicyContact, privacyPolicyContact)));
+};
+
+FAQCardsPage.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default FAQCardsPage;
+//# sourceMappingURL=index.js.map

package/es/template/common/faq-cards-page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","Hero","PrivacyPolicyContact","QuickAccessCard","propTypes","styles","FAQCardsPage","header","privacyPolicyContact","quickAccessList","title","description","wrapper","hero","container","group","item","card"],"sources":["../../../../src/template/common/faq-cards-page/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map} from 'lodash/fp';\nimport Hero from '../../../molecule/hero';\nimport PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';\nimport QuickAccessCard from '../../../molecule/quick-access-card';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst FAQCardsPage = ({\n  header,\n  privacyPolicyContact,\n  quickAccessList,\n  title,\n  description\n}: Props) => {\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.hero}>\n        <Hero {...header} mode={'header'} />\n      </div>\n      <div className={styles.container}>\n        <div>\n          <h3 className={styles.title}>{title}</h3>\n          <h6 className={styles.description}>{description}</h6>\n        </div>\n        <div>\n          <div className={styles.group}>\n            {map(item => {\n              return (\n                <div className={styles.card} key={`card-quick-access-faq-${item.title}`}>\n                  <QuickAccessCard {...item} />\n                </div>\n              );\n            }, quickAccessList)}\n          </div>\n        </div>\n      </div>\n      <div className={styles.privacyPolicyContact}>\n        <PrivacyPolicyContact {...privacyPolicyContact} />\n      </div>\n    </div>\n  );\n};\n\nFAQCardsPage.propTypes = propTypes;\n\nexport default FAQCardsPage;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,oBAAP,MAAiC,0CAAjC;AACA,OAAOC,eAAP,MAA4B,qCAA5B;AACA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;;AAEA,MAAMC,YAAY,GAAG,CAAC;EACpBC,MADoB;EAEpBC,oBAFoB;EAGpBC,eAHoB;EAIpBC,KAJoB;EAKpBC;AALoB,CAAD,KAMR;EACX,oBACE;IAAK,SAAS,EAAEN,MAAM,CAACO;EAAvB,gBACE;IAAK,SAAS,EAAEP,MAAM,CAACQ;EAAvB,gBACE,oBAAC,IAAD,eAAUN,MAAV;IAAkB,IAAI,EAAE;EAAxB,GADF,CADF,eAIE;IAAK,SAAS,EAAEF,MAAM,CAACS;EAAvB,gBACE,8CACE;IAAI,SAAS,EAAET,MAAM,CAACK;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAI,SAAS,EAAEL,MAAM,CAACM;EAAtB,GAAoCA,WAApC,CAFF,CADF,eAKE,8CACE;IAAK,SAAS,EAAEN,MAAM,CAACU;EAAvB,GACG,KAAIC,IAAI,IAAI;IACX,oBACE;MAAK,SAAS,EAAEX,MAAM,CAACY,IAAvB;MAA6B,GAAG,EAAG,yBAAwBD,IAAI,CAACN,KAAM;IAAtE,gBACE,oBAAC,eAAD,EAAqBM,IAArB,CADF,CADF;EAKD,CANA,EAMEP,eANF,CADH,CADF,CALF,CAJF,eAqBE;IAAK,SAAS,EAAEJ,MAAM,CAACG;EAAvB,gBACE,oBAAC,oBAAD,EAA0BA,oBAA1B,CADF,CArBF,CADF;AA2BD,CAlCD;;AAoCAF,YAAY,CAACF,SAAb,2CAAyBA,SAAzB;AAEA,eAAeE,YAAf"}