@coorpacademy/components 10.0.40 → 10.0.44-alpha.1

package/lib/molecule/brand-form-group/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/brand-form-group/index.js"],"names":["buildInput","field","type","buildField","index","input","style","BrandFormGroup","props","title","subtitle","fieldsLayout","fields","fieldsList","convert","cap","wrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","SelectMultiple"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, snakeCase} from 'lodash/fp';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport style from './style.css';\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return <ImageUpload {...field} />;\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n\n  return (\n    <div className={style.field} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {title, subtitle = '', fieldsLayout = '', fields = []} = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div data-name={`brand_form_group_${snakeCase(title)}`} className={style.wrapper}>\n      <div className={style.title}>\n        {title ? <h3>{title}</h3> : null}\n        <h4>{subtitle}</h4>\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete'])\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea'])\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text'])\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/brand-form-group/index.js"],"names":["buildInput","field","type","buildField","index","input","style","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","SelectMultiple","Roles"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport style from './style.css';\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return <ImageUpload {...field} />;\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'roles':\n      return <Roles {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n\n  return (\n    <div className={style.field} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {title, subtitle = '', fieldsLayout = '', groupLayout = '', fields = []} = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} type={'form-group'} />\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete'])\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea'])\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text'])\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"file":"index.js"}

package/lib/molecule/brand-form-group/style.css

@@ -1,13 +1,12 @@
-@value colors: "../../variables/colors.css";
-@value cm_grey_700 from colors;
-@value medium from colors;
+@value breakpoints: "../../variables/breakpoints.css";
+@value desktop from breakpoints;
 
 .wrapper {
   width: 100%;
   padding-bottom: 50px;
 }
 
-.title {
+.titleWrapper {
   margin-top: 20px;
   margin-bottom: 20px;
 }
@@ -17,34 +16,51 @@
   flex-wrap: wrap;
 }
 
