@coorpacademy/components 10.27.4 → 10.27.5-alpha.31

package/es/molecule/card-with-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","Link","Cta","style","backgroundImage","url","background","backgroundSize","Button","props","onClick","submitValue","light","CardWithButton","context","lightButtonLabel","primaryButtonLabel","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","children","skin","primaryColor","inlineStyle","color","container","imageBox","filtre","image","zoom","content","levelContainer","level","avatar","buttons","lightButton","contextTypes","translate","childContextTypes","propTypes","isRequired","string","node"],"sources":["../../../src/molecule/card-with-button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport Cta from '../../atom/cta';\nimport style from './style.css';\n\nfunction backgroundImage(url) {\n  return {\n    background: `linear-gradient(\n      rgba(0, 0, 0, 0.65), \n      rgba(0, 0, 0, 0.65)\n      ),url(${url})`,\n    backgroundSize: 'cover'\n  };\n}\n\nconst Button = props => {\n  const {onClick, submitValue, light = false} = props;\n  return <Cta submitValue={submitValue} onClick={onClick} light={light} />;\n};\nconst CardWithButton = (props, context) => {\n  const {\n    lightButtonLabel,\n    primaryButtonLabel,\n    tagLabel,\n    onLightButtonClick,\n    onPrimaryButtonClick,\n    backgroundImg,\n    children\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  const inlineStyle = {color: primaryColor};\n  return (\n    <div className={style.container}>\n      <div className={style.imageBox}>\n        <div className={style.filtre}>\n          <div className={`${style.image} ${style.zoom}`} style={backgroundImage(backgroundImg)}>\n            <div className={style.content}>\n              {tagLabel ? (\n                <div className={style.levelContainer}>\n                  <div className={style.level}>\n                    <p>{tagLabel}</p>\n                  </div>\n                </div>\n              ) : null}\n              {children ? <div className={style.avatar}>{children}</div> : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.buttons}>\n        {lightButtonLabel ? (\n          <a className={style.lightButton} style={inlineStyle} onClick={onLightButtonClick}>\n            {lightButtonLabel}\n          </a>\n        ) : null}\n        <Button submitValue={primaryButtonLabel} onClick={onPrimaryButtonClick} />\n      </div>\n    </div>\n  );\n};\n\nCardWithButton.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nButton.propTypes = {\n  onClick: Cta.propTypes.onClick,\n  submitValue: Cta.propTypes.submitValue\n};\n\nCardWithButton.propTypes = {\n  lightButtonLabel: Button.propTypes.submitValue,\n  primaryButtonLabel: Button.propTypes.submitValue.isRequired,\n  tagLabel: Link.propTypes.children,\n  onLightButtonClick: Button.propTypes.onClick,\n  onPrimaryButtonClick: Button.propTypes.onClick.isRequired,\n  backgroundImg: PropTypes.string.isRequired,\n  children: PropTypes.node\n};\n\nexport default CardWithButton;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,eAAT,CAAyBC,GAAzB,EAA8B;EAC5B,OAAO;IACLC,UAAU,EAAG;AACjB;AACA;AACA,cAAcD,GAAI,GAJT;IAKLE,cAAc,EAAE;EALX,CAAP;AAOD;;AAED,MAAMC,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IAACC,OAAD;IAAUC,WAAV;IAAuBC,KAAK,GAAG;EAA/B,IAAwCH,KAA9C;EACA,oBAAO,oBAAC,GAAD;IAAK,WAAW,EAAEE,WAAlB;IAA+B,OAAO,EAAED,OAAxC;IAAiD,KAAK,EAAEE;EAAxD,EAAP;AACD,CAHD;;AAIA,MAAMC,cAAc,GAAG,CAACJ,KAAD,EAAQK,OAAR,KAAoB;EACzC,MAAM;IACJC,gBADI;IAEJC,kBAFI;IAGJC,QAHI;IAIJC,kBAJI;IAKJC,oBALI;IAMJC,aANI;IAOJC;EAPI,IAQFZ,KARJ;EASA,MAAM;IAACa;EAAD,IAASR,OAAf;;EACA,MAAMS,YAAY,GAAG,KAAI,gBAAJ,EAAsBD,IAAtB,CAArB;;EACA,MAAME,WAAW,GAAG;IAACC,KAAK,EAAEF;EAAR,CAApB;EACA,oBACE;IAAK,SAAS,EAAEpB,KAAK,CAACuB;EAAtB,gBACE;IAAK,SAAS,EAAEvB,KAAK,CAACwB;EAAtB,gBACE;IAAK,SAAS,EAAExB,KAAK,CAACyB;EAAtB,gBACE;IAAK,SAAS,EAAG,GAAEzB,KAAK,CAAC0B,KAAM,IAAG1B,KAAK,CAAC2B,IAAK,EAA7C;IAAgD,KAAK,EAAE1B,eAAe,CAACgB,aAAD;EAAtE,gBACE;IAAK,SAAS,EAAEjB,KAAK,CAAC4B;EAAtB,GACGd,QAAQ,gBACP;IAAK,SAAS,EAAEd,KAAK,CAAC6B;EAAtB,gBACE;IAAK,SAAS,EAAE7B,KAAK,CAAC8B;EAAtB,gBACE,+BAAIhB,QAAJ,CADF,CADF,CADO,GAML,IAPN,EAQGI,QAAQ,gBAAG;IAAK,SAAS,EAAElB,KAAK,CAAC+B;EAAtB,GAA+Bb,QAA/B,CAAH,GAAoD,IAR/D,CADF,CADF,CADF,CADF,eAiBE;IAAK,SAAS,EAAElB,KAAK,CAACgC;EAAtB,GACGpB,gBAAgB,gBACf;IAAG,SAAS,EAAEZ,KAAK,CAACiC,WAApB;IAAiC,KAAK,EAAEZ,WAAxC;IAAqD,OAAO,EAAEN;EAA9D,GACGH,gBADH,CADe,GAIb,IALN,eAME,oBAAC,MAAD;IAAQ,WAAW,EAAEC,kBAArB;IAAyC,OAAO,EAAEG;EAAlD,EANF,CAjBF,CADF;AA4BD,CAzCD;;AA2CAN,cAAc,CAACwB,YAAf,GAA8B;EAC5BC,SAAS,EAAEtC,QAAQ,CAACuC,iBAAT,CAA2BD,SADV;EAE5BhB,IAAI,EAAEtB,QAAQ,CAACuC,iBAAT,CAA2BjB;AAFL,CAA9B;AAKAd,MAAM,CAACgC,SAAP,2CAAmB;EACjB9B,OAAO,EAAER,GAAG,CAACsC,SAAJ,CAAc9B,OADN;EAEjBC,WAAW,EAAET,GAAG,CAACsC,SAAJ,CAAc7B;AAFV,CAAnB;AAKAE,cAAc,CAAC2B,SAAf,2CAA2B;EACzBzB,gBAAgB,EAAEP,MAAM,CAACgC,SAAP,CAAiB7B,WADV;EAEzBK,kBAAkB,EAAER,MAAM,CAACgC,SAAP,CAAiB7B,WAAjB,CAA6B8B,UAFxB;EAGzBxB,QAAQ,EAAEhB,IAAI,CAACuC,SAAL,CAAenB,QAHA;EAIzBH,kBAAkB,EAAEV,MAAM,CAACgC,SAAP,CAAiB9B,OAJZ;EAKzBS,oBAAoB,EAAEX,MAAM,CAACgC,SAAP,CAAiB9B,OAAjB,CAAyB+B,UALtB;EAMzBrB,aAAa,EAAErB,SAAS,CAAC2C,MAAV,CAAiBD,UANP;EAOzBpB,QAAQ,EAAEtB,SAAS,CAAC4C;AAPK,CAA3B;AAUA,eAAe9B,cAAf"}
+{"version":3,"sources":["../../../src/molecule/card-with-button/index.js"],"names":["React","PropTypes","Provider","Link","Cta","style","backgroundImage","url","background","backgroundSize","Button","props","onClick","submitValue","light","CardWithButton","context","lightButtonLabel","primaryButtonLabel","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","children","skin","primaryColor","inlineStyle","color","container","imageBox","filtre","image","zoom","content","levelContainer","level","avatar","buttons","lightButton","contextTypes","translate","childContextTypes","propTypes","isRequired","string","node"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport Cta from '../../atom/cta';\nimport style from './style.css';\n\nfunction backgroundImage(url) {\n  return {\n    background: `linear-gradient(\n      rgba(0, 0, 0, 0.65), \n      rgba(0, 0, 0, 0.65)\n      ),url(${url})`,\n    backgroundSize: 'cover'\n  };\n}\n\nconst Button = props => {\n  const {onClick, submitValue, light = false} = props;\n  return <Cta submitValue={submitValue} onClick={onClick} light={light} />;\n};\nconst CardWithButton = (props, context) => {\n  const {\n    lightButtonLabel,\n    primaryButtonLabel,\n    tagLabel,\n    onLightButtonClick,\n    onPrimaryButtonClick,\n    backgroundImg,\n    children\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  const inlineStyle = {color: primaryColor};\n  return (\n    <div className={style.container}>\n      <div className={style.imageBox}>\n        <div className={style.filtre}>\n          <div className={`${style.image} ${style.zoom}`} style={backgroundImage(backgroundImg)}>\n            <div className={style.content}>\n              {tagLabel ? (\n                <div className={style.levelContainer}>\n                  <div className={style.level}>\n                    <p>{tagLabel}</p>\n                  </div>\n                </div>\n              ) : null}\n              {children ? <div className={style.avatar}>{children}</div> : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.buttons}>\n        {lightButtonLabel ? (\n          <a className={style.lightButton} style={inlineStyle} onClick={onLightButtonClick}>\n            {lightButtonLabel}\n          </a>\n        ) : null}\n        <Button submitValue={primaryButtonLabel} onClick={onPrimaryButtonClick} />\n      </div>\n    </div>\n  );\n};\n\nCardWithButton.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nButton.propTypes = {\n  onClick: Cta.propTypes.onClick,\n  submitValue: Cta.propTypes.submitValue\n};\n\nCardWithButton.propTypes = {\n  lightButtonLabel: Button.propTypes.submitValue,\n  primaryButtonLabel: Button.propTypes.submitValue.isRequired,\n  tagLabel: Link.propTypes.children,\n  onLightButtonClick: Button.propTypes.onClick,\n  onPrimaryButtonClick: Button.propTypes.onClick.isRequired,\n  backgroundImg: PropTypes.string.isRequired,\n  children: PropTypes.node\n};\n\nexport default CardWithButton;\n"],"file":"index.js"}

package/es/molecule/cm-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","map","Cta","ButtonLinkIconOnly","InputSwitch","style","propTypes","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth\n  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div className={style.titleContainer}>\n          <div className={style.contentSection}>\n            {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n            {content ? (\n              <p\n                className={mode === 'alert' ? style.content : style.message}\n                data-name={'cm-popin-content'}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: content}}\n              />\n            ) : null}\n          </div>\n          {descriptionText ? (\n            <p\n              className={style.descriptionText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: descriptionText}}\n            />\n          ) : null}\n        </div>\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderBtnSwitch()}\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={firstButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={'cm-popin-cta'}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n                customStyle={firstButton.customStyle}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={secondButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={secondButton['aria-label']}\n                type={secondButton.type}\n              />\n            </div>\n          ) : null}\n          {thirdButton ? (\n            <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={thirdButton.label}\n                onClick={thirdButton.handleOnclick}\n                data-name={`cm-popin-cta-${thirdButton.type}`}\n                aria-label={thirdButton['aria-label']}\n                type={thirdButton.type}\n                customStyle={thirdButton.customStyle}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,+CAA+C,IAAIC,YADrD,EAEEC,kCAAkC,IAAIC,YAFxC,EAGEC,sBAAsB,IAAIC,MAH5B,EAIEC,wBAAwB,IAAIC,UAJ9B,QAKO,0BALP;AAMA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,GAAP,MAAgB,wBAAhB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,SAAtB;;AAEA,MAAMC,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IACJC,OADI;IAEJC,IAAI,GAAG,OAFH;IAGJC,WAHI;IAIJC,YAJI;IAKJC,OALI;IAMJC,MANI;IAOJC,IAPI;IAQJC,kBARI;IASJC,eATI;IAUJC,WAVI;IAWJC,WAXI;IAYJC,iBAZI;IAaJC;EAbI,IAcFb,KAdJ;EAgBA,MAAMc,IAAI,GAAG;IACX5B,YADW;IAEXE,YAFW;IAGXI;EAHW,CAAb;EAKA,MAAMuB,aAAa,GAAGD,IAAI,CAACP,IAAD,CAA1B;EAEA,MAAMS,oBAAoB,GAAGR,kBAAkB,GAC3C;IACES,eAAe,EAAG,OAAMT,kBAAmB,GAD7C;IAEEU,cAAc,EAAE;EAFlB,CAD2C,GAK3C,IALJ;;EAMA,MAAMC,YAAY,GAAG,MAAM;IACzB,IAAIb,MAAJ,EAAY,oBAAO;MAAK,SAAS,EAAET,KAAK,CAACuB,gBAAtB;MAAwC,GAAG,EAAEd;IAA7C,EAAP;IACZ,IAAIJ,IAAI,KAAK,QAAb,EACE,oBACE;MAAK,SAAS,EAAEL,KAAK,CAACwB;IAAtB,gBACE;MAAK,SAAS,EAAExB,KAAK,CAACyB;IAAtB,gBACE,oBAAC,MAAD;MAAQ,SAAS,EAAEzB,KAAK,CAAC0B;IAAzB,EADF,CADF,eAIE;MAAK,SAAS,EAAE1B,KAAK,CAACc;IAAtB,GAAoCA,WAApC,CAJF,CADF;IAQF,OAAO,IAAP;EACD,CAZD;;EAaA,MAAMa,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;IAC5C,QAAQD,KAAR;MACE,KAAK,CAAL;QACE,OAAO5B,KAAK,CAAC8B,uBAAb;;MACF,KAAKD,OAAO,CAACE,MAAR,GAAiB,CAAtB;QACE,OAAO/B,KAAK,CAACgC,sBAAb;;MACF;QACE,OAAOhC,KAAK,CAACiC,qBAAb;IANJ;EAQD,CATD;;EAUA,MAAMC,eAAe,GAAG,MAAM;IAC5B,OAAOtC,GAAG,CAACuC,OAAJ,CAAY;MAACC,GAAG,EAAE;IAAN,CAAZ,EAA0B,CAACC,EAAD,EAAKT,KAAL,KAAe;MAC9C,MAAM;QACJU,IADI;QAEJC,KAFI;QAGJC,KAHI;QAIJC,QAJI;QAKJC,aALI;QAMJC,KANI;QAOJC,OAPI;QAQJC,iBARI;QASJC,QATI;QAUJC,EAVI;QAWJ,aAAaC;MAXT,IAYFX,EAZJ;MAaA,oBACE;QAAK,GAAG,EAAET,KAAV;QAAiB,SAAS,EAAED,iBAAiB,CAACC,KAAD,EAAQZ,aAAR;MAA7C,gBACE,oBAAC,WAAD;QAEIsB,IAFJ;QAGIC,KAHJ;QAIIC,KAJJ;QAKIC,QALJ;QAMIC,aANJ;QAOIC,KAPJ;QAQIC,OARJ;QASIC,iBATJ;QAUIC,QAVJ;QAWIC,EAXJ;QAYI,aAAaC;MAZjB,EADF,CADF;IAmBD,CAjCM,EAiCJhC,aAjCI,CAAP;EAkCD,CAnCD;;EAoCA,oBACE;IACE,SAAS,EAAEX,IAAI,KAAK,QAAT,GAAoBL,KAAK,CAACiD,UAA1B,GAAuC,IADpD;IAEE,KAAK,EAAE9B,oBAFT;IAGE,aAAW;EAHb,gBAKE;IAAK,SAAS,EAAEd,IAAI,KAAK,QAAT,GAAoBL,KAAK,CAACkD,WAA1B,GAAwClD,KAAK,CAACmD;EAA9D,gBACE;IAAQ,SAAS,EAAEnD,KAAK,CAACoD;EAAzB,GACG9B,YAAY,EADf,EAEGd,OAAO,gBACN,oBAAC,kBAAD;IACE,OAAO,EAAEA,OADX;IAEE,aAAW,YAFb;IAGE,cAAY,YAHd;IAIE,IAAI,EAAC,OAJP;IAKE,IAAI,EAAC;EALP,EADM,GAQJ,IAVN,CADF,eAaE;IAAK,SAAS,EAAER,KAAK,CAACqD;EAAtB,gBACE;IAAK,SAAS,EAAErD,KAAK,CAACsD;EAAtB,GACGpC,aAAa,gBAAG,oBAAC,aAAD;IAAe,SAAS,EAAElB,KAAK,CAACU;EAAhC,EAAH,GAA8C,IAD9D,EAEGN,OAAO,gBACN;IACE,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBL,KAAK,CAACI,OAAzB,GAAmCJ,KAAK,CAACuD,OADtD;IAEE,aAAW,kBAFb,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEpD;IAAT;EAJ3B,EADM,GAOJ,IATN,CADF,EAYGQ,eAAe,gBACd;IACE,SAAS,EAAEZ,KAAK,CAACY,eADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAAC4C,MAAM,EAAE5C;IAAT;EAH3B,EADc,GAMZ,IAlBN,CAbF,EAiCGG,iBAAiB,gBAAG;IAAK,SAAS,EAAEf,KAAK,CAACyD;EAAtB,GAAuC1C,iBAAvC,CAAH,GAAqE,IAjCzF,EAkCGmB,eAAe,EAlClB,eAmCE;IAAK,SAAS,EAAElC,KAAK,CAAC0D;EAAtB,GACGpD,WAAW,gBACV;IAAK,SAAS,EAAEA,WAAW,CAACqD,WAAZ,GAA0B3D,KAAK,CAAC2D,WAAhC,GAA8C3D,KAAK,CAAC4D;EAApE,gBACE,oBAAC,GAAD;IACE,KAAK,EAAEtD,WAAW,CAACuD,KADrB;IAEE,OAAO,EAAEvD,WAAW,CAACwD,aAFvB;IAGE,aAAW,cAHb;IAIE,cAAYxD,WAAW,CAAC,YAAD,CAJzB;IAKE,IAAI,EAAEA,WAAW,CAACgC,IALpB;IAME,WAAW,EAAEhC,WAAW,CAACyD;EAN3B,EADF,CADU,GAWR,IAZN,EAaGxD,YAAY,gBACX;IAAK,SAAS,EAAEA,YAAY,CAACoD,WAAb,GAA2B3D,KAAK,CAAC2D,WAAjC,GAA+C3D,KAAK,CAAC4D;EAArE,gBACE,oBAAC,GAAD;IACE,KAAK,EAAErD,YAAY,CAACsD,KADtB;IAEE,OAAO,EAAEtD,YAAY,CAACuD,aAFxB;IAGE,aAAY,gBAAevD,YAAY,CAAC+B,IAAK,EAH/C;IAIE,cAAY/B,YAAY,CAAC,YAAD,CAJ1B;IAKE,IAAI,EAAEA,YAAY,CAAC+B;EALrB,EADF,CADW,GAUT,IAvBN,EAwBGzB,WAAW,gBACV;IAAK,SAAS,EAAEA,WAAW,CAAC8C,WAAZ,GAA0B3D,KAAK,CAAC2D,WAAhC,GAA8C3D,KAAK,CAAC4D;EAApE,gBACE,oBAAC,GAAD;IACE,KAAK,EAAE/C,WAAW,CAACgD,KADrB;IAEE,OAAO,EAAEhD,WAAW,CAACiD,aAFvB;IAGE,aAAY,gBAAejD,WAAW,CAACyB,IAAK,EAH9C;IAIE,cAAYzB,WAAW,CAAC,YAAD,CAJzB;IAKE,IAAI,EAAEA,WAAW,CAACyB,IALpB;IAME,WAAW,EAAEzB,WAAW,CAACkD;EAN3B,EADF,CADU,GAWR,IAnCN,CAnCF,CALF,CADF;AAiFD,CA1KD;;AA4KA7D,OAAO,CAACD,SAAR,2CAAoBA,SAApB;AAEA,eAAeC,OAAf"}
+{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["React","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","map","Cta","ButtonLinkIconOnly","InputSwitch","style","propTypes","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth\n  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div className={style.titleContainer}>\n          <div className={style.contentSection}>\n            {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n            {content ? (\n              <p\n                className={mode === 'alert' ? style.content : style.message}\n                data-name={'cm-popin-content'}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: content}}\n              />\n            ) : null}\n          </div>\n          {descriptionText ? (\n            <p\n              className={style.descriptionText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: descriptionText}}\n            />\n          ) : null}\n        </div>\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderBtnSwitch()}\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={firstButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={'cm-popin-cta'}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n                customStyle={firstButton.customStyle}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={secondButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={secondButton['aria-label']}\n                type={secondButton.type}\n              />\n            </div>\n          ) : null}\n          {thirdButton ? (\n            <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={thirdButton.label}\n                onClick={thirdButton.handleOnclick}\n                data-name={`cm-popin-cta-${thirdButton.type}`}\n                aria-label={thirdButton['aria-label']}\n                type={thirdButton.type}\n                customStyle={thirdButton.customStyle}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"file":"index.js"}

package/es/molecule/cm-popin/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","Cta","InputSwitch","propTypes","content","string","mode","oneOf","header","firstButton","shape","label","handleOnclick","func","largeButton","bool","type","customStyle","secondButton","thirdButton","onClose","icon","backgroundImageUrl","descriptionText","cookieTitle","descriptionBtnTxt","listBtnSwicth","arrayOf"],"sources":["../../../src/molecule/cm-popin/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Cta from '../../atom/button-link';\nimport InputSwitch from '../../atom/input-switch';\n\nconst propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information', 'cookie']),\n  header: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary', 'tertiary']),\n    customStyle: Cta.propTypes.customStyle\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  thirdButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string,\n  backgroundImageUrl: PropTypes.string,\n  descriptionText: PropTypes.string,\n  cookieTitle: PropTypes.string,\n  descriptionBtnTxt: PropTypes.string,\n  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes))\n};\n\ntype QuitPopinButton = {\n  'aria-label'?: string;\n  label: string;\n  type: string;\n  customStyle?: {\n    color: string;\n  };\n  handleOnclick: () => void;\n};\n\nexport type CMPopinProps = {\n  content: string;\n  icon: string;\n  mode: string;\n  descriptionText: string;\n  firstButton: QuitPopinButton;\n  secondButton: QuitPopinButton;\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,GAAP,MAAgB,wBAAhB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AAEA,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEJ,SAAS,CAACK,MADH;EAEhBC,IAAI,EAAEN,SAAS,CAACO,KAAV,CAAgB,CAAC,OAAD,EAAU,aAAV,EAAyB,QAAzB,CAAhB,CAFU;EAGhBC,MAAM,EAAER,SAAS,CAACK,MAHF;EAIhBI,WAAW,EAAET,SAAS,CAACU,KAAV,CAAgB;IAC3BC,KAAK,EAAEX,SAAS,CAACK,MADU;IAE3BO,aAAa,EAAEZ,SAAS,CAACa,IAFE;IAG3B,cAAcb,SAAS,CAACK,MAHG;IAI3BS,WAAW,EAAEd,SAAS,CAACe,IAJI;IAK3BC,IAAI,EAAEhB,SAAS,CAACO,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,EAAsC,UAAtC,CAAhB,CALqB;IAM3BU,WAAW,EAAEhB,GAAG,CAACE,SAAJ,CAAcc;EANA,CAAhB,CAJG;EAYhBC,YAAY,EAAElB,SAAS,CAACU,KAAV,CAAgB;IAC5BC,KAAK,EAAEX,SAAS,CAACK,MADW;IAE5BO,aAAa,EAAEZ,SAAS,CAACa,IAFG;IAG5BG,IAAI,EAAEhB,SAAS,CAACO,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHsB;IAI5B,cAAcP,SAAS,CAACK,MAJI;IAK5BS,WAAW,EAAEd,SAAS,CAACe,IALK;IAM5BE,WAAW,EAAEhB,GAAG,CAACE,SAAJ,CAAcc;EANC,CAAhB,CAZE;EAoBhBE,WAAW,EAAEnB,SAAS,CAACU,KAAV,CAAgB;IAC3BC,KAAK,EAAEX,SAAS,CAACK,MADU;IAE3BO,aAAa,EAAEZ,SAAS,CAACa,IAFE;IAG3BG,IAAI,EAAEhB,SAAS,CAACO,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHqB;IAI3B,cAAcP,SAAS,CAACK,MAJG;IAK3BS,WAAW,EAAEd,SAAS,CAACe,IALI;IAM3BE,WAAW,EAAEhB,GAAG,CAACE,SAAJ,CAAcc;EANA,CAAhB,CApBG;EA4BhBG,OAAO,EAAEpB,SAAS,CAACa,IA5BH;EA6BhBQ,IAAI,EAAErB,SAAS,CAACK,MA7BA;EA8BhBiB,kBAAkB,EAAEtB,SAAS,CAACK,MA9Bd;EA+BhBkB,eAAe,EAAEvB,SAAS,CAACK,MA/BX;EAgChBmB,WAAW,EAAExB,SAAS,CAACK,MAhCP;EAiChBoB,iBAAiB,EAAEzB,SAAS,CAACK,MAjCb;EAkChBqB,aAAa,EAAE1B,SAAS,CAAC2B,OAAV,CAAkB3B,SAAS,CAACU,KAAV,CAAgBR,WAAW,CAACC,SAA5B,CAAlB;AAlCC,CAAlB;AAwDA,eAAeA,SAAf"}
+{"version":3,"sources":["../../../src/molecule/cm-popin/types.ts"],"names":["PropTypes","Cta","InputSwitch","propTypes","content","string","mode","oneOf","header","firstButton","shape","label","handleOnclick","func","largeButton","bool","type","customStyle","secondButton","thirdButton","onClose","icon","backgroundImageUrl","descriptionText","cookieTitle","descriptionBtnTxt","listBtnSwicth","arrayOf"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,GAAP,MAAgB,wBAAhB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AAEA,MAAMC,SAAS,GAAG;AAChBC,EAAAA,OAAO,EAAEJ,SAAS,CAACK,MADH;AAEhBC,EAAAA,IAAI,EAAEN,SAAS,CAACO,KAAV,CAAgB,CAAC,OAAD,EAAU,aAAV,EAAyB,QAAzB,CAAhB,CAFU;AAGhBC,EAAAA,MAAM,EAAER,SAAS,CAACK,MAHF;AAIhBI,EAAAA,WAAW,EAAET,SAAS,CAACU,KAAV,CAAgB;AAC3BC,IAAAA,KAAK,EAAEX,SAAS,CAACK,MADU;AAE3BO,IAAAA,aAAa,EAAEZ,SAAS,CAACa,IAFE;AAG3B,kBAAcb,SAAS,CAACK,MAHG;AAI3BS,IAAAA,WAAW,EAAEd,SAAS,CAACe,IAJI;AAK3BC,IAAAA,IAAI,EAAEhB,SAAS,CAACO,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,EAAsC,UAAtC,CAAhB,CALqB;AAM3BU,IAAAA,WAAW,EAAEhB,GAAG,CAACE,SAAJ,CAAcc;AANA,GAAhB,CAJG;AAYhBC,EAAAA,YAAY,EAAElB,SAAS,CAACU,KAAV,CAAgB;AAC5BC,IAAAA,KAAK,EAAEX,SAAS,CAACK,MADW;AAE5BO,IAAAA,aAAa,EAAEZ,SAAS,CAACa,IAFG;AAG5BG,IAAAA,IAAI,EAAEhB,SAAS,CAACO,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHsB;AAI5B,kBAAcP,SAAS,CAACK,MAJI;AAK5BS,IAAAA,WAAW,EAAEd,SAAS,CAACe,IALK;AAM5BE,IAAAA,WAAW,EAAEhB,GAAG,CAACE,SAAJ,CAAcc;AANC,GAAhB,CAZE;AAoBhBE,EAAAA,WAAW,EAAEnB,SAAS,CAACU,KAAV,CAAgB;AAC3BC,IAAAA,KAAK,EAAEX,SAAS,CAACK,MADU;AAE3BO,IAAAA,aAAa,EAAEZ,SAAS,CAACa,IAFE;AAG3BG,IAAAA,IAAI,EAAEhB,SAAS,CAACO,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHqB;AAI3B,kBAAcP,SAAS,CAACK,MAJG;AAK3BS,IAAAA,WAAW,EAAEd,SAAS,CAACe,IALI;AAM3BE,IAAAA,WAAW,EAAEhB,GAAG,CAACE,SAAJ,CAAcc;AANA,GAAhB,CApBG;AA4BhBG,EAAAA,OAAO,EAAEpB,SAAS,CAACa,IA5BH;AA6BhBQ,EAAAA,IAAI,EAAErB,SAAS,CAACK,MA7BA;AA8BhBiB,EAAAA,kBAAkB,EAAEtB,SAAS,CAACK,MA9Bd;AA+BhBkB,EAAAA,eAAe,EAAEvB,SAAS,CAACK,MA/BX;AAgChBmB,EAAAA,WAAW,EAAExB,SAAS,CAACK,MAhCP;AAiChBoB,EAAAA,iBAAiB,EAAEzB,SAAS,CAACK,MAjCb;AAkChBqB,EAAAA,aAAa,EAAE1B,SAAS,CAAC2B,OAAV,CAAkB3B,SAAS,CAACU,KAAV,CAAgBR,WAAW,CAACC,SAA5B,CAAlB;AAlCC,CAAlB;AAwDA,eAAeA,SAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport Cta from '../../atom/button-link';\nimport InputSwitch from '../../atom/input-switch';\n\nconst propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information', 'cookie']),\n  header: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary', 'tertiary']),\n    customStyle: Cta.propTypes.customStyle\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  thirdButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string,\n  backgroundImageUrl: PropTypes.string,\n  descriptionText: PropTypes.string,\n  cookieTitle: PropTypes.string,\n  descriptionBtnTxt: PropTypes.string,\n  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes))\n};\n\ntype QuitPopinButton = {\n  'aria-label'?: string;\n  label: string;\n  type: string;\n  customStyle?: {\n    color: string;\n  };\n  handleOnclick: () => void;\n};\n\nexport type CMPopinProps = {\n  content: string;\n  icon: string;\n  mode: string;\n  descriptionText: string;\n  firstButton: QuitPopinButton;\n  secondButton: QuitPopinButton;\n};\n\nexport default propTypes;\n"],"file":"types.js"}

