@coorpacademy/components 10.0.45-alpha.0 → 10.0.47

package/lib/molecule/card/notification.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/card/notification.js"],"names":["NOTIFICATION_ICON","addFavorite","CheckIcon","removeFavorite","MoreIcon","lock","LockIcon","unlock","UnlockIcon","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","style","showOverlay","notificationWrapper","notification","propTypes","PropTypes","string","isRequired","oneOf"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAMA;;;;AAEA,MAAMA,iBAAiB,GAAG;AACxBC,EAAAA,WAAW,EAAEC,2CADW;AAExBC,EAAAA,cAAc,EAAEC,wCAFQ;AAGxBC,EAAAA,IAAI,EAAEC,+BAHkB;AAIxBC,EAAAA,MAAM,EAAEC;AAJgB,CAA1B;;AAOA,MAAMC,kBAAkB,GAAGC,CAAC,IAAI;AAC9BA,EAAAA,CAAC,CAACC,eAAF;AACAD,EAAAA,CAAC,CAACE,cAAF;AACA,SAAO,KAAP;AACD,CAJD;;AAMA,MAAMC,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA;AAAV,MAAkBF,KAAxB;AAEA,QAAMG,QAAQ,GAAG,mBAAID,IAAJ,EAAUhB,iBAAV,CAAjB;AACA,sBACE;AACE,iBAAU,cADZ;AAEE,iBAAWgB,IAFb;AAGE,IAAA,OAAO,EAAEP,kBAHX;AAIE,IAAA,SAAS,EAAE,yBAAWS,sBAAMC,WAAjB,EAA8BD,sBAAME,mBAApC;AAJb,kBAME;AAAK,IAAA,SAAS,EAAEF,sBAAMG;AAAtB,kBACE,6BAAC,QAAD;AAAU,IAAA,SAAS,EAAEH,sBAAMF,IAA3B;AAAiC,IAAA,KAAK,EAAE,IAAxC;AAA8C,IAAA,MAAM,EAAE;AAAtD,IADF,eAEE;AAAK,IAAA,SAAS,EAAEE,sBAAMH;AAAtB,kBACE,2CAAOA,OAAP,CADF,CAFF,CANF,CADF;AAeD,CAnBD;;AAoBAF,YAAY,CAACS,SAAb,2CAAyB;AACvBP,EAAAA,OAAO,EAAEQ,mBAAUC,MAAV,CAAiBC,UADH;AAEvBT,EAAAA,IAAI,EAAEO,mBAAUG,KAAV,CAAgB,oBAAK1B,iBAAL,CAAhB,EAAyCyB;AAFxB,CAAzB;eAKeZ,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaSolidLocksLock11 as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: MoreIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n\n  const IconType = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <IconType className={style.icon} color={null} stroke={null} />\n        <div className={style.message}>\n          <span>{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"file":"notification.js"}
+{"version":3,"sources":["../../../src/molecule/card/notification.js"],"names":["NOTIFICATION_ICON","addFavorite","CheckIcon","removeFavorite","MoreIcon","lock","LockIcon","unlock","UnlockIcon","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","style","showOverlay","notificationWrapper","notification","propTypes","PropTypes","string","isRequired","oneOf"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAMA;;;;AAEA,MAAMA,iBAAiB,GAAG;AACxBC,EAAAA,WAAW,EAAEC,2CADW;AAExBC,EAAAA,cAAc,EAAEC,wCAFQ;AAGxBC,EAAAA,IAAI,EAAEC,+BAHkB;AAIxBC,EAAAA,MAAM,EAAEC;AAJgB,CAA1B;;AAOA,MAAMC,kBAAkB,GAAGC,CAAC,IAAI;AAC9BA,EAAAA,CAAC,CAACC,eAAF;AACAD,EAAAA,CAAC,CAACE,cAAF;AACA,SAAO,KAAP;AACD,CAJD;;AAMA,MAAMC,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA;AAAV,MAAkBF,KAAxB;AAEA,QAAMG,QAAQ,GAAG,mBAAID,IAAJ,EAAUhB,iBAAV,CAAjB;AACA,sBACE;AACE,iBAAU,cADZ;AAEE,iBAAWgB,IAFb;AAGE,IAAA,OAAO,EAAEP,kBAHX;AAIE,IAAA,SAAS,EAAE,yBAAWS,sBAAMC,WAAjB,EAA8BD,sBAAME,mBAApC;AAJb,kBAME;AAAK,IAAA,SAAS,EAAEF,sBAAMG;AAAtB,kBACE,6BAAC,QAAD;AAAU,IAAA,SAAS,EAAEH,sBAAMF,IAA3B;AAAiC,IAAA,KAAK,EAAE,IAAxC;AAA8C,IAAA,MAAM,EAAE;AAAtD,IADF,eAEE;AAAK,IAAA,SAAS,EAAEE,sBAAMH;AAAtB,kBACE,2CAAOA,OAAP,CADF,CAFF,CANF,CADF;AAeD,CAnBD;;AAoBAF,YAAY,CAACS,SAAb,2CAAyB;AACvBP,EAAAA,OAAO,EAAEQ,mBAAUC,MAAV,CAAiBC,UADH;AAEvBT,EAAAA,IAAI,EAAEO,mBAAUG,KAAV,CAAgB,oBAAK1B,iBAAL,CAAhB,EAAyCyB;AAFxB,CAAzB;eAKeZ,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: MoreIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n\n  const IconType = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <IconType className={style.icon} color={null} stroke={null} />\n        <div className={style.message}>\n          <span>{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"file":"notification.js"}

package/lib/molecule/drag-and-drop/index.js

@@ -105,7 +105,7 @@ const DragAndDrop = (props, context) => {
       });
     };
 
