@coorpacademy/components 11.33.2-alpha.3 → 11.33.2

package/es/molecule/questions/template/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","parseTemplateString","DropDown","FreeText","style","Template","template","answers","groupAriaLabel","totalTemplate","templateCompose","convert","cap","part","key","type","textPart","__html","value","field","name","fieldType","fieldProps","fieldView","text","answerType","wrapper","TextPropTypes","propTypes","string","arrayOf","oneOfType","shape"],"sources":["../../../../src/molecule/questions/template/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, find} from 'lodash/fp';\nimport parseTemplateString from '../../../util/parse-template-string';\nimport DropDown from '../drop-down';\nimport FreeText from '../free-text';\nimport style from './style.css';\n\nconst Template = ({template, answers, groupAriaLabel}) => {\n  const totalTemplate = parseTemplateString(template);\n  const templateCompose = map.convert({cap: false})((part, key) => {\n    const type = part.type;\n    if (type === 'string') {\n      return (\n        <span\n          key={key}\n          className={style.textPart}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: part.value}}\n        />\n      );\n    }\n    if (type === 'answerField') {\n      const field = find({name: part.value}, answers);\n      if (!field) return null;\n      const {type: fieldType, ...fieldProps} = field;\n      const fieldView =\n        fieldType === 'text' ? (\n          <FreeText {...fieldProps} className={style.text} />\n        ) : (\n          <DropDown {...fieldProps} theme=\"player\" />\n        );\n\n      return (\n        <div className={style.answerType} key={part.value}>\n          {fieldView}\n        </div>\n      );\n    }\n  }, totalTemplate);\n\n  return (\n    <div\n      data-name=\"template-wrapper\"\n      className={style.wrapper}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n      title={groupAriaLabel}\n    >\n      {templateCompose}\n    </div>\n  );\n};\n\nconst TextPropTypes = {\n  ...DropDown.propTypes,\n  type: PropTypes.string\n};\n\nTemplate.propTypes = {\n  template: PropTypes.string,\n  answers: PropTypes.arrayOf(\n    PropTypes.oneOfType([PropTypes.shape(DropDown.propTypes), PropTypes.shape(TextPropTypes)])\n  ),\n  groupAriaLabel: PropTypes.string\n};\n\nexport default Template;\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,mBAAP,MAAgC,qCAAhC;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAACC,QAAD;EAAWC,OAAX;EAAoBC;AAApB,CAAD,KAAyC;EACxD,MAAMC,aAAa,GAAGR,mBAAmB,CAACK,QAAD,CAAzC;;EACA,MAAMI,eAAe,GAAG,KAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,IAAD,EAAOC,GAAP,KAAe;IAC/D,MAAMC,IAAI,GAAGF,IAAI,CAACE,IAAlB;;IACA,IAAIA,IAAI,KAAK,QAAb,EAAuB;MACrB,oBACE;QACE,GAAG,EAAED,GADP;QAEE,SAAS,EAAEV,KAAK,CAACY,QAFnB,CAGE;QAHF;QAIE,uBAAuB,EAAE;UAACC,MAAM,EAAEJ,IAAI,CAACK;QAAd;MAJ3B,EADF;IAQD;;IACD,IAAIH,IAAI,KAAK,aAAb,EAA4B;MAC1B,MAAMI,KAAK,GAAG,MAAK;QAACC,IAAI,EAAEP,IAAI,CAACK;MAAZ,CAAL,EAAyBX,OAAzB,CAAd;;MACA,IAAI,CAACY,KAAL,EAAY,OAAO,IAAP;MACZ,MAAM;QAACJ,IAAI,EAAEM,SAAP;QAAkB,GAAGC;MAArB,IAAmCH,KAAzC;MACA,MAAMI,SAAS,GACbF,SAAS,KAAK,MAAd,gBACE,oBAAC,QAAD,eAAcC,UAAd;QAA0B,SAAS,EAAElB,KAAK,CAACoB;MAA3C,GADF,gBAGE,oBAAC,QAAD,eAAcF,UAAd;QAA0B,KAAK,EAAC;MAAhC,GAJJ;MAOA,oBACE;QAAK,SAAS,EAAElB,KAAK,CAACqB,UAAtB;QAAkC,GAAG,EAAEZ,IAAI,CAACK;MAA5C,GACGK,SADH,CADF;IAKD;EACF,CA7BuB,EA6BrBd,aA7BqB,CAAxB;;EA+BA,oBACE;IACE,aAAU,kBADZ;IAEE,SAAS,EAAEL,KAAK,CAACsB,OAFnB;IAGE,IAAI,EAAC,OAHP;IAIE,cAAYlB,cAJd;IAKE,KAAK,EAAEA;EALT,GAOGE,eAPH,CADF;AAWD,CA5CD;;AA8CA,MAAMiB,aAAN,2CAAsB,EACpB,GAAGzB,QAAQ,CAAC0B,SADQ;EAEpBb,IAAI,EAAEf,SAAS,CAAC6B;AAFI,CAAtB;AAKAxB,QAAQ,CAACuB,SAAT,2CAAqB;EACnBtB,QAAQ,EAAEN,SAAS,CAAC6B,MADD;EAEnBtB,OAAO,EAAEP,SAAS,CAAC8B,OAAV,CACP9B,SAAS,CAAC+B,SAAV,CAAoB,CAAC/B,SAAS,CAACgC,KAAV,CAAgB9B,QAAQ,CAAC0B,SAAzB,CAAD,EAAsC5B,SAAS,CAACgC,KAAV,CAAgBL,aAAhB,CAAtC,CAApB,CADO,CAFU;EAKnBnB,cAAc,EAAER,SAAS,CAAC6B;AALP,CAArB;AAQA,eAAexB,QAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","parseTemplateString","DropDown","FreeText","style","Template","template","answers","groupAriaLabel","totalTemplate","templateCompose","_map","convert","cap","part","key","type","createElement","className","textPart","dangerouslySetInnerHTML","__html","value","field","_find","name","fieldType","fieldProps","fieldView","_extends","text","theme","answerType","wrapper","role","title","TextPropTypes","process","env","NODE_ENV","propTypes","string","arrayOf","oneOfType","shape"],"sources":["../../../../src/molecule/questions/template/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, find} from 'lodash/fp';\nimport parseTemplateString from '../../../util/parse-template-string';\nimport DropDown from '../drop-down';\nimport FreeText from '../free-text';\nimport style from './style.css';\n\nconst Template = ({template, answers, groupAriaLabel}) => {\n  const totalTemplate = parseTemplateString(template);\n  const templateCompose = map.convert({cap: false})((part, key) => {\n    const type = part.type;\n    if (type === 'string') {\n      return (\n        <span\n          key={key}\n          className={style.textPart}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: part.value}}\n        />\n      );\n    }\n    if (type === 'answerField') {\n      const field = find({name: part.value}, answers);\n      if (!field) return null;\n      const {type: fieldType, ...fieldProps} = field;\n      const fieldView =\n        fieldType === 'text' ? (\n          <FreeText {...fieldProps} className={style.text} />\n        ) : (\n          <DropDown {...fieldProps} theme=\"player\" />\n        );\n\n      return (\n        <div className={style.answerType} key={part.value}>\n          {fieldView}\n        </div>\n      );\n    }\n  }, totalTemplate);\n\n  return (\n    <div\n      data-name=\"template-wrapper\"\n      className={style.wrapper}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n      title={groupAriaLabel}\n    >\n      {templateCompose}\n    </div>\n  );\n};\n\nconst TextPropTypes = {\n  ...DropDown.propTypes,\n  type: PropTypes.string\n};\n\nTemplate.propTypes = {\n  template: PropTypes.string,\n  answers: PropTypes.arrayOf(\n    PropTypes.oneOfType([PropTypes.shape(DropDown.propTypes), PropTypes.shape(TextPropTypes)])\n  ),\n  groupAriaLabel: PropTypes.string\n};\n\nexport default Template;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,mBAAmB,MAAM,qCAAqC;AACrE,OAAOC,QAAQ,MAAM,cAAc;AACnC,OAAOC,QAAQ,MAAM,cAAc;AACnC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAGA,CAAC;EAACC,QAAQ;EAAEC,OAAO;EAAEC;AAAc,CAAC,KAAK;EACxD,MAAMC,aAAa,GAAGR,mBAAmB,CAACK,QAAQ,CAAC;EACnD,MAAMI,eAAe,GAAGC,IAAA,CAAIC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAAC,CAACC,IAAI,EAAEC,GAAG,KAAK;IAC/D,MAAMC,IAAI,GAAGF,IAAI,CAACE,IAAI;IACtB,IAAIA,IAAI,KAAK,QAAQ,EAAE;MACrB,oBACEjB,KAAA,CAAAkB,aAAA;QACEF,GAAG,EAAEA,GAAI;QACTG,SAAS,EAAEd,KAAK,CAACe;QACjB;QAAA;QACAC,uBAAuB,EAAE;UAACC,MAAM,EAAEP,IAAI,CAACQ;QAAK;MAAE,CAC/C,CAAC;IAEN;IACA,IAAIN,IAAI,KAAK,aAAa,EAAE;MAC1B,MAAMO,KAAK,GAAGC,KAAA,CAAK;QAACC,IAAI,EAAEX,IAAI,CAACQ;MAAK,CAAC,EAAEf,OAAO,CAAC;MAC/C,IAAI,CAACgB,KAAK,EAAE,OAAO,IAAI;MACvB,MAAM;QAACP,IAAI,EAAEU,SAAS;QAAE,GAAGC;MAAU,CAAC,GAAGJ,KAAK;MAC9C,MAAMK,SAAS,GACbF,SAAS,KAAK,MAAM,gBAClB3B,KAAA,CAAAkB,aAAA,CAACd,QAAQ,EAAA0B,QAAA,KAAKF,UAAU;QAAET,SAAS,EAAEd,KAAK,CAAC0B;MAAK,EAAE,CAAC,gBAEnD/B,KAAA,CAAAkB,aAAA,CAACf,QAAQ,EAAA2B,QAAA,KAAKF,UAAU;QAAEI,KAAK,EAAC;MAAQ,EAAE,CAC3C;MAEH,oBACEhC,KAAA,CAAAkB,aAAA;QAAKC,SAAS,EAAEd,KAAK,CAAC4B,UAAW;QAACjB,GAAG,EAAED,IAAI,CAACQ;MAAM,GAC/CM,SACE,CAAC;IAEV;EACF,CAAC,EAAEnB,aAAa,CAAC;EAEjB,oBACEV,KAAA,CAAAkB,aAAA;IACE,aAAU,kBAAkB;IAC5BC,SAAS,EAAEd,KAAK,CAAC6B,OAAQ;IACzBC,IAAI,EAAC,OAAO;IACZ,cAAY1B,cAAe;IAC3B2B,KAAK,EAAE3B;EAAe,GAErBE,eACE,CAAC;AAEV,CAAC;AAED,MAAM0B,aAAa,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpB,GAAGrC,QAAQ,CAACsC,SAAS;EACrBxB,IAAI,EAAEhB,SAAS,CAACyC;AAClB,CAAC;AAEDpC,QAAQ,CAACmC,SAAS,GAAAH,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBjC,QAAQ,EAAEN,SAAS,CAACyC,MAAM;EAC1BlC,OAAO,EAAEP,SAAS,CAAC0C,OAAO,CACxB1C,SAAS,CAAC2C,SAAS,CAAC,CAAC3C,SAAS,CAAC4C,KAAK,CAAC1C,QAAQ,CAACsC,SAAS,CAAC,EAAExC,SAAS,CAAC4C,KAAK,CAACR,aAAa,CAAC,CAAC,CAC3F,CAAC;EACD5B,cAAc,EAAER,SAAS,CAACyC;AAC5B,CAAC;AAED,eAAepC,QAAQ","ignoreList":[]}

package/es/molecule/questions/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/molecule/questions/types.ts"],"sourcesContent":["import {Config} from 'react-native-jw-media-player';\nimport {ChoiceItem} from '../../atom/select-modal/index.native';\n\ntype Url = string;\n\ntype VideoMimeType =\n  | 'video/mp4'\n  | 'application/kontiki'\n  | 'application/jwplayer'\n  | 'application/youtube'\n  | 'application/omniPlayer'\n  | 'application/uptale'\n  | 'application/vimeo';\n\ntype ResourceMimeType =\n  | 'audio/acc'\n  | 'image/jpeg'\n  | 'image/png'\n  | 'application/pdf'\n  | VideoMimeType;\n\nexport type Source = {\n  _id?: string;\n  mimeType?: ResourceMimeType;\n  url: Url;\n  videoId?: string;\n};\n\nexport type MediaType = 'img' | 'audio' | 'video' | 'pdf';\n\nexport type Media = {\n  type?: MediaType;\n  description?: string;\n  loading?: boolean;\n  mimeType?: ResourceMimeType;\n  mediaRef?: string;\n  _id?: string;\n  jwpOptions?: {\n    // --- native JWPlayer\n    config?: Config;\n    // --- web JWPlayer\n    playlist?: Array<{\n      file: string;\n      tracks: [{file: string; kind: 'thumbnails'}];\n    }>;\n    playerId?: string;\n    playerScript?: string;\n    licenseKey?: string;\n    customProps?: {\n      playbackRateControls: boolean;\n      playbackRates: number[];\n      preload: 'auto';\n      autostart: 'true' | 'false';\n      width: string;\n      height: string;\n      visualplaylist: boolean;\n      nextUpDisplay: boolean;\n    };\n  };\n  mediaUrl?: Url;\n  url?: Url;\n  subtitles?: Array<string>;\n  posters?: Array<Url>;\n  src?: Array<Source>;\n  poster?: string;\n  videoId?: string;\n  onClick?: () => void;\n  onPlay?: () => void;\n  onPause?: () => void;\n  onResume?: () => void;\n  onEnded?: () => void;\n};\n\nexport type QuestionType = 'qcm' | 'qcmGraphic' | 'slider' | 'qcmDrag' | 'basic' | 'template';\n\ntype ChoiceBase = {\n  _id: string;\n  value?: string;\n  name?: string;\n  label?: string;\n};\n\nexport type SelectableChoice = {\n  _id: string;\n  label: string;\n  selected: boolean;\n  onPress: (value?: string) => void;\n  media?: Media;\n};\n\nexport type TemplateTextChoice = {\n  type: 'text';\n  _id: string;\n  name: string;\n  value: string;\n  label: string;\n  selected: boolean;\n};\n\nexport type TemplateListOfChoices = {\n  type: 'select';\n  _id: string;\n  name: string;\n  value: string;\n  label: string;\n  items: Array<ChoiceItem>;\n};\n\nexport type Choice = ChoiceBase | SelectableChoice | TemplateListOfChoices | TemplateTextChoice;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/molecule/questions/types.ts"],"sourcesContent":["import {Config} from 'react-native-jw-media-player';\nimport {ChoiceItem} from '../../atom/select-modal/index.native';\n\ntype Url = string;\n\ntype VideoMimeType =\n  | 'video/mp4'\n  | 'application/kontiki'\n  | 'application/jwplayer'\n  | 'application/youtube'\n  | 'application/omniPlayer'\n  | 'application/uptale'\n  | 'application/vimeo';\n\ntype ResourceMimeType =\n  | 'audio/acc'\n  | 'image/jpeg'\n  | 'image/png'\n  | 'application/pdf'\n  | VideoMimeType;\n\nexport type Source = {\n  _id?: string;\n  mimeType?: ResourceMimeType;\n  url: Url;\n  videoId?: string;\n};\n\nexport type MediaType = 'img' | 'audio' | 'video' | 'pdf';\n\nexport type Media = {\n  type?: MediaType;\n  description?: string;\n  loading?: boolean;\n  mimeType?: ResourceMimeType;\n  mediaRef?: string;\n  _id?: string;\n  jwpOptions?: {\n    // --- native JWPlayer\n    config?: Config;\n    // --- web JWPlayer\n    playlist?: Array<{\n      file: string;\n      tracks: [{file: string; kind: 'thumbnails'}];\n    }>;\n    playerId?: string;\n    playerScript?: string;\n    licenseKey?: string;\n    customProps?: {\n      playbackRateControls: boolean;\n      playbackRates: number[];\n      preload: 'auto';\n      autostart: 'true' | 'false';\n      width: string;\n      height: string;\n      visualplaylist: boolean;\n      nextUpDisplay: boolean;\n    };\n  };\n  mediaUrl?: Url;\n  url?: Url;\n  subtitles?: Array<string>;\n  posters?: Array<Url>;\n  src?: Array<Source>;\n  poster?: string;\n  videoId?: string;\n  onClick?: () => void;\n  onPlay?: () => void;\n  onPause?: () => void;\n  onResume?: () => void;\n  onEnded?: () => void;\n};\n\nexport type QuestionType = 'qcm' | 'qcmGraphic' | 'slider' | 'qcmDrag' | 'basic' | 'template';\n\ntype ChoiceBase = {\n  _id: string;\n  value?: string;\n  name?: string;\n  label?: string;\n};\n\nexport type SelectableChoice = {\n  _id: string;\n  label: string;\n  selected: boolean;\n  onPress: (value?: string) => void;\n  media?: Media;\n};\n\nexport type TemplateTextChoice = {\n  type: 'text';\n  _id: string;\n  name: string;\n  value: string;\n  label: string;\n  selected: boolean;\n};\n\nexport type TemplateListOfChoices = {\n  type: 'select';\n  _id: string;\n  name: string;\n  value: string;\n  label: string;\n  items: Array<ChoiceItem>;\n};\n\nexport type Choice = ChoiceBase | SelectableChoice | TemplateListOfChoices | TemplateTextChoice;\n"],"mappings":"","ignoreList":[]}

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

@@ -8,56 +8,40 @@ import style from './style.css';
 const {
   cm_primary_blue
 } = COLORS;
-
 const getIcon = feature => {
   switch (feature) {
     case 'manage_users':
       return ManageUserIcon;
-
     case 'upload_users':
       return UploadUserIcon;
-
     case 'manage_email':
       return ManageEmailIcon;
-
     case 'massive_battle':
       return MassiveBattleIcon;
-
     case 'cms':
       return CmsIcon;
-
     case 'look_and_feel':
       return LookAndFeelIcon;
-
     case 'dashboard':
       return DashboardIcon;
-
     case 'cockpit':
       return CockpitIcon;
-
     case 'analytics':
       return AnalyticsIcon;
-
     case 'binoculaire':
       return Binoculaire;
-
     case 'book':
       return ContentBook;
-
     case 'network':
       return NetworkAlert;
-
     case 'chat-bubble-question':
       return ChatBubbleCircleQuestionMark;
-
     case 'mobile-phone':
       return MobilePhone;
-
     default:
       return CockpitIcon;
   }
 };
-
 const getBackgroudRadialColors = feature => {
   switch (feature) {
     case 'manage_users':
@@ -67,7 +51,6 @@ const getBackgroudRadialColors = feature => {
         degrees: '187',
         iconColor: null
       };
-
     case 'look_and_feel':
     case 'dashboard':
       return {
@@ -75,14 +58,12 @@ const getBackgroudRadialColors = feature => {
         degrees: '167',
         iconColor: null
       };
-
     case 'cockpit':
       return {
         iconBackgroundColor: '#FF7043',
         degrees: '14',
         iconColor: null
       };
-
     case 'manage_email':
     case 'massive_battle':
     case 'learning_priorities':
@@ -92,54 +73,46 @@ const getBackgroudRadialColors = feature => {
         degrees: '256',
         iconColor: null
       };
-
     case 'analytics':
       return {
         iconBackgroundColor: '#FF4040',
         degrees: '0',
         iconColor: null
       };
-
     case 'binoculaire':
       return {
         iconBackgroundColor: '#FFEFEB',
         iconColor: '#FF541F',
         degrees: '0'
       };
-
     case 'book':
       return {
         iconBackgroundColor: '#F1F6FE',
         degrees: '0',
         iconColor: cm_primary_blue
       };
-
     case 'network':
       return {
         iconBackgroundColor: '#FFE5E6',
         iconColor: '#FF0A0A',
         degrees: '0'
       };
-
     case 'chat-bubble-question':
       return {
         iconBackgroundColor: '#E8FCF8',
         iconColor: '#16AC8C',
         degrees: '0'
       };
-
     case 'mobile-phone':
       return {
         iconBackgroundColor: '#F4F0FF',
         degrees: '0',
         iconColor: '#5C21FF'
       };
-
     default:
       return null;
   }
 };
-
 const QuickAccessCard = (props, context) => {
   const {
     title,
@@ -214,7 +187,6 @@ const QuickAccessCard = (props, context) => {
     className: style.iconGoto
   })))))));
 };
