@coorpacademy/components 11.33.1 → 11.33.2-alpha.0

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","createElement","CardWithButton","context","lightButtonLabel","primaryButtonLabel","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","children","skin","primaryColor","_get","inlineStyle","color","className","container","imageBox","filtre","image","zoom","content","levelContainer","level","avatar","buttons","lightButton","contextTypes","translate","childContextTypes","propTypes","process","env","NODE_ENV","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":"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","ignoreList":[]}
+{"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":"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"}

package/es/molecule/certification-card/index.js

@@ -5,6 +5,7 @@ import Provider from '../../atom/provider';
 import Tag from '../../atom/tag';
 import ProgressBar from '../progress-bar';
 import style from './style.css';
+
 const CertificationCard = (props, context) => {
   const {
     label,
@@ -79,6 +80,7 @@ const CertificationCard = (props, context) => {
     max: 100
   })));
 };
+
 CertificationCard.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/molecule/certification-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","COLORS","Provider","Tag","ProgressBar","style","CertificationCard","props","context","label","locales","conditionDescriptionProgress","tag","goal","title","progress","imgUrl","onClick","translate","isInprogress","progressLabel","progressTagType","progressIconProps","position","iconName","iconColor","backgroundColor","size","faSize","wrapperSize","customStyle","padding","createElement","className","container","type","top","right","icon","imageSection","imageContainer","src","detailWrapper","titleWrapper","moduleCount","customProgressBar","positive","displayInfo","value","max","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","shape","condition","nbDone","number","func"],"sources":["../../../src/molecule/certification-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {COLORS} from '../../variables/colors';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ProgressBar from '../progress-bar';\nimport style from './style.css';\n\nconst CertificationCard = (props, context) => {\n  const {\n    label,\n    locales: {conditionDescriptionProgress, tag},\n    goal: {title},\n    progress,\n    imgUrl,\n    onClick\n  } = props;\n  const {translate} = context;\n  const isInprogress = progress < 100;\n  const progressLabel = isInprogress ? translate('in_progress') : translate('completed');\n  const progressTagType = isInprogress ? 'progress' : 'success';\n\n  const progressIconProps = {\n    position: 'left',\n    iconName: isInprogress ? 'clock' : 'circle-check',\n    iconColor: isInprogress ? '#B87A00' : '#05944F',\n    backgroundColor: isInprogress ? '#FFEECC' : '#D6F5E5',\n    size: {\n      faSize: 10,\n      wrapperSize: 10\n    },\n    customStyle: {padding: 0}\n  };\n\n  return (\n    <div className={style.container} data-name={`certification-card-${label}`} onClick={onClick}>\n      {progress > 0 ? (\n        <Tag\n          label={progressLabel}\n          type={progressTagType}\n          customStyle={{position: 'absolute', top: '12px', right: '12px'}}\n          icon={progressIconProps}\n        />\n      ) : null}\n      <div className={style.imageSection}>\n        <div className={style.imageContainer}>\n          <img src={imgUrl} />\n        </div>\n      </div>\n      <div className={style.detailWrapper}>\n        <div className={style.titleWrapper}>\n          <Tag label={tag} size=\"S\" />\n          <div className={style.title} data-name=\"certification-title\">\n            {title}\n          </div>\n          <div className={style.moduleCount}>{conditionDescriptionProgress}</div>\n        </div>\n        <ProgressBar\n          className={style.customProgressBar}\n          style={{backgroundColor: COLORS.positive}}\n          displayInfo={false}\n          value={progress}\n          max={100}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationCard.propTypes = {\n  label: PropTypes.string,\n  goal: PropTypes.shape({\n    title: PropTypes.string,\n    condition: PropTypes.shape({\n      nbDone: PropTypes.number\n    })\n  }),\n  progress: PropTypes.number,\n  imgUrl: PropTypes.string,\n  onClick: PropTypes.func,\n  locales: PropTypes.shape({\n    conditionDescriptionProgress: PropTypes.string,\n    tag: PropTypes.string\n  })\n};\n\nexport default CertificationCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","COLORS","Provider","Tag","ProgressBar","style","CertificationCard","props","context","label","locales","conditionDescriptionProgress","tag","goal","title","progress","imgUrl","onClick","translate","isInprogress","progressLabel","progressTagType","progressIconProps","position","iconName","iconColor","backgroundColor","size","faSize","wrapperSize","customStyle","padding","container","top","right","imageSection","imageContainer","detailWrapper","titleWrapper","moduleCount","customProgressBar","positive","contextTypes","childContextTypes","propTypes","string","shape","condition","nbDone","number","func"],"sources":["../../../src/molecule/certification-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {COLORS} from '../../variables/colors';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ProgressBar from '../progress-bar';\nimport style from './style.css';\n\nconst CertificationCard = (props, context) => {\n  const {\n    label,\n    locales: {conditionDescriptionProgress, tag},\n    goal: {title},\n    progress,\n    imgUrl,\n    onClick\n  } = props;\n  const {translate} = context;\n  const isInprogress = progress < 100;\n  const progressLabel = isInprogress ? translate('in_progress') : translate('completed');\n  const progressTagType = isInprogress ? 'progress' : 'success';\n\n  const progressIconProps = {\n    position: 'left',\n    iconName: isInprogress ? 'clock' : 'circle-check',\n    iconColor: isInprogress ? '#B87A00' : '#05944F',\n    backgroundColor: isInprogress ? '#FFEECC' : '#D6F5E5',\n    size: {\n      faSize: 10,\n      wrapperSize: 10\n    },\n    customStyle: {padding: 0}\n  };\n\n  return (\n    <div className={style.container} data-name={`certification-card-${label}`} onClick={onClick}>\n      {progress > 0 ? (\n        <Tag\n          label={progressLabel}\n          type={progressTagType}\n          customStyle={{position: 'absolute', top: '12px', right: '12px'}}\n          icon={progressIconProps}\n        />\n      ) : null}\n      <div className={style.imageSection}>\n        <div className={style.imageContainer}>\n          <img src={imgUrl} />\n        </div>\n      </div>\n      <div className={style.detailWrapper}>\n        <div className={style.titleWrapper}>\n          <Tag label={tag} size=\"S\" />\n          <div className={style.title} data-name=\"certification-title\">\n            {title}\n          </div>\n          <div className={style.moduleCount}>{conditionDescriptionProgress}</div>\n        </div>\n        <ProgressBar\n          className={style.customProgressBar}\n          style={{backgroundColor: COLORS.positive}}\n          displayInfo={false}\n          value={progress}\n          max={100}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationCard.propTypes = {\n  label: PropTypes.string,\n  goal: PropTypes.shape({\n    title: PropTypes.string,\n    condition: PropTypes.shape({\n      nbDone: PropTypes.number\n    })\n  }),\n  progress: PropTypes.number,\n  imgUrl: PropTypes.string,\n  onClick: PropTypes.func,\n  locales: PropTypes.shape({\n    conditionDescriptionProgress: PropTypes.string,\n    tag: PropTypes.string\n  })\n};\n\nexport default CertificationCard;\n"],"mappings":"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"}

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