-    const disableFileInput = ['success'].includes(state);
+    const disableFileInput = state === 'success';
     return /*#__PURE__*/_react.default.createElement("div", _extends({}, getRootProps(), {
       className: _style.default.wrapper
     }), /*#__PURE__*/_react.default.createElement("input", _extends({}, getInputProps(), {

package/lib/molecule/drag-and-drop/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/drag-and-drop/index.js"],"names":["DragAndDrop","props","context","skin","primaryColor","state","title","message","warningMessage","mode","dragAndDropMessage","buttonTitle","backLabel","orLabel","accept","type","contentType","fields","onDrop","onDelete","onBack","handleBack","e","stopPropagation","preventDefault","loading","style","back","arrow","getRootProps","getInputProps","isDragActive","getView","disableFileInput","includes","wrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","isRequired","string","func","arrayOf","shape","InputText","actions","label","onClick"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport Dropzone from 'react-dropzone';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport InputText from '../../atom/input-text';\nimport {Overlay} from './overlay';\nimport {UploadReport} from './upload-report';\nimport {PlaceHolder} from './placeholder';\nimport style from './style.css';\n\nexport const DragAndDrop = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const {\n    state,\n    title,\n    message,\n    warningMessage,\n    mode,\n    dragAndDropMessage,\n    buttonTitle,\n    backLabel,\n    orLabel,\n    accept,\n    type: contentType = 'scorm',\n    fields,\n    onDrop,\n    onDelete,\n    onBack\n  } = props;\n\n  const handleBack = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onBack && onBack(e);\n    },\n    [onBack]\n  );\n\n  const loading = state === 'loading';\n  return (\n    <div>\n      <span onClick={handleBack} className={style.back}>\n        <ArrowLeft width={12} height={12} className={style.arrow} />\n        {backLabel}\n      </span>\n      <Dropzone accept={accept} disabled={loading} onDrop={onDrop}>\n        {({getRootProps, getInputProps, isDragActive}) => {\n          const getView = () => {\n            if (contentType !== 'scorm' || includes(state, ['success', 'error', 'ready'])) {\n              return (\n                <UploadReport\n                  state={state}\n                  message={message}\n                  warningMessage={warningMessage}\n                  fields={fields}\n                  type={contentType}\n                  onDelete={onDelete}\n                  mode={mode}\n                  orLabel={orLabel}\n                  onClick={onDrop}\n                  buttonTitle={buttonTitle}\n                  primaryColor={primaryColor}\n                />\n              );\n            }\n            return (\n              <PlaceHolder\n                title={title}\n                buttonTitle={buttonTitle}\n                uploadLabel={message}\n                primaryColor={primaryColor}\n                onClick={onDrop}\n              />\n            );\n          };\n\n          const disableFileInput = ['success'].includes(state);\n\n          return (\n            <div {...getRootProps()} className={style.wrapper}>\n              <input {...getInputProps()} disabled={disableFileInput} />\n              {getView()}\n              {isDragActive || loading ? (\n                <Overlay\n                  iconColor={primaryColor}\n                  description={dragAndDropMessage}\n                  isLoading={loading}\n                />\n              ) : null}\n            </div>\n          );\n        }}\n      </Dropzone>\n    </div>\n  );\n};\n\nDragAndDrop.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDragAndDrop.propTypes = {\n  state: PropTypes.oneOf(['default', 'ready', 'loading', 'success', 'error']).isRequired,\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  title: PropTypes.string,\n  type: PropTypes.string,\n  message: PropTypes.string,\n  warningMessage: PropTypes.string,\n  dragAndDropMessage: PropTypes.string,\n  buttonTitle: PropTypes.string,\n  backLabel: PropTypes.string,\n  orLabel: PropTypes.string,\n  onBack: PropTypes.func,\n  accept: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  onDrop: PropTypes.func,\n  onDelete: PropTypes.func,\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['edit', 'upload', 'delete']),\n      label: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default DragAndDrop;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/drag-and-drop/index.js"],"names":["DragAndDrop","props","context","skin","primaryColor","state","title","message","warningMessage","mode","dragAndDropMessage","buttonTitle","backLabel","orLabel","accept","type","contentType","fields","onDrop","onDelete","onBack","handleBack","e","stopPropagation","preventDefault","loading","style","back","arrow","getRootProps","getInputProps","isDragActive","getView","disableFileInput","wrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","isRequired","string","func","arrayOf","shape","InputText","actions","label","onClick"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC7C,QAAM;AAACC,IAAAA;AAAD,MAASD,OAAf;AACA,QAAME,YAAY,GAAG,oBAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;AAEA,QAAM;AACJE,IAAAA,KADI;AAEJC,IAAAA,KAFI;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,cAJI;AAKJC,IAAAA,IALI;AAMJC,IAAAA,kBANI;AAOJC,IAAAA,WAPI;AAQJC,IAAAA,SARI;AASJC,IAAAA,OATI;AAUJC,IAAAA,MAVI;AAWJC,IAAAA,IAAI,EAAEC,WAAW,GAAG,OAXhB;AAYJC,IAAAA,MAZI;AAaJC,IAAAA,MAbI;AAcJC,IAAAA,QAdI;AAeJC,IAAAA;AAfI,MAgBFnB,KAhBJ;AAkBA,QAAMoB,UAAU,GAAG,wBACjBC,CAAC,IAAI;AACHA,IAAAA,CAAC,CAACC,eAAF;AACAD,IAAAA,CAAC,CAACE,cAAF;AACAJ,IAAAA,MAAM,IAAIA,MAAM,CAACE,CAAD,CAAhB;AACD,GALgB,EAMjB,CAACF,MAAD,CANiB,CAAnB;AASA,QAAMK,OAAO,GAAGpB,KAAK,KAAK,SAA1B;AACA,sBACE,uDACE;AAAM,IAAA,OAAO,EAAEgB,UAAf;AAA2B,IAAA,SAAS,EAAEK,eAAMC;AAA5C,kBACE,6BAAC,6CAAD;AAAW,IAAA,KAAK,EAAE,EAAlB;AAAsB,IAAA,MAAM,EAAE,EAA9B;AAAkC,IAAA,SAAS,EAAED,eAAME;AAAnD,IADF,EAEGhB,SAFH,CADF,eAKE,6BAAC,sBAAD;AAAU,IAAA,MAAM,EAAEE,MAAlB;AAA0B,IAAA,QAAQ,EAAEW,OAApC;AAA6C,IAAA,MAAM,EAAEP;AAArD,KACG,CAAC;AAACW,IAAAA,YAAD;AAAeC,IAAAA,aAAf;AAA8BC,IAAAA;AAA9B,GAAD,KAAiD;AAChD,UAAMC,OAAO,GAAG,MAAM;AACpB,UAAIhB,WAAW,KAAK,OAAhB,IAA2B,uBAASX,KAAT,EAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,OAArB,CAAhB,CAA/B,EAA+E;AAC7E,4BACE,6BAAC,0BAAD;AACE,UAAA,KAAK,EAAEA,KADT;AAEE,UAAA,OAAO,EAAEE,OAFX;AAGE,UAAA,cAAc,EAAEC,cAHlB;AAIE,UAAA,MAAM,EAAES,MAJV;AAKE,UAAA,IAAI,EAAED,WALR;AAME,UAAA,QAAQ,EAAEG,QANZ;AAOE,UAAA,IAAI,EAAEV,IAPR;AAQE,UAAA,OAAO,EAAEI,OARX;AASE,UAAA,OAAO,EAAEK,MATX;AAUE,UAAA,WAAW,EAAEP,WAVf;AAWE,UAAA,YAAY,EAAEP;AAXhB,UADF;AAeD;;AACD,0BACE,6BAAC,wBAAD;AACE,QAAA,KAAK,EAAEE,KADT;AAEE,QAAA,WAAW,EAAEK,WAFf;AAGE,QAAA,WAAW,EAAEJ,OAHf;AAIE,QAAA,YAAY,EAAEH,YAJhB;AAKE,QAAA,OAAO,EAAEc;AALX,QADF;AASD,KA3BD;;AA6BA,UAAMe,gBAAgB,GAAG5B,KAAK,KAAK,SAAnC;AAEA,wBACE,iDAASwB,YAAY,EAArB;AAAyB,MAAA,SAAS,EAAEH,eAAMQ;AAA1C,qBACE,mDAAWJ,aAAa,EAAxB;AAA4B,MAAA,QAAQ,EAAEG;AAAtC,OADF,EAEGD,OAAO,EAFV,EAGGD,YAAY,IAAIN,OAAhB,gBACC,6BAAC,gBAAD;AACE,MAAA,SAAS,EAAErB,YADb;AAEE,MAAA,WAAW,EAAEM,kBAFf;AAGE,MAAA,SAAS,EAAEe;AAHb,MADD,GAMG,IATN,CADF;AAaD,GA9CH,CALF,CADF;AAwDD,CAxFM;;;AA0FPzB,WAAW,CAACmC,YAAZ,GAA2B;AACzBhC,EAAAA,IAAI,EAAEiC,kBAASC,iBAAT,CAA2BlC;AADR,CAA3B;AAIAH,WAAW,CAACsC,SAAZ,2CAAwB;AACtBjC,EAAAA,KAAK,EAAEkC,mBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,EAAgC,SAAhC,EAA2C,OAA3C,CAAhB,EAAqEC,UADtD;AAEtBhC,EAAAA,IAAI,EAAE8B,mBAAUC,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,CAAhB,CAFgB;AAGtBlC,EAAAA,KAAK,EAAEiC,mBAAUG,MAHK;AAItB3B,EAAAA,IAAI,EAAEwB,mBAAUG,MAJM;AAKtBnC,EAAAA,OAAO,EAAEgC,mBAAUG,MALG;AAMtBlC,EAAAA,cAAc,EAAE+B,mBAAUG,MANJ;AAOtBhC,EAAAA,kBAAkB,EAAE6B,mBAAUG,MAPR;AAQtB/B,EAAAA,WAAW,EAAE4B,mBAAUG,MARD;AAStB9B,EAAAA,SAAS,EAAE2B,mBAAUG,MATC;AAUtB7B,EAAAA,OAAO,EAAE0B,mBAAUG,MAVG;AAWtBtB,EAAAA,MAAM,EAAEmB,mBAAUI,IAXI;AAYtB7B,EAAAA,MAAM,EAAEyB,mBAAUG,MAZI;AAatBzB,EAAAA,MAAM,EAAEsB,mBAAUK,OAAV,CACNL,mBAAUM,KAAV,uBACKC,mBAAUR,SADf;AAEEvB,IAAAA,IAAI,EAAEwB,mBAAUC,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAFR,KADM,CAbc;AAmBtBtB,EAAAA,MAAM,EAAEqB,mBAAUI,IAnBI;AAoBtBxB,EAAAA,QAAQ,EAAEoB,mBAAUI,IApBE;AAqBtBI,EAAAA,OAAO,EAAER,mBAAUK,OAAV,CACPL,mBAAUM,KAAV,CAAgB;AACd9B,IAAAA,IAAI,EAAEwB,mBAAUC,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,EAAmB,QAAnB,CAAhB,CADQ;AAEdQ,IAAAA,KAAK,EAAET,mBAAUG,MAFH;AAGdO,IAAAA,OAAO,EAAEV,mBAAUI;AAHL,GAAhB,CADO;AArBa,CAAxB;eA8Be3C,W","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport Dropzone from 'react-dropzone';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport InputText from '../../atom/input-text';\nimport {Overlay} from './overlay';\nimport {UploadReport} from './upload-report';\nimport {PlaceHolder} from './placeholder';\nimport style from './style.css';\n\nexport const DragAndDrop = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const {\n    state,\n    title,\n    message,\n    warningMessage,\n    mode,\n    dragAndDropMessage,\n    buttonTitle,\n    backLabel,\n    orLabel,\n    accept,\n    type: contentType = 'scorm',\n    fields,\n    onDrop,\n    onDelete,\n    onBack\n  } = props;\n\n  const handleBack = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onBack && onBack(e);\n    },\n    [onBack]\n  );\n\n  const loading = state === 'loading';\n  return (\n    <div>\n      <span onClick={handleBack} className={style.back}>\n        <ArrowLeft width={12} height={12} className={style.arrow} />\n        {backLabel}\n      </span>\n      <Dropzone accept={accept} disabled={loading} onDrop={onDrop}>\n        {({getRootProps, getInputProps, isDragActive}) => {\n          const getView = () => {\n            if (contentType !== 'scorm' || includes(state, ['success', 'error', 'ready'])) {\n              return (\n                <UploadReport\n                  state={state}\n                  message={message}\n                  warningMessage={warningMessage}\n                  fields={fields}\n                  type={contentType}\n                  onDelete={onDelete}\n                  mode={mode}\n                  orLabel={orLabel}\n                  onClick={onDrop}\n                  buttonTitle={buttonTitle}\n                  primaryColor={primaryColor}\n                />\n              );\n            }\n            return (\n              <PlaceHolder\n                title={title}\n                buttonTitle={buttonTitle}\n                uploadLabel={message}\n                primaryColor={primaryColor}\n                onClick={onDrop}\n              />\n            );\n          };\n\n          const disableFileInput = state === 'success';\n\n          return (\n            <div {...getRootProps()} className={style.wrapper}>\n              <input {...getInputProps()} disabled={disableFileInput} />\n              {getView()}\n              {isDragActive || loading ? (\n                <Overlay\n                  iconColor={primaryColor}\n                  description={dragAndDropMessage}\n                  isLoading={loading}\n                />\n              ) : null}\n            </div>\n          );\n        }}\n      </Dropzone>\n    </div>\n  );\n};\n\nDragAndDrop.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDragAndDrop.propTypes = {\n  state: PropTypes.oneOf(['default', 'ready', 'loading', 'success', 'error']).isRequired,\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  title: PropTypes.string,\n  type: PropTypes.string,\n  message: PropTypes.string,\n  warningMessage: PropTypes.string,\n  dragAndDropMessage: PropTypes.string,\n  buttonTitle: PropTypes.string,\n  backLabel: PropTypes.string,\n  orLabel: PropTypes.string,\n  onBack: PropTypes.func,\n  accept: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  onDrop: PropTypes.func,\n  onDelete: PropTypes.func,\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['edit', 'upload', 'delete']),\n      label: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default DragAndDrop;\n"],"file":"index.js"}

package/lib/molecule/drag-and-drop/upload-report.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = exports.UploadReport = void 0;
 
+var _includes2 = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
 
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
@@ -83,7 +85,7 @@ const UploadReport = ({
     }
   })));
 