package/es/molecule/cookie-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Button","Link","Provider","style","CookieBanner","href","onClick","context","translate","skin","primary","intro","text","title","ok","handleOnClick","banner","link","color","button","backgroundColor","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/cookie-banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst CookieBanner = ({href, onClick}, context) => {\n  const {translate, skin} = context;\n  const primary = get('common.primary', skin);\n\n  const intro = translate('cookies_title');\n  const text = translate('cookies_details');\n  const title = translate('cookies_policy');\n  const ok = translate('Ok');\n  const handleOnClick = onClick;\n\n  return (\n    <div className={style.banner}>\n      <p>\n        <span className={style.intro}>{intro}</span>\n        <span>{text}</span>\n        <Link\n          className={style.link}\n          href={href}\n          target=\"_blank\"\n          style={{\n            color: primary\n          }}\n        >\n          {title}\n        </Link>\n      </p>\n      <Button\n        type=\"link\"\n        data-name=\"cookie-banner-cta\"\n        className={style.button}\n        submitValue={ok}\n        onClick={handleOnClick}\n        style={{\n          backgroundColor: primary\n        }}\n      />\n    </div>\n  );\n};\n\nCookieBanner.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nCookieBanner.propTypes = {\n  href: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default CookieBanner;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAG,CAAC;EAACC,IAAD;EAAOC;AAAP,CAAD,EAAkBC,OAAlB,KAA8B;EACjD,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAAoBF,OAA1B;;EACA,MAAMG,OAAO,GAAG,KAAI,gBAAJ,EAAsBD,IAAtB,CAAhB;;EAEA,MAAME,KAAK,GAAGH,SAAS,CAAC,eAAD,CAAvB;EACA,MAAMI,IAAI,GAAGJ,SAAS,CAAC,iBAAD,CAAtB;EACA,MAAMK,KAAK,GAAGL,SAAS,CAAC,gBAAD,CAAvB;EACA,MAAMM,EAAE,GAAGN,SAAS,CAAC,IAAD,CAApB;EACA,MAAMO,aAAa,GAAGT,OAAtB;EAEA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACa;EAAtB,gBACE,4CACE;IAAM,SAAS,EAAEb,KAAK,CAACQ;EAAvB,GAA+BA,KAA/B,CADF,eAEE,kCAAOC,IAAP,CAFF,eAGE,oBAAC,IAAD;IACE,SAAS,EAAET,KAAK,CAACc,IADnB;IAEE,IAAI,EAAEZ,IAFR;IAGE,MAAM,EAAC,QAHT;IAIE,KAAK,EAAE;MACLa,KAAK,EAAER;IADF;EAJT,GAQGG,KARH,CAHF,CADF,eAeE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,mBAFZ;IAGE,SAAS,EAAEV,KAAK,CAACgB,MAHnB;IAIE,WAAW,EAAEL,EAJf;IAKE,OAAO,EAAEC,aALX;IAME,KAAK,EAAE;MACLK,eAAe,EAAEV;IADZ;EANT,EAfF,CADF;AA4BD,CAtCD;;AAwCAN,YAAY,CAACiB,YAAb,GAA4B;EAC1BZ,IAAI,EAAEP,QAAQ,CAACoB,iBAAT,CAA2Bb,IADP;EAE1BD,SAAS,EAAEN,QAAQ,CAACoB,iBAAT,CAA2Bd;AAFZ,CAA5B;AAKAJ,YAAY,CAACmB,SAAb,2CAAyB;EACvBlB,IAAI,EAAEN,SAAS,CAACyB,MADO;EAEvBlB,OAAO,EAAEP,SAAS,CAAC0B;AAFI,CAAzB;AAKA,eAAerB,YAAf"}
+{"version":3,"sources":["../../../src/molecule/cookie-banner/index.js"],"names":["React","PropTypes","Button","Link","Provider","style","CookieBanner","href","onClick","context","translate","skin","primary","intro","text","title","ok","handleOnClick","banner","link","color","button","backgroundColor","contextTypes","childContextTypes","propTypes","string","func"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA;AAAP,CAAD,EAAkBC,OAAlB,KAA8B;AACjD,QAAM;AAACC,IAAAA,SAAD;AAAYC,IAAAA;AAAZ,MAAoBF,OAA1B;;AACA,QAAMG,OAAO,GAAG,KAAI,gBAAJ,EAAsBD,IAAtB,CAAhB;;AAEA,QAAME,KAAK,GAAGH,SAAS,CAAC,eAAD,CAAvB;AACA,QAAMI,IAAI,GAAGJ,SAAS,CAAC,iBAAD,CAAtB;AACA,QAAMK,KAAK,GAAGL,SAAS,CAAC,gBAAD,CAAvB;AACA,QAAMM,EAAE,GAAGN,SAAS,CAAC,IAAD,CAApB;AACA,QAAMO,aAAa,GAAGT,OAAtB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACa;AAAtB,kBACE,4CACE;AAAM,IAAA,SAAS,EAAEb,KAAK,CAACQ;AAAvB,KAA+BA,KAA/B,CADF,eAEE,kCAAOC,IAAP,CAFF,eAGE,oBAAC,IAAD;AACE,IAAA,SAAS,EAAET,KAAK,CAACc,IADnB;AAEE,IAAA,IAAI,EAAEZ,IAFR;AAGE,IAAA,MAAM,EAAC,QAHT;AAIE,IAAA,KAAK,EAAE;AACLa,MAAAA,KAAK,EAAER;AADF;AAJT,KAQGG,KARH,CAHF,CADF,eAeE,oBAAC,MAAD;AACE,IAAA,IAAI,EAAC,MADP;AAEE,iBAAU,mBAFZ;AAGE,IAAA,SAAS,EAAEV,KAAK,CAACgB,MAHnB;AAIE,IAAA,WAAW,EAAEL,EAJf;AAKE,IAAA,OAAO,EAAEC,aALX;AAME,IAAA,KAAK,EAAE;AACLK,MAAAA,eAAe,EAAEV;AADZ;AANT,IAfF,CADF;AA4BD,CAtCD;;AAwCAN,YAAY,CAACiB,YAAb,GAA4B;AAC1BZ,EAAAA,IAAI,EAAEP,QAAQ,CAACoB,iBAAT,CAA2Bb,IADP;AAE1BD,EAAAA,SAAS,EAAEN,QAAQ,CAACoB,iBAAT,CAA2Bd;AAFZ,CAA5B;AAKAJ,YAAY,CAACmB,SAAb,2CAAyB;AACvBlB,EAAAA,IAAI,EAAEN,SAAS,CAACyB,MADO;AAEvBlB,EAAAA,OAAO,EAAEP,SAAS,CAAC0B;AAFI,CAAzB;AAKA,eAAerB,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst CookieBanner = ({href, onClick}, context) => {\n  const {translate, skin} = context;\n  const primary = get('common.primary', skin);\n\n  const intro = translate('cookies_title');\n  const text = translate('cookies_details');\n  const title = translate('cookies_policy');\n  const ok = translate('Ok');\n  const handleOnClick = onClick;\n\n  return (\n    <div className={style.banner}>\n      <p>\n        <span className={style.intro}>{intro}</span>\n        <span>{text}</span>\n        <Link\n          className={style.link}\n          href={href}\n          target=\"_blank\"\n          style={{\n            color: primary\n          }}\n        >\n          {title}\n        </Link>\n      </p>\n      <Button\n        type=\"link\"\n        data-name=\"cookie-banner-cta\"\n        className={style.button}\n        submitValue={ok}\n        onClick={handleOnClick}\n        style={{\n          backgroundColor: primary\n        }}\n      />\n    </div>\n  );\n};\n\nCookieBanner.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nCookieBanner.propTypes = {\n  href: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default CookieBanner;\n"],"file":"index.js"}

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

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -23,7 +23,7 @@ const Roles = ({
 
 Roles.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
-  fields: PropTypes.arrayOf(PropTypes.shape(_extends({}, InputCheckbox.propTypes, {
+  fields: PropTypes.arrayOf(PropTypes.shape(_extends(_extends({}, InputCheckbox.propTypes), {}, {
     type: PropTypes.oneOf(['checkbox'])
   })))
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","InputCheckbox","style","Roles","title","fields","rolesGroup","content","map","field","i","propTypes","string","arrayOf","shape","type","oneOf"],"sources":["../../../src/molecule/coorp-manager-roles/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport style from './style.css';\n\nconst Roles = ({title, fields}) => {\n  return (\n    <div className={style.rolesGroup}>\n      <h3 className={style.title}>{title}</h3>\n      <div className={style.content}>\n        {fields.map((field, i) => (\n          <span className={style.field} key={i}>\n            <InputCheckbox {...field} />\n          </span>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nRoles.propTypes = {\n  title: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputCheckbox.propTypes,\n      type: PropTypes.oneOf(['checkbox'])\n    })\n  )\n};\n\nexport default Roles;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAAqB;EACjC,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAtB,gBACE;IAAI,SAAS,EAAEJ,KAAK,CAACE;EAArB,GAA6BA,KAA7B,CADF,eAEE;IAAK,SAAS,EAAEF,KAAK,CAACK;EAAtB,GACGF,MAAM,CAACG,GAAP,CAAW,CAACC,KAAD,EAAQC,CAAR,kBACV;IAAM,SAAS,EAAER,KAAK,CAACO,KAAvB;IAA8B,GAAG,EAAEC;EAAnC,gBACE,oBAAC,aAAD,EAAmBD,KAAnB,CADF,CADD,CADH,CAFF,CADF;AAYD,CAbD;;AAeAN,KAAK,CAACQ,SAAN,2CAAkB;EAChBP,KAAK,EAAEJ,SAAS,CAACY,MADD;EAEhBP,MAAM,EAAEL,SAAS,CAACa,OAAV,CACNb,SAAS,CAACc,KAAV,cACKb,aAAa,CAACU,SADnB;IAEEI,IAAI,EAAEf,SAAS,CAACgB,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFR,GADM;AAFQ,CAAlB;AAUA,eAAeb,KAAf"}
+{"version":3,"sources":["../../../src/molecule/coorp-manager-roles/index.js"],"names":["React","PropTypes","InputCheckbox","style","Roles","title","fields","rolesGroup","content","map","field","i","propTypes","string","arrayOf","shape","type","oneOf"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQC,EAAAA;AAAR,CAAD,KAAqB;AACjC,sBACE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACI;AAAtB,kBACE;AAAI,IAAA,SAAS,EAAEJ,KAAK,CAACE;AAArB,KAA6BA,KAA7B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACK;AAAtB,KACGF,MAAM,CAACG,GAAP,CAAW,CAACC,KAAD,EAAQC,CAAR,kBACV;AAAM,IAAA,SAAS,EAAER,KAAK,CAACO,KAAvB;AAA8B,IAAA,GAAG,EAAEC;AAAnC,kBACE,oBAAC,aAAD,EAAmBD,KAAnB,CADF,CADD,CADH,CAFF,CADF;AAYD,CAbD;;AAeAN,KAAK,CAACQ,SAAN,2CAAkB;AAChBP,EAAAA,KAAK,EAAEJ,SAAS,CAACY,MADD;AAEhBP,EAAAA,MAAM,EAAEL,SAAS,CAACa,OAAV,CACNb,SAAS,CAACc,KAAV,uBACKb,aAAa,CAACU,SADnB;AAEEI,IAAAA,IAAI,EAAEf,SAAS,CAACgB,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KADM;AAFQ,CAAlB;AAUA,eAAeb,KAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport style from './style.css';\n\nconst Roles = ({title, fields}) => {\n  return (\n    <div className={style.rolesGroup}>\n      <h3 className={style.title}>{title}</h3>\n      <div className={style.content}>\n        {fields.map((field, i) => (\n          <span className={style.field} key={i}>\n            <InputCheckbox {...field} />\n          </span>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nRoles.propTypes = {\n  title: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputCheckbox.propTypes,\n      type: PropTypes.oneOf(['checkbox'])\n    })\n  )\n};\n\nexport default Roles;\n"],"file":"index.js"}

package/es/molecule/course-section/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","CardImagePreview","ContentBadge","ListBadges","style","CourseSection","props","image","badgeList","title","author","position","ariaLabelTitle","ariaLabelAuthor","modules","ariaLabelModules","coursePosition","id","container","wrapper","containerImage","containerInfos","propTypes","shape","string","arrayOf","number"],"sources":["../../../src/molecule/course-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CardImagePreview from '../../atom/card-image-preview';\nimport ContentBadge from '../../atom/content-badge';\nimport ListBadges from '../list-badges';\nimport style from './style.css';\n\nconst CourseSection = props => {\n  const {\n    image,\n    badgeList,\n    title,\n    author,\n    position,\n    'aria-label': {\n      title: ariaLabelTitle,\n      author: ariaLabelAuthor,\n      modules: ariaLabelModules,\n      position: coursePosition\n    },\n    id\n  } = props;\n\n  return (\n    <div className={style.container} aria-label={ariaLabelTitle} data-name={`course-section-${id}`}>\n      <div className={style.wrapper}>\n        <span className={style.position} aria-label={coursePosition} data-name=\"position\">\n          {position}\n        </span>\n        <div className={style.containerImage}>\n          <CardImagePreview image={image} />\n        </div>\n        <div className={style.containerInfos}>\n          <div className={style.title}>{title}</div>\n          <span className={style.author} aria-label={ariaLabelAuthor}>\n            {author}\n          </span>\n        </div>\n      </div>\n      <ListBadges aria-label={ariaLabelModules} items={badgeList} />\n    </div>\n  );\n};\n\nCourseSection.propTypes = {\n  'aria-label': PropTypes.shape({\n    title: PropTypes.string,\n    author: PropTypes.string,\n    modules: PropTypes.string,\n    position: PropTypes.string\n  }),\n  image: PropTypes.string,\n  badgeList: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes)),\n  title: PropTypes.string,\n  author: PropTypes.string,\n  position: PropTypes.number,\n  id: PropTypes.string\n};\n\nexport default CourseSection;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,YAAP,MAAyB,0BAAzB;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IACJC,KADI;IAEJC,SAFI;IAGJC,KAHI;IAIJC,MAJI;IAKJC,QALI;IAMJ,cAAc;MACZF,KAAK,EAAEG,cADK;MAEZF,MAAM,EAAEG,eAFI;MAGZC,OAAO,EAAEC,gBAHG;MAIZJ,QAAQ,EAAEK;IAJE,CANV;IAYJC;EAZI,IAaFX,KAbJ;EAeA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACc,SAAtB;IAAiC,cAAYN,cAA7C;IAA6D,aAAY,kBAAiBK,EAAG;EAA7F,gBACE;IAAK,SAAS,EAAEb,KAAK,CAACe;EAAtB,gBACE;IAAM,SAAS,EAAEf,KAAK,CAACO,QAAvB;IAAiC,cAAYK,cAA7C;IAA6D,aAAU;EAAvE,GACGL,QADH,CADF,eAIE;IAAK,SAAS,EAAEP,KAAK,CAACgB;EAAtB,gBACE,oBAAC,gBAAD;IAAkB,KAAK,EAAEb;EAAzB,EADF,CAJF,eAOE;IAAK,SAAS,EAAEH,KAAK,CAACiB;EAAtB,gBACE;IAAK,SAAS,EAAEjB,KAAK,CAACK;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAM,SAAS,EAAEL,KAAK,CAACM,MAAvB;IAA+B,cAAYG;EAA3C,GACGH,MADH,CAFF,CAPF,CADF,eAeE,oBAAC,UAAD;IAAY,cAAYK,gBAAxB;IAA0C,KAAK,EAAEP;EAAjD,EAfF,CADF;AAmBD,CAnCD;;AAqCAH,aAAa,CAACiB,SAAd,2CAA0B;EACxB,cAActB,SAAS,CAACuB,KAAV,CAAgB;IAC5Bd,KAAK,EAAET,SAAS,CAACwB,MADW;IAE5Bd,MAAM,EAAEV,SAAS,CAACwB,MAFU;IAG5BV,OAAO,EAAEd,SAAS,CAACwB,MAHS;IAI5Bb,QAAQ,EAAEX,SAAS,CAACwB;EAJQ,CAAhB,CADU;EAOxBjB,KAAK,EAAEP,SAAS,CAACwB,MAPO;EAQxBhB,SAAS,EAAER,SAAS,CAACyB,OAAV,CAAkBzB,SAAS,CAACuB,KAAV,CAAgBrB,YAAY,CAACoB,SAA7B,CAAlB,CARa;EASxBb,KAAK,EAAET,SAAS,CAACwB,MATO;EAUxBd,MAAM,EAAEV,SAAS,CAACwB,MAVM;EAWxBb,QAAQ,EAAEX,SAAS,CAAC0B,MAXI;EAYxBT,EAAE,EAAEjB,SAAS,CAACwB;AAZU,CAA1B;AAeA,eAAenB,aAAf"}
+{"version":3,"sources":["../../../src/molecule/course-section/index.js"],"names":["React","PropTypes","CardImagePreview","ContentBadge","ListBadges","style","CourseSection","props","image","badgeList","title","author","position","ariaLabelTitle","ariaLabelAuthor","modules","ariaLabelModules","coursePosition","id","container","wrapper","containerImage","containerInfos","propTypes","shape","string","arrayOf","number"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,YAAP,MAAyB,0BAAzB;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,SAFI;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,MAJI;AAKJC,IAAAA,QALI;AAMJ,kBAAc;AACZF,MAAAA,KAAK,EAAEG,cADK;AAEZF,MAAAA,MAAM,EAAEG,eAFI;AAGZC,MAAAA,OAAO,EAAEC,gBAHG;AAIZJ,MAAAA,QAAQ,EAAEK;AAJE,KANV;AAYJC,IAAAA;AAZI,MAaFX,KAbJ;AAeA,sBACE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACc,SAAtB;AAAiC,kBAAYN,cAA7C;AAA6D,iBAAY,kBAAiBK,EAAG;AAA7F,kBACE;AAAK,IAAA,SAAS,EAAEb,KAAK,CAACe;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEf,KAAK,CAACO,QAAvB;AAAiC,kBAAYK,cAA7C;AAA6D,iBAAU;AAAvE,KACGL,QADH,CADF,eAIE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACgB;AAAtB,kBACE,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAEb;AAAzB,IADF,CAJF,eAOE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACiB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEjB,KAAK,CAACK;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAM,IAAA,SAAS,EAAEL,KAAK,CAACM,MAAvB;AAA+B,kBAAYG;AAA3C,KACGH,MADH,CAFF,CAPF,CADF,eAeE,oBAAC,UAAD;AAAY,kBAAYK,gBAAxB;AAA0C,IAAA,KAAK,EAAEP;AAAjD,IAfF,CADF;AAmBD,CAnCD;;AAqCAH,aAAa,CAACiB,SAAd,2CAA0B;AACxB,gBAActB,SAAS,CAACuB,KAAV,CAAgB;AAC5Bd,IAAAA,KAAK,EAAET,SAAS,CAACwB,MADW;AAE5Bd,IAAAA,MAAM,EAAEV,SAAS,CAACwB,MAFU;AAG5BV,IAAAA,OAAO,EAAEd,SAAS,CAACwB,MAHS;AAI5Bb,IAAAA,QAAQ,EAAEX,SAAS,CAACwB;AAJQ,GAAhB,CADU;AAOxBjB,EAAAA,KAAK,EAAEP,SAAS,CAACwB,MAPO;AAQxBhB,EAAAA,SAAS,EAAER,SAAS,CAACyB,OAAV,CAAkBzB,SAAS,CAACuB,KAAV,CAAgBrB,YAAY,CAACoB,SAA7B,CAAlB,CARa;AASxBb,EAAAA,KAAK,EAAET,SAAS,CAACwB,MATO;AAUxBd,EAAAA,MAAM,EAAEV,SAAS,CAACwB,MAVM;AAWxBb,EAAAA,QAAQ,EAAEX,SAAS,CAAC0B,MAXI;AAYxBT,EAAAA,EAAE,EAAEjB,SAAS,CAACwB;AAZU,CAA1B;AAeA,eAAenB,aAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CardImagePreview from '../../atom/card-image-preview';\nimport ContentBadge from '../../atom/content-badge';\nimport ListBadges from '../list-badges';\nimport style from './style.css';\n\nconst CourseSection = props => {\n  const {\n    image,\n    badgeList,\n    title,\n    author,\n    position,\n    'aria-label': {\n      title: ariaLabelTitle,\n      author: ariaLabelAuthor,\n      modules: ariaLabelModules,\n      position: coursePosition\n    },\n    id\n  } = props;\n\n  return (\n    <div className={style.container} aria-label={ariaLabelTitle} data-name={`course-section-${id}`}>\n      <div className={style.wrapper}>\n        <span className={style.position} aria-label={coursePosition} data-name=\"position\">\n          {position}\n        </span>\n        <div className={style.containerImage}>\n          <CardImagePreview image={image} />\n        </div>\n        <div className={style.containerInfos}>\n          <div className={style.title}>{title}</div>\n          <span className={style.author} aria-label={ariaLabelAuthor}>\n            {author}\n          </span>\n        </div>\n      </div>\n      <ListBadges aria-label={ariaLabelModules} items={badgeList} />\n    </div>\n  );\n};\n\nCourseSection.propTypes = {\n  'aria-label': PropTypes.shape({\n    title: PropTypes.string,\n    author: PropTypes.string,\n    modules: PropTypes.string,\n    position: PropTypes.string\n  }),\n  image: PropTypes.string,\n  badgeList: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes)),\n  title: PropTypes.string,\n  author: PropTypes.string,\n  position: PropTypes.number,\n  id: PropTypes.string\n};\n\nexport default CourseSection;\n"],"file":"index.js"}

package/es/molecule/course-sections/index.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -28,7 +28,7 @@ const CourseSections = ({
 }) => {
   if (isLoading) return /*#__PURE__*/React.createElement(Loading, null);
 
-  const child = _extends({}, mandatoryCoursesInput, {
+  const child = _extends(_extends({}, mandatoryCoursesInput), {}, {
     childType: 'input-text'
   });
 

package/es/molecule/course-sections/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","InputTextWithTitle","CourseSection","DraggableList","Loader","Title","TitleAndCheckBoxWrapper","style","Loading","loaderContainer","loader","CourseSections","sections","onDrop","isLoading","title","mandatoryCoursesInput","inputTitle","totalCourses","child","childType","sectionTitle","propTypes","string","arrayOf","shape","func","bool"],"sources":["../../../src/molecule/course-sections/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CourseSection from '../course-section';\nimport DraggableList from '../draggable-list';\nimport Loader from '../../atom/loader';\nimport Title from '../../atom/title';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport style from './style.css';\n\nconst Loading = () => (\n  <div className={style.loaderContainer}>\n    <Loader className={style.loader} theme=\"coorpmanager\" />\n  </div>\n);\n\nconst CourseSections = ({\n  sections,\n  onDrop,\n  isLoading,\n  title,\n  mandatoryCoursesInput,\n  inputTitle,\n  totalCourses\n}) => {\n  if (isLoading) return <Loading />;\n\n  const child = {...mandatoryCoursesInput, childType: 'input-text'};\n  const sectionTitle = {title: inputTitle, 'data-name': 'mandatory-courses-input-title'};\n  return (\n    <div>\n      {mandatoryCoursesInput && sectionTitle ? (\n        <TitleAndCheckBoxWrapper child={child} sectionTitle={sectionTitle} />\n      ) : null}\n      {title ? (\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'course-sections-title'} />\n          {totalCourses ? (\n            <Title\n              title={totalCourses}\n              type={'form-group'}\n              data-name={'course-sections-total-courses'}\n            />\n          ) : null}\n        </div>\n      ) : null}\n      <DraggableList itemType=\"course-section\" items={sections} onDrop={onDrop} />\n    </div>\n  );\n};\n\nCourseSections.propTypes = {\n  inputTitle: PropTypes.string,\n  title: PropTypes.string,\n  totalCourses: PropTypes.string,\n  sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),\n  onDrop: PropTypes.func,\n  isLoading: PropTypes.bool,\n  mandatoryCoursesInput: PropTypes.shape(InputTextWithTitle.propTypes)\n};\n\nexport default CourseSections;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAG,mBACd;EAAK,SAAS,EAAED,KAAK,CAACE;AAAtB,gBACE,oBAAC,MAAD;EAAQ,SAAS,EAAEF,KAAK,CAACG,MAAzB;EAAiC,KAAK,EAAC;AAAvC,EADF,CADF;;AAMA,MAAMC,cAAc,GAAG,CAAC;EACtBC,QADsB;EAEtBC,MAFsB;EAGtBC,SAHsB;EAItBC,KAJsB;EAKtBC,qBALsB;EAMtBC,UANsB;EAOtBC;AAPsB,CAAD,KAQjB;EACJ,IAAIJ,SAAJ,EAAe,oBAAO,oBAAC,OAAD,OAAP;;EAEf,MAAMK,KAAK,gBAAOH,qBAAP;IAA8BI,SAAS,EAAE;EAAzC,EAAX;;EACA,MAAMC,YAAY,GAAG;IAACN,KAAK,EAAEE,UAAR;IAAoB,aAAa;EAAjC,CAArB;EACA,oBACE,iCACGD,qBAAqB,IAAIK,YAAzB,gBACC,oBAAC,uBAAD;IAAyB,KAAK,EAAEF,KAAhC;IAAuC,YAAY,EAAEE;EAArD,EADD,GAEG,IAHN,EAIGN,KAAK,gBACJ;IAAK,SAAS,EAAER,KAAK,CAACQ;EAAtB,gBACE,oBAAC,KAAD;IAAO,KAAK,EAAEA,KAAd;IAAqB,IAAI,EAAE,YAA3B;IAAyC,aAAW;EAApD,EADF,EAEGG,YAAY,gBACX,oBAAC,KAAD;IACE,KAAK,EAAEA,YADT;IAEE,IAAI,EAAE,YAFR;IAGE,aAAW;EAHb,EADW,GAMT,IARN,CADI,GAWF,IAfN,eAgBE,oBAAC,aAAD;IAAe,QAAQ,EAAC,gBAAxB;IAAyC,KAAK,EAAEN,QAAhD;IAA0D,MAAM,EAAEC;EAAlE,EAhBF,CADF;AAoBD,CAjCD;;AAmCAF,cAAc,CAACW,SAAf,2CAA2B;EACzBL,UAAU,EAAEjB,SAAS,CAACuB,MADG;EAEzBR,KAAK,EAAEf,SAAS,CAACuB,MAFQ;EAGzBL,YAAY,EAAElB,SAAS,CAACuB,MAHC;EAIzBX,QAAQ,EAAEZ,SAAS,CAACwB,OAAV,CAAkBxB,SAAS,CAACyB,KAAV,CAAgBvB,aAAa,CAACoB,SAA9B,CAAlB,CAJe;EAKzBT,MAAM,EAAEb,SAAS,CAAC0B,IALO;EAMzBZ,SAAS,EAAEd,SAAS,CAAC2B,IANI;EAOzBX,qBAAqB,EAAEhB,SAAS,CAACyB,KAAV,CAAgBxB,kBAAkB,CAACqB,SAAnC;AAPE,CAA3B;AAUA,eAAeX,cAAf"}
+{"version":3,"sources":["../../../src/molecule/course-sections/index.js"],"names":["React","PropTypes","InputTextWithTitle","CourseSection","DraggableList","Loader","Title","TitleAndCheckBoxWrapper","style","Loading","loaderContainer","loader","CourseSections","sections","onDrop","isLoading","title","mandatoryCoursesInput","inputTitle","totalCourses","child","childType","sectionTitle","propTypes","string","arrayOf","shape","func","bool"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAG,mBACd;AAAK,EAAA,SAAS,EAAED,KAAK,CAACE;AAAtB,gBACE,oBAAC,MAAD;AAAQ,EAAA,SAAS,EAAEF,KAAK,CAACG,MAAzB;AAAiC,EAAA,KAAK,EAAC;AAAvC,EADF,CADF;;AAMA,MAAMC,cAAc,GAAG,CAAC;AACtBC,EAAAA,QADsB;AAEtBC,EAAAA,MAFsB;AAGtBC,EAAAA,SAHsB;AAItBC,EAAAA,KAJsB;AAKtBC,EAAAA,qBALsB;AAMtBC,EAAAA,UANsB;AAOtBC,EAAAA;AAPsB,CAAD,KAQjB;AACJ,MAAIJ,SAAJ,EAAe,oBAAO,oBAAC,OAAD,OAAP;;AAEf,QAAMK,KAAK,yBAAOH,qBAAP;AAA8BI,IAAAA,SAAS,EAAE;AAAzC,IAAX;;AACA,QAAMC,YAAY,GAAG;AAACN,IAAAA,KAAK,EAAEE,UAAR;AAAoB,iBAAa;AAAjC,GAArB;AACA,sBACE,iCACGD,qBAAqB,IAAIK,YAAzB,gBACC,oBAAC,uBAAD;AAAyB,IAAA,KAAK,EAAEF,KAAhC;AAAuC,IAAA,YAAY,EAAEE;AAArD,IADD,GAEG,IAHN,EAIGN,KAAK,gBACJ;AAAK,IAAA,SAAS,EAAER,KAAK,CAACQ;AAAtB,kBACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAEA,KAAd;AAAqB,IAAA,IAAI,EAAE,YAA3B;AAAyC,iBAAW;AAApD,IADF,EAEGG,YAAY,gBACX,oBAAC,KAAD;AACE,IAAA,KAAK,EAAEA,YADT;AAEE,IAAA,IAAI,EAAE,YAFR;AAGE,iBAAW;AAHb,IADW,GAMT,IARN,CADI,GAWF,IAfN,eAgBE,oBAAC,aAAD;AAAe,IAAA,QAAQ,EAAC,gBAAxB;AAAyC,IAAA,KAAK,EAAEN,QAAhD;AAA0D,IAAA,MAAM,EAAEC;AAAlE,IAhBF,CADF;AAoBD,CAjCD;;AAmCAF,cAAc,CAACW,SAAf,2CAA2B;AACzBL,EAAAA,UAAU,EAAEjB,SAAS,CAACuB,MADG;AAEzBR,EAAAA,KAAK,EAAEf,SAAS,CAACuB,MAFQ;AAGzBL,EAAAA,YAAY,EAAElB,SAAS,CAACuB,MAHC;AAIzBX,EAAAA,QAAQ,EAAEZ,SAAS,CAACwB,OAAV,CAAkBxB,SAAS,CAACyB,KAAV,CAAgBvB,aAAa,CAACoB,SAA9B,CAAlB,CAJe;AAKzBT,EAAAA,MAAM,EAAEb,SAAS,CAAC0B,IALO;AAMzBZ,EAAAA,SAAS,EAAEd,SAAS,CAAC2B,IANI;AAOzBX,EAAAA,qBAAqB,EAAEhB,SAAS,CAACyB,KAAV,CAAgBxB,kBAAkB,CAACqB,SAAnC;AAPE,CAA3B;AAUA,eAAeX,cAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CourseSection from '../course-section';\nimport DraggableList from '../draggable-list';\nimport Loader from '../../atom/loader';\nimport Title from '../../atom/title';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport style from './style.css';\n\nconst Loading = () => (\n  <div className={style.loaderContainer}>\n    <Loader className={style.loader} theme=\"coorpmanager\" />\n  </div>\n);\n\nconst CourseSections = ({\n  sections,\n  onDrop,\n  isLoading,\n  title,\n  mandatoryCoursesInput,\n  inputTitle,\n  totalCourses\n}) => {\n  if (isLoading) return <Loading />;\n\n  const child = {...mandatoryCoursesInput, childType: 'input-text'};\n  const sectionTitle = {title: inputTitle, 'data-name': 'mandatory-courses-input-title'};\n  return (\n    <div>\n      {mandatoryCoursesInput && sectionTitle ? (\n        <TitleAndCheckBoxWrapper child={child} sectionTitle={sectionTitle} />\n      ) : null}\n      {title ? (\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'course-sections-title'} />\n          {totalCourses ? (\n            <Title\n              title={totalCourses}\n              type={'form-group'}\n              data-name={'course-sections-total-courses'}\n            />\n          ) : null}\n        </div>\n      ) : null}\n      <DraggableList itemType=\"course-section\" items={sections} onDrop={onDrop} />\n    </div>\n  );\n};\n\nCourseSections.propTypes = {\n  inputTitle: PropTypes.string,\n  title: PropTypes.string,\n  totalCourses: PropTypes.string,\n  sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),\n  onDrop: PropTypes.func,\n  isLoading: PropTypes.bool,\n  mandatoryCoursesInput: PropTypes.shape(InputTextWithTitle.propTypes)\n};\n\nexport default CourseSections;\n"],"file":"index.js"}

package/es/molecule/dashboard/battle-request-list/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import BattleRequest from '../../battle-request';
 import style from './style.css';
-const BattleRequestList = /*#__PURE__*/React.memo(function BattleRequestList(props) {
+const BattleRequestList = React.memo(function BattleRequestList(props) {
   const {
     requests
   } = props;

package/es/molecule/dashboard/battle-request-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","BattleRequest","style","BattleRequestList","memo","props","requests","cards","map","request","key","card","list","propTypes","arrayOf","shape"],"sources":["../../../../src/molecule/dashboard/battle-request-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BattleRequest from '../../battle-request';\nimport style from './style.css';\n\nconst BattleRequestList = React.memo(function BattleRequestList(props) {\n  const {requests} = props;\n\n  const cards = requests.map((request, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <BattleRequest {...request} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.list} data-name=\"battle-request-list\">\n      {cards}\n    </div>\n  );\n});\n\nBattleRequestList.propTypes = {\n  requests: PropTypes.arrayOf(PropTypes.shape(BattleRequest.propTypes))\n};\n\nexport default BattleRequestList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,aAAP,MAA0B,sBAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,iBAAiB,gBAAGJ,KAAK,CAACK,IAAN,CAAW,SAASD,iBAAT,CAA2BE,KAA3B,EAAkC;EACrE,MAAM;IAACC;EAAD,IAAaD,KAAnB;EAEA,MAAME,KAAK,GAAGD,QAAQ,CAACE,GAAT,CAAa,CAACC,OAAD,EAAUC,GAAV,KAAkB;IAC3C,oBACE;MAAK,SAAS,EAAER,KAAK,CAACS,IAAtB;MAA4B,GAAG,EAAED;IAAjC,gBACE,oBAAC,aAAD,EAAmBD,OAAnB,CADF,CADF;EAKD,CANa,CAAd;EAQA,oBACE;IAAK,SAAS,EAAEP,KAAK,CAACU,IAAtB;IAA4B,aAAU;EAAtC,GACGL,KADH,CADF;AAKD,CAhByB,CAA1B;AAkBAJ,iBAAiB,CAACU,SAAlB,2CAA8B;EAC5BP,QAAQ,EAAEN,SAAS,CAACc,OAAV,CAAkBd,SAAS,CAACe,KAAV,CAAgBd,aAAa,CAACY,SAA9B,CAAlB;AADkB,CAA9B;AAIA,eAAeV,iBAAf"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/battle-request-list/index.js"],"names":["React","PropTypes","BattleRequest","style","BattleRequestList","memo","props","requests","cards","map","request","key","card","list","propTypes","arrayOf","shape"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,aAAP,MAA0B,sBAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,iBAAiB,GAAGJ,KAAK,CAACK,IAAN,CAAW,SAASD,iBAAT,CAA2BE,KAA3B,EAAkC;AACrE,QAAM;AAACC,IAAAA;AAAD,MAAaD,KAAnB;AAEA,QAAME,KAAK,GAAGD,QAAQ,CAACE,GAAT,CAAa,CAACC,OAAD,EAAUC,GAAV,KAAkB;AAC3C,wBACE;AAAK,MAAA,SAAS,EAAER,KAAK,CAACS,IAAtB;AAA4B,MAAA,GAAG,EAAED;AAAjC,oBACE,oBAAC,aAAD,EAAmBD,OAAnB,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACU,IAAtB;AAA4B,iBAAU;AAAtC,KACGL,KADH,CADF;AAKD,CAhByB,CAA1B;AAkBAJ,iBAAiB,CAACU,SAAlB,2CAA8B;AAC5BP,EAAAA,QAAQ,EAAEN,SAAS,CAACc,OAAV,CAAkBd,SAAS,CAACe,KAAV,CAAgBd,aAAa,CAACY,SAA9B,CAAlB;AADkB,CAA9B;AAIA,eAAeV,iBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BattleRequest from '../../battle-request';\nimport style from './style.css';\n\nconst BattleRequestList = React.memo(function BattleRequestList(props) {\n  const {requests} = props;\n\n  const cards = requests.map((request, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <BattleRequest {...request} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.list} data-name=\"battle-request-list\">\n      {cards}\n    </div>\n  );\n});\n\nBattleRequestList.propTypes = {\n  requests: PropTypes.arrayOf(PropTypes.shape(BattleRequest.propTypes))\n};\n\nexport default BattleRequestList;\n"],"file":"index.js"}

package/es/molecule/dashboard/cards-list/index.js

@@ -12,7 +12,7 @@ import _get from "lodash/fp/get";
 import _throttle from "lodash/fp/throttle";
 import _debounce from "lodash/fp/debounce";
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import PropTypes from 'prop-types';

package/es/molecule/dashboard/cards-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","NovaCompositionNavigationArrowRight","ArrowRight","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyTimer","TimerIcon","Provider","Card","style","ShowMoreLink","props","onShowMore","showMore","className","contextTypes","skin","childContextTypes","propTypes","func","string","IconView","context","contentType","ICONS","chapter","course","dark","IconType","icon","computeWidth","card","type","nextPage","page","maxPages","CardsList","PureComponent","constructor","state","actualPage","scrollLeft","offsetWidth","possiblePositions","possiblePages","cardsWidth","handleScroll_","handleScroll","bind","handleOnLeft","handleOnRight","scrollTo","updateState","updatePages","setCardsWrapper","getScrollWidth","handleResize","componentDidMount","cardsWrapper","addEventListener","window","componentDidUpdate","cards","newCardsWidth","updatePaginationState","setState","componentWillUnmount","removeEventListener","cancel","wrapperWidth","wrapperScrollLeft","cardWidths","cardPositions","accWidth","cardWidth","acc","pageIndex","accPageWidth","pageWidth","skip","position","element","index","onScroll","leftBound","rightBound","leftIndex","rightIndex","limit","indexOfNextFirstCard","indexOf","nextPosition","render","title","dataName","titleStyle","titleLink","cardsView","key","leftArrowView","circle","left","rightArrowView","right","titleView","hasPages","showMoreView","showMoreBar","switchPagesView","pagingWrapper","wrapper","list","header","translate","arrayOf","shape","protoTypes"],"sources":["../../../../src/molecule/dashboard/cards-list/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  debounce,\n  throttle,\n  get,\n  getOr,\n  map,\n  sum,\n  last,\n  pipe,\n  toPairs,\n  reduce,\n  head,\n  findIndex,\n  findLastIndex\n} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Card from '../../card';\nimport style from './style.css';\n\nconst ShowMoreLink = props => {\n  const {onShowMore, showMore, className} = props;\n  return (\n    <div className={className} onClick={onShowMore}>\n      {showMore}\n    </div>\n  );\n};\n\nShowMoreLink.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nShowMoreLink.propTypes = {\n  onShowMore: PropTypes.func,\n  showMore: PropTypes.string,\n  className: PropTypes.string\n};\n\nconst IconView = (props, context) => {\n  const {skin} = context;\n  const {contentType} = props;\n  const ICONS = {\n    chapter: TimerIcon,\n    course: LearnerIcon\n  };\n\n  if (!contentType) {\n    return null;\n  }\n\n  const dark = get('common.dark', skin);\n  const IconType = ICONS[contentType];\n\n  return (\n    <div>\n      <IconType color={dark} className={style.icon} data-contenttype={contentType} />\n    </div>\n  );\n};\n\nconst computeWidth = card => {\n  switch (card && card.type) {\n    case 'chapter':\n      return 219;\n    default:\n      return 272;\n  }\n};\n\nconst nextPage = (page, maxPages) => {\n  if (page < 0) return maxPages;\n  if (page > maxPages) return 0;\n  return page;\n};\n\nIconView.propTypes = {\n  contentType: PropTypes.string\n};\n\nclass CardsList extends React.PureComponent {\n  static propTypes = {\n    contentType: PropTypes.string,\n    dataName: PropTypes.string,\n    title: PropTypes.string,\n    showMore: PropTypes.string,\n    cards: PropTypes.arrayOf(PropTypes.shape(Card.protoTypes)),\n    onScroll: PropTypes.func,\n    onShowMore: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      actualPage: 0,\n      maxPages: 0,\n      scrollLeft: 0,\n      offsetWidth: 0,\n      possiblePositions: [],\n      possiblePages: [],\n      cardsWidth: 0\n    };\n\n    this.handleScroll_ = throttle(200, this.handleScroll.bind(this));\n    this.handleScroll = this.handleScroll.bind(this);\n    this.handleOnLeft = this.handleOnLeft.bind(this);\n    this.handleOnRight = this.handleOnRight.bind(this);\n    this.scrollTo = this.scrollTo.bind(this);\n    this.updateState = debounce(200, this.updatePages.bind(this));\n    this.updatePages = this.updatePages.bind(this);\n    this.setCardsWrapper = this.setCardsWrapper.bind(this);\n    this.getScrollWidth = this.getScrollWidth.bind(this);\n    this.handleResize = this.handleResize.bind(this);\n  }\n\n  componentDidMount() {\n    this.cardsWrapper.addEventListener('scroll', this.handleScroll_);\n\n    if (window) {\n      window.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  componentDidUpdate() {\n    const {cards = []} = this.props;\n    const {offsetWidth, cardsWidth} = this.state;\n    const newCardsWidth = pipe(map(computeWidth), sum)(cards);\n\n    if (newCardsWidth !== cardsWidth && offsetWidth !== 0) {\n      this.updatePaginationState(cards);\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({\n        cardsWidth: newCardsWidth\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.cardsWrapper.removeEventListener('scroll', this.handleScroll_);\n\n    if (window) {\n      window.removeEventListener('resize', this.handleResize);\n    }\n    this.updateState.cancel();\n  }\n\n  handleResize() {\n    const {cards = []} = this.props;\n    this.updatePaginationState(cards);\n  }\n\n  updatePaginationState(cards) {\n    const {offsetWidth: wrapperWidth, scrollLeft: wrapperScrollLeft} = this.state;\n\n    const cardWidths = map(computeWidth)(cards);\n\n    const possiblePositions = pipe(\n      reduce(\n        ([cardPositions, accWidth], cardWidth) => [\n          [...cardPositions, accWidth],\n          cardWidth + accWidth\n        ],\n        [[], 0]\n      ),\n      head\n    )(cardWidths);\n\n    const possiblePages = pipe(\n      reduce(\n        ([acc, pageIndex, accPageWidth], cardWidth) => {\n          const pageWidth = accPageWidth + cardWidth;\n          if (pageWidth > wrapperWidth) {\n            return [[...acc, pageIndex + 1], pageIndex + 1, cardWidth];\n          }\n          return [[...acc, pageIndex], pageIndex, pageWidth];\n        },\n        [[], 0, 0]\n      ),\n      head\n    )(cardWidths);\n\n    const skip = findIndex(position => position >= wrapperScrollLeft, possiblePositions);\n    const actualPage = possiblePages[skip + 1];\n\n    this.setState({\n      possiblePositions,\n      possiblePages,\n      maxPages: last(possiblePages),\n      actualPage\n    });\n  }\n\n  setCardsWrapper(element) {\n    this.cardsWrapper = element;\n    this.setState({\n      scrollLeft: this.cardsWrapper?.scrollLeft,\n      offsetWidth: this.cardsWrapper?.offsetWidth\n    });\n  }\n\n  getScrollWidth(index) {\n    const {cards = []} = this.props;\n    const card = cards[index];\n    return computeWidth(card);\n  }\n\n  handleScroll() {\n    const scrollLeft = this.cardsWrapper?.scrollLeft;\n    this.setState({scrollLeft});\n\n    const {possiblePositions, offsetWidth} = this.state;\n    const {onScroll} = this.props;\n    if (onScroll) {\n      const leftBound = scrollLeft;\n      const rightBound = scrollLeft + offsetWidth;\n\n      const leftIndex = findIndex(position => position > leftBound, possiblePositions) - 1;\n      const rightIndex = findLastIndex(position => position < rightBound, possiblePositions);\n      const skip = leftIndex;\n      const limit = rightIndex - skip + 1;\n\n      onScroll(skip, limit);\n    }\n  }\n\n  handleOnLeft() {\n    const {actualPage, maxPages} = this.state;\n    this.scrollTo(nextPage(actualPage - 1, maxPages));\n  }\n\n  handleOnRight() {\n    const {actualPage, maxPages} = this.state;\n    this.scrollTo(nextPage(actualPage + 1, maxPages));\n  }\n\n  scrollTo(page) {\n    const {possiblePages, possiblePositions} = this.state;\n    const indexOfNextFirstCard = possiblePages.indexOf(page);\n    const nextPosition = possiblePositions[indexOfNextFirstCard];\n    this.cardsWrapper.scrollLeft = nextPosition;\n    this.updatePages(page);\n    this.setState({\n      scrollLeft: nextPosition\n    });\n  }\n\n  updatePages(actualPage) {\n    this.setState({\n      actualPage\n    });\n  }\n\n  render() {\n    const {title, showMore, cards, onShowMore, dataName, contentType} = this.props;\n    const {skin} = this.context;\n    const {maxPages} = this.state;\n    const dark = getOr('#90A4AE', 'common.dark', skin);\n    const titleStyle = onShowMore ? style.titleLink : style.title;\n    const cardsView = pipe(\n      toPairs,\n      map(([key, card]) => {\n        return (\n          <div className={style.card} key={key}>\n            <Card {...card} dataName={`${dataName}-${key}`} />\n          </div>\n        );\n      })\n    )(cards);\n    const leftArrowView = (\n      <div className={style.circle} onClick={this.handleOnLeft} data-name=\"card-list-left-arrow\">\n        <ArrowLeft color={dark} className={style.left} width={10} height={10} />\n      </div>\n    );\n    const rightArrowView = (\n      <div className={style.circle} onClick={this.handleOnRight} data-name=\"card-list-right-arrow\">\n        <ArrowRight color={dark} className={style.right} width={10} height={10} />\n      </div>\n    );\n\n    const titleView = (\n      <span data-name=\"title\" className={titleStyle} onClick={onShowMore}>\n        <IconView contentType={contentType} />\n        <span>{title}</span>\n      </span>\n    );\n\n    const hasPages = maxPages > 0;\n    const showMoreView =\n      hasPages && showMore && onShowMore ? (\n        <ShowMoreLink\n          className={hasPages ? style.showMoreBar : style.showMore}\n          onShowMore={onShowMore}\n          showMore={showMore}\n        />\n      ) : null;\n\n    const switchPagesView = hasPages ? (\n      <div className={style.pagingWrapper}>\n        {showMoreView}\n        {leftArrowView}\n        {rightArrowView}\n      </div>\n    ) : null;\n    return (\n      <div className={style.wrapper} data-name=\"cardsList\">\n        <div className={style.list}>\n          <div>\n            <div data-name=\"header\" className={style.header}>\n              {titleView}\n              {switchPagesView}\n            </div>\n            <div className={style.cards} ref={this.setCardsWrapper}>\n              {cardsView}\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default CardsList;\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/cards-list/index.js"],"names":["React","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","NovaCompositionNavigationArrowRight","ArrowRight","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyTimer","TimerIcon","Provider","Card","style","ShowMoreLink","props","onShowMore","showMore","className","contextTypes","skin","childContextTypes","propTypes","func","string","IconView","context","contentType","ICONS","chapter","course","dark","IconType","icon","computeWidth","card","type","nextPage","page","maxPages","CardsList","PureComponent","constructor","state","actualPage","scrollLeft","offsetWidth","possiblePositions","possiblePages","cardsWidth","handleScroll_","handleScroll","bind","handleOnLeft","handleOnRight","scrollTo","updateState","updatePages","setCardsWrapper","getScrollWidth","handleResize","componentDidMount","cardsWrapper","addEventListener","window","componentDidUpdate","cards","newCardsWidth","updatePaginationState","setState","componentWillUnmount","removeEventListener","cancel","wrapperWidth","wrapperScrollLeft","cardWidths","cardPositions","accWidth","cardWidth","acc","pageIndex","accPageWidth","pageWidth","skip","position","element","index","onScroll","leftBound","rightBound","leftIndex","rightIndex","limit","indexOfNextFirstCard","indexOf","nextPosition","render","title","dataName","titleStyle","titleLink","cardsView","key","leftArrowView","circle","left","rightArrowView","right","titleView","hasPages","showMoreView","showMoreBar","switchPagesView","pagingWrapper","wrapper","list","header","translate","arrayOf","shape","protoTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  debounce,\n  throttle,\n  get,\n  getOr,\n  map,\n  sum,\n  last,\n  pipe,\n  toPairs,\n  reduce,\n  head,\n  findIndex,\n  findLastIndex\n} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Card from '../../card';\nimport style from './style.css';\n\nconst ShowMoreLink = props => {\n  const {onShowMore, showMore, className} = props;\n  return (\n    <div className={className} onClick={onShowMore}>\n      {showMore}\n    </div>\n  );\n};\n\nShowMoreLink.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nShowMoreLink.propTypes = {\n  onShowMore: PropTypes.func,\n  showMore: PropTypes.string,\n  className: PropTypes.string\n};\n\nconst IconView = (props, context) => {\n  const {skin} = context;\n  const {contentType} = props;\n  const ICONS = {\n    chapter: TimerIcon,\n    course: LearnerIcon\n  };\n\n  if (!contentType) {\n    return null;\n  }\n\n  const dark = get('common.dark', skin);\n  const IconType = ICONS[contentType];\n\n  return (\n    <div>\n      <IconType color={dark} className={style.icon} data-contenttype={contentType} />\n    </div>\n  );\n};\n\nconst computeWidth = card => {\n  switch (card && card.type) {\n    case 'chapter':\n      return 219;\n    default:\n      return 272;\n  }\n};\n\nconst nextPage = (page, maxPages) => {\n  if (page < 0) return maxPages;\n  if (page > maxPages) return 0;\n  return page;\n};\n\nIconView.propTypes = {\n  contentType: PropTypes.string\n};\n\nclass CardsList extends React.PureComponent {\n  static propTypes = {\n    contentType: PropTypes.string,\n    dataName: PropTypes.string,\n    title: PropTypes.string,\n    showMore: PropTypes.string,\n    cards: PropTypes.arrayOf(PropTypes.shape(Card.protoTypes)),\n    onScroll: PropTypes.func,\n    onShowMore: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      actualPage: 0,\n      maxPages: 0,\n      scrollLeft: 0,\n      offsetWidth: 0,\n      possiblePositions: [],\n      possiblePages: [],\n      cardsWidth: 0\n    };\n\n    this.handleScroll_ = throttle(200, this.handleScroll.bind(this));\n    this.handleScroll = this.handleScroll.bind(this);\n    this.handleOnLeft = this.handleOnLeft.bind(this);\n    this.handleOnRight = this.handleOnRight.bind(this);\n    this.scrollTo = this.scrollTo.bind(this);\n    this.updateState = debounce(200, this.updatePages.bind(this));\n    this.updatePages = this.updatePages.bind(this);\n    this.setCardsWrapper = this.setCardsWrapper.bind(this);\n    this.getScrollWidth = this.getScrollWidth.bind(this);\n    this.handleResize = this.handleResize.bind(this);\n  }\n\n  componentDidMount() {\n    this.cardsWrapper.addEventListener('scroll', this.handleScroll_);\n\n    if (window) {\n      window.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  componentDidUpdate() {\n    const {cards = []} = this.props;\n    const {offsetWidth, cardsWidth} = this.state;\n    const newCardsWidth = pipe(map(computeWidth), sum)(cards);\n\n    if (newCardsWidth !== cardsWidth && offsetWidth !== 0) {\n      this.updatePaginationState(cards);\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({\n        cardsWidth: newCardsWidth\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.cardsWrapper.removeEventListener('scroll', this.handleScroll_);\n\n    if (window) {\n      window.removeEventListener('resize', this.handleResize);\n    }\n    this.updateState.cancel();\n  }\n\n  handleResize() {\n    const {cards = []} = this.props;\n    this.updatePaginationState(cards);\n  }\n\n  updatePaginationState(cards) {\n    const {offsetWidth: wrapperWidth, scrollLeft: wrapperScrollLeft} = this.state;\n\n    const cardWidths = map(computeWidth)(cards);\n\n    const possiblePositions = pipe(\n      reduce(\n        ([cardPositions, accWidth], cardWidth) => [\n          [...cardPositions, accWidth],\n          cardWidth + accWidth\n        ],\n        [[], 0]\n      ),\n      head\n    )(cardWidths);\n\n    const possiblePages = pipe(\n      reduce(\n        ([acc, pageIndex, accPageWidth], cardWidth) => {\n          const pageWidth = accPageWidth + cardWidth;\n          if (pageWidth > wrapperWidth) {\n            return [[...acc, pageIndex + 1], pageIndex + 1, cardWidth];\n          }\n          return [[...acc, pageIndex], pageIndex, pageWidth];\n        },\n        [[], 0, 0]\n      ),\n      head\n    )(cardWidths);\n\n    const skip = findIndex(position => position >= wrapperScrollLeft, possiblePositions);\n    const actualPage = possiblePages[skip + 1];\n\n    this.setState({\n      possiblePositions,\n      possiblePages,\n      maxPages: last(possiblePages),\n      actualPage\n    });\n  }\n\n  setCardsWrapper(element) {\n    this.cardsWrapper = element;\n    this.setState({\n      scrollLeft: this.cardsWrapper?.scrollLeft,\n      offsetWidth: this.cardsWrapper?.offsetWidth\n    });\n  }\n\n  getScrollWidth(index) {\n    const {cards = []} = this.props;\n    const card = cards[index];\n    return computeWidth(card);\n  }\n\n  handleScroll() {\n    const scrollLeft = this.cardsWrapper?.scrollLeft;\n    this.setState({scrollLeft});\n\n    const {possiblePositions, offsetWidth} = this.state;\n    const {onScroll} = this.props;\n    if (onScroll) {\n      const leftBound = scrollLeft;\n      const rightBound = scrollLeft + offsetWidth;\n\n      const leftIndex = findIndex(position => position > leftBound, possiblePositions) - 1;\n      const rightIndex = findLastIndex(position => position < rightBound, possiblePositions);\n      const skip = leftIndex;\n      const limit = rightIndex - skip + 1;\n\n      onScroll(skip, limit);\n    }\n  }\n\n  handleOnLeft() {\n    const {actualPage, maxPages} = this.state;\n    this.scrollTo(nextPage(actualPage - 1, maxPages));\n  }\n\n  handleOnRight() {\n    const {actualPage, maxPages} = this.state;\n    this.scrollTo(nextPage(actualPage + 1, maxPages));\n  }\n\n  scrollTo(page) {\n    const {possiblePages, possiblePositions} = this.state;\n    const indexOfNextFirstCard = possiblePages.indexOf(page);\n    const nextPosition = possiblePositions[indexOfNextFirstCard];\n    this.cardsWrapper.scrollLeft = nextPosition;\n    this.updatePages(page);\n    this.setState({\n      scrollLeft: nextPosition\n    });\n  }\n\n  updatePages(actualPage) {\n    this.setState({\n      actualPage\n    });\n  }\n\n  render() {\n    const {title, showMore, cards, onShowMore, dataName, contentType} = this.props;\n    const {skin} = this.context;\n    const {maxPages} = this.state;\n    const dark = getOr('#90A4AE', 'common.dark', skin);\n    const titleStyle = onShowMore ? style.titleLink : style.title;\n    const cardsView = pipe(\n      toPairs,\n      map(([key, card]) => {\n        return (\n          <div className={style.card} key={key}>\n            <Card {...card} dataName={`${dataName}-${key}`} />\n          </div>\n        );\n      })\n    )(cards);\n    const leftArrowView = (\n      <div className={style.circle} onClick={this.handleOnLeft} data-name=\"card-list-left-arrow\">\n        <ArrowLeft color={dark} className={style.left} width={10} height={10} />\n      </div>\n    );\n    const rightArrowView = (\n      <div className={style.circle} onClick={this.handleOnRight} data-name=\"card-list-right-arrow\">\n        <ArrowRight color={dark} className={style.right} width={10} height={10} />\n      </div>\n    );\n\n    const titleView = (\n      <span data-name=\"title\" className={titleStyle} onClick={onShowMore}>\n        <IconView contentType={contentType} />\n        <span>{title}</span>\n      </span>\n    );\n\n    const hasPages = maxPages > 0;\n    const showMoreView =\n      hasPages && showMore && onShowMore ? (\n        <ShowMoreLink\n          className={hasPages ? style.showMoreBar : style.showMore}\n          onShowMore={onShowMore}\n          showMore={showMore}\n        />\n      ) : null;\n\n    const switchPagesView = hasPages ? (\n      <div className={style.pagingWrapper}>\n        {showMoreView}\n        {leftArrowView}\n        {rightArrowView}\n      </div>\n    ) : null;\n    return (\n      <div className={style.wrapper} data-name=\"cardsList\">\n        <div className={style.list}>\n          <div>\n            <div data-name=\"header\" className={style.header}>\n              {titleView}\n              {switchPagesView}\n            </div>\n            <div className={style.cards} ref={this.setCardsWrapper}>\n              {cardsView}\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default CardsList;\n"],"file":"index.js"}

package/es/molecule/dashboard/news-list/index.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import News from '../../news';
 import Loader from '../../../atom/loader';
 import style from './style.css';
-const NewsList = /*#__PURE__*/React.memo(function NewsList(props) {
+const NewsList = React.memo(function NewsList(props) {
   const {
     title,
     news,

package/es/molecule/dashboard/news-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","News","Loader","style","NewsList","memo","props","title","news","more","loading","loadingView","loader","moreView","onClick","label","cardsView","map","nws","key","card","wrapper","list","propTypes","string","arrayOf","shape","func","bool"],"sources":["../../../../src/molecule/dashboard/news-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport News from '../../news';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst NewsList = React.memo(function NewsList(props) {\n  const {title, news, more, loading = false} = props;\n\n  const loadingView = (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  );\n\n  const moreView = more ? (\n    // eslint-disable-next-line react/jsx-handler-names\n    <div className={style.more} onClick={more.onClick}>\n      {more.label}\n    </div>\n  ) : null;\n\n  const cardsView = news.map((nws, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <News {...nws} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.wrapper} data-name=\"news-list\">\n      <div className={style.list}>\n        <div className={style.title}>{title}</div>\n        {cardsView}\n        {loading ? loadingView : moreView}\n      </div>\n    </div>\n  );\n});\n\nNewsList.propTypes = {\n  title: PropTypes.string,\n  news: PropTypes.arrayOf(PropTypes.shape(News.propTypes)),\n  more: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool\n};\n\nexport default NewsList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,YAAjB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,QAAQ,gBAAGL,KAAK,CAACM,IAAN,CAAW,SAASD,QAAT,CAAkBE,KAAlB,EAAyB;EACnD,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,IAAd;IAAoBC,OAAO,GAAG;EAA9B,IAAuCJ,KAA7C;EAEA,MAAMK,WAAW,gBACf;IAAK,SAAS,EAAER,KAAK,CAACS;EAAtB,gBACE,oBAAC,MAAD,OADF,CADF;EAMA,MAAMC,QAAQ,GAAGJ,IAAI;EAAA;EACnB;EACA;IAAK,SAAS,EAAEN,KAAK,CAACM,IAAtB;IAA4B,OAAO,EAAEA,IAAI,CAACK;EAA1C,GACGL,IAAI,CAACM,KADR,CAFmB,GAKjB,IALJ;EAOA,MAAMC,SAAS,GAAGR,IAAI,CAACS,GAAL,CAAS,CAACC,GAAD,EAAMC,GAAN,KAAc;IACvC,oBACE;MAAK,SAAS,EAAEhB,KAAK,CAACiB,IAAtB;MAA4B,GAAG,EAAED;IAAjC,gBACE,oBAAC,IAAD,EAAUD,GAAV,CADF,CADF;EAKD,CANiB,CAAlB;EAQA,oBACE;IAAK,SAAS,EAAEf,KAAK,CAACkB,OAAtB;IAA+B,aAAU;EAAzC,gBACE;IAAK,SAAS,EAAElB,KAAK,CAACmB;EAAtB,gBACE;IAAK,SAAS,EAAEnB,KAAK,CAACI;EAAtB,GAA8BA,KAA9B,CADF,EAEGS,SAFH,EAGGN,OAAO,GAAGC,WAAH,GAAiBE,QAH3B,CADF,CADF;AASD,CAjCgB,CAAjB;AAmCAT,QAAQ,CAACmB,SAAT,2CAAqB;EACnBhB,KAAK,EAAEP,SAAS,CAACwB,MADE;EAEnBhB,IAAI,EAAER,SAAS,CAACyB,OAAV,CAAkBzB,SAAS,CAAC0B,KAAV,CAAgBzB,IAAI,CAACsB,SAArB,CAAlB,CAFa;EAGnBd,IAAI,EAAET,SAAS,CAAC0B,KAAV,CAAgB;IACpBX,KAAK,EAAEf,SAAS,CAACwB,MADG;IAEpBV,OAAO,EAAEd,SAAS,CAAC2B;EAFC,CAAhB,CAHa;EAOnBjB,OAAO,EAAEV,SAAS,CAAC4B;AAPA,CAArB;AAUA,eAAexB,QAAf"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/news-list/index.js"],"names":["React","PropTypes","News","Loader","style","NewsList","memo","props","title","news","more","loading","loadingView","loader","moreView","onClick","label","cardsView","map","nws","key","card","wrapper","list","propTypes","string","arrayOf","shape","func","bool"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,YAAjB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,QAAQ,GAAGL,KAAK,CAACM,IAAN,CAAW,SAASD,QAAT,CAAkBE,KAAlB,EAAyB;AACnD,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,IAAd;AAAoBC,IAAAA,OAAO,GAAG;AAA9B,MAAuCJ,KAA7C;AAEA,QAAMK,WAAW,gBACf;AAAK,IAAA,SAAS,EAAER,KAAK,CAACS;AAAtB,kBACE,oBAAC,MAAD,OADF,CADF;AAMA,QAAMC,QAAQ,GAAGJ,IAAI;AAAA;AACnB;AACA;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACM,IAAtB;AAA4B,IAAA,OAAO,EAAEA,IAAI,CAACK;AAA1C,KACGL,IAAI,CAACM,KADR,CAFmB,GAKjB,IALJ;AAOA,QAAMC,SAAS,GAAGR,IAAI,CAACS,GAAL,CAAS,CAACC,GAAD,EAAMC,GAAN,KAAc;AACvC,wBACE;AAAK,MAAA,SAAS,EAAEhB,KAAK,CAACiB,IAAtB;AAA4B,MAAA,GAAG,EAAED;AAAjC,oBACE,oBAAC,IAAD,EAAUD,GAAV,CADF,CADF;AAKD,GANiB,CAAlB;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEf,KAAK,CAACkB,OAAtB;AAA+B,iBAAU;AAAzC,kBACE;AAAK,IAAA,SAAS,EAAElB,KAAK,CAACmB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEnB,KAAK,CAACI;AAAtB,KAA8BA,KAA9B,CADF,EAEGS,SAFH,EAGGN,OAAO,GAAGC,WAAH,GAAiBE,QAH3B,CADF,CADF;AASD,CAjCgB,CAAjB;AAmCAT,QAAQ,CAACmB,SAAT,2CAAqB;AACnBhB,EAAAA,KAAK,EAAEP,SAAS,CAACwB,MADE;AAEnBhB,EAAAA,IAAI,EAAER,SAAS,CAACyB,OAAV,CAAkBzB,SAAS,CAAC0B,KAAV,CAAgBzB,IAAI,CAACsB,SAArB,CAAlB,CAFa;AAGnBd,EAAAA,IAAI,EAAET,SAAS,CAAC0B,KAAV,CAAgB;AACpBX,IAAAA,KAAK,EAAEf,SAAS,CAACwB,MADG;AAEpBV,IAAAA,OAAO,EAAEd,SAAS,CAAC2B;AAFC,GAAhB,CAHa;AAOnBjB,EAAAA,OAAO,EAAEV,SAAS,CAAC4B;AAPA,CAArB;AAUA,eAAexB,QAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport News from '../../news';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst NewsList = React.memo(function NewsList(props) {\n  const {title, news, more, loading = false} = props;\n\n  const loadingView = (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  );\n\n  const moreView = more ? (\n    // eslint-disable-next-line react/jsx-handler-names\n    <div className={style.more} onClick={more.onClick}>\n      {more.label}\n    </div>\n  ) : null;\n\n  const cardsView = news.map((nws, key) => {\n    return (\n      <div className={style.card} key={key}>\n        <News {...nws} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.wrapper} data-name=\"news-list\">\n      <div className={style.list}>\n        <div className={style.title}>{title}</div>\n        {cardsView}\n        {loading ? loadingView : moreView}\n      </div>\n    </div>\n  );\n});\n\nNewsList.propTypes = {\n  title: PropTypes.string,\n  news: PropTypes.arrayOf(PropTypes.shape(News.propTypes)),\n  more: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool\n};\n\nexport default NewsList;\n"],"file":"index.js"}

package/es/molecule/dashboard/review-banner/index.js

@@ -1,17 +1,17 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import PropTypes from 'prop-types';
 import ButtonLink from '../../../atom/button-link';
 import style from './style.css';
-const ReviewBanner = /*#__PURE__*/React.memo(function ReviewBanner(props) {
+const ReviewBanner = React.memo(function ReviewBanner(props) {
   const {
     title,
     subtitle,
     cta
   } = props;
 
-  const buttonProps = _extends({}, cta, {
+  const buttonProps = _extends(_extends({}, cta), {}, {
     type: 'primary'
   });
 

package/es/molecule/dashboard/review-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","ButtonLink","style","ReviewBanner","memo","props","title","subtitle","cta","buttonProps","type","root","container","banner","left","image","middle","right","propTypes","string","shape","onClick","func","label"],"sources":["../../../../src/molecule/dashboard/review-banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\n\nconst ReviewBanner = React.memo(function ReviewBanner(props) {\n  const {title, subtitle, cta} = props;\n\n  const buttonProps = {\n    ...cta,\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.root} data-name=\"start-review-banner\">\n      <div className={style.container}>\n        <div className={style.banner}>\n          <div className={style.left} role=\"img\" aria-label=\"Left image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/book.png\"\n              alt=\"Book image\"\n            />\n          </div>\n          <div className={style.middle}>\n            <span className={style.title} data-name=\"review-banner-title\" aria-label=\"{title}\">\n              {title}\n            </span>\n            <span\n              className={style.subtitle}\n              data-name=\"review-banner-subtitle\"\n              aria-label=\"{subtitle}\"\n            >\n              {subtitle}\n            </span>\n            <ButtonLink {...buttonProps} className={style.cta} />\n          </div>\n          <div className={style.right} role=\"img\" aria-label=\"Rigth image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/dumbell.png\"\n              alt=\"Dumbbell image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nReviewBanner.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  cta: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string\n  })\n};\n\nexport default ReviewBanner;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,YAAY,gBAAGJ,KAAK,CAACK,IAAN,CAAW,SAASD,YAAT,CAAsBE,KAAtB,EAA6B;EAC3D,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC;EAAlB,IAAyBH,KAA/B;;EAEA,MAAMI,WAAW,gBACZD,GADY;IAEfE,IAAI,EAAE;EAFS,EAAjB;;EAKA,oBACE;IAAK,SAAS,EAAER,KAAK,CAACS,IAAtB;IAA4B,aAAU;EAAtC,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,gBACE;IAAK,SAAS,EAAEX,KAAK,CAACY,IAAtB;IAA4B,IAAI,EAAC,KAAjC;IAAuC,cAAW;EAAlD,gBACE;IACE,SAAS,EAAEZ,KAAK,CAACa,KADnB;IAEE,GAAG,EAAC,+CAFN;IAGE,GAAG,EAAC;EAHN,EADF,CADF,eAQE;IAAK,SAAS,EAAEb,KAAK,CAACc;EAAtB,gBACE;IAAM,SAAS,EAAEd,KAAK,CAACI,KAAvB;IAA8B,aAAU,qBAAxC;IAA8D,cAAW;EAAzE,GACGA,KADH,CADF,eAIE;IACE,SAAS,EAAEJ,KAAK,CAACK,QADnB;IAEE,aAAU,wBAFZ;IAGE,cAAW;EAHb,GAKGA,QALH,CAJF,eAWE,oBAAC,UAAD,eAAgBE,WAAhB;IAA6B,SAAS,EAAEP,KAAK,CAACM;EAA9C,GAXF,CARF,eAqBE;IAAK,SAAS,EAAEN,KAAK,CAACe,KAAtB;IAA6B,IAAI,EAAC,KAAlC;IAAwC,cAAW;EAAnD,gBACE;IACE,SAAS,EAAEf,KAAK,CAACa,KADnB;IAEE,GAAG,EAAC,kDAFN;IAGE,GAAG,EAAC;EAHN,EADF,CArBF,CADF,CADF,CADF;AAmCD,CA3CoB,CAArB;AA6CAZ,YAAY,CAACe,SAAb,2CAAyB;EACvBZ,KAAK,EAAEN,SAAS,CAACmB,MADM;EAEvBZ,QAAQ,EAAEP,SAAS,CAACmB,MAFG;EAGvBX,GAAG,EAAER,SAAS,CAACoB,KAAV,CAAgB;IACnBC,OAAO,EAAErB,SAAS,CAACsB,IADA;IAEnBC,KAAK,EAAEvB,SAAS,CAACmB;EAFE,CAAhB;AAHkB,CAAzB;AASA,eAAehB,YAAf"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/review-banner/index.js"],"names":["React","PropTypes","ButtonLink","style","ReviewBanner","memo","props","title","subtitle","cta","buttonProps","type","root","container","banner","left","image","middle","right","propTypes","string","shape","onClick","func","label"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,YAAY,GAAGJ,KAAK,CAACK,IAAN,CAAW,SAASD,YAAT,CAAsBE,KAAtB,EAA6B;AAC3D,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAAyBH,KAA/B;;AAEA,QAAMI,WAAW,yBACZD,GADY;AAEfE,IAAAA,IAAI,EAAE;AAFS,IAAjB;;AAKA,sBACE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACS,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAET,KAAK,CAACU;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACY,IAAtB;AAA4B,IAAA,IAAI,EAAC,KAAjC;AAAuC,kBAAW;AAAlD,kBACE;AACE,IAAA,SAAS,EAAEZ,KAAK,CAACa,KADnB;AAEE,IAAA,GAAG,EAAC,+CAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CADF,eAQE;AAAK,IAAA,SAAS,EAAEb,KAAK,CAACc;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEd,KAAK,CAACI,KAAvB;AAA8B,iBAAU,qBAAxC;AAA8D,kBAAW;AAAzE,KACGA,KADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEJ,KAAK,CAACK,QADnB;AAEE,iBAAU,wBAFZ;AAGE,kBAAW;AAHb,KAKGA,QALH,CAJF,eAWE,oBAAC,UAAD,eAAgBE,WAAhB;AAA6B,IAAA,SAAS,EAAEP,KAAK,CAACM;AAA9C,KAXF,CARF,eAqBE;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACe,KAAtB;AAA6B,IAAA,IAAI,EAAC,KAAlC;AAAwC,kBAAW;AAAnD,kBACE;AACE,IAAA,SAAS,EAAEf,KAAK,CAACa,KADnB;AAEE,IAAA,GAAG,EAAC,kDAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CArBF,CADF,CADF,CADF;AAmCD,CA3CoB,CAArB;AA6CAZ,YAAY,CAACe,SAAb,2CAAyB;AACvBZ,EAAAA,KAAK,EAAEN,SAAS,CAACmB,MADM;AAEvBZ,EAAAA,QAAQ,EAAEP,SAAS,CAACmB,MAFG;AAGvBX,EAAAA,GAAG,EAAER,SAAS,CAACoB,KAAV,CAAgB;AACnBC,IAAAA,OAAO,EAAErB,SAAS,CAACsB,IADA;AAEnBC,IAAAA,KAAK,EAAEvB,SAAS,CAACmB;AAFE,GAAhB;AAHkB,CAAzB;AASA,eAAehB,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\n\nconst ReviewBanner = React.memo(function ReviewBanner(props) {\n  const {title, subtitle, cta} = props;\n\n  const buttonProps = {\n    ...cta,\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.root} data-name=\"start-review-banner\">\n      <div className={style.container}>\n        <div className={style.banner}>\n          <div className={style.left} role=\"img\" aria-label=\"Left image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/book.png\"\n              alt=\"Book image\"\n            />\n          </div>\n          <div className={style.middle}>\n            <span className={style.title} data-name=\"review-banner-title\" aria-label=\"{title}\">\n              {title}\n            </span>\n            <span\n              className={style.subtitle}\n              data-name=\"review-banner-subtitle\"\n              aria-label=\"{subtitle}\"\n            >\n              {subtitle}\n            </span>\n            <ButtonLink {...buttonProps} className={style.cta} />\n          </div>\n          <div className={style.right} role=\"img\" aria-label=\"Rigth image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/dumbell.png\"\n              alt=\"Dumbbell image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nReviewBanner.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  cta: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string\n  })\n};\n\nexport default ReviewBanner;\n"],"file":"index.js"}

package/es/molecule/dashboard/start-battle/index.js

@@ -4,7 +4,7 @@ import { NovaCompositionCoorpacademyBigFlashRight as FlashRight, NovaComposition
 import Provider from '../../../atom/provider';
 import Link from '../../../atom/link';
 import style from './style.css';
-const StartBattle = /*#__PURE__*/React.memo(function StartBattle(props) {
+const StartBattle = React.memo(function StartBattle(props) {
   const {
     startBattleText,
     becomeAChampionText,

package/es/molecule/dashboard/start-battle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyBigFlashRight","FlashRight","NovaCompositionCoorpacademyBigFlashLeft","FlashLeft","Provider","Link","style","StartBattle","memo","props","startBattleText","becomeAChampionText","challengeText","onClick","href","root","container","wrapper","start","leftFlashes","bigFlashLeft","smallFlashLeft","middle","becomeText","smallFlashLeftMobile","smallFlashRightMobile","button","rightFlashes","bigFlashRight","smallFlashRight","contextTypes","skin","childContextTypes","propTypes","string","func"],"sources":["../../../../src/molecule/dashboard/start-battle/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyBigFlashRight as FlashRight,\n  NovaCompositionCoorpacademyBigFlashLeft as FlashLeft\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Link from '../../../atom/link';\nimport style from './style.css';\n\nconst StartBattle = React.memo(function StartBattle(props) {\n  const {startBattleText, becomeAChampionText, challengeText, onClick, href} = props;\n\n  return (\n    <div className={style.root} data-name=\"start-battle\">\n      <div className={style.container}>\n        <div className={style.wrapper}>\n          <div className={style.start}>\n            <div className={style.leftFlashes}>\n              <FlashLeft className={style.bigFlashLeft} />\n              <FlashLeft className={style.smallFlashLeft} />\n            </div>\n            <div className={style.middle}>\n              <div className={style.becomeText}>\n                <FlashLeft className={style.smallFlashLeftMobile} />\n                {becomeAChampionText}\n                <FlashRight className={style.smallFlashRightMobile} />\n              </div>\n              <div className={style.challengeText}>{challengeText}</div>\n              <Link className={style.button} onClick={onClick} href={href}>\n                {startBattleText}\n              </Link>\n            </div>\n            <div className={style.rightFlashes}>\n              <FlashRight className={style.bigFlashRight} />\n              <FlashRight className={style.smallFlashRight} />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nStartBattle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nStartBattle.propTypes = {\n  startBattleText: PropTypes.string,\n  becomeAChampionText: PropTypes.string,\n  challengeText: PropTypes.string,\n  onClick: PropTypes.func,\n  href: PropTypes.string\n};\n\nexport default StartBattle;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,wCAAwC,IAAIC,UAD9C,EAEEC,uCAAuC,IAAIC,SAF7C,QAGO,0BAHP;AAIA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,IAAP,MAAiB,oBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,WAAW,gBAAGT,KAAK,CAACU,IAAN,CAAW,SAASD,WAAT,CAAqBE,KAArB,EAA4B;EACzD,MAAM;IAACC,eAAD;IAAkBC,mBAAlB;IAAuCC,aAAvC;IAAsDC,OAAtD;IAA+DC;EAA/D,IAAuEL,KAA7E;EAEA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACS,IAAtB;IAA4B,aAAU;EAAtC,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,gBACE;IAAK,SAAS,EAAEX,KAAK,CAACY;EAAtB,gBACE;IAAK,SAAS,EAAEZ,KAAK,CAACa;EAAtB,gBACE,oBAAC,SAAD;IAAW,SAAS,EAAEb,KAAK,CAACc;EAA5B,EADF,eAEE,oBAAC,SAAD;IAAW,SAAS,EAAEd,KAAK,CAACe;EAA5B,EAFF,CADF,eAKE;IAAK,SAAS,EAAEf,KAAK,CAACgB;EAAtB,gBACE;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAtB,gBACE,oBAAC,SAAD;IAAW,SAAS,EAAEjB,KAAK,CAACkB;EAA5B,EADF,EAEGb,mBAFH,eAGE,oBAAC,UAAD;IAAY,SAAS,EAAEL,KAAK,CAACmB;EAA7B,EAHF,CADF,eAME;IAAK,SAAS,EAAEnB,KAAK,CAACM;EAAtB,GAAsCA,aAAtC,CANF,eAOE,oBAAC,IAAD;IAAM,SAAS,EAAEN,KAAK,CAACoB,MAAvB;IAA+B,OAAO,EAAEb,OAAxC;IAAiD,IAAI,EAAEC;EAAvD,GACGJ,eADH,CAPF,CALF,eAgBE;IAAK,SAAS,EAAEJ,KAAK,CAACqB;EAAtB,gBACE,oBAAC,UAAD;IAAY,SAAS,EAAErB,KAAK,CAACsB;EAA7B,EADF,eAEE,oBAAC,UAAD;IAAY,SAAS,EAAEtB,KAAK,CAACuB;EAA7B,EAFF,CAhBF,CADF,CADF,CADF,CADF;AA6BD,CAhCmB,CAApB;AAkCAtB,WAAW,CAACuB,YAAZ,GAA2B;EACzBC,IAAI,EAAE3B,QAAQ,CAAC4B,iBAAT,CAA2BD;AADR,CAA3B;AAIAxB,WAAW,CAAC0B,SAAZ,2CAAwB;EACtBvB,eAAe,EAAEX,SAAS,CAACmC,MADL;EAEtBvB,mBAAmB,EAAEZ,SAAS,CAACmC,MAFT;EAGtBtB,aAAa,EAAEb,SAAS,CAACmC,MAHH;EAItBrB,OAAO,EAAEd,SAAS,CAACoC,IAJG;EAKtBrB,IAAI,EAAEf,SAAS,CAACmC;AALM,CAAxB;AAQA,eAAe3B,WAAf"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/start-battle/index.js"],"names":["React","PropTypes","NovaCompositionCoorpacademyBigFlashRight","FlashRight","NovaCompositionCoorpacademyBigFlashLeft","FlashLeft","Provider","Link","style","StartBattle","memo","props","startBattleText","becomeAChampionText","challengeText","onClick","href","root","container","wrapper","start","leftFlashes","bigFlashLeft","smallFlashLeft","middle","becomeText","smallFlashLeftMobile","smallFlashRightMobile","button","rightFlashes","bigFlashRight","smallFlashRight","contextTypes","skin","childContextTypes","propTypes","string","func"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,wCAAwC,IAAIC,UAD9C,EAEEC,uCAAuC,IAAIC,SAF7C,QAGO,0BAHP;AAIA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,IAAP,MAAiB,oBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,WAAW,GAAGT,KAAK,CAACU,IAAN,CAAW,SAASD,WAAT,CAAqBE,KAArB,EAA4B;AACzD,QAAM;AAACC,IAAAA,eAAD;AAAkBC,IAAAA,mBAAlB;AAAuCC,IAAAA,aAAvC;AAAsDC,IAAAA,OAAtD;AAA+DC,IAAAA;AAA/D,MAAuEL,KAA7E;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACS,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAET,KAAK,CAACU;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACY;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEZ,KAAK,CAACa;AAAtB,kBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEb,KAAK,CAACc;AAA5B,IADF,eAEE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEd,KAAK,CAACe;AAA5B,IAFF,CADF,eAKE;AAAK,IAAA,SAAS,EAAEf,KAAK,CAACgB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEhB,KAAK,CAACiB;AAAtB,kBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEjB,KAAK,CAACkB;AAA5B,IADF,EAEGb,mBAFH,eAGE,oBAAC,UAAD;AAAY,IAAA,SAAS,EAAEL,KAAK,CAACmB;AAA7B,IAHF,CADF,eAME;AAAK,IAAA,SAAS,EAAEnB,KAAK,CAACM;AAAtB,KAAsCA,aAAtC,CANF,eAOE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEN,KAAK,CAACoB,MAAvB;AAA+B,IAAA,OAAO,EAAEb,OAAxC;AAAiD,IAAA,IAAI,EAAEC;AAAvD,KACGJ,eADH,CAPF,CALF,eAgBE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACqB;AAAtB,kBACE,oBAAC,UAAD;AAAY,IAAA,SAAS,EAAErB,KAAK,CAACsB;AAA7B,IADF,eAEE,oBAAC,UAAD;AAAY,IAAA,SAAS,EAAEtB,KAAK,CAACuB;AAA7B,IAFF,CAhBF,CADF,CADF,CADF,CADF;AA6BD,CAhCmB,CAApB;AAkCAtB,WAAW,CAACuB,YAAZ,GAA2B;AACzBC,EAAAA,IAAI,EAAE3B,QAAQ,CAAC4B,iBAAT,CAA2BD;AADR,CAA3B;AAIAxB,WAAW,CAAC0B,SAAZ,2CAAwB;AACtBvB,EAAAA,eAAe,EAAEX,SAAS,CAACmC,MADL;AAEtBvB,EAAAA,mBAAmB,EAAEZ,SAAS,CAACmC,MAFT;AAGtBtB,EAAAA,aAAa,EAAEb,SAAS,CAACmC,MAHH;AAItBrB,EAAAA,OAAO,EAAEd,SAAS,CAACoC,IAJG;AAKtBrB,EAAAA,IAAI,EAAEf,SAAS,CAACmC;AALM,CAAxB;AAQA,eAAe3B,WAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyBigFlashRight as FlashRight,\n  NovaCompositionCoorpacademyBigFlashLeft as FlashLeft\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Link from '../../../atom/link';\nimport style from './style.css';\n\nconst StartBattle = React.memo(function StartBattle(props) {\n  const {startBattleText, becomeAChampionText, challengeText, onClick, href} = props;\n\n  return (\n    <div className={style.root} data-name=\"start-battle\">\n      <div className={style.container}>\n        <div className={style.wrapper}>\n          <div className={style.start}>\n            <div className={style.leftFlashes}>\n              <FlashLeft className={style.bigFlashLeft} />\n              <FlashLeft className={style.smallFlashLeft} />\n            </div>\n            <div className={style.middle}>\n              <div className={style.becomeText}>\n                <FlashLeft className={style.smallFlashLeftMobile} />\n                {becomeAChampionText}\n                <FlashRight className={style.smallFlashRightMobile} />\n              </div>\n              <div className={style.challengeText}>{challengeText}</div>\n              <Link className={style.button} onClick={onClick} href={href}>\n                {startBattleText}\n              </Link>\n            </div>\n            <div className={style.rightFlashes}>\n              <FlashRight className={style.bigFlashRight} />\n              <FlashRight className={style.smallFlashRight} />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nStartBattle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nStartBattle.propTypes = {\n  startBattleText: PropTypes.string,\n  becomeAChampionText: PropTypes.string,\n  challengeText: PropTypes.string,\n  onClick: PropTypes.func,\n  href: PropTypes.string\n};\n\nexport default StartBattle;\n"],"file":"index.js"}

package/es/molecule/discipline-cta/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","DisciplineCTA","props","context","skin","startLabel","buyLabel","start","buy","startLearning","__html","premium","startColor","startButton","backgroundColor","buyButton","head","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/discipline-cta/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst DisciplineCTA = (props, context) => {\n  const {skin} = context;\n\n  const {startLabel, buyLabel, start, buy} = props;\n\n  const startLearning = (\n    <span\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: startLabel}}\n    />\n  );\n  const premium = (\n    <span\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: buyLabel}}\n    />\n  );\n\n  const startColor = getOr('#f0f', 'common.primary', skin);\n\n  const startButton = start ? (\n    <a\n      data-name=\"start\"\n      className={style.start}\n      onClick={start}\n      style={{\n        backgroundColor: startColor\n      }}\n    >\n      {startLearning}\n    </a>\n  ) : null;\n\n  const buyButton = buy ? (\n    <a data-name=\"buy\" className={style.buy} onClick={buy}>\n      {premium}\n    </a>\n  ) : null;\n\n  return (\n    <div data-name=\"disciplineCta\" className={style.head}>\n      {startButton}\n      {buyButton}\n    </div>\n  );\n};\n\nDisciplineCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDisciplineCTA.propTypes = {\n  startLabel: PropTypes.string,\n  buyLabel: PropTypes.string,\n  start: PropTypes.func,\n  buy: PropTypes.func\n};\n\nexport default DisciplineCTA;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC;EAAD,IAASD,OAAf;EAEA,MAAM;IAACE,UAAD;IAAaC,QAAb;IAAuBC,KAAvB;IAA8BC;EAA9B,IAAqCN,KAA3C;EAEA,MAAMO,aAAa,gBACjB;IACE;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEL;IAAT;EAF3B,EADF;EAMA,MAAMM,OAAO,gBACX;IACE;IACA,uBAAuB,EAAE;MAACD,MAAM,EAAEJ;IAAT;EAF3B,EADF;;EAOA,MAAMM,UAAU,GAAG,OAAM,MAAN,EAAc,gBAAd,EAAgCR,IAAhC,CAAnB;;EAEA,MAAMS,WAAW,GAAGN,KAAK,gBACvB;IACE,aAAU,OADZ;IAEE,SAAS,EAAEP,KAAK,CAACO,KAFnB;IAGE,OAAO,EAAEA,KAHX;IAIE,KAAK,EAAE;MACLO,eAAe,EAAEF;IADZ;EAJT,GAQGH,aARH,CADuB,GAWrB,IAXJ;EAaA,MAAMM,SAAS,GAAGP,GAAG,gBACnB;IAAG,aAAU,KAAb;IAAmB,SAAS,EAAER,KAAK,CAACQ,GAApC;IAAyC,OAAO,EAAEA;EAAlD,GACGG,OADH,CADmB,GAIjB,IAJJ;EAMA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEX,KAAK,CAACgB;EAAhD,GACGH,WADH,EAEGE,SAFH,CADF;AAMD,CA7CD;;AA+CAd,aAAa,CAACgB,YAAd,GAA6B;EAC3Bb,IAAI,EAAEL,QAAQ,CAACmB,iBAAT,CAA2Bd;AADN,CAA7B;AAIAH,aAAa,CAACkB,SAAd,2CAA0B;EACxBd,UAAU,EAAEP,SAAS,CAACsB,MADE;EAExBd,QAAQ,EAAER,SAAS,CAACsB,MAFI;EAGxBb,KAAK,EAAET,SAAS,CAACuB,IAHO;EAIxBb,GAAG,EAAEV,SAAS,CAACuB;AAJS,CAA1B;AAOA,eAAepB,aAAf"}
+{"version":3,"sources":["../../../src/molecule/discipline-cta/index.js"],"names":["React","PropTypes","Provider","style","DisciplineCTA","props","context","skin","startLabel","buyLabel","start","buy","startLearning","__html","premium","startColor","startButton","backgroundColor","buyButton","head","contextTypes","childContextTypes","propTypes","string","func"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACxC,QAAM;AAACC,IAAAA;AAAD,MAASD,OAAf;AAEA,QAAM;AAACE,IAAAA,UAAD;AAAaC,IAAAA,QAAb;AAAuBC,IAAAA,KAAvB;AAA8BC,IAAAA;AAA9B,MAAqCN,KAA3C;AAEA,QAAMO,aAAa,gBACjB;AACE;AACA,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEL;AAAT;AAF3B,IADF;AAMA,QAAMM,OAAO,gBACX;AACE;AACA,IAAA,uBAAuB,EAAE;AAACD,MAAAA,MAAM,EAAEJ;AAAT;AAF3B,IADF;;AAOA,QAAMM,UAAU,GAAG,OAAM,MAAN,EAAc,gBAAd,EAAgCR,IAAhC,CAAnB;;AAEA,QAAMS,WAAW,GAAGN,KAAK,gBACvB;AACE,iBAAU,OADZ;AAEE,IAAA,SAAS,EAAEP,KAAK,CAACO,KAFnB;AAGE,IAAA,OAAO,EAAEA,KAHX;AAIE,IAAA,KAAK,EAAE;AACLO,MAAAA,eAAe,EAAEF;AADZ;AAJT,KAQGH,aARH,CADuB,GAWrB,IAXJ;AAaA,QAAMM,SAAS,GAAGP,GAAG,gBACnB;AAAG,iBAAU,KAAb;AAAmB,IAAA,SAAS,EAAER,KAAK,CAACQ,GAApC;AAAyC,IAAA,OAAO,EAAEA;AAAlD,KACGG,OADH,CADmB,GAIjB,IAJJ;AAMA,sBACE;AAAK,iBAAU,eAAf;AAA+B,IAAA,SAAS,EAAEX,KAAK,CAACgB;AAAhD,KACGH,WADH,EAEGE,SAFH,CADF;AAMD,CA7CD;;AA+CAd,aAAa,CAACgB,YAAd,GAA6B;AAC3Bb,EAAAA,IAAI,EAAEL,QAAQ,CAACmB,iBAAT,CAA2Bd;AADN,CAA7B;AAIAH,aAAa,CAACkB,SAAd,2CAA0B;AACxBd,EAAAA,UAAU,EAAEP,SAAS,CAACsB,MADE;AAExBd,EAAAA,QAAQ,EAAER,SAAS,CAACsB,MAFI;AAGxBb,EAAAA,KAAK,EAAET,SAAS,CAACuB,IAHO;AAIxBb,EAAAA,GAAG,EAAEV,SAAS,CAACuB;AAJS,CAA1B;AAOA,eAAepB,aAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst DisciplineCTA = (props, context) => {\n  const {skin} = context;\n\n  const {startLabel, buyLabel, start, buy} = props;\n\n  const startLearning = (\n    <span\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: startLabel}}\n    />\n  );\n  const premium = (\n    <span\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: buyLabel}}\n    />\n  );\n\n  const startColor = getOr('#f0f', 'common.primary', skin);\n\n  const startButton = start ? (\n    <a\n      data-name=\"start\"\n      className={style.start}\n      onClick={start}\n      style={{\n        backgroundColor: startColor\n      }}\n    >\n      {startLearning}\n    </a>\n  ) : null;\n\n  const buyButton = buy ? (\n    <a data-name=\"buy\" className={style.buy} onClick={buy}>\n      {premium}\n    </a>\n  ) : null;\n\n  return (\n    <div data-name=\"disciplineCta\" className={style.head}>\n      {startButton}\n      {buyButton}\n    </div>\n  );\n};\n\nDisciplineCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDisciplineCTA.propTypes = {\n  startLabel: PropTypes.string,\n  buyLabel: PropTypes.string,\n  start: PropTypes.func,\n  buy: PropTypes.func\n};\n\nexport default DisciplineCTA;\n"],"file":"index.js"}

package/es/molecule/discipline-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","get","getOr","classnames","VideoPlayer","Picture","style","Preview","image","video","mimeType","id","jwpOptions","propTypes","src","shape","DisciplineHeader","Component","constructor","props","state","fullDisplay","offsetHeightShowMore","handleToggleDisplay","bind","setHandle","setState","prevState","el","render","title","description","translate","context","maxHeightDescription","toggleLabel","descritpionViewStyle","showMoreHidden","showMore","wrapper","imgWrapper","courseWrapper","innerHTML","__html","desc","shortDesc","contextTypes","func","string"],"sources":["../../../src/molecule/discipline-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport classnames from 'classnames';\nimport VideoPlayer from '../video-player';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Preview = ({image, video}) => {\n  const mimeType = get('mimeType', video);\n  const id = get('id', video);\n  const jwpOptions = get('jwpOptions', video);\n  if (id) {\n    return <VideoPlayer mimeType={mimeType} id={id} width=\"380px\" height=\"250px\" />;\n  } else if (jwpOptions) {\n    return <VideoPlayer {...video} />;\n  } else {\n    return <Picture className={style.image} src={image} />;\n  }\n};\n\nPreview.propTypes = {\n  image: Picture.propTypes.src,\n  video: PropTypes.shape(VideoPlayer.propTypes)\n};\n\nclass DisciplineHeader extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    image: Preview.propTypes.image,\n    video: Preview.propTypes.video\n  };\n\n  static contextTypes = {\n    translate: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      fullDisplay: false,\n      offsetHeightShowMore: 0\n    };\n    this.handleToggleDisplay = this.handleToggleDisplay.bind(this);\n    this.setHandle = this.setHandle.bind(this);\n  }\n\n  handleToggleDisplay() {\n    this.setState(prevState => ({\n      fullDisplay: !prevState.fullDisplay\n    }));\n  }\n\n  setHandle(el) {\n    this.setState({offsetHeightShowMore: getOr(0, 'offsetHeight', el)});\n  }\n\n  render() {\n    const {image, title, description, video} = this.props;\n    const {fullDisplay, offsetHeightShowMore} = this.state;\n    const {translate} = this.context;\n    const maxHeightDescription = 219;\n\n    const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');\n    const descritpionViewStyle =\n      offsetHeightShowMore <= maxHeightDescription ? style.showMoreHidden : style.showMore;\n\n    return (\n      <div data-name=\"disciplineHeader\" className={style.wrapper}>\n        {image || video ? (\n          <div className={style.imgWrapper}>\n            <Preview image={image} video={video} />\n          </div>\n        ) : null}\n        <div className={style.courseWrapper}>\n          <div\n            data-name=\"title\"\n            className={classnames(style.title, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: title}}\n          />\n          <div className={fullDisplay ? style.desc : style.shortDesc}>\n            <div\n              className={style.innerHTML}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: description}}\n              ref={this.setHandle}\n            />\n          </div>\n          <div className={descritpionViewStyle} onClick={this.handleToggleDisplay}>\n            {toggleLabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default DisciplineHeader;\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/molecule/discipline-header/index.js"],"names":["React","PropTypes","get","getOr","classnames","VideoPlayer","Picture","style","Preview","image","video","mimeType","id","jwpOptions","propTypes","src","shape","DisciplineHeader","Component","constructor","props","state","fullDisplay","offsetHeightShowMore","handleToggleDisplay","bind","setHandle","setState","prevState","el","render","title","description","translate","context","maxHeightDescription","toggleLabel","descritpionViewStyle","showMoreHidden","showMore","wrapper","imgWrapper","courseWrapper","innerHTML","__html","desc","shortDesc","contextTypes","func","string"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport classnames from 'classnames';\nimport VideoPlayer from '../video-player';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Preview = ({image, video}) => {\n  const mimeType = get('mimeType', video);\n  const id = get('id', video);\n  const jwpOptions = get('jwpOptions', video);\n  if (id) {\n    return <VideoPlayer mimeType={mimeType} id={id} width=\"380px\" height=\"250px\" />;\n  } else if (jwpOptions) {\n    return <VideoPlayer {...video} />;\n  } else {\n    return <Picture className={style.image} src={image} />;\n  }\n};\n\nPreview.propTypes = {\n  image: Picture.propTypes.src,\n  video: PropTypes.shape(VideoPlayer.propTypes)\n};\n\nclass DisciplineHeader extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    image: Preview.propTypes.image,\n    video: Preview.propTypes.video\n  };\n\n  static contextTypes = {\n    translate: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      fullDisplay: false,\n      offsetHeightShowMore: 0\n    };\n    this.handleToggleDisplay = this.handleToggleDisplay.bind(this);\n    this.setHandle = this.setHandle.bind(this);\n  }\n\n  handleToggleDisplay() {\n    this.setState(prevState => ({\n      fullDisplay: !prevState.fullDisplay\n    }));\n  }\n\n  setHandle(el) {\n    this.setState({offsetHeightShowMore: getOr(0, 'offsetHeight', el)});\n  }\n\n  render() {\n    const {image, title, description, video} = this.props;\n    const {fullDisplay, offsetHeightShowMore} = this.state;\n    const {translate} = this.context;\n    const maxHeightDescription = 219;\n\n    const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');\n    const descritpionViewStyle =\n      offsetHeightShowMore <= maxHeightDescription ? style.showMoreHidden : style.showMore;\n\n    return (\n      <div data-name=\"disciplineHeader\" className={style.wrapper}>\n        {image || video ? (\n          <div className={style.imgWrapper}>\n            <Preview image={image} video={video} />\n          </div>\n        ) : null}\n        <div className={style.courseWrapper}>\n          <div\n            data-name=\"title\"\n            className={classnames(style.title, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: title}}\n          />\n          <div className={fullDisplay ? style.desc : style.shortDesc}>\n            <div\n              className={style.innerHTML}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: description}}\n              ref={this.setHandle}\n            />\n          </div>\n          <div className={descritpionViewStyle} onClick={this.handleToggleDisplay}>\n            {toggleLabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default DisciplineHeader;\n"],"file":"index.js"}