@@ -23,6 +23,7 @@ const IconType = {
     className: style.filesListIcon
   }))
 };
+
 const CMPopin = props => {
   const {
     content,
@@ -62,11 +63,13 @@ const CMPopin = props => {
           handleCloseButton();
         }
       };
+
       const handleKeyDown = e => {
         if (e?.key === 'Escape') {
           handleCloseButton();
         }
       };
+
       document.addEventListener('click', closePopin);
       document.addEventListener('touchstart', closePopin);
       document.addEventListener('keydown', handleKeyDown);
@@ -77,6 +80,7 @@ const CMPopin = props => {
       };
     }
   }, [handleCloseButton, mode, onClose]);
+
   const renderHeader = () => {
     if (header) {
       const {
@@ -92,6 +96,7 @@ const CMPopin = props => {
         src: backgroundImage
       }) : null);
     }
+
     if (mode === 'cookie') return /*#__PURE__*/React.createElement("div", {
       className: style.cookieHeader
     }, /*#__PURE__*/React.createElement("div", {
@@ -103,16 +108,20 @@ const CMPopin = props => {
     }, cookieTitle));
     return null;
   };
+
   const getClassBtnSwitch = (index, btnList) => {
     switch (index) {
       case 0:
         return style.firstBtnSwitchContainer;
+
       case btnList.length - 1:
         return style.lastBtnSwitchContainer;
+
       default:
         return style.singleSwitchContainer;
     }
   };
+
   const renderBtnSwitch = () => {
     return map.convert({
       cap: false
@@ -148,6 +157,7 @@ const CMPopin = props => {
       }));
     })(listBtnSwicth);
   };
+
   const renderItems = () => {
     const {
       type,
@@ -163,6 +173,7 @@ const CMPopin = props => {
     }, /*#__PURE__*/React.createElement(ListItems, list));
     return null;
   };
+
   const wrapperPopinStyle = classNames(mode === 'cookie' && style.popinCookie, mode === 'list' && style.popinFilesList, mode === 'items' && style.popinItems, style.popin);
   return /*#__PURE__*/React.createElement("div", {
     className: mode !== 'cookie' ? style.background : null,
@@ -189,15 +200,13 @@ const CMPopin = props => {
     className: style.icon
   }) : null, content ? /*#__PURE__*/React.createElement("p", {
     className: mode === 'alert' ? style.content : style.message,
-    "data-name": 'cm-popin-content'
-    // eslint-disable-next-line react/no-danger
+    "data-name": 'cm-popin-content' // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: content
     }
   }) : null), descriptionText ? /*#__PURE__*/React.createElement("p", {
-    className: style.descriptionText
-    // eslint-disable-next-line react/no-danger
+    className: style.descriptionText // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: descriptionText
@@ -236,6 +245,7 @@ const CMPopin = props => {
     customStyle: thirdButton.customStyle
   })) : null) : null));
 };