-  const showMessage = ['success', 'error'].includes(state);
+  const showMessage = (0, _includes2.default)(state, ['success', 'error']);
   const fileName = (0, _pipe2.default)(_head2.default, (0, _getOr2.default)('', 'value'), (0, _split2.default)('/'), _last2.default)(fields);
   const fileView = fileName ? /*#__PURE__*/_react.default.createElement("div", {
     className: _uploadReport.default.fileWrapper

package/lib/molecule/drag-and-drop/upload-report.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"names":["UploadReport","state","message","warningMessage","type","contentType","fields","mode","orLabel","buttonTitle","primaryColor","onDelete","handleDelete","e","stopPropagation","preventDefault","stopPropagationHandler","SuccessMessage","style","emoticon","ErrorMessage","selectButton","backgroundColor","showMessage","includes","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","buildField","field","index","deleteView","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","propTypes","PropTypes","string","isRequired","arrayOf","shape","InputText","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyValidate as Validated,\n  NovaLineContentEditionBin as TrashIcon,\n  NovaCompositionCoorpacademyWarn as WarnIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport {pipe, split, last, map, head, getOr, isEmpty} from 'lodash/fp';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport InputText from '../../atom/input-text';\n\nimport Button from '../../atom/button';\nimport style from './upload-report.css';\n\nexport const UploadReport = ({\n  state,\n  message,\n  warningMessage,\n  type: contentType,\n  fields,\n  mode = 'upload',\n  orLabel,\n  buttonTitle,\n  primaryColor,\n  onDelete\n}) => {\n  const handleDelete = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onDelete && onDelete(e);\n    },\n    [onDelete]\n  );\n\n  const stopPropagationHandler = useCallback(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  const SuccessMessage = () => (\n    <div>\n      <span className={style.emoticon}>🎉</span>\n      <p className={style.message}>{message}</p>\n    </div>\n  );\n  const ErrorMessage = () => (\n    <div>\n      <div>\n        <span className={style.emoticon}>🥺</span>\n        <p className={style.message}>{message}</p>\n      </div>\n      <div>\n        <Button\n          data-name=\"cta\"\n          type=\"link\"\n          submitValue={buttonTitle}\n          className={style.selectButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n  const showMessage = ['success', 'error'].includes(state);\n\n  const fileName = pipe(head, getOr('', 'value'), split('/'), last)(fields);\n  const fileView = fileName ? (\n    <div className={style.fileWrapper}>\n      <div className={style.fileName} title={fileName}>\n        {fileName}\n      </div>\n      {isEmpty(warningMessage) ? (\n        <Validated className={style.validateIcon} />\n      ) : (\n        <div className={style.warning}>\n          <div className={style.showToolTip}>\n            <span>{warningMessage}</span>\n          </div>\n          <div className={style.warningIcon}>\n            <WarnIcon width={11} height={11} />\n          </div>\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className={style.emptyFileWrapper} />\n  );\n  const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;\n  const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;\n  const buildField = (field, index) => <InputText {...field} key={index} theme={'cockpit'} />;\n  const deleteView = onDelete ? (\n    <div onClick={handleDelete} className={classnames(style.actionIcon, style.trashIcon)}>\n      <TrashIcon width={20} height={20} />\n    </div>\n  ) : null;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  return (\n    <div className={style.reportingContainer}>\n      <div className={style.reportHeader} onClick={stopPropagationHandler}>\n        <div className={style.iconContainer} style={{backgroundColor: iconColor}}>\n          <div className={style.oval}>\n            <IconType className={style.iconHeader} color={iconColor} />\n          </div>\n        </div>\n        {fileView}\n        {deleteView}\n      </div>\n      <div className={style.reportContainer} onClick={stopPropagationHandler}>\n        {state === 'success' ? <SuccessMessage /> : null}\n        {state === 'error' ? <ErrorMessage /> : null}\n        {mode === 'edit' && !showMessage ? <div>{fieldsList}</div> : null}\n        {mode === 'edit' && !showMessage ? <span className={style.or}>{orLabel}</span> : null}\n      </div>\n      {!showMessage ? (\n        <div className={style.drop}>\n          <p className={style.message}>{message}</p>\n          <Button\n            data-name=\"cta\"\n            type=\"link\"\n            submitValue={buttonTitle}\n            className={style.selectButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default UploadReport;\n\nUploadReport.propTypes = {\n  state: PropTypes.string.isRequired,\n  message: PropTypes.string.isRequired,\n  warningMessage: PropTypes.string,\n  orLabel: PropTypes.string,\n  type: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string,\n  onDelete: PropTypes.func\n};\n"],"file":"upload-report.js"}
+{"version":3,"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"names":["UploadReport","state","message","warningMessage","type","contentType","fields","mode","orLabel","buttonTitle","primaryColor","onDelete","handleDelete","e","stopPropagation","preventDefault","stopPropagationHandler","SuccessMessage","style","emoticon","ErrorMessage","selectButton","backgroundColor","showMessage","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","buildField","field","index","deleteView","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","propTypes","PropTypes","string","isRequired","arrayOf","shape","InputText","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyValidate as Validated,\n  NovaLineContentEditionBin as TrashIcon,\n  NovaCompositionCoorpacademyWarn as WarnIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport {pipe, split, last, map, head, getOr, isEmpty, includes} from 'lodash/fp';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport InputText from '../../atom/input-text';\n\nimport Button from '../../atom/button';\nimport style from './upload-report.css';\n\nexport const UploadReport = ({\n  state,\n  message,\n  warningMessage,\n  type: contentType,\n  fields,\n  mode = 'upload',\n  orLabel,\n  buttonTitle,\n  primaryColor,\n  onDelete\n}) => {\n  const handleDelete = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onDelete && onDelete(e);\n    },\n    [onDelete]\n  );\n\n  const stopPropagationHandler = useCallback(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  const SuccessMessage = () => (\n    <div>\n      <span className={style.emoticon}>🎉</span>\n      <p className={style.message}>{message}</p>\n    </div>\n  );\n  const ErrorMessage = () => (\n    <div>\n      <div>\n        <span className={style.emoticon}>🥺</span>\n        <p className={style.message}>{message}</p>\n      </div>\n      <div>\n        <Button\n          data-name=\"cta\"\n          type=\"link\"\n          submitValue={buttonTitle}\n          className={style.selectButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n  const showMessage = includes(state, ['success', 'error']);\n\n  const fileName = pipe(head, getOr('', 'value'), split('/'), last)(fields);\n  const fileView = fileName ? (\n    <div className={style.fileWrapper}>\n      <div className={style.fileName} title={fileName}>\n        {fileName}\n      </div>\n      {isEmpty(warningMessage) ? (\n        <Validated className={style.validateIcon} />\n      ) : (\n        <div className={style.warning}>\n          <div className={style.showToolTip}>\n            <span>{warningMessage}</span>\n          </div>\n          <div className={style.warningIcon}>\n            <WarnIcon width={11} height={11} />\n          </div>\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className={style.emptyFileWrapper} />\n  );\n  const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;\n  const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;\n  const buildField = (field, index) => <InputText {...field} key={index} theme={'cockpit'} />;\n  const deleteView = onDelete ? (\n    <div onClick={handleDelete} className={classnames(style.actionIcon, style.trashIcon)}>\n      <TrashIcon width={20} height={20} />\n    </div>\n  ) : null;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  return (\n    <div className={style.reportingContainer}>\n      <div className={style.reportHeader} onClick={stopPropagationHandler}>\n        <div className={style.iconContainer} style={{backgroundColor: iconColor}}>\n          <div className={style.oval}>\n            <IconType className={style.iconHeader} color={iconColor} />\n          </div>\n        </div>\n        {fileView}\n        {deleteView}\n      </div>\n      <div className={style.reportContainer} onClick={stopPropagationHandler}>\n        {state === 'success' ? <SuccessMessage /> : null}\n        {state === 'error' ? <ErrorMessage /> : null}\n        {mode === 'edit' && !showMessage ? <div>{fieldsList}</div> : null}\n        {mode === 'edit' && !showMessage ? <span className={style.or}>{orLabel}</span> : null}\n      </div>\n      {!showMessage ? (\n        <div className={style.drop}>\n          <p className={style.message}>{message}</p>\n          <Button\n            data-name=\"cta\"\n            type=\"link\"\n            submitValue={buttonTitle}\n            className={style.selectButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default UploadReport;\n\nUploadReport.propTypes = {\n  state: PropTypes.string.isRequired,\n  message: PropTypes.string.isRequired,\n  warningMessage: PropTypes.string,\n  orLabel: PropTypes.string,\n  type: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string,\n  onDelete: PropTypes.func\n};\n"],"file":"upload-report.js"}

package/lib/molecule/external-content-viewer/index.js

@@ -3,10 +3,12 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _startsWith2 = _interopRequireDefault(require("lodash/fp/startsWith"));
-
 var _react = _interopRequireDefault(require("react"));
 
+var _startsWith = _interopRequireDefault(require("lodash/fp/startsWith"));
+
+var _includes = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _style = _interopRequireDefault(require("./style.css"));
@@ -29,9 +31,9 @@ function ExternalContentViewer(props) {
     contentType,
     mode = 'default'
   } = props;
-  const isPdf = url.includes('.pdf');
+  const isPdf = (0, _includes.default)('.pdf', url);
   const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;
-  return (0, _startsWith2.default)('audio', contentType) ? /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _startsWith.default)('audio', contentType) ? /*#__PURE__*/_react.default.createElement("div", {
     className: podcastWrapperStyle[mode]
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.bgPodcast,

package/lib/molecule/external-content-viewer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/external-content-viewer/index.js"],"names":["podcastWrapperStyle","default","style","podcastWrapper","cockpit","podcastWrapperCockpit","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","includes","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;AAEA,MAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEC,eAAMC,cADW;AAE1BC,EAAAA,OAAO,EAAEF,eAAMG;AAFW,CAA5B;AAKA,MAAMC,WAAW,GAAG;AAClBL,EAAAA,OAAO,EAAEC,eAAMK,MADG;AAElBH,EAAAA,OAAO,EAAEF,eAAMM;AAFG,CAApB;;AAKA,SAASC,qBAAT,CAA+BC,KAA/B,EAAsC;AACpC,QAAM;AAACC,IAAAA,GAAD;AAAMC,IAAAA,kBAAN;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,IAAI,GAAG;AAA9C,MAA2DJ,KAAjE;AACA,QAAMK,KAAK,GAAGJ,GAAG,CAACK,QAAJ,CAAa,MAAb,CAAd;AACA,QAAMC,YAAY,GAAI,6DAA4DN,GAAI,EAAtF;AAEA,SAAO,0BAAW,OAAX,EAAoBE,WAApB,iBACL;AAAK,IAAA,SAAS,EAAEb,mBAAmB,CAACc,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEZ,eAAMgB,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEP,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEV,eAAMkB,OADnB;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,YAAY,EAAC,YAHf;AAIE,IAAA,QAAQ,EAAC,EAJX;AAKE,IAAA,IAAI,EAAC,OALP;AAME,iBAAU,0BANZ;AAOE,IAAA,OAAO,EAAC;AAPV,kBASE;AAAQ,IAAA,GAAG,EAAET,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,IATF,CALF,CADK,gBAmBL;AACE,IAAA,GAAG,EAAEE,KAAK,GAAGE,YAAH,GAAkBN,GAD9B;AAEE,IAAA,WAAW,EAAE,CAFf;AAGE,IAAA,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;AAIE,IAAA,eAAe,MAJjB;AAKE,iBAAU;AALZ,IAnBF;AA2BD;;AAEDL,qBAAqB,CAACY,SAAtB,2CAAkC;AAChCV,EAAAA,GAAG,EAAEW,mBAAUC,MAAV,CAAiBC,UADU;AAEhCZ,EAAAA,kBAAkB,EAAEU,mBAAUC,MAFE;AAGhCV,EAAAA,WAAW,EAAES,mBAAUC,MAHS;AAIhCT,EAAAA,IAAI,EAAEQ,mBAAUC;AAJgB,CAAlC;eAOed,qB","sourcesContent":["import React from 'react';\nimport {startsWith} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = url.includes('.pdf');\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/external-content-viewer/index.js"],"names":["podcastWrapperStyle","default","style","podcastWrapper","cockpit","podcastWrapperCockpit","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEC,eAAMC,cADW;AAE1BC,EAAAA,OAAO,EAAEF,eAAMG;AAFW,CAA5B;AAKA,MAAMC,WAAW,GAAG;AAClBL,EAAAA,OAAO,EAAEC,eAAMK,MADG;AAElBH,EAAAA,OAAO,EAAEF,eAAMM;AAFG,CAApB;;AAKA,SAASC,qBAAT,CAA+BC,KAA/B,EAAsC;AACpC,QAAM;AAACC,IAAAA,GAAD;AAAMC,IAAAA,kBAAN;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,IAAI,GAAG;AAA9C,MAA2DJ,KAAjE;AACA,QAAMK,KAAK,GAAG,uBAAS,MAAT,EAAiBJ,GAAjB,CAAd;AACA,QAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAtF;AAEA,SAAO,yBAAW,OAAX,EAAoBE,WAApB,iBACL;AAAK,IAAA,SAAS,EAAEb,mBAAmB,CAACc,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEZ,eAAMe,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEV,eAAMiB,OADnB;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,YAAY,EAAC,YAHf;AAIE,IAAA,QAAQ,EAAC,EAJX;AAKE,IAAA,IAAI,EAAC,OALP;AAME,iBAAU,0BANZ;AAOE,IAAA,OAAO,EAAC;AAPV,kBASE;AAAQ,IAAA,GAAG,EAAER,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,IATF,CALF,CADK,gBAmBL;AACE,IAAA,GAAG,EAAEE,KAAK,GAAGC,YAAH,GAAkBL,GAD9B;AAEE,IAAA,WAAW,EAAE,CAFf;AAGE,IAAA,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;AAIE,IAAA,eAAe,MAJjB;AAKE,iBAAU;AALZ,IAnBF;AA2BD;;AAEDL,qBAAqB,CAACW,SAAtB,2CAAkC;AAChCT,EAAAA,GAAG,EAAEU,mBAAUC,MAAV,CAAiBC,UADU;AAEhCX,EAAAA,kBAAkB,EAAES,mBAAUC,MAFE;AAGhCT,EAAAA,WAAW,EAAEQ,mBAAUC,MAHS;AAIhCR,EAAAA,IAAI,EAAEO,mBAAUC;AAJgB,CAAlC;eAOeb,qB","sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"file":"index.js"}

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

@@ -3,20 +3,18 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+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 }; }
 