-.grid .field {
-  margin-right: 20px;
+.groupGrid {
+  display: flex;
+  justify-content: center;
+  overflow: hidden;
+}
+
+.groupGrid:first-child {
+  flex: 1;
+}
+
+.groupGrid .titleWrapper {
+  width: 352px;
 }
 
-.title h3 {
-  font-family: 'Gilroy';
-  font-size: 18px;
-  font-weight: bold;
-  font-stretch: normal;
-  font-style: normal;
-  color: cm_grey_700;
+.groupGrid .grid {
+  flex: 3;
+  margin-top: 50px;
+  flex-wrap: nowrap;
+  overflow: hidden;
+  justify-content: space-evenly;
 }
 
-.title h4 {
-  font-family: 'Gilroy';
-  font-size: 14px;
-  font-weight: 400;
-  font-style: normal;
-  line-height: 20px;
-  color: medium;
-  margin: 8px 0;
+.grid .field {
+  margin-right: 20px;
 }
 
 .field {
   margin-bottom: 20px;
 }
 
-
 .field:last-child {
   margin-bottom: 0;
 }
+
+@media desktop {
+  .groupGrid {
+    flex-direction: column;
+  }
+
+  .groupGrid .grid {
+    justify-content: flex-start;
+    margin-top: 0;
+  }
+
+  .groupGrid .grid .field {
+    flex: 1;
+  }
+}

package/lib/molecule/brand-tabs/test/fixtures.js

@@ -16,6 +16,8 @@ var _default = _interopRequireDefault(require("./fixtures/default"));
 
 var _importusers = _interopRequireDefault(require("./fixtures/importusers"));
 
+var _light = _interopRequireDefault(require("./fixtures/light"));
+
 var _lms = _interopRequireDefault(require("./fixtures/lms"));
 
 var _lookandfeel = _interopRequireDefault(require("./fixtures/lookandfeel"));
@@ -36,6 +38,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _ava.default)('Molecule › MoleculeBrandTabs › Cohort › should be rendered', _renderComponent.default, _.default, _cohort.default);
 (0, _ava.default)('Molecule › MoleculeBrandTabs › Default › should be rendered', _renderComponent.default, _.default, _default.default);
 (0, _ava.default)('Molecule › MoleculeBrandTabs › Importusers › should be rendered', _renderComponent.default, _.default, _importusers.default);
+(0, _ava.default)('Molecule › MoleculeBrandTabs › Light › should be rendered', _renderComponent.default, _.default, _light.default);
 (0, _ava.default)('Molecule › MoleculeBrandTabs › Lms › should be rendered', _renderComponent.default, _.default, _lms.default);
 (0, _ava.default)('Molecule › MoleculeBrandTabs › Lookandfeel › should be rendered', _renderComponent.default, _.default, _lookandfeel.default);
 (0, _ava.default)('Molecule › MoleculeBrandTabs › Manageusers › should be rendered', _renderComponent.default, _.default, _manageusers.default);

package/lib/molecule/brand-tabs/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/brand-tabs/test/fixtures.js"],"names":["t","pass","MoleculeBrandTabs","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAnalytics","fixtureCohort","fixtureDefault","fixtureImportusers","fixtureLms","fixtureLookandfeel","fixtureManageusers","fixtureSso"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,4DAAL,EAAmEA,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,+DAAL,EAAsEG,wBAAtE,EAA4FN,SAA5F,EAA+GO,kBAA/G;AACA,kBAAK,4DAAL,EAAmED,wBAAnE,EAAyFN,SAAzF,EAA4GQ,eAA5G;AACA,kBAAK,6DAAL,EAAoEF,wBAApE,EAA0FN,SAA1F,EAA6GS,gBAA7G;AACA,kBAAK,iEAAL,EAAwEH,wBAAxE,EAA8FN,SAA9F,EAAiHU,oBAAjH;AACA,kBAAK,yDAAL,EAAgEJ,wBAAhE,EAAsFN,SAAtF,EAAyGW,YAAzG;AACA,kBAAK,iEAAL,EAAwEL,wBAAxE,EAA8FN,SAA9F,EAAiHY,oBAAjH;AACA,kBAAK,iEAAL,EAAwEN,wBAAxE,EAA8FN,SAA9F,EAAiHa,oBAAjH;AACA,kBAAK,yDAAL,EAAgEP,wBAAhE,EAAsFN,SAAtF,EAAyGc,YAAzG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeBrandTabs from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDefault from './fixtures/default';\nimport fixtureImportusers from './fixtures/importusers';\nimport fixtureLms from './fixtures/lms';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureManageusers from './fixtures/manageusers';\nimport fixtureSso from './fixtures/sso';\n\ntest('Molecule › MoleculeBrandTabs > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeBrandTabs.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeBrandTabs.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeBrandTabs › Analytics › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureAnalytics);\ntest('Molecule › MoleculeBrandTabs › Cohort › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureCohort);\ntest('Molecule › MoleculeBrandTabs › Default › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureDefault);\ntest('Molecule › MoleculeBrandTabs › Importusers › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureImportusers);\ntest('Molecule › MoleculeBrandTabs › Lms › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureLms);\ntest('Molecule › MoleculeBrandTabs › Lookandfeel › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureLookandfeel);\ntest('Molecule › MoleculeBrandTabs › Manageusers › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureManageusers);\ntest('Molecule › MoleculeBrandTabs › Sso › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureSso);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/molecule/brand-tabs/test/fixtures.js"],"names":["t","pass","MoleculeBrandTabs","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAnalytics","fixtureCohort","fixtureDefault","fixtureImportusers","fixtureLight","fixtureLms","fixtureLookandfeel","fixtureManageusers","fixtureSso"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,4DAAL,EAAmEA,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,+DAAL,EAAsEG,wBAAtE,EAA4FN,SAA5F,EAA+GO,kBAA/G;AACA,kBAAK,4DAAL,EAAmED,wBAAnE,EAAyFN,SAAzF,EAA4GQ,eAA5G;AACA,kBAAK,6DAAL,EAAoEF,wBAApE,EAA0FN,SAA1F,EAA6GS,gBAA7G;AACA,kBAAK,iEAAL,EAAwEH,wBAAxE,EAA8FN,SAA9F,EAAiHU,oBAAjH;AACA,kBAAK,2DAAL,EAAkEJ,wBAAlE,EAAwFN,SAAxF,EAA2GW,cAA3G;AACA,kBAAK,yDAAL,EAAgEL,wBAAhE,EAAsFN,SAAtF,EAAyGY,YAAzG;AACA,kBAAK,iEAAL,EAAwEN,wBAAxE,EAA8FN,SAA9F,EAAiHa,oBAAjH;AACA,kBAAK,iEAAL,EAAwEP,wBAAxE,EAA8FN,SAA9F,EAAiHc,oBAAjH;AACA,kBAAK,yDAAL,EAAgER,wBAAhE,EAAsFN,SAAtF,EAAyGe,YAAzG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeBrandTabs from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDefault from './fixtures/default';\nimport fixtureImportusers from './fixtures/importusers';\nimport fixtureLight from './fixtures/light';\nimport fixtureLms from './fixtures/lms';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureManageusers from './fixtures/manageusers';\nimport fixtureSso from './fixtures/sso';\n\ntest('Molecule › MoleculeBrandTabs > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeBrandTabs.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeBrandTabs.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeBrandTabs › Analytics › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureAnalytics);\ntest('Molecule › MoleculeBrandTabs › Cohort › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureCohort);\ntest('Molecule › MoleculeBrandTabs › Default › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureDefault);\ntest('Molecule › MoleculeBrandTabs › Importusers › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureImportusers);\ntest('Molecule › MoleculeBrandTabs › Light › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureLight);\ntest('Molecule › MoleculeBrandTabs › Lms › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureLms);\ntest('Molecule › MoleculeBrandTabs › Lookandfeel › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureLookandfeel);\ntest('Molecule › MoleculeBrandTabs › Manageusers › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureManageusers);\ntest('Molecule › MoleculeBrandTabs › Sso › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureSso);\n"],"file":"fixtures.js"}

package/lib/molecule/coorp-manager-roles/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _inputCheckbox = _interopRequireDefault(require("../../atom/input-checkbox"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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 Roles = ({
+  title,
+  fields
+}) => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.rolesGroup
+  }, /*#__PURE__*/_react.default.createElement("h3", {
+    className: _style.default.title
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.content
+  }, fields.map((field, i) => /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.field,
+    key: i
+  }, /*#__PURE__*/_react.default.createElement(_inputCheckbox.default, field)))));
+};
+
+Roles.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _propTypes.default.string,
+  fields: _propTypes.default.arrayOf(_propTypes.default.shape(_extends(_extends({}, _inputCheckbox.default.propTypes), {}, {
+    type: _propTypes.default.oneOf(['checkbox'])
+  })))
+} : {};
+var _default = Roles;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/coorp-manager-roles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/coorp-manager-roles/index.js"],"names":["Roles","title","fields","style","rolesGroup","content","map","field","i","propTypes","PropTypes","string","arrayOf","shape","InputCheckbox","type","oneOf"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQC,EAAAA;AAAR,CAAD,KAAqB;AACjC,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,kBACE;AAAI,IAAA,SAAS,EAAED,eAAMF;AAArB,KAA6BA,KAA7B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEE,eAAME;AAAtB,KACGH,MAAM,CAACI,GAAP,CAAW,CAACC,KAAD,EAAQC,CAAR,kBACV;AAAM,IAAA,SAAS,EAAEL,eAAMI,KAAvB;AAA8B,IAAA,GAAG,EAAEC;AAAnC,kBACE,6BAAC,sBAAD,EAAmBD,KAAnB,CADF,CADD,CADH,CAFF,CADF;AAYD,CAbD;;AAeAP,KAAK,CAACS,SAAN,2CAAkB;AAChBR,EAAAA,KAAK,EAAES,mBAAUC,MADD;AAEhBT,EAAAA,MAAM,EAAEQ,mBAAUE,OAAV,CACNF,mBAAUG,KAAV,uBACKC,uBAAcL,SADnB;AAEEM,IAAAA,IAAI,EAAEL,mBAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KADM;AAFQ,CAAlB;eAUehB,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport style from './style.css';\n\nconst Roles = ({title, fields}) => {\n  return (\n    <div className={style.rolesGroup}>\n      <h3 className={style.title}>{title}</h3>\n      <div className={style.content}>\n        {fields.map((field, i) => (\n          <span className={style.field} key={i}>\n            <InputCheckbox {...field} />\n          </span>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nRoles.propTypes = {\n  title: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputCheckbox.propTypes,\n      type: PropTypes.oneOf(['checkbox'])\n    })\n  )\n};\n\nexport default Roles;\n"],"file":"index.js"}