-
 QuickAccessCard.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   description: PropTypes.string,

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","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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"}
+{"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","createElement","className","newTabIcon","quickAccess","target","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","color","iconName","cta","iconGotoWrapper","hoverMooc","hover","iconGoto","propTypes","process","env","NODE_ENV","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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","ignoreList":[]}

package/es/molecule/quick-access-cards-group/index.js

@@ -5,7 +5,6 @@ import PropTypes from 'prop-types';
 import QuickAccessCard from '../quick-access-card';
 import Loader from '../../atom/loader';
 import style from './style.css';
-
 const QuickAccessCardGroup = props => {
   const {
     list = [],
@@ -14,19 +13,16 @@ const QuickAccessCardGroup = props => {
   const loader = loading ? /*#__PURE__*/React.createElement("div", {
     className: style.loader
   }, /*#__PURE__*/React.createElement(Loader, null)) : null;
-
   const cards = _map(cardProps => {
     return /*#__PURE__*/React.createElement("div", {
       className: style.card,
       key: `card-${cardProps.feature}`
     }, /*#__PURE__*/React.createElement(QuickAccessCard, cardProps));
   }, _slice(0, 4, list));
-
   return /*#__PURE__*/React.createElement("div", {
     className: style.group
   }, cards, loader);
 };
-
 QuickAccessCardGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   list: PropTypes.arrayOf(PropTypes.shape(QuickAccessCard.propTypes)),
   loading: PropTypes.bool

package/es/molecule/quick-access-cards-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","QuickAccessCard","Loader","style","QuickAccessCardGroup","props","list","loading","loader","cards","cardProps","card","feature","group","propTypes","arrayOf","shape","bool"],"sources":["../../../src/molecule/quick-access-cards-group/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, slice} from 'lodash/fp';\nimport QuickAccessCard from '../quick-access-card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst QuickAccessCardGroup = props => {\n  const {list = [], loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div className={style.card} key={`card-${cardProps.feature}`}>\n        <QuickAccessCard {...cardProps} />\n      </div>\n    );\n  }, slice(0, 4, list));\n\n  return (\n    <div className={style.group}>\n      {cards}\n      {loader}\n    </div>\n  );\n};\n\nQuickAccessCardGroup.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(QuickAccessCard.propTypes)),\n  loading: PropTypes.bool\n};\n\nexport default QuickAccessCardGroup;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,eAAP,MAA4B,sBAA5B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,oBAAoB,GAAGC,KAAK,IAAI;EACpC,MAAM;IAACC,IAAI,GAAG,EAAR;IAAYC,OAAO,GAAG;EAAtB,IAA+BF,KAArC;EAEA,MAAMG,MAAM,GAAGD,OAAO,gBACpB;IAAK,SAAS,EAAEJ,KAAK,CAACK;EAAtB,gBACE,oBAAC,MAAD,OADF,CADoB,GAIlB,IAJJ;;EAMA,MAAMC,KAAK,GAAG,KAAIC,SAAS,IAAI;IAC7B,oBACE;MAAK,SAAS,EAAEP,KAAK,CAACQ,IAAtB;MAA4B,GAAG,EAAG,QAAOD,SAAS,CAACE,OAAQ;IAA3D,gBACE,oBAAC,eAAD,EAAqBF,SAArB,CADF,CADF;EAKD,CANa,EAMX,OAAM,CAAN,EAAS,CAAT,EAAYJ,IAAZ,CANW,CAAd;;EAQA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACU;EAAtB,GACGJ,KADH,EAEGD,MAFH,CADF;AAMD,CAvBD;;AAyBAJ,oBAAoB,CAACU,SAArB,2CAAiC;EAC/BR,IAAI,EAAEN,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,KAAV,CAAgBf,eAAe,CAACa,SAAhC,CAAlB,CADyB;EAE/BP,OAAO,EAAEP,SAAS,CAACiB;AAFY,CAAjC;AAKA,eAAeb,oBAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","QuickAccessCard","Loader","style","QuickAccessCardGroup","props","list","loading","loader","createElement","className","cards","_map","cardProps","card","key","feature","_slice","group","propTypes","process","env","NODE_ENV","arrayOf","shape","bool"],"sources":["../../../src/molecule/quick-access-cards-group/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, slice} from 'lodash/fp';\nimport QuickAccessCard from '../quick-access-card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst QuickAccessCardGroup = props => {\n  const {list = [], loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div className={style.card} key={`card-${cardProps.feature}`}>\n        <QuickAccessCard {...cardProps} />\n      </div>\n    );\n  }, slice(0, 4, list));\n\n  return (\n    <div className={style.group}>\n      {cards}\n      {loader}\n    </div>\n  );\n};\n\nQuickAccessCardGroup.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(QuickAccessCard.propTypes)),\n  loading: PropTypes.bool\n};\n\nexport default QuickAccessCardGroup;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,eAAe,MAAM,sBAAsB;AAClD,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,oBAAoB,GAAGC,KAAK,IAAI;EACpC,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGF,KAAK;EAE1C,MAAMG,MAAM,GAAGD,OAAO,gBACpBR,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACK;EAAO,gBAC3BT,KAAA,CAAAU,aAAA,CAACP,MAAM,MAAE,CACN,CAAC,GACJ,IAAI;EAER,MAAMS,KAAK,GAAGC,IAAA,CAAIC,SAAS,IAAI;IAC7B,oBACEd,KAAA,CAAAU,aAAA;MAAKC,SAAS,EAAEP,KAAK,CAACW,IAAK;MAACC,GAAG,EAAE,QAAQF,SAAS,CAACG,OAAO;IAAG,gBAC3DjB,KAAA,CAAAU,aAAA,CAACR,eAAe,EAAKY,SAAY,CAC9B,CAAC;EAEV,CAAC,EAAEI,MAAA,CAAM,CAAC,EAAE,CAAC,EAAEX,IAAI,CAAC,CAAC;EAErB,oBACEP,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACe;EAAM,GACzBP,KAAK,EACLH,MACE,CAAC;AAEV,CAAC;AAEDJ,oBAAoB,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC/BhB,IAAI,EAAEN,SAAS,CAACuB,OAAO,CAACvB,SAAS,CAACwB,KAAK,CAACvB,eAAe,CAACkB,SAAS,CAAC,CAAC;EACnEZ,OAAO,EAAEP,SAAS,CAACyB;AACrB,CAAC;AAED,eAAerB,oBAAoB","ignoreList":[]}