+
 CMPopin.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 CMPopin.contextTypes = {
   translate: Provider.childContextTypes.translate

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","useEffect","useMemo","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaSolidInterfaceFeedbackInterfaceAlertRounded","AlertIcon","map","isEmpty","classNames","Provider","Cta","ButtonLinkIcon","InputSwitch","Title","CardsGrid","ListItems","Link","style","propTypes","IconType","lockedContent","createElement","className","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","link","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","handleCloseButton","nodeRef","closePopin","e","current","contains","target","handleKeyDown","key","document","addEventListener","removeEventListener","renderHeader","title","headerIcon","TopTitleIcon","Fragment","headerContent","headerBackground","src","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","itemsContainer","filesListContainer","wrapperPopinStyle","popinCookie","popinFilesList","popinItems","popin","background","ref","popinHeader","onCloseButton","onClick","size","cookieTitleContainer","titleContainer","contentSection","message","dangerouslySetInnerHTML","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","process","env","NODE_ENV","contextTypes","translate","childContextTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React, {useRef, useEffect, useMemo} from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon,\n  NovaSolidInterfaceFeedbackInterfaceAlertRounded as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport Link from '../../atom/link';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\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    items,\n    link\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1,\n    AlertIcon\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const handleCloseButton = useMemo(() => () => onClose(), [onClose]);\n  const nodeRef = useRef(null);\n  useEffect(() => {\n    if (mode === 'items') {\n      const closePopin = e => {\n        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n          handleCloseButton();\n        }\n      };\n      const handleKeyDown = e => {\n        if (e?.key === 'Escape') {\n          handleCloseButton();\n        }\n      };\n      document.addEventListener('click', closePopin);\n      document.addEventListener('touchstart', closePopin);\n      document.addEventListener('keydown', handleKeyDown);\n      return () => {\n        document.removeEventListener('click', closePopin);\n        document.removeEventListener('touchstart', closePopin);\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }\n  }, [handleCloseButton, mode, onClose]);\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\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\n    return null;\n  };\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\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\n  const renderItems = () => {\n    const {type, list} = items;\n    if (isEmpty(list)) return null;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n  const wrapperPopinStyle = classNames(\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    mode === 'items' && style.popinItems,\n    style.popin\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={wrapperPopinStyle} ref={nodeRef}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <div className={style.onCloseButton}>\n              <ButtonLinkIcon\n                onClick={handleCloseButton}\n                data-name={'close-icon'}\n                aria-label={'close-icon'}\n                size=\"small\"\n                icon=\"close\"\n              />\n            </div>\n          ) : null}\n        </header>\n        {mode !== 'items' && mode !== 'list' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\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            {link ? <Link {...link} /> : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {!isEmpty(items) ? renderItems() : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\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                  customStyle={secondButton.customStyle}\n                  icon={secondButton.icon}\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        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\nCMPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default CMPopin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useRef","useEffect","useMemo","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaSolidInterfaceFeedbackInterfaceAlertRounded","AlertIcon","map","isEmpty","classNames","Provider","Cta","ButtonLinkIcon","InputSwitch","Title","CardsGrid","ListItems","Link","style","propTypes","IconType","lockedContent","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","link","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","handleCloseButton","nodeRef","closePopin","e","current","contains","target","handleKeyDown","key","document","addEventListener","removeEventListener","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","itemsContainer","filesListContainer","wrapperPopinStyle","popinCookie","popinFilesList","popinItems","popin","background","popinHeader","onCloseButton","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","contextTypes","translate","childContextTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React, {useRef, useEffect, useMemo} from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon,\n  NovaSolidInterfaceFeedbackInterfaceAlertRounded as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport Link from '../../atom/link';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\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    items,\n    link\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1,\n    AlertIcon\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const handleCloseButton = useMemo(() => () => onClose(), [onClose]);\n  const nodeRef = useRef(null);\n  useEffect(() => {\n    if (mode === 'items') {\n      const closePopin = e => {\n        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n          handleCloseButton();\n        }\n      };\n      const handleKeyDown = e => {\n        if (e?.key === 'Escape') {\n          handleCloseButton();\n        }\n      };\n      document.addEventListener('click', closePopin);\n      document.addEventListener('touchstart', closePopin);\n      document.addEventListener('keydown', handleKeyDown);\n      return () => {\n        document.removeEventListener('click', closePopin);\n        document.removeEventListener('touchstart', closePopin);\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }\n  }, [handleCloseButton, mode, onClose]);\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\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\n    return null;\n  };\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\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\n  const renderItems = () => {\n    const {type, list} = items;\n    if (isEmpty(list)) return null;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n  const wrapperPopinStyle = classNames(\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    mode === 'items' && style.popinItems,\n    style.popin\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={wrapperPopinStyle} ref={nodeRef}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <div className={style.onCloseButton}>\n              <ButtonLinkIcon\n                onClick={handleCloseButton}\n                data-name={'close-icon'}\n                aria-label={'close-icon'}\n                size=\"small\"\n                icon=\"close\"\n              />\n            </div>\n          ) : null}\n        </header>\n        {mode !== 'items' && mode !== 'list' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\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            {link ? <Link {...link} /> : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {!isEmpty(items) ? renderItems() : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\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                  customStyle={secondButton.customStyle}\n                  icon={secondButton.icon}\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        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\nCMPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default CMPopin;\n"],"mappings":"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"}

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

@@ -4,6 +4,7 @@ import Modal from 'react-native-modal';
 import { NovaSolidSpaceMoonRocket as MoonRocket } from '@coorpacademy/nova-icons';
 import Touchable from '../../hoc/touchable/index.native';
 import { useTemplateContext } from '../../template/app-review/template-context';
+
 const createStyleSheet = theme => StyleSheet.create({
   modalView: {
     backgroundColor: '#fff',
@@ -60,6 +61,7 @@ const createStyleSheet = theme => StyleSheet.create({
     color: '#ED3436'
   }
 });
+
 const QuitPopinReview = props => {
   const {
     content,
@@ -74,11 +76,14 @@ const QuitPopinReview = props => {
   } = templateContext;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(Modal, {
     isVisible: true,
     animationIn: "fadeIn",
@@ -113,5 +118,6 @@ const QuitPopinReview = props => {
     style: [styleSheet.buttonText, styleSheet.firstButtonText]
   }, firstButton?.label)))));
 };