package/lib/molecule/coorp-manager-roles/style.css

@@ -0,0 +1,38 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_700 from colors;
+@value cm_grey_400 from colors;
+
+.title {
+  font-family: 'Gilroy';
+  font-size: 18px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  color: cm_grey_700;
+  margin-top: 0;
+}
+
+.rolesGroup {
+  display: flex;
+  flex-direction: column;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.field {
+  margin: 8px 0;
+}
+
+@media desktop {
+  .rolesGroup {
+    flex-direction: row;
+  }
+
+  .content {
+    margin-top: 0;
+  }
+}

package/lib/molecule/coorp-manager-roles/test/default.js

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    title: 'Coorp',
+    fields: [{
+      type: 'checkbox',
+      titleColor: 'primary',
+      title: 'RH',
+      checked: true,
+      disabled: true
+    }, {
+      type: 'checkbox',
+      titleColor: 'primary',
+      title: 'CMS',
+      checked: false
+    }, {
+      type: 'checkbox',
+      titleColor: 'primary',
+      title: 'Admin',
+      checked: true
+    }]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/molecule/coorp-manager-roles/test/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/coorp-manager-roles/test/default.js"],"names":["props","title","fields","type","titleColor","checked","disabled"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,OADF;AAELC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,IAAI,EAAE,UADR;AAEEC,MAAAA,UAAU,EAAE,SAFd;AAGEH,MAAAA,KAAK,EAAE,IAHT;AAIEI,MAAAA,OAAO,EAAE,IAJX;AAKEC,MAAAA,QAAQ,EAAE;AALZ,KADM,EAQN;AACEH,MAAAA,IAAI,EAAE,UADR;AAEEC,MAAAA,UAAU,EAAE,SAFd;AAGEH,MAAAA,KAAK,EAAE,KAHT;AAIEI,MAAAA,OAAO,EAAE;AAJX,KARM,EAcN;AACEF,MAAAA,IAAI,EAAE,UADR;AAEEC,MAAAA,UAAU,EAAE,SAFd;AAGEH,MAAAA,KAAK,EAAE,OAHT;AAIEI,MAAAA,OAAO,EAAE;AAJX,KAdM;AAFH;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Coorp',\n    fields: [\n      {\n        type: 'checkbox',\n        titleColor: 'primary',\n        title: 'RH',\n        checked: true,\n        disabled: true\n      },\n      {\n        type: 'checkbox',\n        titleColor: 'primary',\n        title: 'CMS',\n        checked: false\n      },\n      {\n        type: 'checkbox',\n        titleColor: 'primary',\n        title: 'Admin',\n        checked: true\n      }\n    ]\n  }\n};\n"],"file":"default.js"}

