@coorpacademy/components 11.32.52-alpha.65 → 11.33.0

package/es/molecule/questions/qcm-graphic/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","QCMImage","props","legacyContext","answers","groupAriaLabel","skin","primarySkinColor","answersViews","map","answer","key","onClick","title","selected","image","ariaLabel","checkboxId","boxShadow","backgroundColor","background","content","imageWrapper","backgroundImage","titleWrapper","innerHTML","hiddenCheckbox","wrapper","contextTypes","childContextTypes","propTypes","arrayOf","shape","string","bool","func"],"sources":["../../../../src/molecule/questions/qcm-graphic/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport {getShadowBoxColorFromPrimary} from '../../../util/get-shadow-box-color-from-primary';\nimport style from './style.css';\n\nconst QCMImage = (props, legacyContext) => {\n  const {answers, groupAriaLabel} = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const answersViews = answers.map((answer, key) => {\n    const {onClick, title, selected, image, ariaLabel} = answer;\n    const checkboxId = `checkbox-graphic-${key}`;\n\n    return (\n      <div\n        onClick={onClick}\n        data-selected={selected}\n        data-name=\"answerGraphic\"\n        style={{\n          ...(selected && {\n            boxShadow: `0 4px 16px ${getShadowBoxColorFromPrimary(primarySkinColor)}`\n          })\n        }}\n        className={selected ? style.selected : style.answer}\n        key={key}\n      >\n        <div\n          data-name=\"answerBackground\"\n          style={{\n            backgroundColor: selected ? primarySkinColor : '#F4F4F5'\n          }}\n          className={style.background}\n        />\n        <div data-name=\"answerContent\" className={style.content}>\n          <div\n            className={style.imageWrapper}\n            data-name=\"answerImage\"\n            aria-label={ariaLabel || title}\n            title={ariaLabel || title}\n            style={{\n              backgroundImage: `url(${image})`\n            }}\n          />\n          <div data-name=\"answerText\" className={style.titleWrapper}>\n            <div title={title} className={classnames(style.title, style.innerHTML)}>\n              <label htmlFor={checkboxId}>\n                <input\n                  id={checkboxId}\n                  type=\"checkbox\"\n                  value={title}\n                  title={title}\n                  aria-label={title}\n                  checked={selected}\n                  onChange={onClick}\n                  className={style.hiddenCheckbox}\n                />\n                {title}\n              </label>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  });\n\n  return (\n    <div\n      data-name=\"qcm-graphic-wrapper\"\n      className={style.wrapper}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n      title={groupAriaLabel}\n    >\n      {answersViews}\n    </div>\n  );\n};\n\nQCMImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQCMImage.propTypes = {\n  answers: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      selected: PropTypes.bool,\n      onClick: PropTypes.func,\n      image: PropTypes.string,\n      ariaLabel: PropTypes.string\n    })\n  ),\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QCMImage;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","QCMImage","props","legacyContext","answers","groupAriaLabel","skin","primarySkinColor","_getOr","answersViews","map","answer","key","onClick","title","selected","image","ariaLabel","checkboxId","createElement","boxShadow","className","backgroundColor","background","content","imageWrapper","backgroundImage","titleWrapper","innerHTML","htmlFor","id","type","value","checked","onChange","hiddenCheckbox","wrapper","role","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","arrayOf","shape","string","bool","func"],"sources":["../../../../src/molecule/questions/qcm-graphic/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport {getShadowBoxColorFromPrimary} from '../../../util/get-shadow-box-color-from-primary';\nimport style from './style.css';\n\nconst QCMImage = (props, legacyContext) => {\n  const {answers, groupAriaLabel} = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const answersViews = answers.map((answer, key) => {\n    const {onClick, title, selected, image, ariaLabel} = answer;\n    const checkboxId = `checkbox-graphic-${key}`;\n\n    return (\n      <div\n        onClick={onClick}\n        data-selected={selected}\n        data-name=\"answerGraphic\"\n        style={{\n          ...(selected && {\n            boxShadow: `0 4px 16px ${getShadowBoxColorFromPrimary(primarySkinColor)}`\n          })\n        }}\n        className={selected ? style.selected : style.answer}\n        key={key}\n      >\n        <div\n          data-name=\"answerBackground\"\n          style={{\n            backgroundColor: selected ? primarySkinColor : '#F4F4F5'\n          }}\n          className={style.background}\n        />\n        <div data-name=\"answerContent\" className={style.content}>\n          <div\n            className={style.imageWrapper}\n            data-name=\"answerImage\"\n            aria-label={ariaLabel || title}\n            title={ariaLabel || title}\n            style={{\n              backgroundImage: `url(${image})`\n            }}\n          />\n          <div data-name=\"answerText\" className={style.titleWrapper}>\n            <div title={title} className={classnames(style.title, style.innerHTML)}>\n              <label htmlFor={checkboxId}>\n                <input\n                  id={checkboxId}\n                  type=\"checkbox\"\n                  value={title}\n                  title={title}\n                  aria-label={title}\n                  checked={selected}\n                  onChange={onClick}\n                  className={style.hiddenCheckbox}\n                />\n                {title}\n              </label>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  });\n\n  return (\n    <div\n      data-name=\"qcm-graphic-wrapper\"\n      className={style.wrapper}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n      title={groupAriaLabel}\n    >\n      {answersViews}\n    </div>\n  );\n};\n\nQCMImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQCMImage.propTypes = {\n  answers: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      selected: PropTypes.bool,\n      onClick: PropTypes.func,\n      image: PropTypes.string,\n      ariaLabel: PropTypes.string\n    })\n  ),\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QCMImage;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/questions/question-range/index.js

@@ -1,30 +1,20 @@
 import _getOr from "lodash/fp/getOr";
-const _excluded = ["title", "minLabel", "maxLabel", "groupAriaLabel"];
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Provider, { GetSkinFromContext } from '../../../atom/provider';
 import Range from '../../../atom/range';
 import style from './style.css';
-
 const QuestionRange = (props, legacyContext) => {
   const {
     title,
     minLabel,
     maxLabel,
-    groupAriaLabel
-  } = props,
-        rangeProps = _objectWithoutPropertiesLoose(props, _excluded);
-
+    groupAriaLabel,
+    ...rangeProps
+  } = props;
   const skin = GetSkinFromContext(legacyContext);
-
   const defaultColor = _getOr('#00B0FF', 'common.primary', skin);
-
   const titleStyle = {
     color: defaultColor
   };
@@ -35,7 +25,8 @@ const QuestionRange = (props, legacyContext) => {
     title: groupAriaLabel
   }, /*#__PURE__*/React.createElement("span", {
     style: titleStyle,
-    className: classnames(style.title, style.innerHTML) // eslint-disable-next-line react/no-danger
+    className: classnames(style.title, style.innerHTML)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -43,28 +34,30 @@ const QuestionRange = (props, legacyContext) => {
   }), /*#__PURE__*/React.createElement(Range, rangeProps), /*#__PURE__*/React.createElement("div", {
     className: style.labelWrapper
   }, /*#__PURE__*/React.createElement("span", {
-    className: classnames(style.label, style.innerHTML) // eslint-disable-next-line react/no-danger
+    className: classnames(style.label, style.innerHTML)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: minLabel
     }
   }), /*#__PURE__*/React.createElement("span", {
-    className: classnames(style.label, style.innerHTML) // eslint-disable-next-line react/no-danger
+    className: classnames(style.label, style.innerHTML)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: maxLabel
     }
   })));
 };
-
 QuestionRange.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
-QuestionRange.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, Range.propTypes, {
+QuestionRange.propTypes = process.env.NODE_ENV !== "production" ? {
+  ...Range.propTypes,
   title: PropTypes.string,
   minLabel: PropTypes.string,
   maxLabel: PropTypes.string,
   groupAriaLabel: PropTypes.string
-}) : {};
+} : {};
 export default QuestionRange;
 //# sourceMappingURL=index.js.map