package/es/molecule/resource-player/index.js

@@ -1,8 +1,6 @@
 import _get from "lodash/fp/get";
 import _omit from "lodash/fp/omit";
-
-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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaSolidVideosVideoControlPlay as Play } from '@coorpacademy/nova-icons';
@@ -38,24 +36,20 @@ const imgPropType = process.env.NODE_ENV !== "production" ? PropTypes.shape({
   type: isType(TYPE_IMAGE).isRequired,
   url: PropTypes.string.isRequired
 }) : {};
-
 const ResourceElement = props => {
   const {
     resource,
     autoplay = false,
     disableAutostart
   } = props;
-
   const {
     type,
     videoId,
     ...childProps
   } = _omit('id', resource);
-
   const {
     url
   } = childProps;
-
   switch (type) {
     case TYPE_IMAGE:
       return /*#__PURE__*/React.createElement("div", {
@@ -64,13 +58,10 @@ const ResourceElement = props => {
           backgroundImage: `url(${url})`
         }
       });
-
     case TYPE_PDF:
       return /*#__PURE__*/React.createElement(Pdf, childProps);
-
     case TYPE_AUDIO:
       return /*#__PURE__*/React.createElement(Audio, childProps);
-
     case TYPE_VIDEO:
       return /*#__PURE__*/React.createElement(VideoPlayer, _extends({}, _omit('id', childProps), {
         autoplay: autoplay,
@@ -79,13 +70,11 @@ const ResourceElement = props => {
       }));
   }
 };
-
 ResourceElement.propTypes = process.env.NODE_ENV !== "production" ? {
   resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),
   autoplay: PropTypes.bool,
   disableAutostart: PropTypes.bool
 } : {};