package/lib/molecule/coorp-manager-roles/test/fixtures.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeCoorpManagerRoles > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeCoorpManagerRoles.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/coorp-manager-roles/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/coorp-manager-roles/test/fixtures.js"],"names":["t","pass","MoleculeCoorpManagerRoles","propTypes","value","key","not","undefined"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,oEAAL,EAA2EA,CAAC,IAAI;AAC9EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA0BC,SAAlC,EAA6C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,8DAA6DF,GAAI,mEAA1F;AACD,GAFD;AAGD,CALD","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCoorpManagerRoles from '..';\n\ntest('Molecule › MoleculeCoorpManagerRoles > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCoorpManagerRoles.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCoorpManagerRoles.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\n"],"file":"fixtures.js"}

package/lib/molecule/discipline-scope/test/fixtures.js

@@ -10,12 +10,18 @@ var _ = _interopRequireDefault(require(".."));
 
 var _arabic = _interopRequireDefault(require("./fixtures/arabic"));
 
+var _audio = _interopRequireDefault(require("./fixtures/audio"));
+
 var _default = _interopRequireDefault(require("./fixtures/default"));
 
 var _empty = _interopRequireDefault(require("./fixtures/empty"));
 
 var _medias = _interopRequireDefault(require("./fixtures/medias"));
 
+var _pdf = _interopRequireDefault(require("./fixtures/pdf"));
+
+var _vimeo = _interopRequireDefault(require("./fixtures/vimeo"));
+
 var _withOnclick = _interopRequireDefault(require("./fixtures/with-onclick"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -27,8 +33,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   });
 });
 (0, _ava.default)('Molecule › MoleculeDisciplineScope › Arabic › should be rendered', _renderComponent.default, _.default, _arabic.default);
+(0, _ava.default)('Molecule › MoleculeDisciplineScope › Audio › should be rendered', _renderComponent.default, _.default, _audio.default);
 (0, _ava.default)('Molecule › MoleculeDisciplineScope › Default › should be rendered', _renderComponent.default, _.default, _default.default);
 (0, _ava.default)('Molecule › MoleculeDisciplineScope › Empty › should be rendered', _renderComponent.default, _.default, _empty.default);
 (0, _ava.default)('Molecule › MoleculeDisciplineScope › Medias › should be rendered', _renderComponent.default, _.default, _medias.default);
+(0, _ava.default)('Molecule › MoleculeDisciplineScope › Pdf › should be rendered', _renderComponent.default, _.default, _pdf.default);
+(0, _ava.default)('Molecule › MoleculeDisciplineScope › Vimeo › should be rendered', _renderComponent.default, _.default, _vimeo.default);
 (0, _ava.default)('Molecule › MoleculeDisciplineScope › WithOnclick › should be rendered', _renderComponent.default, _.default, _withOnclick.default);
 //# sourceMappingURL=fixtures.js.map