+
 export default QuitPopinReview;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","Text","StyleSheet","View","Modal","NovaSolidSpaceMoonRocket","MoonRocket","Touchable","useTemplateContext","createStyleSheet","theme","create","modalView","backgroundColor","margin","borderRadius","textsContainer","display","alignItems","marginVertical","spacing","large","marginHorizontal","base","icon","width","height","title","color","fontWeight","bold","fontSize","lineHeight","small","descriptionText","semiBold","textAlign","buttonContainer","buttonText","secondButton","colors","cta","marginBottom","secondButtonText","white","firstButton","firstButtonText","QuitPopinReview","props","content","templateContext","styleSheet","setStylesheet","_stylesheet","createElement","isVisible","animationIn","animationOut","style","onPress","handleOnclick","accessibilityLabel","testID","label","isHighlight"],"sources":["../../../src/molecule/cm-popin/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {Text, TextStyle, StyleSheet, View, ViewStyle} from 'react-native';\nimport Modal from 'react-native-modal';\nimport {NovaSolidSpaceMoonRocket as MoonRocket} from '@coorpacademy/nova-icons';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {CMPopinProps} from './types';\n\ninterface StyleSheetType {\n  modalView: ViewStyle;\n  textsContainer: ViewStyle;\n  icon: ViewStyle;\n  title: TextStyle;\n  descriptionText: TextStyle;\n  buttonContainer: ViewStyle;\n  buttonText: TextStyle;\n  firstButton: ViewStyle;\n  firstButtonText: TextStyle;\n  secondButton: ViewStyle;\n  secondButtonText: TextStyle;\n}\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    modalView: {\n      backgroundColor: '#fff',\n      margin: 5,\n      borderRadius: 20\n    },\n    textsContainer: {\n      display: 'flex',\n      alignItems: 'center',\n      marginVertical: theme.spacing.large,\n      marginHorizontal: theme.spacing.base\n    },\n    icon: {\n      width: 76,\n      height: 76\n    },\n    title: {\n      color: '#1D1D2B',\n      fontWeight: theme.fontWeight.bold,\n      fontSize: 20,\n      lineHeight: 28,\n      marginVertical: theme.spacing.small\n    },\n    descriptionText: {\n      color: '#515161',\n      fontWeight: theme.fontWeight.semiBold,\n      fontSize: 14,\n      lineHeight: 20,\n      textAlign: 'center'\n    },\n    buttonContainer: {\n      marginHorizontal: theme.spacing.base\n    },\n    buttonText: {\n      fontWeight: theme.fontWeight.bold,\n      fontSize: 14,\n      lineHeight: 20,\n      marginVertical: 12,\n      textAlign: 'center'\n    },\n    secondButton: {\n      backgroundColor: theme.colors.cta,\n      borderRadius: 7,\n      marginBottom: theme.spacing.small\n    },\n    secondButtonText: {\n      color: theme.colors.white\n    },\n    firstButton: {\n      borderRadius: 7,\n      marginBottom: theme.spacing.small\n    },\n    firstButtonText: {\n      color: '#ED3436'\n    }\n  });\n\nconst QuitPopinReview = (props: CMPopinProps) => {\n  const {content, descriptionText, firstButton, secondButton} = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Modal isVisible animationIn=\"fadeIn\" animationOut=\"fadeOut\">\n      <View style={styleSheet.modalView}>\n        <View style={styleSheet.textsContainer}>\n          <MoonRocket style={styleSheet.icon} color=\"#06265B\" />\n          <Text style={styleSheet.title}>{content}</Text>\n          <Text style={styleSheet.descriptionText}>{descriptionText}</Text>\n        </View>\n        <View style={styleSheet.buttonContainer}>\n          <Touchable\n            style={styleSheet.secondButton}\n            onPress={secondButton?.handleOnclick}\n            accessibilityLabel={secondButton?.['aria-label']}\n            testID=\"second-button\"\n          >\n            <Text style={[styleSheet.buttonText, styleSheet.secondButtonText]}>\n              {secondButton?.label}\n            </Text>\n          </Touchable>\n          <Touchable\n            style={styleSheet.firstButton}\n            isHighlight\n            onPress={firstButton?.handleOnclick}\n            accessibilityLabel={firstButton?.['aria-label']}\n            testID=\"first-button\"\n          >\n            <Text style={[styleSheet.buttonText, styleSheet.firstButtonText]}>\n              {firstButton?.label}\n            </Text>\n          </Touchable>\n        </View>\n      </View>\n    </Modal>\n  );\n};\n\nexport default QuitPopinReview;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","Text","StyleSheet","View","Modal","NovaSolidSpaceMoonRocket","MoonRocket","Touchable","useTemplateContext","createStyleSheet","theme","create","modalView","backgroundColor","margin","borderRadius","textsContainer","display","alignItems","marginVertical","spacing","large","marginHorizontal","base","icon","width","height","title","color","fontWeight","bold","fontSize","lineHeight","small","descriptionText","semiBold","textAlign","buttonContainer","buttonText","secondButton","colors","cta","marginBottom","secondButtonText","white","firstButton","firstButtonText","QuitPopinReview","props","content","templateContext","styleSheet","setStylesheet","_stylesheet","handleOnclick","label"],"sources":["../../../src/molecule/cm-popin/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {Text, TextStyle, StyleSheet, View, ViewStyle} from 'react-native';\nimport Modal from 'react-native-modal';\nimport {NovaSolidSpaceMoonRocket as MoonRocket} from '@coorpacademy/nova-icons';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {CMPopinProps} from './types';\n\ninterface StyleSheetType {\n  modalView: ViewStyle;\n  textsContainer: ViewStyle;\n  icon: ViewStyle;\n  title: TextStyle;\n  descriptionText: TextStyle;\n  buttonContainer: ViewStyle;\n  buttonText: TextStyle;\n  firstButton: ViewStyle;\n  firstButtonText: TextStyle;\n  secondButton: ViewStyle;\n  secondButtonText: TextStyle;\n}\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    modalView: {\n      backgroundColor: '#fff',\n      margin: 5,\n      borderRadius: 20\n    },\n    textsContainer: {\n      display: 'flex',\n      alignItems: 'center',\n      marginVertical: theme.spacing.large,\n      marginHorizontal: theme.spacing.base\n    },\n    icon: {\n      width: 76,\n      height: 76\n    },\n    title: {\n      color: '#1D1D2B',\n      fontWeight: theme.fontWeight.bold,\n      fontSize: 20,\n      lineHeight: 28,\n      marginVertical: theme.spacing.small\n    },\n    descriptionText: {\n      color: '#515161',\n      fontWeight: theme.fontWeight.semiBold,\n      fontSize: 14,\n      lineHeight: 20,\n      textAlign: 'center'\n    },\n    buttonContainer: {\n      marginHorizontal: theme.spacing.base\n    },\n    buttonText: {\n      fontWeight: theme.fontWeight.bold,\n      fontSize: 14,\n      lineHeight: 20,\n      marginVertical: 12,\n      textAlign: 'center'\n    },\n    secondButton: {\n      backgroundColor: theme.colors.cta,\n      borderRadius: 7,\n      marginBottom: theme.spacing.small\n    },\n    secondButtonText: {\n      color: theme.colors.white\n    },\n    firstButton: {\n      borderRadius: 7,\n      marginBottom: theme.spacing.small\n    },\n    firstButtonText: {\n      color: '#ED3436'\n    }\n  });\n\nconst QuitPopinReview = (props: CMPopinProps) => {\n  const {content, descriptionText, firstButton, secondButton} = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Modal isVisible animationIn=\"fadeIn\" animationOut=\"fadeOut\">\n      <View style={styleSheet.modalView}>\n        <View style={styleSheet.textsContainer}>\n          <MoonRocket style={styleSheet.icon} color=\"#06265B\" />\n          <Text style={styleSheet.title}>{content}</Text>\n          <Text style={styleSheet.descriptionText}>{descriptionText}</Text>\n        </View>\n        <View style={styleSheet.buttonContainer}>\n          <Touchable\n            style={styleSheet.secondButton}\n            onPress={secondButton?.handleOnclick}\n            accessibilityLabel={secondButton?.['aria-label']}\n            testID=\"second-button\"\n          >\n            <Text style={[styleSheet.buttonText, styleSheet.secondButtonText]}>\n              {secondButton?.label}\n            </Text>\n          </Touchable>\n          <Touchable\n            style={styleSheet.firstButton}\n            isHighlight\n            onPress={firstButton?.handleOnclick}\n            accessibilityLabel={firstButton?.['aria-label']}\n            testID=\"first-button\"\n          >\n            <Text style={[styleSheet.buttonText, styleSheet.firstButtonText]}>\n              {firstButton?.label}\n            </Text>\n          </Touchable>\n        </View>\n      </View>\n    </Modal>\n  );\n};\n\nexport default QuitPopinReview;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","Cta","InputSwitch","Title","Link","CardsGrid","ListItems","ICONS","propTypes","content","string","mode","oneOf","header","shape","title","headerIcon","backgroundImage","firstButton","label","handleOnclick","func","largeButton","bool","type","customStyle","secondButton","icon","position","_keys","thirdButton","onClose","backgroundImageUrl","descriptionText","cookieTitle","headerSubtitle","descriptionBtnTxt","listBtnSwicth","arrayOf","items","list","oneOfType","link"],"sources":["../../../src/molecule/cm-popin/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport Cta from '../../atom/button-link';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport Link from '../../atom/link';\nimport {TitleProps} from '../../atom/title/types';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport {ICONS} from '../../util/button-icons';\n\nconst propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information', 'cookie', 'items', 'list']),\n  header: PropTypes.shape({\n    title: PropTypes.shape(Title.propTypes),\n    headerIcon: PropTypes.string,\n    backgroundImage: PropTypes.string\n  }),\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    icon: PropTypes.shape({\n      position: PropTypes.oneOf(['right', 'left']),\n      type: PropTypes.oneOf(keys(ICONS))\n    })\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  headerSubtitle: PropTypes.string,\n  descriptionBtnTxt: PropTypes.string,\n  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes)),\n  items: PropTypes.shape({\n    type: PropTypes.oneOf(['content', 'list']),\n    list: PropTypes.oneOfType([\n      PropTypes.shape(CardsGrid.propTypes),\n      PropTypes.shape(ListItems.propTypes)\n    ])\n  }),\n  link: PropTypes.shape(Link.propTypes)\n};\n\ntype PopinHeaderProps = {\n  title: TitleProps;\n  backgroundImage: string;\n  headerIcon: string;\n};\n\nexport type QuitPopinButton = {\n  'aria-label'?: string;\n  label: string;\n  type: string;\n  customStyle?: {\n    backgroundColor?: string;\n    color?: string;\n  };\n  handleOnclick: () => void;\n};\n\nexport type CMPopinProps = {\n  content: string;\n  icon: string;\n  mode: 'alert' | 'information' | 'cookie' | 'items' | 'list';\n  onClose?: () => void;\n  popinHeader?: PopinHeaderProps;\n  descriptionText: string;\n  firstButton?: QuitPopinButton;\n  secondButton?: QuitPopinButton;\n  items?: {\n    type: 'content' | 'list';\n    list:\n      | PropTypes.InferProps<typeof CardsGrid.propTypes>\n      | PropTypes.InferProps<typeof ListItems.propTypes>;\n  };\n  link?: PropTypes.InferProps<typeof Link.propTypes>;\n};\n\nexport default propTypes;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PropTypes","Cta","InputSwitch","Title","Link","CardsGrid","ListItems","ICONS","propTypes","content","string","mode","oneOf","header","shape","title","headerIcon","backgroundImage","firstButton","label","handleOnclick","func","largeButton","bool","type","customStyle","secondButton","icon","position","thirdButton","onClose","backgroundImageUrl","descriptionText","cookieTitle","headerSubtitle","descriptionBtnTxt","listBtnSwicth","arrayOf","items","list","oneOfType","link"],"sources":["../../../src/molecule/cm-popin/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport Cta from '../../atom/button-link';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport Link from '../../atom/link';\nimport {TitleProps} from '../../atom/title/types';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport {ICONS} from '../../util/button-icons';\n\nconst propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information', 'cookie', 'items', 'list']),\n  header: PropTypes.shape({\n    title: PropTypes.shape(Title.propTypes),\n    headerIcon: PropTypes.string,\n    backgroundImage: PropTypes.string\n  }),\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    icon: PropTypes.shape({\n      position: PropTypes.oneOf(['right', 'left']),\n      type: PropTypes.oneOf(keys(ICONS))\n    })\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  headerSubtitle: PropTypes.string,\n  descriptionBtnTxt: PropTypes.string,\n  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes)),\n  items: PropTypes.shape({\n    type: PropTypes.oneOf(['content', 'list']),\n    list: PropTypes.oneOfType([\n      PropTypes.shape(CardsGrid.propTypes),\n      PropTypes.shape(ListItems.propTypes)\n    ])\n  }),\n  link: PropTypes.shape(Link.propTypes)\n};\n\ntype PopinHeaderProps = {\n  title: TitleProps;\n  backgroundImage: string;\n  headerIcon: string;\n};\n\nexport type QuitPopinButton = {\n  'aria-label'?: string;\n  label: string;\n  type: string;\n  customStyle?: {\n    backgroundColor?: string;\n    color?: string;\n  };\n  handleOnclick: () => void;\n};\n\nexport type CMPopinProps = {\n  content: string;\n  icon: string;\n  mode: 'alert' | 'information' | 'cookie' | 'items' | 'list';\n  onClose?: () => void;\n  popinHeader?: PopinHeaderProps;\n  descriptionText: string;\n  firstButton?: QuitPopinButton;\n  secondButton?: QuitPopinButton;\n  items?: {\n    type: 'content' | 'list';\n    list:\n      | PropTypes.InferProps<typeof CardsGrid.propTypes>\n      | PropTypes.InferProps<typeof ListItems.propTypes>;\n  };\n  link?: PropTypes.InferProps<typeof Link.propTypes>;\n};\n\nexport default propTypes;\n"],"mappings":"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"}

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