-
 const OverlayElement = (props = {}, context = undefined) => {
   const {
     title,
@@ -96,9 +85,7 @@ const OverlayElement = (props = {}, context = undefined) => {
   const {
     skin
   } = context;
-
   const dark = _get('common.dark', skin);
-
   return /*#__PURE__*/React.createElement("div", {
     className: style.overlay,
     onClick: onClick,
@@ -124,7 +111,6 @@ const OverlayElement = (props = {}, context = undefined) => {
     className: style.overlayText
   }, text));
 };
-
 OverlayElement.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -134,7 +120,6 @@ OverlayElement.propTypes = process.env.NODE_ENV !== "production" ? {
   text: PropTypes.string,
   title: PropTypes.string
 } : {};
-
 class ResourcePlayer extends React.Component {
   constructor(props, context) {
     super(props);
@@ -144,14 +129,12 @@ class ResourcePlayer extends React.Component {
     };
     this.handleOverlay = this.handleOverlay.bind(this);
   }
-
   handleOverlay() {
     this.setState({
       autoplay: true,
       overlay: null
     });
   }
-
   render() {
     const {
       className: customClassName,
@@ -183,9 +166,7 @@ class ResourcePlayer extends React.Component {
       autoplay: autoplay
     }))));
   }
-
 }