-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,23 +95,25 @@ const QuickAccessCard = (props, context) => {
     title,
     description,
     feature,
-    onClick,
-    _blank
+    href,
+    openInNewTab = false
   } = props;
   const {
     iconColor,
     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, {
+  const newTabOnClick = openInNewTab ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyOpenInNewTab, {
     className: _style.default.newTabIcon
   }) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-name": "card",
+    "data-name": "quick-access-card",
     "data-type": feature,
-    className: _style.default.quickAccess,
-    onClick: handleClick
+    className: _style.default.quickAccess
+  }, /*#__PURE__*/_react.default.createElement(_link.default, {
+    href: href,
+    target: openInNewTab ? '_blank' : '_self',
+    className: _style.default.link
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       background: `radial-gradient(62.12% 56.45% at 0% 77.29%, 
@@ -151,14 +151,14 @@ 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,
-  _blank: _propTypes.default.bool,
+  href: _propTypes.default.string,
+  openInNewTab: _propTypes.default.bool,
   feature: _propTypes.default.oneOf(['analytics', 'cms', 'cockpit', 'massive_battle', 'manage_email', 'dashboard', 'look_and_feel', 'manage_users', 'upload_users'])
 } : {};
 var _default = QuickAccessCard;

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","openInNewTab","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 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"],"file":"index.js"}

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

@@ -9,6 +9,10 @@
   position: relative;
 }
 
+.link {
+  color: inherit;
+}
+
 .content {
   height: 100%;
   border-radius: 8px;

package/lib/molecule/quick-access-card/test/fixtures/analytics.js

@@ -8,7 +8,7 @@ var _default = {
     description: 'Access to the analytics page on your platform',
     _blank: true,
     feature: 'analytics',
-    onClick: () => console.log('click everywhere')
+    href: 'https://onboarding.coorpacademy.com'
   }
 };
 exports.default = _default;

package/lib/molecule/quick-access-card/test/fixtures/analytics.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/analytics.js"],"names":["props","title","description","_blank","feature","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,eADF;AAELC,IAAAA,WAAW,EAAE,+CAFR;AAGLC,IAAAA,MAAM,EAAE,IAHH;AAILC,IAAAA,OAAO,EAAE,WAJJ;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ;AALV;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'See analytics',\n    description: 'Access to the analytics page on your platform',\n    _blank: true,\n    feature: 'analytics',\n    onClick: () => console.log('click everywhere')\n  }\n};\n"],"file":"analytics.js"}
+{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/analytics.js"],"names":["props","title","description","_blank","feature","href"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,eADF;AAELC,IAAAA,WAAW,EAAE,+CAFR;AAGLC,IAAAA,MAAM,EAAE,IAHH;AAILC,IAAAA,OAAO,EAAE,WAJJ;AAKLC,IAAAA,IAAI,EAAE;AALD;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'See analytics',\n    description: 'Access to the analytics page on your platform',\n    _blank: true,\n    feature: 'analytics',\n    href: 'https://onboarding.coorpacademy.com'\n  }\n};\n"],"file":"analytics.js"}

package/lib/molecule/quick-access-card/test/fixtures/default.js

@@ -6,9 +6,9 @@ var _default = {
   props: {
     title: 'Create course',
     description: 'Access to cockpit to create courses',
-    _blank: true,
+    openInNewTab: true,
     feature: 'cockpit',
-    onClick: () => console.log('click everywhere')
+    href: 'https://cockpit.coorpacademy.com'
   }
 };
 exports.default = _default;

package/lib/molecule/quick-access-card/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/default.js"],"names":["props","title","description","_blank","feature","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,eADF;AAELC,IAAAA,WAAW,EAAE,qCAFR;AAGLC,IAAAA,MAAM,EAAE,IAHH;AAILC,IAAAA,OAAO,EAAE,SAJJ;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ;AALV;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Create course',\n    description: 'Access to cockpit to create courses',\n    _blank: true,\n    feature: 'cockpit',\n    onClick: () => console.log('click everywhere')\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/default.js"],"names":["props","title","description","openInNewTab","feature","href"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,eADF;AAELC,IAAAA,WAAW,EAAE,qCAFR;AAGLC,IAAAA,YAAY,EAAE,IAHT;AAILC,IAAAA,OAAO,EAAE,SAJJ;AAKLC,IAAAA,IAAI,EAAE;AALD;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Create course',\n    description: 'Access to cockpit to create courses',\n    openInNewTab: true,\n    feature: 'cockpit',\n    href: 'https://cockpit.coorpacademy.com'\n  }\n};\n"],"file":"default.js"}

package/lib/molecule/quick-access-card/test/fixtures/look-and-feel.js

@@ -7,7 +7,7 @@ var _default = {
     title: 'Edit look & feel',
     description: 'Edit logos and colors of your platform',
     feature: 'look_and_feel',
-    onClick: () => console.log('click everywhere')
+    href: 'https://setup.coorpacademy.com'
   }
 };
 exports.default = _default;

package/lib/molecule/quick-access-card/test/fixtures/look-and-feel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/look-and-feel.js"],"names":["props","title","description","feature","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,kBADF;AAELC,IAAAA,WAAW,EAAE,wCAFR;AAGLC,IAAAA,OAAO,EAAE,eAHJ;AAILC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ;AAJV;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Edit look & feel',\n    description: 'Edit logos and colors of your platform',\n    feature: 'look_and_feel',\n    onClick: () => console.log('click everywhere')\n  }\n};\n"],"file":"look-and-feel.js"}
+{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/look-and-feel.js"],"names":["props","title","description","feature","href"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,kBADF;AAELC,IAAAA,WAAW,EAAE,wCAFR;AAGLC,IAAAA,OAAO,EAAE,eAHJ;AAILC,IAAAA,IAAI,EAAE;AAJD;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Edit look & feel',\n    description: 'Edit logos and colors of your platform',\n    feature: 'look_and_feel',\n    href: 'https://setup.coorpacademy.com'\n  }\n};\n"],"file":"look-and-feel.js"}

package/lib/molecule/quick-access-card/test/fixtures/massive-battle.js

@@ -7,7 +7,7 @@ var _default = {
     title: 'Massive battle',
     description: 'To engage your users send a "Massive Battle" to several of them',
     feature: 'massive_battle',
-    onClick: () => console.log('click everywhere')
+    href: 'https://setup.coorpacademy.com'
   }
 };
 exports.default = _default;

package/lib/molecule/quick-access-card/test/fixtures/massive-battle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/massive-battle.js"],"names":["props","title","description","feature","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,gBADF;AAELC,IAAAA,WAAW,EAAE,iEAFR;AAGLC,IAAAA,OAAO,EAAE,gBAHJ;AAILC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ;AAJV;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Massive battle',\n    description: 'To engage your users send a \"Massive Battle\" to several of them',\n    feature: 'massive_battle',\n    onClick: () => console.log('click everywhere')\n  }\n};\n"],"file":"massive-battle.js"}
+{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/massive-battle.js"],"names":["props","title","description","feature","href"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,gBADF;AAELC,IAAAA,WAAW,EAAE,iEAFR;AAGLC,IAAAA,OAAO,EAAE,gBAHJ;AAILC,IAAAA,IAAI,EAAE;AAJD;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Massive battle',\n    description: 'To engage your users send a \"Massive Battle\" to several of them',\n    feature: 'massive_battle',\n    href: 'https://setup.coorpacademy.com'\n  }\n};\n"],"file":"massive-battle.js"}

package/lib/molecule/quick-access-card/test/fixtures/upload-users.js

@@ -7,7 +7,7 @@ var _default = {
     title: 'Upload Users',
     description: 'Upload new users on your learning platform',
     feature: 'upload_users',
-    onClick: () => console.log('click everywhere')
+    href: 'https://setup.coorpacademy.com'
   }
 };
 exports.default = _default;

package/lib/molecule/quick-access-card/test/fixtures/upload-users.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/upload-users.js"],"names":["props","title","description","feature","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,cADF;AAELC,IAAAA,WAAW,EAAE,4CAFR;AAGLC,IAAAA,OAAO,EAAE,cAHJ;AAILC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ;AAJV;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Upload Users',\n    description: 'Upload new users on your learning platform',\n    feature: 'upload_users',\n    onClick: () => console.log('click everywhere')\n  }\n};\n"],"file":"upload-users.js"}
+{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/upload-users.js"],"names":["props","title","description","feature","href"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,cADF;AAELC,IAAAA,WAAW,EAAE,4CAFR;AAGLC,IAAAA,OAAO,EAAE,cAHJ;AAILC,IAAAA,IAAI,EAAE;AAJD;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Upload Users',\n    description: 'Upload new users on your learning platform',\n    feature: 'upload_users',\n    href: 'https://setup.coorpacademy.com'\n  }\n};\n"],"file":"upload-users.js"}

package/lib/organism/brand-dashboard/test/fixtures.js

@@ -10,7 +10,15 @@ var _ = _interopRequireDefault(require(".."));
 
 var _default = _interopRequireDefault(require("./fixtures/default"));
 
-var _threeCards = _interopRequireDefault(require("./fixtures/three-cards"));
+var _error = _interopRequireDefault(require("./fixtures/error"));
+
+var _loading = _interopRequireDefault(require("./fixtures/loading"));
+
+var _selectedError = _interopRequireDefault(require("./fixtures/selected-error"));
+
+var _selectedLoading = _interopRequireDefault(require("./fixtures/selected-loading"));
+
+var _selected = _interopRequireDefault(require("./fixtures/selected"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -21,5 +29,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   });
 });
 (0, _ava.default)('Organism › OrganismBrandDashboard › Default › should be rendered', _renderComponent.default, _.default, _default.default);
-(0, _ava.default)('Organism › OrganismBrandDashboard › ThreeCards › should be rendered', _renderComponent.default, _.default, _threeCards.default);
+(0, _ava.default)('Organism › OrganismBrandDashboard › Error › should be rendered', _renderComponent.default, _.default, _error.default);
+(0, _ava.default)('Organism › OrganismBrandDashboard › Loading › should be rendered', _renderComponent.default, _.default, _loading.default);
+(0, _ava.default)('Organism › OrganismBrandDashboard › SelectedError › should be rendered', _renderComponent.default, _.default, _selectedError.default);
+(0, _ava.default)('Organism › OrganismBrandDashboard › SelectedLoading › should be rendered', _renderComponent.default, _.default, _selectedLoading.default);
+(0, _ava.default)('Organism › OrganismBrandDashboard › Selected › should be rendered', _renderComponent.default, _.default, _selected.default);
 //# sourceMappingURL=fixtures.js.map

package/lib/organism/brand-dashboard/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/organism/brand-dashboard/test/fixtures.js"],"names":["t","pass","OrganismBrandDashboard","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureThreeCards"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iEAAL,EAAwEA,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,kEAAL,EAAyEG,wBAAzE,EAA+FN,SAA/F,EAAuHO,gBAAvH;AACA,kBAAK,qEAAL,EAA4ED,wBAA5E,EAAkGN,SAAlG,EAA0HQ,mBAA1H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismBrandDashboard from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureThreeCards from './fixtures/three-cards';\n\ntest('Organism › OrganismBrandDashboard > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismBrandDashboard.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismBrandDashboard.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismBrandDashboard › Default › should be rendered', renderComponentMacro, OrganismBrandDashboard, fixtureDefault);\ntest('Organism › OrganismBrandDashboard › ThreeCards › should be rendered', renderComponentMacro, OrganismBrandDashboard, fixtureThreeCards);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/organism/brand-dashboard/test/fixtures.js"],"names":["t","pass","OrganismBrandDashboard","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureError","fixtureLoading","fixtureSelectedError","fixtureSelectedLoading","fixtureSelected"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iEAAL,EAAwEA,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,kEAAL,EAAyEG,wBAAzE,EAA+FN,SAA/F,EAAuHO,gBAAvH;AACA,kBAAK,gEAAL,EAAuED,wBAAvE,EAA6FN,SAA7F,EAAqHQ,cAArH;AACA,kBAAK,kEAAL,EAAyEF,wBAAzE,EAA+FN,SAA/F,EAAuHS,gBAAvH;AACA,kBAAK,wEAAL,EAA+EH,wBAA/E,EAAqGN,SAArG,EAA6HU,sBAA7H;AACA,kBAAK,0EAAL,EAAiFJ,wBAAjF,EAAuGN,SAAvG,EAA+HW,wBAA/H;AACA,kBAAK,mEAAL,EAA0EL,wBAA1E,EAAgGN,SAAhG,EAAwHY,iBAAxH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismBrandDashboard from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureError from './fixtures/error';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureSelectedError from './fixtures/selected-error';\nimport fixtureSelectedLoading from './fixtures/selected-loading';\nimport fixtureSelected from './fixtures/selected';\n\ntest('Organism › OrganismBrandDashboard > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismBrandDashboard.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismBrandDashboard.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismBrandDashboard › Default › should be rendered', renderComponentMacro, OrganismBrandDashboard, fixtureDefault);\ntest('Organism › OrganismBrandDashboard › Error › should be rendered', renderComponentMacro, OrganismBrandDashboard, fixtureError);\ntest('Organism › OrganismBrandDashboard › Loading › should be rendered', renderComponentMacro, OrganismBrandDashboard, fixtureLoading);\ntest('Organism › OrganismBrandDashboard › SelectedError › should be rendered', renderComponentMacro, OrganismBrandDashboard, fixtureSelectedError);\ntest('Organism › OrganismBrandDashboard › SelectedLoading › should be rendered', renderComponentMacro, OrganismBrandDashboard, fixtureSelectedLoading);\ntest('Organism › OrganismBrandDashboard › Selected › should be rendered', renderComponentMacro, OrganismBrandDashboard, fixtureSelected);\n"],"file":"fixtures.js"}

package/lib/organism/mooc-footer/style.css

@@ -340,9 +340,8 @@
     width: 100%;
     height: 1px;
     position: absolute;
-    bottom: -15px;
     left: 0px;
-    border-bottom: solid 2em transparent;
+    border-bottom: solid 1em transparent;
     box-shadow: 0 1px 0 lightBlack;
   }
 }

package/lib/organism/mooc-header/test/fixtures.js

@@ -16,12 +16,6 @@ var _loggedWithBattleNotifications = _interopRequireDefault(require("./fixtures/
 
 var _logged = _interopRequireDefault(require("./fixtures/logged"));
 
-var _mobileSmallLogoFormat = _interopRequireDefault(require("./fixtures/mobile-small-logo-format"));
-
-var _mobileWideLogoFormat = _interopRequireDefault(require("./fixtures/mobile-wide-logo-format"));
-
-var _onHeaderActionHandlers = _interopRequireDefault(require("./fixtures/on-header-action-handlers"));
-
 var _teamsFrench = _interopRequireDefault(require("./fixtures/teams-french"));
 
 var _teams = _interopRequireDefault(require("./fixtures/teams"));
@@ -40,9 +34,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _ava.default)('Organism › OrganismMoocHeader › LinkOnly › should be rendered', _renderComponent.default, _.default, _linkOnly.default);
 (0, _ava.default)('Organism › OrganismMoocHeader › LoggedWithBattleNotifications › should be rendered', _renderComponent.default, _.default, _loggedWithBattleNotifications.default);
 (0, _ava.default)('Organism › OrganismMoocHeader › Logged › should be rendered', _renderComponent.default, _.default, _logged.default);
-(0, _ava.default)('Organism › OrganismMoocHeader › MobileSmallLogoFormat › should be rendered', _renderComponent.default, _.default, _mobileSmallLogoFormat.default);
-(0, _ava.default)('Organism › OrganismMoocHeader › MobileWideLogoFormat › should be rendered', _renderComponent.default, _.default, _mobileWideLogoFormat.default);
-(0, _ava.default)('Organism › OrganismMoocHeader › OnHeaderActionHandlers › should be rendered', _renderComponent.default, _.default, _onHeaderActionHandlers.default);
 (0, _ava.default)('Organism › OrganismMoocHeader › TeamsFrench › should be rendered', _renderComponent.default, _.default, _teamsFrench.default);
 (0, _ava.default)('Organism › OrganismMoocHeader › Teams › should be rendered', _renderComponent.default, _.default, _teams.default);
 (0, _ava.default)('Organism › OrganismMoocHeader › UserChangePassword › should be rendered', _renderComponent.default, _.default, _userChangePassword.default);

package/lib/organism/mooc-header/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/organism/mooc-header/test/fixtures.js"],"names":["t","pass","OrganismMoocHeader","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureLinkOnly","fixtureLoggedWithBattleNotifications","fixtureLogged","fixtureMobileSmallLogoFormat","fixtureMobileWideLogoFormat","fixtureOnHeaderActionHandlers","fixtureTeamsFrench","fixtureTeams","fixtureUserChangePassword"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,6DAAL,EAAoEA,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAmBC,SAA3B,EAAsC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACpDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uDAAsDF,GAAI,mEAAnF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,8DAAL,EAAqEG,wBAArE,EAA2FN,SAA3F,EAA+GO,gBAA/G;AACA,kBAAK,+DAAL,EAAsED,wBAAtE,EAA4FN,SAA5F,EAAgHQ,iBAAhH;AACA,kBAAK,oFAAL,EAA2FF,wBAA3F,EAAiHN,SAAjH,EAAqIS,sCAArI;AACA,kBAAK,6DAAL,EAAoEH,wBAApE,EAA0FN,SAA1F,EAA8GU,eAA9G;AACA,kBAAK,4EAAL,EAAmFJ,wBAAnF,EAAyGN,SAAzG,EAA6HW,8BAA7H;AACA,kBAAK,2EAAL,EAAkFL,wBAAlF,EAAwGN,SAAxG,EAA4HY,6BAA5H;AACA,kBAAK,6EAAL,EAAoFN,wBAApF,EAA0GN,SAA1G,EAA8Ha,+BAA9H;AACA,kBAAK,kEAAL,EAAyEP,wBAAzE,EAA+FN,SAA/F,EAAmHc,oBAAnH;AACA,kBAAK,4DAAL,EAAmER,wBAAnE,EAAyFN,SAAzF,EAA6Ge,cAA7G;AACA,kBAAK,yEAAL,EAAgFT,wBAAhF,EAAsGN,SAAtG,EAA0HgB,2BAA1H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismMoocHeader from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLinkOnly from './fixtures/link-only';\nimport fixtureLoggedWithBattleNotifications from './fixtures/logged-with-battle-notifications';\nimport fixtureLogged from './fixtures/logged';\nimport fixtureMobileSmallLogoFormat from './fixtures/mobile-small-logo-format';\nimport fixtureMobileWideLogoFormat from './fixtures/mobile-wide-logo-format';\nimport fixtureOnHeaderActionHandlers from './fixtures/on-header-action-handlers';\nimport fixtureTeamsFrench from './fixtures/teams-french';\nimport fixtureTeams from './fixtures/teams';\nimport fixtureUserChangePassword from './fixtures/user-change-password';\n\ntest('Organism › OrganismMoocHeader > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismMoocHeader.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismMoocHeader.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismMoocHeader › Default › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureDefault);\ntest('Organism › OrganismMoocHeader › LinkOnly › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureLinkOnly);\ntest('Organism › OrganismMoocHeader › LoggedWithBattleNotifications › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureLoggedWithBattleNotifications);\ntest('Organism › OrganismMoocHeader › Logged › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureLogged);\ntest('Organism › OrganismMoocHeader › MobileSmallLogoFormat › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureMobileSmallLogoFormat);\ntest('Organism › OrganismMoocHeader › MobileWideLogoFormat › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureMobileWideLogoFormat);\ntest('Organism › OrganismMoocHeader › OnHeaderActionHandlers › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureOnHeaderActionHandlers);\ntest('Organism › OrganismMoocHeader › TeamsFrench › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureTeamsFrench);\ntest('Organism › OrganismMoocHeader › Teams › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureTeams);\ntest('Organism › OrganismMoocHeader › UserChangePassword › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureUserChangePassword);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/organism/mooc-header/test/fixtures.js"],"names":["t","pass","OrganismMoocHeader","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureLinkOnly","fixtureLoggedWithBattleNotifications","fixtureLogged","fixtureTeamsFrench","fixtureTeams","fixtureUserChangePassword"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,6DAAL,EAAoEA,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAmBC,SAA3B,EAAsC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACpDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uDAAsDF,GAAI,mEAAnF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,8DAAL,EAAqEG,wBAArE,EAA2FN,SAA3F,EAA+GO,gBAA/G;AACA,kBAAK,+DAAL,EAAsED,wBAAtE,EAA4FN,SAA5F,EAAgHQ,iBAAhH;AACA,kBAAK,oFAAL,EAA2FF,wBAA3F,EAAiHN,SAAjH,EAAqIS,sCAArI;AACA,kBAAK,6DAAL,EAAoEH,wBAApE,EAA0FN,SAA1F,EAA8GU,eAA9G;AACA,kBAAK,kEAAL,EAAyEJ,wBAAzE,EAA+FN,SAA/F,EAAmHW,oBAAnH;AACA,kBAAK,4DAAL,EAAmEL,wBAAnE,EAAyFN,SAAzF,EAA6GY,cAA7G;AACA,kBAAK,yEAAL,EAAgFN,wBAAhF,EAAsGN,SAAtG,EAA0Ha,2BAA1H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismMoocHeader from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLinkOnly from './fixtures/link-only';\nimport fixtureLoggedWithBattleNotifications from './fixtures/logged-with-battle-notifications';\nimport fixtureLogged from './fixtures/logged';\nimport fixtureTeamsFrench from './fixtures/teams-french';\nimport fixtureTeams from './fixtures/teams';\nimport fixtureUserChangePassword from './fixtures/user-change-password';\n\ntest('Organism › OrganismMoocHeader > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismMoocHeader.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismMoocHeader.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismMoocHeader › Default › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureDefault);\ntest('Organism › OrganismMoocHeader › LinkOnly › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureLinkOnly);\ntest('Organism › OrganismMoocHeader › LoggedWithBattleNotifications › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureLoggedWithBattleNotifications);\ntest('Organism › OrganismMoocHeader › Logged › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureLogged);\ntest('Organism › OrganismMoocHeader › TeamsFrench › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureTeamsFrench);\ntest('Organism › OrganismMoocHeader › Teams › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureTeams);\ntest('Organism › OrganismMoocHeader › UserChangePassword › should be rendered', renderComponentMacro, OrganismMoocHeader, fixtureUserChangePassword);\n"],"file":"fixtures.js"}

package/lib/template/back-office/brand-update/test/fixtures.js

@@ -52,8 +52,6 @@ var _manageusersList = _interopRequireDefault(require("./fixtures/manageusers-li
 
 var _manageusers = _interopRequireDefault(require("./fixtures/manageusers"));
 
-var _quickAccess = _interopRequireDefault(require("./fixtures/quick-access"));
-
 var _ssoActivate = _interopRequireDefault(require("./fixtures/sso-activate"));
 
 var _sso = _interopRequireDefault(require("./fixtures/sso"));
@@ -94,7 +92,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › ManageusersEdit › should be rendered', _renderComponent.default, _.default, _manageusersEdit.default);
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › ManageusersList › should be rendered', _renderComponent.default, _.default, _manageusersList.default);
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Manageusers › should be rendered', _renderComponent.default, _.default, _manageusers.default);
-(0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › QuickAccess › should be rendered', _renderComponent.default, _.default, _quickAccess.default);
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › SsoActivate › should be rendered', _renderComponent.default, _.default, _ssoActivate.default);
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Sso › should be rendered', _renderComponent.default, _.default, _sso.default);
 (0, _ava.default)('TemplateBackOffice › TemplateBackOfficeBrandUpdate › UploadusersLoading › should be rendered', _renderComponent.default, _.default, _uploadusersLoading.default);