@@ -5,6 +5,7 @@ import Button from '../../atom/button';
 import Link from '../../atom/link';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 const CookieBanner = ({
   href,
   onClick
@@ -13,7 +14,9 @@ const CookieBanner = ({
     translate,
     skin
   } = context;
+
   const primary = _get('common.primary', skin);
+
   const intro = translate('cookies_title');
   const text = translate('cookies_details');
   const title = translate('cookies_policy');
@@ -41,6 +44,7 @@ const CookieBanner = ({
     }
   }));
 };
+
 CookieBanner.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

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","_get","intro","text","title","ok","handleOnClick","createElement","className","banner","link","target","color","type","button","submitValue","backgroundColor","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","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,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAGA,CAAC;EAACC,IAAI;EAAEC;AAAO,CAAC,EAAEC,OAAO,KAAK;EACjD,MAAM;IAACC,SAAS;IAAEC;EAAI,CAAC,GAAGF,OAAO;EACjC,MAAMG,OAAO,GAAGC,IAAA,CAAI,gBAAgB,EAAEF,IAAI,CAAC;EAE3C,MAAMG,KAAK,GAAGJ,SAAS,CAAC,eAAe,CAAC;EACxC,MAAMK,IAAI,GAAGL,SAAS,CAAC,iBAAiB,CAAC;EACzC,MAAMM,KAAK,GAAGN,SAAS,CAAC,gBAAgB,CAAC;EACzC,MAAMO,EAAE,GAAGP,SAAS,CAAC,IAAI,CAAC;EAC1B,MAAMQ,aAAa,GAAGV,OAAO;EAE7B,oBACER,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACgB;EAAO,gBAC3BrB,KAAA,CAAAmB,aAAA,yBACEnB,KAAA,CAAAmB,aAAA;IAAMC,SAAS,EAAEf,KAAK,CAACS;EAAM,GAAEA,KAAY,CAAC,eAC5Cd,KAAA,CAAAmB,aAAA,eAAOJ,IAAW,CAAC,eACnBf,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IACHiB,SAAS,EAAEf,KAAK,CAACiB,IAAK;IACtBf,IAAI,EAAEA,IAAK;IACXgB,MAAM,EAAC,QAAQ;IACflB,KAAK,EAAE;MACLmB,KAAK,EAAEZ;IACT;EAAE,GAEDI,KACG,CACL,CAAC,eACJhB,KAAA,CAAAmB,aAAA,CAACjB,MAAM;IACLuB,IAAI,EAAC,MAAM;IACX,aAAU,mBAAmB;IAC7BL,SAAS,EAAEf,KAAK,CAACqB,MAAO;IACxBC,WAAW,EAAEV,EAAG;IAChBT,OAAO,EAAEU,aAAc;IACvBb,KAAK,EAAE;MACLuB,eAAe,EAAEhB;IACnB;EAAE,CACH,CACE,CAAC;AAEV,CAAC;AAEDN,YAAY,CAACuB,YAAY,GAAG;EAC1BlB,IAAI,EAAEP,QAAQ,CAAC0B,iBAAiB,CAACnB,IAAI;EACrCD,SAAS,EAAEN,QAAQ,CAAC0B,iBAAiB,CAACpB;AACxC,CAAC;AAEDJ,YAAY,CAACyB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvB3B,IAAI,EAAEN,SAAS,CAACkC,MAAM;EACtB3B,OAAO,EAAEP,SAAS,CAACmC;AACrB,CAAC;AAED,eAAe9B,YAAY","ignoreList":[]}
+{"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"}

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

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import InputCheckbox from '../../atom/input-checkbox';
 import style from './style.css';
