@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.30

package/lib/molecule/questions/types.d.ts

@@ -1,15 +1,15 @@
 import { ChoiceItem } from '../../atom/select-modal/index.native';
-type Url = string;
-type VideoMimeType = 'application/kontiki' | 'application/jwplayer' | 'application/youtube' | 'application/omniPlayer' | 'application/vimeo';
-type ResourceMimeType = 'video/mp4' | 'audio/acc' | 'image/jpeg' | 'image/png' | 'application/pdf' | VideoMimeType;
-export type Source = {
+declare type Url = string;
+declare type VideoMimeType = 'application/kontiki' | 'application/jwplayer' | 'application/youtube' | 'application/omniPlayer' | 'application/vimeo';
+declare type ResourceMimeType = 'video/mp4' | 'audio/acc' | 'image/jpeg' | 'image/png' | 'application/pdf' | VideoMimeType;
+export declare type Source = {
     _id?: string;
     mimeType?: ResourceMimeType;
     url: Url;
     videoId?: string;
 };
-export type MediaType = 'img' | 'audio' | 'video' | 'pdf';
-export type Media = {
+export declare type MediaType = 'img' | 'audio' | 'video' | 'pdf';
+export declare type Media = {
     type?: MediaType;
     description?: string;
     loading?: boolean;
@@ -28,21 +28,21 @@ export type Media = {
     onResume?: () => void;
     onEnded?: () => void;
 };
-export type QuestionType = 'qcm' | 'qcmGraphic' | 'slider' | 'qcmDrag' | 'basic' | 'template';
-type ChoiceBase = {
+export declare type QuestionType = 'qcm' | 'qcmGraphic' | 'slider' | 'qcmDrag' | 'basic' | 'template';
+declare type ChoiceBase = {
     _id: string;
     value?: string;
     name?: string;
     label?: string;
 };
-export type SelectableChoice = {
+export declare type SelectableChoice = {
     _id: string;
     label: string;
     selected: boolean;
     onPress: (value?: string) => void;
     media?: Media;
 };
-export type TemplateTextChoice = {
+export declare type TemplateTextChoice = {
     type: 'text';
     _id: string;
     name: string;
@@ -50,7 +50,7 @@ export type TemplateTextChoice = {
     label: string;
     selected: boolean;
 };
-export type TemplateListOfChoices = {
+export declare type TemplateListOfChoices = {
     type: 'select';
     _id: string;
     name: string;
@@ -58,6 +58,6 @@ export type TemplateListOfChoices = {
     label: string;
     items: Array<ChoiceItem>;
 };
-export type Choice = ChoiceBase | SelectableChoice | TemplateListOfChoices | TemplateTextChoice;
+export declare type Choice = ChoiceBase | SelectableChoice | TemplateListOfChoices | TemplateTextChoice;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/lib/molecule/questions/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/questions/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAC;AAEhE,KAAK,GAAG,GAAG,MAAM,CAAC;AAElB,KAAK,aAAa,GACd,qBAAqB,GACrB,sBAAsB,GACtB,qBAAqB,GACrB,wBAAwB,GACxB,mBAAmB,CAAC;AAExB,KAAK,gBAAgB,GACjB,WAAW,GACX,WAAW,GACX,YAAY,GACZ,WAAW,GACX,iBAAiB,GACjB,aAAa,CAAC;AAElB,MAAM,MAAM,MAAM,GAAG;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,GAAG,EAAE,GAAG,CAAC;IACT,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AAE1D,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,SAAS,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE9F,KAAK,UAAU,GAAG;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,UAAU,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/questions/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAC;AAEhE,aAAK,GAAG,GAAG,MAAM,CAAC;AAElB,aAAK,aAAa,GACd,qBAAqB,GACrB,sBAAsB,GACtB,qBAAqB,GACrB,wBAAwB,GACxB,mBAAmB,CAAC;AAExB,aAAK,gBAAgB,GACjB,WAAW,GACX,WAAW,GACX,YAAY,GACZ,WAAW,GACX,iBAAiB,GACjB,aAAa,CAAC;AAElB,oBAAY,MAAM,GAAG;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,GAAG,EAAE,GAAG,CAAC;IACT,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,oBAAY,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AAE1D,oBAAY,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,SAAS,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,oBAAY,YAAY,GAAG,KAAK,GAAG,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE9F,aAAK,UAAU,GAAG;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,qBAAqB,GAAG;IAClC,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;CAC1B,CAAC;AAEF,oBAAY,MAAM,GAAG,UAAU,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,kBAAkB,CAAC"}

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

@@ -2,36 +2,53 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const getIcon = feature => {
   switch (feature) {
     case 'manage_users':
       return _novaIcons.NovaSolidUsersActionsUser;
+
     case 'upload_users':
       return _novaIcons.NovaSolidFilesBasicFileUpload2;
+
     case 'manage_email':
       return _novaIcons.NovaSolidEmailAtSign;
+
     case 'massive_battle':
       return _novaIcons.NovaSolidContentEditionFlash;
+
     case 'cms':
       return _novaIcons.NovaSolidApplicationsWindowApplication5;
+
     case 'look_and_feel':
       return _novaIcons.NovaSolidDesignPaintBrush2;
+
     case 'dashboard':
       return _novaIcons.NovaSolidContentContentViewList;
+
     case 'cockpit':
       return _novaIcons.NovaSolidContentContentBookAdd;
+
     case 'analytics':
       return _novaIcons.NovaSolidBusinessBusinessGraphLine2;
+
     default:
       return _novaIcons.NovaSolidContentContentBookAdd;
   }
 };
+
 const getBackgroudRadialColors = feature => {
   switch (feature) {
     case 'manage_users':
@@ -40,17 +57,20 @@ const getBackgroudRadialColors = feature => {
         iconColor: '#2EC1D6',
         degrees: '187'
       };
+
     case 'look_and_feel':
     case 'dashboard':
       return {
         iconColor: '#18BB98',
         degrees: '167'
       };
+
     case 'cockpit':
       return {
         iconColor: '#FF7043',
         degrees: '14'
       };
+
     case 'manage_email':
     case 'massive_battle':
     case 'cms':
@@ -58,15 +78,18 @@ const getBackgroudRadialColors = feature => {
         iconColor: '#7340FF',
         degrees: '256'
       };
+
     case 'analytics':
       return {
         iconColor: '#FF4040',
         degrees: '0'
       };
+
     default:
       return null;
   }
 };
+
 const QuickAccessCard = (props, context) => {
   const {
     title,
@@ -130,6 +153,7 @@ const QuickAccessCard = (props, context) => {
     className: _style.default.iconGoto
   }))))));
 };
+
 QuickAccessCard.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   description: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getIcon","feature","ManageUserIcon","UploadUserIcon","ManageEmailIcon","MassiveBattleIcon","CmsIcon","LookAndFeelIcon","DashboardIcon","CockpitIcon","AnalyticsIcon","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","href","openInNewTab","Icon","newTabOnClick","style","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","PropTypes","string","bool","oneOf"],"sources":["../../../src/molecule/quick-access-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon\n} 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":["getIcon","feature","ManageUserIcon","UploadUserIcon","ManageEmailIcon","MassiveBattleIcon","CmsIcon","LookAndFeelIcon","DashboardIcon","CockpitIcon","AnalyticsIcon","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","href","openInNewTab","Icon","newTabOnClick","style","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","PropTypes","string","bool","oneOf"],"sources":["../../../src/molecule/quick-access-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon\n} 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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"}

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

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _slice2 = _interopRequireDefault(require("lodash/fp/slice"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _quickAccessCard = _interopRequireDefault(require("../quick-access-card"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const QuickAccessCardGroup = props => {
   const {
     list = [],
@@ -28,6 +37,7 @@ const QuickAccessCardGroup = props => {
     className: _style.default.group
   }, cards, loader);
 };
+
 QuickAccessCardGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   list: _propTypes.default.arrayOf(_propTypes.default.shape(_quickAccessCard.default.propTypes)),
   loading: _propTypes.default.bool

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["QuickAccessCardGroup","props","list","loading","loader","style","cards","cardProps","card","feature","group","propTypes","PropTypes","arrayOf","shape","QuickAccessCard","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;AACA;AAEA;AACA;AACA;AAAgC;AAEhC,MAAMA,oBAAoB,GAAGC,KAAK,IAAI;EACpC,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGF,KAAK;EAE1C,MAAMG,MAAM,GAAGD,OAAO,gBACpB;IAAK,SAAS,EAAEE,cAAK,CAACD;EAAO,gBAC3B,6BAAC,eAAM,OAAG,CACN,GACJ,IAAI;EAER,MAAME,KAAK,GAAG,mBAAIC,SAAS,IAAI;IAC7B,oBACE;MAAK,SAAS,EAAEF,cAAK,CAACG,IAAK;MAAC,GAAG,EAAG,QAAOD,SAAS,CAACE,OAAQ;IAAE,gBAC3D,6BAAC,wBAAe,EAAKF,SAAS,CAAI,CAC9B;EAEV,CAAC,EAAE,qBAAM,CAAC,EAAE,CAAC,EAAEL,IAAI,CAAC,CAAC;EAErB,oBACE;IAAK,SAAS,EAAEG,cAAK,CAACK;EAAM,GACzBJ,KAAK,EACLF,MAAM,CACH;AAEV,CAAC;AAEDJ,oBAAoB,CAACW,SAAS,2CAAG;EAC/BT,IAAI,EAAEU,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,wBAAe,CAACJ,SAAS,CAAC,CAAC;EACnER,OAAO,EAAES,kBAAS,CAACI;AACrB,CAAC;AAAC,eAEahB,oBAAoB;AAAA"}
+{"version":3,"file":"index.js","names":["QuickAccessCardGroup","props","list","loading","loader","style","cards","cardProps","card","feature","group","propTypes","PropTypes","arrayOf","shape","QuickAccessCard","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;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,MAAMA,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,EAAEE,cAAA,CAAMD;EAAtB,gBACE,6BAAC,eAAD,OADF,CADoB,GAIlB,IAJJ;EAMA,MAAME,KAAK,GAAG,mBAAIC,SAAS,IAAI;IAC7B,oBACE;MAAK,SAAS,EAAEF,cAAA,CAAMG,IAAtB;MAA4B,GAAG,EAAG,QAAOD,SAAS,CAACE,OAAQ;IAA3D,gBACE,6BAAC,wBAAD,EAAqBF,SAArB,CADF,CADF;EAKD,CANa,EAMX,qBAAM,CAAN,EAAS,CAAT,EAAYL,IAAZ,CANW,CAAd;EAQA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMK;EAAtB,GACGJ,KADH,EAEGF,MAFH,CADF;AAMD,CAvBD;;AAyBAJ,oBAAoB,CAACW,SAArB,2CAAiC;EAC/BT,IAAI,EAAEU,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,wBAAA,CAAgBJ,SAAhC,CAAlB,CADyB;EAE/BR,OAAO,EAAES,kBAAA,CAAUI;AAFY,CAAjC;eAKehB,oB"}

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

@@ -2,21 +2,37 @@
 
 exports.__esModule = true;
 exports.default = exports.TYPE_VIDEO = exports.TYPE_PDF = exports.TYPE_IMAGE = exports.TYPE_AUDIO = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _omit3 = _interopRequireDefault(require("lodash/fp/omit"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _pdf = _interopRequireDefault(require("../pdf"));
+
 var _audio = _interopRequireDefault(require("../audio"));
+
 var _videoPlayer = _interopRequireDefault(require("../video-player"));
+
 var _life = _interopRequireDefault(require("../../atom/life"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 const _excluded = ["type", "videoId"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 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); }
+
 const TYPE_IMAGE = 'img';
 exports.TYPE_IMAGE = TYPE_IMAGE;
 const TYPE_PDF = 'pdf';
@@ -44,21 +60,25 @@ const imgPropType = process.env.NODE_ENV !== "production" ? _propTypes.default.s
   type: isType(TYPE_IMAGE).isRequired,
   url: _propTypes.default.string.isRequired
 }) : {};
+
 const ResourceElement = props => {
   const {
     resource,
     autoplay = false,
     disableAutostart
   } = props;
+
   const _omit2 = (0, _omit3.default)('id', resource),
-    {
-      type,
-      videoId
-    } = _omit2,
-    childProps = _objectWithoutPropertiesLoose(_omit2, _excluded);
+        {
+    type,
+    videoId
+  } = _omit2,
+        childProps = _objectWithoutPropertiesLoose(_omit2, _excluded);
+
   const {
     url
   } = childProps;
+
   switch (type) {
     case TYPE_IMAGE:
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -67,10 +87,13 @@ const ResourceElement = props => {
           backgroundImage: `url(${url})`
         }
       });
+
     case TYPE_PDF:
       return /*#__PURE__*/_react.default.createElement(_pdf.default, childProps);
+
     case TYPE_AUDIO:
       return /*#__PURE__*/_react.default.createElement(_audio.default, childProps);
+
     case TYPE_VIDEO:
       return /*#__PURE__*/_react.default.createElement(_videoPlayer.default, _extends({}, (0, _omit3.default)('id', childProps), {
         autoplay: autoplay,
@@ -79,11 +102,13 @@ const ResourceElement = props => {
       }));
   }
 };
+
 ResourceElement.propTypes = process.env.NODE_ENV !== "production" ? {
   resource: _propTypes.default.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),
   autoplay: _propTypes.default.bool,
   disableAutostart: _propTypes.default.bool
 } : {};
+
 const OverlayElement = (props = {}, context = undefined) => {
   const {
     title,
@@ -118,6 +143,7 @@ const OverlayElement = (props = {}, context = undefined) => {
     className: _style.default.overlayText
   }, text));
 };
+
 OverlayElement.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -127,6 +153,7 @@ OverlayElement.propTypes = process.env.NODE_ENV !== "production" ? {
   text: _propTypes.default.string,
   title: _propTypes.default.string
 } : {};
+
 class ResourcePlayer extends _react.default.Component {
   constructor(props, context) {
     super(props);
@@ -136,12 +163,14 @@ class ResourcePlayer extends _react.default.Component {
     };
     this.handleOverlay = this.handleOverlay.bind(this);
   }
+
   handleOverlay() {
     this.setState({
       autoplay: true,
       overlay: null
     });
   }
+
   render() {
     const {
       className: customClassName,
@@ -173,7 +202,9 @@ class ResourcePlayer extends _react.default.Component {
       autoplay: autoplay
     }))));
   }
+
 }
+
 ResourcePlayer.propTypes = process.env.NODE_ENV !== "production" ? {
   className: _propTypes.default.string,
   resource: _propTypes.default.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","isType","name","PropTypes","oneOf","videoPropType","shape","type","isRequired","description","string","VideoPlayer","propTypes","pdfPropType","mediaUrl","Pdf","audioPropType","Audio","imgPropType","url","ResourceElement","props","resource","autoplay","disableAutostart","videoId","childProps","style","img","backgroundImage","oneOfType","bool","OverlayElement","context","undefined","title","text","lifeAmount","onClick","skin","dark","overlay","icons","playButton","delay","overlayTitle","overlayText","contextTypes","Provider","childContextTypes","number","func","ResourcePlayer","React","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} 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":["TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","isType","name","PropTypes","oneOf","videoPropType","shape","type","isRequired","description","string","VideoPlayer","propTypes","pdfPropType","mediaUrl","Pdf","audioPropType","Audio","imgPropType","url","ResourceElement","props","resource","autoplay","disableAutostart","videoId","childProps","style","img","backgroundImage","oneOfType","bool","OverlayElement","context","undefined","title","text","lifeAmount","onClick","skin","dark","overlay","icons","playButton","delay","overlayTitle","overlayText","contextTypes","Provider","childContextTypes","number","func","ResourcePlayer","React","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} 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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"}

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

@@ -2,27 +2,46 @@
 
 exports.__esModule = true;
 exports.setAnimations = exports.default = void 0;
+
 var _multiply2 = _interopRequireDefault(require("lodash/fp/multiply"));
+
 var _parseInt3 = _interopRequireDefault(require("lodash/fp/parseInt"));
+
 var _round2 = _interopRequireDefault(require("lodash/fp/round"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _lottieWrapper = _interopRequireDefault(require("../../atom/lottie-wrapper"));
+
 var _animation = _interopRequireWildcard(require("../../hoc/animation"));
+
 var _animationScheduler = _interopRequireDefault(require("../../hoc/animation-scheduler"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _propTypes = _interopRequireDefault(require("./prop-types"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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); }
+
 const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {
   setIsAnimationVisible('play');
   setIsAnimated(true);
 };
+
 exports.setAnimations = setAnimations;
+
 const ReviewCardCongrats = props => {
   const {
     'aria-label': ariaLabel,
@@ -39,11 +58,12 @@ const ReviewCardCongrats = props => {
   const [isAnimationVisible, setIsAnimationVisible] = (0, _react.useState)('loading');
   const [isAnimated, setIsAnimated] = (0, _react.useState)(false);
   (0, _react.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 = (0, _classnames.default)(className, _style.default.cardContainer, cardType === 'card-star' ? _style.default.cardStar : _style.default.cardRank);
@@ -86,6 +106,7 @@ const ReviewCardCongrats = props => {
     className: _style.default.rankSuffix
   }, rankSuffix)));
 };
+
 ReviewCardCongrats.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 var _default = ReviewCardCongrats;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","useState","isAnimated","useEffect","timer","setTimeout","clearTimeout","wrapperClassName","classnames","style","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","EASE_OUT_CUBIC","progress","iconStar","propTypes"],"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} aria-label={ariaLabel} 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}>{reviewCardTitle}</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":["setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","useState","isAnimated","useEffect","timer","setTimeout","clearTimeout","wrapperClassName","classnames","style","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","EASE_OUT_CUBIC","progress","iconStar","propTypes"],"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} aria-label={ariaLabel} 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}>{reviewCardTitle}</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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"}

package/lib/molecule/review-card-congrats/prop-types.d.ts

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import { LottieAnimationProps } from '../../atom/lottie-wrapper/prop-types';
-export type CongratsCardProps = {
+export declare type CongratsCardProps = {
     'aria-label': string;
     'data-name': string;
     animationLottie: LottieAnimationProps;

package/lib/molecule/review-card-congrats/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-card-congrats/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAmC,EACjC,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,oBAAoB,CAAC;IACtC,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wBAWE"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-card-congrats/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAmC,EACjC,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAE9C,oBAAY,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,oBAAoB,CAAC;IACtC,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wBAWE"}