-
 ResourcePlayer.propTypes = process.env.NODE_ENV !== "production" ? {
   className: PropTypes.string,
   resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),

package/es/molecule/resource-player/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidVideosVideoControlPlay","Play","Pdf","Audio","VideoPlayer","Life","Provider","style","TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","isType","name","oneOf","videoPropType","shape","type","isRequired","description","string","propTypes","pdfPropType","mediaUrl","audioPropType","imgPropType","url","ResourceElement","props","resource","autoplay","disableAutostart","videoId","childProps","img","backgroundImage","oneOfType","bool","OverlayElement","context","undefined","title","text","lifeAmount","onClick","skin","dark","overlay","icons","playButton","color","delay","overlayTitle","overlayText","contextTypes","childContextTypes","number","func","ResourcePlayer","Component","constructor","state","handleOverlay","bind","setState","render","className","customClassName","propsOverlay","stateOverlay","overlayView","image","pdf","audio","video"],"sources":["../../../src/molecule/resource-player/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {omit, get} from 'lodash/fp';\nimport {NovaSolidVideosVideoControlPlay as Play} from '@coorpacademy/nova-icons';\nimport Pdf from '../pdf';\nimport Audio from '../audio';\nimport VideoPlayer from '../video-player';\nimport Life from '../../atom/life';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_PDF = 'pdf';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = name => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  type: isType(TYPE_VIDEO).isRequired,\n  description: PropTypes.string.isRequired,\n  ...VideoPlayer.propTypes\n});\n\nconst pdfPropType = PropTypes.shape({\n  type: isType(TYPE_PDF).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Pdf.propTypes\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Audio.propTypes\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst ResourceElement = props => {\n  const {resource, autoplay = false, disableAutostart} = props;\n  const {type, videoId, ...childProps} = omit('id', resource);\n  const {url} = childProps;\n\n  switch (type) {\n    case TYPE_IMAGE:\n      return <div className={style.img} style={{backgroundImage: `url(${url})`}} />;\n    case TYPE_PDF:\n      return <Pdf {...childProps} />;\n    case TYPE_AUDIO:\n      return <Audio {...childProps} />;\n    case TYPE_VIDEO:\n      return (\n        <VideoPlayer\n          {...omit('id', childProps)}\n          autoplay={autoplay}\n          disableAutostart={disableAutostart}\n          id={videoId}\n        />\n      );\n  }\n};\n\nResourceElement.propTypes = {\n  resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool\n};\n\nconst OverlayElement = (props = {}, context = undefined) => {\n  const {title, text, lifeAmount, onClick} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.overlay} onClick={onClick} data-name=\"overlay\">\n      <div className={style.icons}>\n        <Play className={style.playButton} style={{color: dark}} />\n        <Life\n          count={lifeAmount}\n          operator=\"+\"\n          bounce={{\n            type: 'bounceTwice',\n            delay: '2.5s'\n          }}\n          heartOnRight\n        />\n      </div>\n\n      <p className={style.overlayTitle}>{title}</p>\n      <p className={style.overlayText}>{text}</p>\n    </div>\n  );\n};\n\nOverlayElement.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nOverlayElement.propTypes = {\n  lifeAmount: PropTypes.number,\n  onClick: PropTypes.func,\n  text: PropTypes.string,\n  title: PropTypes.string\n};\n\nclass ResourcePlayer extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n    overlay: PropTypes.shape({\n      title: PropTypes.string,\n      text: PropTypes.string,\n      lifeAmount: PropTypes.number\n    })\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      autoplay: false,\n      overlay: props.overlay\n    };\n\n    this.handleOverlay = this.handleOverlay.bind(this);\n  }\n\n  handleOverlay() {\n    this.setState({\n      autoplay: true,\n      overlay: null\n    });\n  }\n\n  render() {\n    const {className: customClassName, resource, overlay: propsOverlay} = this.props;\n    const {overlay: stateOverlay, autoplay} = this.state;\n    const {type} = resource;\n\n    const overlayView = stateOverlay ? (\n      <OverlayElement {...stateOverlay} onClick={this.handleOverlay} />\n    ) : null;\n\n    return (\n      <div data-name={type} className={customClassName}>\n        <div\n          className={\n            {\n              [TYPE_IMAGE]: style.image,\n              [TYPE_PDF]: style.pdf,\n              [TYPE_AUDIO]: style.audio,\n              [TYPE_VIDEO]: style.video\n            }[type]\n          }\n        >\n          {overlayView}\n          <ResourceElement {...this.props} disableAutostart={!!propsOverlay} autoplay={autoplay} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default ResourcePlayer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidVideosVideoControlPlay","Play","Pdf","Audio","VideoPlayer","Life","Provider","style","TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","isType","process","env","NODE_ENV","name","oneOf","videoPropType","shape","type","isRequired","description","string","propTypes","pdfPropType","mediaUrl","audioPropType","imgPropType","url","ResourceElement","props","resource","autoplay","disableAutostart","videoId","childProps","_omit","createElement","className","img","backgroundImage","_extends","id","oneOfType","bool","OverlayElement","context","undefined","title","text","lifeAmount","onClick","skin","dark","_get","overlay","icons","playButton","color","count","operator","bounce","delay","heartOnRight","overlayTitle","overlayText","contextTypes","childContextTypes","number","func","ResourcePlayer","Component","constructor","state","handleOverlay","bind","setState","render","customClassName","propsOverlay","stateOverlay","overlayView","image","pdf","audio","video"],"sources":["../../../src/molecule/resource-player/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {omit, get} from 'lodash/fp';\nimport {NovaSolidVideosVideoControlPlay as Play} from '@coorpacademy/nova-icons';\nimport Pdf from '../pdf';\nimport Audio from '../audio';\nimport VideoPlayer from '../video-player';\nimport Life from '../../atom/life';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_PDF = 'pdf';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = name => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  type: isType(TYPE_VIDEO).isRequired,\n  description: PropTypes.string.isRequired,\n  ...VideoPlayer.propTypes\n});\n\nconst pdfPropType = PropTypes.shape({\n  type: isType(TYPE_PDF).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Pdf.propTypes\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Audio.propTypes\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst ResourceElement = props => {\n  const {resource, autoplay = false, disableAutostart} = props;\n  const {type, videoId, ...childProps} = omit('id', resource);\n  const {url} = childProps;\n\n  switch (type) {\n    case TYPE_IMAGE:\n      return <div className={style.img} style={{backgroundImage: `url(${url})`}} />;\n    case TYPE_PDF:\n      return <Pdf {...childProps} />;\n    case TYPE_AUDIO:\n      return <Audio {...childProps} />;\n    case TYPE_VIDEO:\n      return (\n        <VideoPlayer\n          {...omit('id', childProps)}\n          autoplay={autoplay}\n          disableAutostart={disableAutostart}\n          id={videoId}\n        />\n      );\n  }\n};\n\nResourceElement.propTypes = {\n  resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool\n};\n\nconst OverlayElement = (props = {}, context = undefined) => {\n  const {title, text, lifeAmount, onClick} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.overlay} onClick={onClick} data-name=\"overlay\">\n      <div className={style.icons}>\n        <Play className={style.playButton} style={{color: dark}} />\n        <Life\n          count={lifeAmount}\n          operator=\"+\"\n          bounce={{\n            type: 'bounceTwice',\n            delay: '2.5s'\n          }}\n          heartOnRight\n        />\n      </div>\n\n      <p className={style.overlayTitle}>{title}</p>\n      <p className={style.overlayText}>{text}</p>\n    </div>\n  );\n};\n\nOverlayElement.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nOverlayElement.propTypes = {\n  lifeAmount: PropTypes.number,\n  onClick: PropTypes.func,\n  text: PropTypes.string,\n  title: PropTypes.string\n};\n\nclass ResourcePlayer extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n    overlay: PropTypes.shape({\n      title: PropTypes.string,\n      text: PropTypes.string,\n      lifeAmount: PropTypes.number\n    })\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      autoplay: false,\n      overlay: props.overlay\n    };\n\n    this.handleOverlay = this.handleOverlay.bind(this);\n  }\n\n  handleOverlay() {\n    this.setState({\n      autoplay: true,\n      overlay: null\n    });\n  }\n\n  render() {\n    const {className: customClassName, resource, overlay: propsOverlay} = this.props;\n    const {overlay: stateOverlay, autoplay} = this.state;\n    const {type} = resource;\n\n    const overlayView = stateOverlay ? (\n      <OverlayElement {...stateOverlay} onClick={this.handleOverlay} />\n    ) : null;\n\n    return (\n      <div data-name={type} className={customClassName}>\n        <div\n          className={\n            {\n              [TYPE_IMAGE]: style.image,\n              [TYPE_PDF]: style.pdf,\n              [TYPE_AUDIO]: style.audio,\n              [TYPE_VIDEO]: style.video\n            }[type]\n          }\n        >\n          {overlayView}\n          <ResourceElement {...this.props} disableAutostart={!!propsOverlay} autoplay={autoplay} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default ResourcePlayer;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/review-card-congrats/index.js

@@ -2,9 +2,7 @@ import _multiply from "lodash/fp/multiply";
 import _parseInt2 from "lodash/fp/parseInt";
 import _round from "lodash/fp/round";
 import _pipe from "lodash/fp/pipe";
-
-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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useEffect, useState } from 'react';
 import classnames from 'classnames';
 import { NovaCompositionCoorpacademyStar as StarIcon, NovaSolidVoteRewardsRewardsBadge5 as RankIcon } from '@coorpacademy/nova-icons';
@@ -17,7 +15,6 @@ export const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {
   setIsAnimationVisible('play');
   setIsAnimated(true);
 };
-
 const ReviewCardCongrats = props => {
   const {
     'aria-label': ariaLabel,
@@ -34,12 +31,11 @@ const ReviewCardCongrats = props => {
   const [isAnimationVisible, setIsAnimationVisible] = useState('loading');
   const [isAnimated, setIsAnimated] = useState(false);
   useEffect(() => {
-    let timer; // istanbul ignore else
-
+    let timer;
+    // istanbul ignore else
     if (!isAnimationVisible || !isAnimated) {
       timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);
     }
-
     return () => timer && clearTimeout(timer);
   }, [timerAnimation, isAnimated, isAnimationVisible]);
   const wrapperClassName = classnames(className, style.cardContainer, cardType === 'card-star' ? style.cardStar : style.cardRank);
@@ -83,7 +79,6 @@ const ReviewCardCongrats = props => {
     className: style.rankSuffix
   }, rankSuffix)));
 };