+
 const Roles = ({
   title,
   fields
@@ -17,10 +18,10 @@ const Roles = ({
     key: i
   }, /*#__PURE__*/React.createElement(InputCheckbox, field)))));
 };
+
 Roles.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
-  fields: PropTypes.arrayOf(PropTypes.shape({
-    ...InputCheckbox.propTypes,
+  fields: PropTypes.arrayOf(PropTypes.shape({ ...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","createElement","className","rolesGroup","content","map","field","i","key","propTypes","process","env","NODE_ENV","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,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAGA,CAAC;EAACC,KAAK;EAAEC;AAAM,CAAC,KAAK;EACjC,oBACEN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEL,KAAK,CAACM;EAAW,gBAC/BT,KAAA,CAAAO,aAAA;IAAIC,SAAS,EAAEL,KAAK,CAACE;EAAM,GAAEA,KAAU,CAAC,eACxCL,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEL,KAAK,CAACO;EAAQ,GAC3BJ,MAAM,CAACK,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,kBACnBb,KAAA,CAAAO,aAAA;IAAMC,SAAS,EAAEL,KAAK,CAACS,KAAM;IAACE,GAAG,EAAED;EAAE,gBACnCb,KAAA,CAAAO,aAAA,CAACL,aAAa,EAAKU,KAAQ,CACvB,CACP,CACE,CACF,CAAC;AAEV,CAAC;AAEDR,KAAK,CAACW,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBb,KAAK,EAAEJ,SAAS,CAACkB,MAAM;EACvBb,MAAM,EAAEL,SAAS,CAACmB,OAAO,CACvBnB,SAAS,CAACoB,KAAK,CAAC;IACd,GAAGnB,aAAa,CAACa,SAAS;IAC1BO,IAAI,EAAErB,SAAS,CAACsB,KAAK,CAAC,CAAC,UAAU,CAAC;EACpC,CAAC,CACH;AACF,CAAC;AAED,eAAenB,KAAK","ignoreList":[]}
+{"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,CAAgB,EACd,GAAGb,aAAa,CAACU,SADH;IAEdI,IAAI,EAAEf,SAAS,CAACgB,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFQ,CAAhB,CADM;AAFQ,CAAlB;AAUA,eAAeb,KAAf"}

package/es/molecule/coorpmanager-base-banner/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ButtonLink from '../../atom/button-link';
 import style from './style.css';
+
 const CoorpmanagerBaseBanner = props => {
   const {
     image,
@@ -16,15 +17,13 @@ const CoorpmanagerBaseBanner = props => {
   }, /*#__PURE__*/React.createElement("div", {
     className: style.textSection
   }, /*#__PURE__*/React.createElement("span", {
-    className: style.title
-    // eslint-disable-next-line react/no-danger
+    className: style.title // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
     }
   }), /*#__PURE__*/React.createElement("span", {
-    className: style.subTitle
-    // eslint-disable-next-line react/no-danger
+    className: style.subTitle // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: subTitle
@@ -51,6 +50,7 @@ const CoorpmanagerBaseBanner = props => {
     src: image
   }));
 };
+
 CoorpmanagerBaseBanner.propTypes = process.env.NODE_ENV !== "production" ? {
   image: PropTypes.string,
   title: PropTypes.string,

package/es/molecule/coorpmanager-base-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","ButtonLink","style","CoorpmanagerBaseBanner","props","image","title","subTitle","buttonLabel","onClick","createElement","className","background","textSection","dangerouslySetInnerHTML","__html","buttonWrapper","type","label","icon","position","faIcon","name","color","size","imagePlaceholder","src","propTypes","process","env","NODE_ENV","string","func"],"sources":["../../../src/molecule/coorpmanager-base-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 CoorpmanagerBaseBanner = props => {\n  const {image, title, subTitle, buttonLabel, onClick} = props;\n\n  return (\n    <div className={style.background} data-name=\"go1-base-banner\">\n      <div className={style.textSection}>\n        <span\n          className={style.title}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <span\n          className={style.subTitle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: subTitle}}\n        />\n        <div className={style.buttonWrapper}>\n          <ButtonLink\n            data-name=\"learn-more-button\"\n            onClick={onClick}\n            type=\"primary\"\n            label={buttonLabel}\n            icon={{\n              position: 'right',\n              faIcon: {\n                name: 'arrow-right',\n                color: 'white',\n                size: 14\n              }\n            }}\n          />\n        </div>\n      </div>\n      <div className={style.imagePlaceholder} />\n      <img className={style.image} src={image} />\n    </div>\n  );\n};\n\nCoorpmanagerBaseBanner.propTypes = {\n  image: PropTypes.string,\n  title: PropTypes.string,\n  subTitle: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default CoorpmanagerBaseBanner;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,sBAAsB,GAAGC,KAAK,IAAI;EACtC,MAAM;IAACC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAE5D,oBACEL,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACU,UAAW;IAAC,aAAU;EAAiB,gBAC3Db,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACW;EAAY,gBAChCd,KAAA,CAAAW,aAAA;IACEC,SAAS,EAAET,KAAK,CAACI;IACjB;IAAA;IACAQ,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAK;EAAE,CAC1C,CAAC,eACFP,KAAA,CAAAW,aAAA;IACEC,SAAS,EAAET,KAAK,CAACK;IACjB;IAAA;IACAO,uBAAuB,EAAE;MAACC,MAAM,EAAER;IAAQ;EAAE,CAC7C,CAAC,eACFR,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACc;EAAc,gBAClCjB,KAAA,CAAAW,aAAA,CAACT,UAAU;IACT,aAAU,mBAAmB;IAC7BQ,OAAO,EAAEA,OAAQ;IACjBQ,IAAI,EAAC,SAAS;IACdC,KAAK,EAAEV,WAAY;IACnBW,IAAI,EAAE;MACJC,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAE;QACNC,IAAI,EAAE,aAAa;QACnBC,KAAK,EAAE,OAAO;QACdC,IAAI,EAAE;MACR;IACF;EAAE,CACH,CACE,CACF,CAAC,eACNzB,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACuB;EAAiB,CAAE,CAAC,eAC1C1B,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACG,KAAM;IAACqB,GAAG,EAAErB;EAAM,CAAE,CACvC,CAAC;AAEV,CAAC;AAEDF,sBAAsB,CAACwB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACjCzB,KAAK,EAAEL,SAAS,CAAC+B,MAAM;EACvBzB,KAAK,EAAEN,SAAS,CAAC+B,MAAM;EACvBxB,QAAQ,EAAEP,SAAS,CAAC+B,MAAM;EAC1BvB,WAAW,EAAER,SAAS,CAAC+B,MAAM;EAC7BtB,OAAO,EAAET,SAAS,CAACgC;AACrB,CAAC;AAED,eAAe7B,sBAAsB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","ButtonLink","style","CoorpmanagerBaseBanner","props","image","title","subTitle","buttonLabel","onClick","background","textSection","__html","buttonWrapper","position","faIcon","name","color","size","imagePlaceholder","propTypes","string","func"],"sources":["../../../src/molecule/coorpmanager-base-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 CoorpmanagerBaseBanner = props => {\n  const {image, title, subTitle, buttonLabel, onClick} = props;\n\n  return (\n    <div className={style.background} data-name=\"go1-base-banner\">\n      <div className={style.textSection}>\n        <span\n          className={style.title}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <span\n          className={style.subTitle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: subTitle}}\n        />\n        <div className={style.buttonWrapper}>\n          <ButtonLink\n            data-name=\"learn-more-button\"\n            onClick={onClick}\n            type=\"primary\"\n            label={buttonLabel}\n            icon={{\n              position: 'right',\n              faIcon: {\n                name: 'arrow-right',\n                color: 'white',\n                size: 14\n              }\n            }}\n          />\n        </div>\n      </div>\n      <div className={style.imagePlaceholder} />\n      <img className={style.image} src={image} />\n    </div>\n  );\n};\n\nCoorpmanagerBaseBanner.propTypes = {\n  image: PropTypes.string,\n  title: PropTypes.string,\n  subTitle: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default CoorpmanagerBaseBanner;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,sBAAsB,GAAGC,KAAK,IAAI;EACtC,MAAM;IAACC,KAAD;IAAQC,KAAR;IAAeC,QAAf;IAAyBC,WAAzB;IAAsCC;EAAtC,IAAiDL,KAAvD;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACQ,UAAtB;IAAkC,aAAU;EAA5C,gBACE;IAAK,SAAS,EAAER,KAAK,CAACS;EAAtB,gBACE;IACE,SAAS,EAAET,KAAK,CAACI,KADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACM,MAAM,EAAEN;IAAT;EAH3B,EADF,eAME;IACE,SAAS,EAAEJ,KAAK,CAACK,QADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACK,MAAM,EAAEL;IAAT;EAH3B,EANF,eAWE;IAAK,SAAS,EAAEL,KAAK,CAACW;EAAtB,gBACE,oBAAC,UAAD;IACE,aAAU,mBADZ;IAEE,OAAO,EAAEJ,OAFX;IAGE,IAAI,EAAC,SAHP;IAIE,KAAK,EAAED,WAJT;IAKE,IAAI,EAAE;MACJM,QAAQ,EAAE,OADN;MAEJC,MAAM,EAAE;QACNC,IAAI,EAAE,aADA;QAENC,KAAK,EAAE,OAFD;QAGNC,IAAI,EAAE;MAHA;IAFJ;EALR,EADF,CAXF,CADF,eA6BE;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAtB,EA7BF,eA8BE;IAAK,SAAS,EAAEjB,KAAK,CAACG,KAAtB;IAA6B,GAAG,EAAEA;EAAlC,EA9BF,CADF;AAkCD,CArCD;;AAuCAF,sBAAsB,CAACiB,SAAvB,2CAAmC;EACjCf,KAAK,EAAEL,SAAS,CAACqB,MADgB;EAEjCf,KAAK,EAAEN,SAAS,CAACqB,MAFgB;EAGjCd,QAAQ,EAAEP,SAAS,CAACqB,MAHa;EAIjCb,WAAW,EAAER,SAAS,CAACqB,MAJU;EAKjCZ,OAAO,EAAET,SAAS,CAACsB;AALc,CAAnC;AAQA,eAAenB,sBAAf"}