package/es/molecule/questions/question-range/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","GetSkinFromContext","Range","style","QuestionRange","props","legacyContext","title","minLabel","maxLabel","groupAriaLabel","rangeProps","skin","defaultColor","titleStyle","color","wrapper","innerHTML","__html","labelWrapper","label","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../../src/molecule/questions/question-range/index.js"],"sourcesContent":["import React from 'react';\nimport {getOr} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport Range from '../../../atom/range';\nimport style from './style.css';\n\nconst QuestionRange = (props, legacyContext) => {\n  const {title, minLabel, maxLabel, groupAriaLabel, ...rangeProps} = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const titleStyle = {\n    color: defaultColor\n  };\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel} title={groupAriaLabel}>\n      <span\n        style={titleStyle}\n        className={classnames(style.title, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n      <Range {...rangeProps} />\n      <div className={style.labelWrapper}>\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: minLabel}}\n        />\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: maxLabel}}\n        />\n      </div>\n    </div>\n  );\n};\n\nQuestionRange.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQuestionRange.propTypes = {\n  ...Range.propTypes,\n  title: PropTypes.string,\n  minLabel: PropTypes.string,\n  maxLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QuestionRange;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,IAAkBC,kBAAlB,QAA2C,wBAA3C;AACA,OAAOC,KAAP,MAAkB,qBAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EAC9C,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC,QAAlB;IAA4BC;EAA5B,IAA6DL,KAAnE;EAAA,MAAqDM,UAArD,iCAAmEN,KAAnE;;EAEA,MAAMO,IAAI,GAAGX,kBAAkB,CAACK,aAAD,CAA/B;;EACA,MAAMO,YAAY,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;;EAEA,MAAME,UAAU,GAAG;IACjBC,KAAK,EAAEF;EADU,CAAnB;EAIA,oBACE;IAAK,SAAS,EAAEV,KAAK,CAACa,OAAtB;IAA+B,IAAI,EAAC,OAApC;IAA4C,cAAYN,cAAxD;IAAwE,KAAK,EAAEA;EAA/E,gBACE;IACE,KAAK,EAAEI,UADT;IAEE,SAAS,EAAEf,UAAU,CAACI,KAAK,CAACI,KAAP,EAAcJ,KAAK,CAACc,SAApB,CAFvB,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEX;IAAT;EAJ3B,EADF,eAOE,oBAAC,KAAD,EAAWI,UAAX,CAPF,eAQE;IAAK,SAAS,EAAER,KAAK,CAACgB;EAAtB,gBACE;IACE,SAAS,EAAEpB,UAAU,CAACI,KAAK,CAACiB,KAAP,EAAcjB,KAAK,CAACc,SAApB,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEV;IAAT;EAH3B,EADF,eAME;IACE,SAAS,EAAET,UAAU,CAACI,KAAK,CAACiB,KAAP,EAAcjB,KAAK,CAACc,SAApB,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAT;EAH3B,EANF,CARF,CADF;AAuBD,CAjCD;;AAmCAL,aAAa,CAACiB,YAAd,GAA6B;EAC3BT,IAAI,EAAEZ,QAAQ,CAACsB,iBAAT,CAA2BV;AADN,CAA7B;AAIAR,aAAa,CAACmB,SAAd,wDACKrB,KAAK,CAACqB,SADX;EAEEhB,KAAK,EAAET,SAAS,CAAC0B,MAFnB;EAGEhB,QAAQ,EAAEV,SAAS,CAAC0B,MAHtB;EAIEf,QAAQ,EAAEX,SAAS,CAAC0B,MAJtB;EAKEd,cAAc,EAAEZ,SAAS,CAAC0B;AAL5B;AAQA,eAAepB,aAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","GetSkinFromContext","Range","style","QuestionRange","props","legacyContext","title","minLabel","maxLabel","groupAriaLabel","rangeProps","skin","defaultColor","_getOr","titleStyle","color","createElement","className","wrapper","role","innerHTML","dangerouslySetInnerHTML","__html","labelWrapper","label","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string"],"sources":["../../../../src/molecule/questions/question-range/index.js"],"sourcesContent":["import React from 'react';\nimport {getOr} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport Range from '../../../atom/range';\nimport style from './style.css';\n\nconst QuestionRange = (props, legacyContext) => {\n  const {title, minLabel, maxLabel, groupAriaLabel, ...rangeProps} = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const titleStyle = {\n    color: defaultColor\n  };\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel} title={groupAriaLabel}>\n      <span\n        style={titleStyle}\n        className={classnames(style.title, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n      <Range {...rangeProps} />\n      <div className={style.labelWrapper}>\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: minLabel}}\n        />\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: maxLabel}}\n        />\n      </div>\n    </div>\n  );\n};\n\nQuestionRange.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQuestionRange.propTypes = {\n  ...Range.propTypes,\n  title: PropTypes.string,\n  minLabel: PropTypes.string,\n  maxLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QuestionRange;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,IAAGC,kBAAkB,QAAO,wBAAwB;AACnE,OAAOC,KAAK,MAAM,qBAAqB;AACvC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,aAAa,GAAGA,CAACC,KAAK,EAAEC,aAAa,KAAK;EAC9C,MAAM;IAACC,KAAK;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,cAAc;IAAE,GAAGC;EAAU,CAAC,GAAGN,KAAK;EAExE,MAAMO,IAAI,GAAGX,kBAAkB,CAACK,aAAa,CAAC;EAC9C,MAAMO,YAAY,GAAGC,MAAA,CAAM,SAAS,EAAE,gBAAgB,EAAEF,IAAI,CAAC;EAE7D,MAAMG,UAAU,GAAG;IACjBC,KAAK,EAAEH;EACT,CAAC;EAED,oBACEhB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACgB,OAAQ;IAACC,IAAI,EAAC,OAAO;IAAC,cAAYV,cAAe;IAACH,KAAK,EAAEG;EAAe,gBAC5Fb,KAAA,CAAAoB,aAAA;IACEd,KAAK,EAAEY,UAAW;IAClBG,SAAS,EAAEnB,UAAU,CAACI,KAAK,CAACI,KAAK,EAAEJ,KAAK,CAACkB,SAAS;IAClD;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAK;EAAE,CAC1C,CAAC,eACFV,KAAA,CAAAoB,aAAA,CAACf,KAAK,EAAKS,UAAa,CAAC,eACzBd,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACqB;EAAa,gBACjC3B,KAAA,CAAAoB,aAAA;IACEC,SAAS,EAAEnB,UAAU,CAACI,KAAK,CAACsB,KAAK,EAAEtB,KAAK,CAACkB,SAAS;IAClD;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAEf;IAAQ;EAAE,CAC7C,CAAC,eACFX,KAAA,CAAAoB,aAAA;IACEC,SAAS,EAAEnB,UAAU,CAACI,KAAK,CAACsB,KAAK,EAAEtB,KAAK,CAACkB,SAAS;IAClD;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAEd;IAAQ;EAAE,CAC7C,CACE,CACF,CAAC;AAEV,CAAC;AAEDL,aAAa,CAACsB,YAAY,GAAG;EAC3Bd,IAAI,EAAEZ,QAAQ,CAAC2B,iBAAiB,CAACf;AACnC,CAAC;AAEDR,aAAa,CAACwB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACxB,GAAG7B,KAAK,CAAC0B,SAAS;EAClBrB,KAAK,EAAET,SAAS,CAACkC,MAAM;EACvBxB,QAAQ,EAAEV,SAAS,CAACkC,MAAM;EAC1BvB,QAAQ,EAAEX,SAAS,CAACkC,MAAM;EAC1BtB,cAAc,EAAEZ,SAAS,CAACkC;AAC5B,CAAC;AAED,eAAe5B,aAAa","ignoreList":[]}

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

@@ -1,53 +1,42 @@
 import _find from "lodash/fp/find";
 import _map from "lodash/fp/map";
-const _excluded = ["type"];
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import parseTemplateString from '../../../util/parse-template-string';
 import DropDown from '../drop-down';
 import FreeText from '../free-text';
 import style from './style.css';
-
 const Template = ({
   template,
   answers,
   groupAriaLabel
 }) => {
   const totalTemplate = parseTemplateString(template);
-
   const templateCompose = _map.convert({
     cap: false
   })((part, key) => {
     const type = part.type;
-
     if (type === 'string') {
       return /*#__PURE__*/React.createElement("span", {
         key: key,
-        className: style.textPart // eslint-disable-next-line react/no-danger
+        className: style.textPart
+        // eslint-disable-next-line react/no-danger
         ,
         dangerouslySetInnerHTML: {
           __html: part.value
         }
       });
     }
-
     if (type === 'answerField') {
       const field = _find({
         name: part.value
       }, answers);
-
       if (!field) return null;
-
       const {
-        type: fieldType
-      } = field,
-            fieldProps = _objectWithoutPropertiesLoose(field, _excluded);
-
+        type: fieldType,
+        ...fieldProps
+      } = field;
       const fieldView = fieldType === 'text' ? /*#__PURE__*/React.createElement(FreeText, _extends({}, fieldProps, {
         className: style.text
       })) : /*#__PURE__*/React.createElement(DropDown, _extends({}, fieldProps, {
@@ -59,7 +48,6 @@ const Template = ({
       }, fieldView);
     }
   }, totalTemplate);
-
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "template-wrapper",
     className: style.wrapper,
@@ -68,10 +56,10 @@ const Template = ({
     title: groupAriaLabel
   }, templateCompose);
 };
-
-const TextPropTypes = process.env.NODE_ENV !== "production" ? _extends({}, DropDown.propTypes, {
+const TextPropTypes = process.env.NODE_ENV !== "production" ? {
+  ...DropDown.propTypes,
   type: PropTypes.string
-}) : {};
+} : {};
 Template.propTypes = process.env.NODE_ENV !== "production" ? {
   template: PropTypes.string,
   answers: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(DropDown.propTypes), PropTypes.shape(TextPropTypes)])),

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidContentContentBookAdd","CockpitIcon","NovaSolidUsersActionsUser","ManageUserIcon","NovaSolidFilesBasicFileUpload2","UploadUserIcon","NovaSolidEmailAtSign","ManageEmailIcon","NovaSolidDesignPaintBrush2","LookAndFeelIcon","NovaSolidContentContentViewList","DashboardIcon","NovaSolidContentEditionFlash","MassiveBattleIcon","NovaSolidApplicationsWindowApplication5","CmsIcon","NovaSolidBusinessBusinessGraphLine2","AnalyticsIcon","NovaCompositionNavigationArrowRight","ActionIcon","NovaCompositionCoorpacademyOpenInNewTab","NewTabIcon","NovaLinePhoneMobilePhone","MobilePhone","NovaLineMessagesChatChatBubbleCircleQuestionMark","ChatBubbleCircleQuestionMark","NovaLineNetworkNetworkAlert","NetworkAlert","NovaLineObjectsBinoculars","Binoculaire","NovaLineContentEditionContentBook","ContentBook","Link","FaIcon","COLORS","style","cm_primary_blue","getIcon","feature","getBackgroudRadialColors","iconBackgroundColor","degrees","iconColor","QuickAccessCard","props","context","title","description","href","openInNewTab","isMoocCard","Icon","newTabOnClick","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","color","cta","iconGotoWrapper","hoverMooc","hover","iconGoto","propTypes","string","bool","oneOf"],"sources":["../../../src/molecule/quick-access-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon,\n  NovaLinePhoneMobilePhone as MobilePhone,\n  NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark,\n  NovaLineNetworkNetworkAlert as NetworkAlert,\n  NovaLineObjectsBinoculars as Binoculaire,\n  NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport FaIcon from '../../atom/icon';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst {cm_primary_blue} = COLORS;\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    case 'binoculaire':\n      return Binoculaire;\n    case 'book':\n      return ContentBook;\n    case 'network':\n      return NetworkAlert;\n    case 'chat-bubble-question':\n      return ChatBubbleCircleQuestionMark;\n    case 'mobile-phone':\n      return MobilePhone;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconBackgroundColor: '#2EC1D6',\n        degrees: '187',\n        iconColor: null\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconBackgroundColor: '#18BB98',\n        degrees: '167',\n        iconColor: null\n      };\n    case 'cockpit':\n      return {\n        iconBackgroundColor: '#FF7043',\n        degrees: '14',\n        iconColor: null\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'learning_priorities':\n    case 'cms':\n      return {\n        iconBackgroundColor: '#7340FF',\n        degrees: '256',\n        iconColor: null\n      };\n    case 'analytics':\n      return {\n        iconBackgroundColor: '#FF4040',\n        degrees: '0',\n        iconColor: null\n      };\n    case 'binoculaire':\n      return {\n        iconBackgroundColor: '#FFEFEB',\n        iconColor: '#FF541F',\n        degrees: '0'\n      };\n    case 'book':\n      return {\n        iconBackgroundColor: '#F1F6FE',\n        degrees: '0',\n        iconColor: cm_primary_blue\n      };\n    case 'network':\n      return {\n        iconBackgroundColor: '#FFE5E6',\n        iconColor: '#FF0A0A',\n        degrees: '0'\n      };\n    case 'chat-bubble-question':\n      return {\n        iconBackgroundColor: '#E8FCF8',\n        iconColor: '#16AC8C',\n        degrees: '0'\n      };\n    case 'mobile-phone':\n      return {\n        iconBackgroundColor: '#F4F0FF',\n        degrees: '0',\n        iconColor: '#5C21FF'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, href, openInNewTab = false, isMoocCard = false} = props;\n  const {iconBackgroundColor, degrees, iconColor} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const newTabOnClick = openInNewTab ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"quick-access-card\" data-type={feature} className={style.quickAccess}>\n      <Link href={href} target={openInNewTab ? '_blank' : '_self'} className={style.link}>\n        <div\n          style={\n            !isMoocCard\n              ? {\n                  background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n                }\n              : null\n          }\n          className={style.content}\n        >\n          <div\n            className={style.iconFeatureWrapper}\n            style={{\n              backgroundColor: iconBackgroundColor\n            }}\n          >\n            {feature !== 'learning_priorities' ? (\n              <Icon className={style.iconFeature} style={{color: iconColor}} />\n            ) : (\n              <FaIcon className={style.iconFeature} iconName=\"sign-post\" iconColor=\"white\" />\n            )}\n          </div>\n          <div className={style.title}>\n            {title}\n            {newTabOnClick}\n          </div>\n          <div className={style.description}>{description}</div>\n          <div className={style.cta}>\n            <div\n              className={!isMoocCard ? style.iconGotoWrapper : null}\n              style={\n                !isMoocCard\n                  ? {\n                      backgroundColor: iconBackgroundColor\n                    }\n                  : null\n              }\n            >\n              <div\n                className={isMoocCard ? style.hoverMooc : style.hover}\n                style={{\n                  color: isMoocCard ? '#FFFFFF' : iconBackgroundColor\n                }}\n              >\n                <ActionIcon className={style.iconGoto} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  openInNewTab: PropTypes.bool,\n  isMoocCard: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'learning_priorities',\n    'manage_users',\n    'upload_users',\n    'binoculaire',\n    'book',\n    'network',\n    'chat-bubble-question',\n    'mobile-phone'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidContentContentBookAdd","CockpitIcon","NovaSolidUsersActionsUser","ManageUserIcon","NovaSolidFilesBasicFileUpload2","UploadUserIcon","NovaSolidEmailAtSign","ManageEmailIcon","NovaSolidDesignPaintBrush2","LookAndFeelIcon","NovaSolidContentContentViewList","DashboardIcon","NovaSolidContentEditionFlash","MassiveBattleIcon","NovaSolidApplicationsWindowApplication5","CmsIcon","NovaSolidBusinessBusinessGraphLine2","AnalyticsIcon","NovaCompositionNavigationArrowRight","ActionIcon","NovaCompositionCoorpacademyOpenInNewTab","NewTabIcon","NovaLinePhoneMobilePhone","MobilePhone","NovaLineMessagesChatChatBubbleCircleQuestionMark","ChatBubbleCircleQuestionMark","NovaLineNetworkNetworkAlert","NetworkAlert","NovaLineObjectsBinoculars","Binoculaire","NovaLineContentEditionContentBook","ContentBook","Link","FaIcon","COLORS","style","cm_primary_blue","getIcon","feature","getBackgroudRadialColors","iconBackgroundColor","degrees","iconColor","QuickAccessCard","props","context","title","description","href","openInNewTab","isMoocCard","Icon","newTabOnClick","createElement","className","newTabIcon","quickAccess","target","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","color","iconName","cta","iconGotoWrapper","hoverMooc","hover","iconGoto","propTypes","process","env","NODE_ENV","string","bool","oneOf"],"sources":["../../../src/molecule/quick-access-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon,\n  NovaLinePhoneMobilePhone as MobilePhone,\n  NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark,\n  NovaLineNetworkNetworkAlert as NetworkAlert,\n  NovaLineObjectsBinoculars as Binoculaire,\n  NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport FaIcon from '../../atom/icon';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst {cm_primary_blue} = COLORS;\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    case 'binoculaire':\n      return Binoculaire;\n    case 'book':\n      return ContentBook;\n    case 'network':\n      return NetworkAlert;\n    case 'chat-bubble-question':\n      return ChatBubbleCircleQuestionMark;\n    case 'mobile-phone':\n      return MobilePhone;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconBackgroundColor: '#2EC1D6',\n        degrees: '187',\n        iconColor: null\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconBackgroundColor: '#18BB98',\n        degrees: '167',\n        iconColor: null\n      };\n    case 'cockpit':\n      return {\n        iconBackgroundColor: '#FF7043',\n        degrees: '14',\n        iconColor: null\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'learning_priorities':\n    case 'cms':\n      return {\n        iconBackgroundColor: '#7340FF',\n        degrees: '256',\n        iconColor: null\n      };\n    case 'analytics':\n      return {\n        iconBackgroundColor: '#FF4040',\n        degrees: '0',\n        iconColor: null\n      };\n    case 'binoculaire':\n      return {\n        iconBackgroundColor: '#FFEFEB',\n        iconColor: '#FF541F',\n        degrees: '0'\n      };\n    case 'book':\n      return {\n        iconBackgroundColor: '#F1F6FE',\n        degrees: '0',\n        iconColor: cm_primary_blue\n      };\n    case 'network':\n      return {\n        iconBackgroundColor: '#FFE5E6',\n        iconColor: '#FF0A0A',\n        degrees: '0'\n      };\n    case 'chat-bubble-question':\n      return {\n        iconBackgroundColor: '#E8FCF8',\n        iconColor: '#16AC8C',\n        degrees: '0'\n      };\n    case 'mobile-phone':\n      return {\n        iconBackgroundColor: '#F4F0FF',\n        degrees: '0',\n        iconColor: '#5C21FF'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, href, openInNewTab = false, isMoocCard = false} = props;\n  const {iconBackgroundColor, degrees, iconColor} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const newTabOnClick = openInNewTab ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"quick-access-card\" data-type={feature} className={style.quickAccess}>\n      <Link href={href} target={openInNewTab ? '_blank' : '_self'} className={style.link}>\n        <div\n          style={\n            !isMoocCard\n              ? {\n                  background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n                }\n              : null\n          }\n          className={style.content}\n        >\n          <div\n            className={style.iconFeatureWrapper}\n            style={{\n              backgroundColor: iconBackgroundColor\n            }}\n          >\n            {feature !== 'learning_priorities' ? (\n              <Icon className={style.iconFeature} style={{color: iconColor}} />\n            ) : (\n              <FaIcon className={style.iconFeature} iconName=\"sign-post\" iconColor=\"white\" />\n            )}\n          </div>\n          <div className={style.title}>\n            {title}\n            {newTabOnClick}\n          </div>\n          <div className={style.description}>{description}</div>\n          <div className={style.cta}>\n            <div\n              className={!isMoocCard ? style.iconGotoWrapper : null}\n              style={\n                !isMoocCard\n                  ? {\n                      backgroundColor: iconBackgroundColor\n                    }\n                  : null\n              }\n            >\n              <div\n                className={isMoocCard ? style.hoverMooc : style.hover}\n                style={{\n                  color: isMoocCard ? '#FFFFFF' : iconBackgroundColor\n                }}\n              >\n                <ActionIcon className={style.iconGoto} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  openInNewTab: PropTypes.bool,\n  isMoocCard: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'learning_priorities',\n    'manage_users',\n    'upload_users',\n    'binoculaire',\n    'book',\n    'network',\n    'chat-bubble-question',\n    'mobile-phone'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"mappings":"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","ignoreList":[]}

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

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

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

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