package/lib/molecule/discipline-scope/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/discipline-scope/test/fixtures.js"],"names":["t","pass","MoleculeDisciplineScope","propTypes","value","key","not","undefined","renderComponentMacro","fixtureArabic","fixtureDefault","fixtureEmpty","fixtureMedias","fixtureWithOnclick"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,kEAAL,EAAyEA,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAwBC,SAAhC,EAA2C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,4DAA2DF,GAAI,mEAAxF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,kEAAL,EAAyEG,wBAAzE,EAA+FN,SAA/F,EAAwHO,eAAxH;AACA,kBAAK,mEAAL,EAA0ED,wBAA1E,EAAgGN,SAAhG,EAAyHQ,gBAAzH;AACA,kBAAK,iEAAL,EAAwEF,wBAAxE,EAA8FN,SAA9F,EAAuHS,cAAvH;AACA,kBAAK,kEAAL,EAAyEH,wBAAzE,EAA+FN,SAA/F,EAAwHU,eAAxH;AACA,kBAAK,uEAAL,EAA8EJ,wBAA9E,EAAoGN,SAApG,EAA6HW,oBAA7H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeDisciplineScope from '..';\nimport fixtureArabic from './fixtures/arabic';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureMedias from './fixtures/medias';\nimport fixtureWithOnclick from './fixtures/with-onclick';\n\ntest('Molecule › MoleculeDisciplineScope > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeDisciplineScope.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeDisciplineScope.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeDisciplineScope › Arabic › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureArabic);\ntest('Molecule › MoleculeDisciplineScope › Default › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureDefault);\ntest('Molecule › MoleculeDisciplineScope › Empty › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureEmpty);\ntest('Molecule › MoleculeDisciplineScope › Medias › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureMedias);\ntest('Molecule › MoleculeDisciplineScope › WithOnclick › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureWithOnclick);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/molecule/discipline-scope/test/fixtures.js"],"names":["t","pass","MoleculeDisciplineScope","propTypes","value","key","not","undefined","renderComponentMacro","fixtureArabic","fixtureAudio","fixtureDefault","fixtureEmpty","fixtureMedias","fixturePdf","fixtureVimeo","fixtureWithOnclick"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,kEAAL,EAAyEA,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAwBC,SAAhC,EAA2C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,4DAA2DF,GAAI,mEAAxF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,kEAAL,EAAyEG,wBAAzE,EAA+FN,SAA/F,EAAwHO,eAAxH;AACA,kBAAK,iEAAL,EAAwED,wBAAxE,EAA8FN,SAA9F,EAAuHQ,cAAvH;AACA,kBAAK,mEAAL,EAA0EF,wBAA1E,EAAgGN,SAAhG,EAAyHS,gBAAzH;AACA,kBAAK,iEAAL,EAAwEH,wBAAxE,EAA8FN,SAA9F,EAAuHU,cAAvH;AACA,kBAAK,kEAAL,EAAyEJ,wBAAzE,EAA+FN,SAA/F,EAAwHW,eAAxH;AACA,kBAAK,+DAAL,EAAsEL,wBAAtE,EAA4FN,SAA5F,EAAqHY,YAArH;AACA,kBAAK,iEAAL,EAAwEN,wBAAxE,EAA8FN,SAA9F,EAAuHa,cAAvH;AACA,kBAAK,uEAAL,EAA8EP,wBAA9E,EAAoGN,SAApG,EAA6Hc,oBAA7H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeDisciplineScope from '..';\nimport fixtureArabic from './fixtures/arabic';\nimport fixtureAudio from './fixtures/audio';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureMedias from './fixtures/medias';\nimport fixturePdf from './fixtures/pdf';\nimport fixtureVimeo from './fixtures/vimeo';\nimport fixtureWithOnclick from './fixtures/with-onclick';\n\ntest('Molecule › MoleculeDisciplineScope > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeDisciplineScope.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeDisciplineScope.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeDisciplineScope › Arabic › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureArabic);\ntest('Molecule › MoleculeDisciplineScope › Audio › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureAudio);\ntest('Molecule › MoleculeDisciplineScope › Default › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureDefault);\ntest('Molecule › MoleculeDisciplineScope › Empty › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureEmpty);\ntest('Molecule › MoleculeDisciplineScope › Medias › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureMedias);\ntest('Molecule › MoleculeDisciplineScope › Pdf › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixturePdf);\ntest('Molecule › MoleculeDisciplineScope › Vimeo › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureVimeo);\ntest('Molecule › MoleculeDisciplineScope › WithOnclick › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureWithOnclick);\n"],"file":"fixtures.js"}

package/lib/molecule/popin/index.js

@@ -115,7 +115,7 @@ const Popin = (props, context) => {
     value: value.message,
     onChange: handleChange
   }), /*#__PURE__*/_react.default.createElement("input", {
-    className: _style.default.inputText,
+    className: _style.default.lastInputText,
     "data-name": "contact-email",
     name: "email",
     type: "text",

package/lib/molecule/popin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/popin/index.js"],"names":["Popin","props","context","skin","primaryColor","header","content","firstButtonLabel","onFirstButtonClick","secondeButtonLabel","onSecondeButtonClick","onClose","type","isLoading","backgroundImageUrl","logo","hiddenStateManagment","Hide","deleteContent","Bin","videoTranslate","LocalesIcon","LogoComponent","backgroundImageStyle","backgroundImage","value","setValue","object","message","email","handleChange","event","target","name","isAssistancePopin","handleClickOnSecondButton","style","background","loader","popin","popinHeader","headerCloseIcon","icon","color","__html","width","inputText","inputTextArea","buttonContainer","button","backgroundColor","propTypes","PropTypes","string","func","oneOf","bool"],"mappings":"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","sourcesContent":["import React, {useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\n\nimport {\n  NovaCompositionCoorpacademyLocales as LocalesIcon,\n  NovaSolidStatusClose as Close,\n  NovaLineContentEditionBin as Bin,\n  NovaLineContentEditionHide as Hide\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const {\n    header,\n    content,\n    firstButtonLabel,\n    onFirstButtonClick,\n    secondeButtonLabel,\n    onSecondeButtonClick,\n    onClose,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n\n  const logo = {\n    hiddenStateManagment: Hide,\n    deleteContent: Bin,\n    videoTranslate: LocalesIcon\n  };\n\n  const LogoComponent = logo[type];\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`\n      }\n    : {};\n\n  const [value, setValue] = useState({object: '', message: '', email: ''});\n\n  const handleChange = useMemo(() => event => {\n    setValue({...value, [event.target.name]: event.target.value});\n  });\n\n  const isAssistancePopin = type === 'assistance';\n\n  const handleClickOnSecondButton = useMemo(() => {\n    return type === 'assistance' ? onSecondeButtonClick(value) : onSecondeButtonClick;\n  }, [value]);\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"cockpit-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          <header className={style.popinHeader}>\n            <Close onClick={onClose} className={style.headerCloseIcon} />\n          </header>\n          {LogoComponent ? (\n            <LogoComponent className={style.icon} style={{color: primaryColor}} />\n          ) : null}\n          <div className={style.header} data-name={`cockpit-popin-header-${type}`}>\n            {header}\n          </div>\n          <p\n            className={style.content}\n            data-name={`cockpit-popin-content-${type}`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n\n          {isAssistancePopin ? (\n            <div style={{width: '70%'}}>\n              <input\n                data-name=\"contact-object\"\n                className={style.inputText}\n                name=\"object\"\n                type=\"text\"\n                placeholder=\"Object\"\n                value={value.object}\n                onChange={handleChange}\n              />\n              <textarea\n                className={(style.inputText, style.inputTextArea)}\n                data-name=\"contact-message\"\n                name=\"message\"\n                type=\"text\"\n                placeholder=\"Message\"\n                value={value.message}\n                onChange={handleChange}\n              />\n              <input\n                className={style.inputText}\n                data-name=\"contact-email\"\n                name=\"email\"\n                type=\"text\"\n                placeholder=\"Email\"\n                value={value.email}\n                onChange={handleChange}\n              />\n            </div>\n          ) : null}\n\n          <div className={style.buttonContainer}>\n            {firstButtonLabel ? (\n              <Cta\n                submitValue={firstButtonLabel}\n                onClick={onFirstButtonClick}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{\n                  backgroundColor: 'white',\n                  color: 'gray'\n                }}\n              />\n            ) : null}\n            {secondeButtonLabel ? (\n              <Cta\n                submitValue={secondeButtonLabel}\n                onClick={handleClickOnSecondButton}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{backgroundColor: primaryColor}}\n                disabled={isAssistancePopin && !value.message}\n              />\n            ) : null}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  firstButtonLabel: PropTypes.string,\n  onFirstButtonClick: PropTypes.func,\n  secondeButtonLabel: PropTypes.string,\n  onSecondeButtonClick: PropTypes.func,\n  onClose: PropTypes.func,\n  type: PropTypes.oneOf(['videoTranslate', 'hiddenStateManagment', 'deleteContent', 'assistance']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default Popin;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/popin/index.js"],"names":["Popin","props","context","skin","primaryColor","header","content","firstButtonLabel","onFirstButtonClick","secondeButtonLabel","onSecondeButtonClick","onClose","type","isLoading","backgroundImageUrl","logo","hiddenStateManagment","Hide","deleteContent","Bin","videoTranslate","LocalesIcon","LogoComponent","backgroundImageStyle","backgroundImage","value","setValue","object","message","email","handleChange","event","target","name","isAssistancePopin","handleClickOnSecondButton","style","background","loader","popin","popinHeader","headerCloseIcon","icon","color","__html","width","inputText","inputTextArea","lastInputText","buttonContainer","button","backgroundColor","propTypes","PropTypes","string","func","oneOf","bool"],"mappings":"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","sourcesContent":["import React, {useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\n\nimport {\n  NovaCompositionCoorpacademyLocales as LocalesIcon,\n  NovaSolidStatusClose as Close,\n  NovaLineContentEditionBin as Bin,\n  NovaLineContentEditionHide as Hide\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const {\n    header,\n    content,\n    firstButtonLabel,\n    onFirstButtonClick,\n    secondeButtonLabel,\n    onSecondeButtonClick,\n    onClose,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n\n  const logo = {\n    hiddenStateManagment: Hide,\n    deleteContent: Bin,\n    videoTranslate: LocalesIcon\n  };\n\n  const LogoComponent = logo[type];\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`\n      }\n    : {};\n\n  const [value, setValue] = useState({object: '', message: '', email: ''});\n\n  const handleChange = useMemo(() => event => {\n    setValue({...value, [event.target.name]: event.target.value});\n  });\n\n  const isAssistancePopin = type === 'assistance';\n\n  const handleClickOnSecondButton = useMemo(() => {\n    return type === 'assistance' ? onSecondeButtonClick(value) : onSecondeButtonClick;\n  }, [value]);\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"cockpit-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          <header className={style.popinHeader}>\n            <Close onClick={onClose} className={style.headerCloseIcon} />\n          </header>\n          {LogoComponent ? (\n            <LogoComponent className={style.icon} style={{color: primaryColor}} />\n          ) : null}\n          <div className={style.header} data-name={`cockpit-popin-header-${type}`}>\n            {header}\n          </div>\n          <p\n            className={style.content}\n            data-name={`cockpit-popin-content-${type}`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n\n          {isAssistancePopin ? (\n            <div style={{width: '70%'}}>\n              <input\n                data-name=\"contact-object\"\n                className={style.inputText}\n                name=\"object\"\n                type=\"text\"\n                placeholder=\"Object\"\n                value={value.object}\n                onChange={handleChange}\n              />\n              <textarea\n                className={(style.inputText, style.inputTextArea)}\n                data-name=\"contact-message\"\n                name=\"message\"\n                type=\"text\"\n                placeholder=\"Message\"\n                value={value.message}\n                onChange={handleChange}\n              />\n              <input\n                className={style.lastInputText}\n                data-name=\"contact-email\"\n                name=\"email\"\n                type=\"text\"\n                placeholder=\"Email\"\n                value={value.email}\n                onChange={handleChange}\n              />\n            </div>\n          ) : null}\n\n          <div className={style.buttonContainer}>\n            {firstButtonLabel ? (\n              <Cta\n                submitValue={firstButtonLabel}\n                onClick={onFirstButtonClick}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{\n                  backgroundColor: 'white',\n                  color: 'gray'\n                }}\n              />\n            ) : null}\n            {secondeButtonLabel ? (\n              <Cta\n                submitValue={secondeButtonLabel}\n                onClick={handleClickOnSecondButton}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{backgroundColor: primaryColor}}\n                disabled={isAssistancePopin && !value.message}\n              />\n            ) : null}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  firstButtonLabel: PropTypes.string,\n  onFirstButtonClick: PropTypes.func,\n  secondeButtonLabel: PropTypes.string,\n  onSecondeButtonClick: PropTypes.func,\n  onClose: PropTypes.func,\n  type: PropTypes.oneOf(['videoTranslate', 'hiddenStateManagment', 'deleteContent', 'assistance']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default Popin;\n"],"file":"index.js"}

package/lib/molecule/popin/style.css

@@ -113,6 +113,11 @@
   border-radius: 0;
 }
 
+.lastInputText {
+  composes: inputText;
+  margin-bottom: 30px
+}
+
 .inputTextArea {
   border: 2px solid #f7f7f7;
   margin: 10px 0px;

package/lib/molecule/popin/test/fixtures.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _assistance = _interopRequireDefault(require("./fixtures/assistance"));
+
+var _backgroundNoSecondButton = _interopRequireDefault(require("./fixtures/background-no-second-button"));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _loading = _interopRequireDefault(require("./fixtures/loading"));
+
+var _videoTranslate = _interopRequireDefault(require("./fixtures/video-translate"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculePopin > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculePopin.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculePopin › Assistance › should be rendered', _renderComponent.default, _.default, _assistance.default);
+(0, _ava.default)('Molecule › MoleculePopin › BackgroundNoSecondButton › should be rendered', _renderComponent.default, _.default, _backgroundNoSecondButton.default);
+(0, _ava.default)('Molecule › MoleculePopin › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Molecule › MoleculePopin › Loading › should be rendered', _renderComponent.default, _.default, _loading.default);
+(0, _ava.default)('Molecule › MoleculePopin › VideoTranslate › should be rendered', _renderComponent.default, _.default, _videoTranslate.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/popin/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/popin/test/fixtures.js"],"names":["t","pass","MoleculePopin","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAssistance","fixtureBackgroundNoSecondButton","fixtureDefault","fixtureLoading","fixtureVideoTranslate"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wDAAL,EAA+DA,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAcC,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,4DAAL,EAAmEG,wBAAnE,EAAyFN,SAAzF,EAAwGO,mBAAxG;AACA,kBAAK,0EAAL,EAAiFD,wBAAjF,EAAuGN,SAAvG,EAAsHQ,iCAAtH;AACA,kBAAK,yDAAL,EAAgEF,wBAAhE,EAAsFN,SAAtF,EAAqGS,gBAArG;AACA,kBAAK,yDAAL,EAAgEH,wBAAhE,EAAsFN,SAAtF,EAAqGU,gBAArG;AACA,kBAAK,gEAAL,EAAuEJ,wBAAvE,EAA6FN,SAA7F,EAA4GW,uBAA5G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculePopin from '..';\nimport fixtureAssistance from './fixtures/assistance';\nimport fixtureBackgroundNoSecondButton from './fixtures/background-no-second-button';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureVideoTranslate from './fixtures/video-translate';\n\ntest('Molecule › MoleculePopin > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculePopin.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculePopin.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculePopin › Assistance › should be rendered', renderComponentMacro, MoleculePopin, fixtureAssistance);\ntest('Molecule › MoleculePopin › BackgroundNoSecondButton › should be rendered', renderComponentMacro, MoleculePopin, fixtureBackgroundNoSecondButton);\ntest('Molecule › MoleculePopin › Default › should be rendered', renderComponentMacro, MoleculePopin, fixtureDefault);\ntest('Molecule › MoleculePopin › Loading › should be rendered', renderComponentMacro, MoleculePopin, fixtureLoading);\ntest('Molecule › MoleculePopin › VideoTranslate › should be rendered', renderComponentMacro, MoleculePopin, fixtureVideoTranslate);\n"],"file":"fixtures.js"}

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

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -13,10 +13,6 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
 const getIcon = feature => {
   switch (feature) {
     case 'manage_users':
@@ -97,7 +93,7 @@ const QuickAccessCard = (props, context) => {
     title,
     description,
     feature,
-    onClick,
+    href,
     _blank
   } = props;
   const {
@@ -105,15 +101,17 @@ const QuickAccessCard = (props, context) => {
     degrees
   } = getBackgroudRadialColors(feature);
   const Icon = getIcon(feature);
-  const handleClick = (0, _react.useMemo)(() => e => onClick(e), [onClick]);
   const newTabOnClick = _blank ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyOpenInNewTab, {
     className: _style.default.newTabIcon
   }) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "card",
     "data-type": feature,
-    className: _style.default.quickAccess,
-    onClick: handleClick
+    className: _style.default.quickAccess
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    href: href,
+    target: _blank ? '_blank' : '_self',
+    className: _style.default.link
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       background: `radial-gradient(62.12% 56.45% at 0% 77.29%, 
@@ -151,13 +149,13 @@ const QuickAccessCard = (props, context) => {
     }
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
     className: _style.default.iconGoto
-  })))));
+  }))))));
 };
 
 QuickAccessCard.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   description: _propTypes.default.string,
-  onClick: _propTypes.default.func,
+  href: _propTypes.default.string,
   _blank: _propTypes.default.bool,
   feature: _propTypes.default.oneOf(['analytics', 'cms', 'cockpit', 'massive_battle', 'manage_email', 'dashboard', 'look_and_feel', 'manage_users', 'upload_users'])
 } : {};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/quick-access-card/index.js"],"names":["getIcon","feature","ManageUserIcon","UploadUserIcon","ManageEmailIcon","MassiveBattleIcon","CmsIcon","LookAndFeelIcon","DashboardIcon","CockpitIcon","AnalyticsIcon","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","onClick","_blank","Icon","handleClick","e","newTabOnClick","style","newTabIcon","quickAccess","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","PropTypes","string","func","bool","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo} 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 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, onClick, _blank} = props;\n  const {iconColor, degrees} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const handleClick = useMemo(() => e => onClick(e), [onClick]);\n  const newTabOnClick = _blank ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"card\" data-type={feature} className={style.quickAccess} onClick={handleClick}>\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    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  onClick: PropTypes.func,\n  _blank: 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"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/quick-access-card/index.js"],"names":["getIcon","feature","ManageUserIcon","UploadUserIcon","ManageEmailIcon","MassiveBattleIcon","CmsIcon","LookAndFeelIcon","DashboardIcon","CockpitIcon","AnalyticsIcon","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","href","_blank","Icon","newTabOnClick","style","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","PropTypes","string","bool","oneOf"],"mappings":"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","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 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, _blank} = props;\n  const {iconColor, degrees} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const newTabOnClick = _blank ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"card\" data-type={feature} className={style.quickAccess}>\n      <a href={href} target={_blank ? '_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      </a>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  _blank: 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"],"file":"index.js"}