-
 ReviewCardCongrats.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewCardCongrats;
 //# sourceMappingURL=index.js.map

package/es/molecule/review-card-congrats/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useState","classnames","NovaCompositionCoorpacademyStar","StarIcon","NovaSolidVoteRewardsRewardsBadge5","RankIcon","LottieWrapper","Animation","EASE_OUT_CUBIC","AnimationScheduler","style","propTypes","setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","isAnimated","timer","setTimeout","clearTimeout","wrapperClassName","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","progress","iconStar"],"sources":["../../../src/molecule/review-card-congrats/index.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport {pipe, round, parseInt as _parseInt, multiply} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport Animation, {EASE_OUT_CUBIC} from '../../hoc/animation';\nimport AnimationScheduler from '../../hoc/animation-scheduler';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {\n  setIsAnimationVisible('play');\n  setIsAnimated(true);\n};\n\nconst ReviewCardCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    cardType,\n    iconAriaLabel,\n    className,\n    reviewCardTitle,\n    reviewCardValue,\n    rankSuffix,\n    timerAnimation\n  } = props;\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState('loading');\n  const [isAnimated, setIsAnimated] = useState(false);\n\n  useEffect(() => {\n    let timer;\n    // istanbul ignore else\n    if (!isAnimationVisible || !isAnimated) {\n      timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);\n    }\n    return () => timer && clearTimeout(timer);\n  }, [timerAnimation, isAnimated, isAnimationVisible]);\n\n  const wrapperClassName = classnames(\n    className,\n    style.cardContainer,\n    cardType === 'card-star' ? style.cardStar : style.cardRank\n  );\n\n  return (\n    <div className={wrapperClassName} data-name={dataName}>\n      <div className={style.mainIcon}>\n        <LottieWrapper\n          {...animationLottie}\n          loop={false}\n          animationControl={isAnimationVisible}\n          autoplay={false}\n          data-name=\"lottie-wrapper\"\n          className={style.wrapperLottie}\n          backupImageClassName={style.ie11Backup}\n        />\n      </div>\n      <div className={style.title} role=\"status\" aria-label={ariaLabel}>\n        {reviewCardTitle}\n      </div>\n      <div className={cardType === 'card-star' ? style.textContainerStar : style.textContainerRank}>\n        {cardType === 'card-rank' ? (\n          <RankIcon className={style.iconRank} width={40} height={40} aria-label={iconAriaLabel} />\n        ) : null}\n        <AnimationScheduler animated={isAnimated}>\n          <div>\n            <span className={cardType === 'card-star' ? style.textStar : style.textRank}>\n              <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={2000}>\n                {progress => pipe(_parseInt(10), multiply(progress), round)(reviewCardValue)}\n              </Animation>\n            </span>\n          </div>\n        </AnimationScheduler>\n        {cardType === 'card-star' ? (\n          <StarIcon className={style.iconStar} width={53} height={53} aria-label={iconAriaLabel} />\n        ) : (\n          <div className={style.rankSuffix}>{rankSuffix}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nReviewCardCongrats.propTypes = propTypes;\n\nexport default ReviewCardCongrats;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useEffect","useState","classnames","NovaCompositionCoorpacademyStar","StarIcon","NovaSolidVoteRewardsRewardsBadge5","RankIcon","LottieWrapper","Animation","EASE_OUT_CUBIC","AnimationScheduler","style","propTypes","setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","isAnimated","timer","setTimeout","clearTimeout","wrapperClassName","cardContainer","cardStar","cardRank","createElement","mainIcon","_extends","loop","animationControl","autoplay","wrapperLottie","backupImageClassName","ie11Backup","title","role","textContainerStar","textContainerRank","iconRank","width","height","animated","textStar","textRank","name","bezier","duration","progress","_pipe","_parseInt2","_multiply","_round","iconStar","process","env","NODE_ENV"],"sources":["../../../src/molecule/review-card-congrats/index.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport {pipe, round, parseInt as _parseInt, multiply} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport Animation, {EASE_OUT_CUBIC} from '../../hoc/animation';\nimport AnimationScheduler from '../../hoc/animation-scheduler';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {\n  setIsAnimationVisible('play');\n  setIsAnimated(true);\n};\n\nconst ReviewCardCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    cardType,\n    iconAriaLabel,\n    className,\n    reviewCardTitle,\n    reviewCardValue,\n    rankSuffix,\n    timerAnimation\n  } = props;\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState('loading');\n  const [isAnimated, setIsAnimated] = useState(false);\n\n  useEffect(() => {\n    let timer;\n    // istanbul ignore else\n    if (!isAnimationVisible || !isAnimated) {\n      timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);\n    }\n    return () => timer && clearTimeout(timer);\n  }, [timerAnimation, isAnimated, isAnimationVisible]);\n\n  const wrapperClassName = classnames(\n    className,\n    style.cardContainer,\n    cardType === 'card-star' ? style.cardStar : style.cardRank\n  );\n\n  return (\n    <div className={wrapperClassName} data-name={dataName}>\n      <div className={style.mainIcon}>\n        <LottieWrapper\n          {...animationLottie}\n          loop={false}\n          animationControl={isAnimationVisible}\n          autoplay={false}\n          data-name=\"lottie-wrapper\"\n          className={style.wrapperLottie}\n          backupImageClassName={style.ie11Backup}\n        />\n      </div>\n      <div className={style.title} role=\"status\" aria-label={ariaLabel}>\n        {reviewCardTitle}\n      </div>\n      <div className={cardType === 'card-star' ? style.textContainerStar : style.textContainerRank}>\n        {cardType === 'card-rank' ? (\n          <RankIcon className={style.iconRank} width={40} height={40} aria-label={iconAriaLabel} />\n        ) : null}\n        <AnimationScheduler animated={isAnimated}>\n          <div>\n            <span className={cardType === 'card-star' ? style.textStar : style.textRank}>\n              <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={2000}>\n                {progress => pipe(_parseInt(10), multiply(progress), round)(reviewCardValue)}\n              </Animation>\n            </span>\n          </div>\n        </AnimationScheduler>\n        {cardType === 'card-star' ? (\n          <StarIcon className={style.iconStar} width={53} height={53} aria-label={iconAriaLabel} />\n        ) : (\n          <div className={style.rankSuffix}>{rankSuffix}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nReviewCardCongrats.propTypes = propTypes;\n\nexport default ReviewCardCongrats;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/review-card-congrats/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","AtomLottieWrapperPropTypes","string","animationLottie","shape","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","number"],"sources":["../../../src/molecule/review-card-congrats/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes, {\n  LottieAnimationProps\n} from '../../atom/lottie-wrapper/prop-types';\n\nexport type CongratsCardProps = {\n  'aria-label': string;\n  'data-name': string;\n  animationLottie: LottieAnimationProps;\n  iconAriaLabel: string;\n  className?: string;\n  cardType: string;\n  reviewCardTitle: string;\n  reviewCardValue: string;\n  rankSuffix?: string;\n  timerAnimation: number;\n};\n\nexport default {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n  cardType: PropTypes.string,\n  iconAriaLabel: PropTypes.string,\n  className: PropTypes.string,\n  reviewCardTitle: PropTypes.string,\n  reviewCardValue: PropTypes.string,\n  rankSuffix: PropTypes.string,\n  timerAnimation: PropTypes.number\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,0BAAP,MAEO,sCAFP;AAiBA,eAAe;EACb,cAAcD,SAAS,CAACE,MADX;EAEb,aAAaF,SAAS,CAACE,MAFV;EAGbC,eAAe,EAAEH,SAAS,CAACI,KAAV,CAAgBH,0BAAhB,CAHJ;EAIbI,QAAQ,EAAEL,SAAS,CAACE,MAJP;EAKbI,aAAa,EAAEN,SAAS,CAACE,MALZ;EAMbK,SAAS,EAAEP,SAAS,CAACE,MANR;EAObM,eAAe,EAAER,SAAS,CAACE,MAPd;EAQbO,eAAe,EAAET,SAAS,CAACE,MARd;EASbQ,UAAU,EAAEV,SAAS,CAACE,MATT;EAUbS,cAAc,EAAEX,SAAS,CAACY;AAVb,CAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","AtomLottieWrapperPropTypes","string","animationLottie","shape","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","number"],"sources":["../../../src/molecule/review-card-congrats/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes, {\n  LottieAnimationProps\n} from '../../atom/lottie-wrapper/prop-types';\n\nexport type CongratsCardProps = {\n  'aria-label': string;\n  'data-name': string;\n  animationLottie: LottieAnimationProps;\n  iconAriaLabel: string;\n  className?: string;\n  cardType: string;\n  reviewCardTitle: string;\n  reviewCardValue: string;\n  rankSuffix?: string;\n  timerAnimation: number;\n};\n\nexport default {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n  cardType: PropTypes.string,\n  iconAriaLabel: PropTypes.string,\n  className: PropTypes.string,\n  reviewCardTitle: PropTypes.string,\n  reviewCardValue: PropTypes.string,\n  rankSuffix: PropTypes.string,\n  timerAnimation: PropTypes.number\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,0BAA0B,MAE1B,sCAAsC;AAe7C,eAAe;EACb,YAAY,EAAED,SAAS,CAACE,MAAM;EAC9B,WAAW,EAAEF,SAAS,CAACE,MAAM;EAC7BC,eAAe,EAAEH,SAAS,CAACI,KAAK,CAACH,0BAA0B,CAAC;EAC5DI,QAAQ,EAAEL,SAAS,CAACE,MAAM;EAC1BI,aAAa,EAAEN,SAAS,CAACE,MAAM;EAC/BK,SAAS,EAAEP,SAAS,CAACE,MAAM;EAC3BM,eAAe,EAAER,SAAS,CAACE,MAAM;EACjCO,eAAe,EAAET,SAAS,CAACE,MAAM;EACjCQ,UAAU,EAAEV,SAAS,CAACE,MAAM;EAC5BS,cAAc,EAAEX,SAAS,CAACY;AAC5B,CAAC","ignoreList":[]}