@coorpacademy/components 11.13.7-alpha.9 → 11.14.1-alpha.2

package/es/template/mobile-login/welcome/index.native.js

@@ -0,0 +1,195 @@
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+import { NovaCompositionCoorpacademyLogoCoorp as LogoCoorp, NovaCompositionCoorpacademyQrCode as QrCodeIcon, NovaCompositionCoorpacademyEmail as MailIcon } from '@coorpacademy/nova-icons';
+import Touchable from '../../../hoc/touchable/index.native';
+import { useTemplateContext } from '../../app-review/template-context';
+
+const createStyleSheet = theme => StyleSheet.create({
+  wrapper: {
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    flex: 1,
+    justifyContent: 'space-around',
+    alignItems: 'center',
+    paddingHorizontal: 24
+  },
+  content: {
+    width: '100%',
+    alignItems: 'flex-start'
+  },
+  gradient: {
+    position: 'absolute',
+    top: -100,
+    bottom: 0,
+    left: -180,
+    right: 0,
+    opacity: 1,
+    transform: [{
+      rotate: '35deg'
+    }]
+  },
+  gradient2: {
+    position: 'absolute',
+    top: -80,
+    bottom: 0,
+    left: 0,
+    right: -200,
+    opacity: 0.5,
+    transform: [{
+      rotate: '-35deg'
+    }]
+  },
+  logo: {
+    padding: 100
+  },
+  title: {
+    fontWeight: '600',
+    fontSize: 28,
+    lineHeight: 36,
+    paddingVertical: 8
+  },
+  description: {
+    fontSize: 18,
+    lineHeight: 24,
+    paddingVertical: 8
+  },
+  actions: {
+    width: '100%'
+  },
+  buttons: {
+    paddingVertical: 20,
+    alignItems: 'center'
+  },
+  button: {
+    paddingVertical: 12,
+    marginVertical: 4,
+    width: '100%',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    borderRadius: 12,
+    alignItems: 'center',
+    overflow: 'hidden'
+  },
+  ctaQRCode: {
+    backgroundColor: theme.colors.cta
+  },
+  ctaQRCodeText: {
+    marginLeft: 8,
+    color: '#fff',
+    fontWeight: '700',
+    fontSize: 14,
+    lineHeight: 24
+  },
+  qrCodeIcon: {
+    fill: '#fff',
+    height: 14,
+    width: 14
+  },
+  ctaReceiveMail: {
+    backgroundColor: '#eaeaeb'
+  },
+  ctaReceiveMailText: {
+    marginLeft: 8,
+    color: '#1D1D2B',
+    fontWeight: '700',
+    fontSize: 14,
+    lineHeight: 24
+  },
+  mailIcon: {
+    fill: '#1D1D2B',
+    height: 12,
+    width: 16
+  },
+  help: {
+    flexDirection: 'row',
+    justifyContent: 'center'
+  },
+  titleHelp: {
+    color: '#9999A8'
+  },
+  ctaHelp: {
+    marginLeft: 5,
+    textDecorationLine: 'underline',
+    color: '#9999A8'
+  }
+});
+
+const Welcome = props => {
+  const {
+    locales,
+    onDemoPress,
+    onDesktopButtonPress,
+    onHelpPress,
+    onMobileButtonPress
+  } = props;
+  const {
+    theme
+  } = useTemplateContext();
+  const [styleSheet, setStylesheet] = useState(null);
+  useEffect(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.wrapper,
+    testID: "welcome"
+  }, /*#__PURE__*/React.createElement(LinearGradient, {
+    colors: ['#0061FF', '#fff'],
+    locations: [0, 0.3],
+    style: styleSheet.gradient
+  }), /*#__PURE__*/React.createElement(LinearGradient, {
+    colors: ['#2199AB', '#fff'],
+    locations: [0, 0.3],
+    style: styleSheet.gradient2
+  }), /*#__PURE__*/React.createElement(Touchable, {
+    onLongPress: onDemoPress,
+    style: styleSheet.logo
+  }, /*#__PURE__*/React.createElement(LogoCoorp, {
+    fill: theme.colors.cta,
+    width: 77,
+    height: 75
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.content
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.title
+  }, locales.title), /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.description
+  }, locales.description), /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.actions
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.buttons
+  }, /*#__PURE__*/React.createElement(Touchable, {
+    style: [styleSheet.button, styleSheet.ctaQRCode],
+    onPress: onDesktopButtonPress
+  }, /*#__PURE__*/React.createElement(QrCodeIcon, {
+    style: styleSheet.qrCodeIcon
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.ctaQRCodeText
+  }, locales.ctaQRCode)), /*#__PURE__*/React.createElement(Touchable, {
+    style: [styleSheet.button, styleSheet.ctaReceiveMail],
+    onPress: onMobileButtonPress
+  }, /*#__PURE__*/React.createElement(MailIcon, {
+    style: styleSheet.mailIcon
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.ctaReceiveMailText
+  }, locales.ctaReceiveMail))), /*#__PURE__*/React.createElement(Touchable, {
+    onPress: onHelpPress,
+    style: styleSheet.help
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.titleHelp
+  }, locales.titleHelp), /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.ctaHelp
+  }, locales.ctaHelp)))));
+};
+
+export default Welcome;
+//# sourceMappingURL=index.native.js.map

package/es/template/mobile-login/welcome/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","StyleSheet","Text","View","LinearGradient","NovaCompositionCoorpacademyLogoCoorp","LogoCoorp","NovaCompositionCoorpacademyQrCode","QrCodeIcon","NovaCompositionCoorpacademyEmail","MailIcon","Touchable","useTemplateContext","createStyleSheet","theme","create","wrapper","top","bottom","left","right","flex","justifyContent","alignItems","paddingHorizontal","content","width","gradient","position","opacity","transform","rotate","gradient2","logo","padding","title","fontWeight","fontSize","lineHeight","paddingVertical","description","actions","buttons","button","marginVertical","flexDirection","borderRadius","overflow","ctaQRCode","backgroundColor","colors","cta","ctaQRCodeText","marginLeft","color","qrCodeIcon","fill","height","ctaReceiveMail","ctaReceiveMailText","mailIcon","help","titleHelp","ctaHelp","textDecorationLine","Welcome","props","locales","onDemoPress","onDesktopButtonPress","onHelpPress","onMobileButtonPress","styleSheet","setStylesheet","_stylesheet"],"sources":["../../../../src/template/mobile-login/welcome/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport {\n  NovaCompositionCoorpacademyLogoCoorp as LogoCoorp,\n  NovaCompositionCoorpacademyQrCode as QrCodeIcon,\n  NovaCompositionCoorpacademyEmail as MailIcon\n} from '@coorpacademy/nova-icons';\nimport Touchable from '../../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  logo: ViewStyle;\n  content: ViewStyle;\n  gradient: ViewStyle;\n  gradient2: ViewStyle;\n  title: TextStyle;\n  description: TextStyle;\n  actions: ViewStyle;\n  buttons: ViewStyle;\n  button: ViewStyle;\n  qrCodeIcon: ViewStyle;\n  mailIcon: ViewStyle;\n  ctaQRCode: ViewStyle;\n  ctaQRCodeText: TextStyle;\n  ctaReceiveMail: ViewStyle;\n  ctaReceiveMailText: TextStyle;\n  help: ViewStyle;\n  titleHelp: TextStyle;\n  ctaHelp: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      flex: 1,\n      justifyContent: 'space-around',\n      alignItems: 'center',\n      paddingHorizontal: 24\n    },\n    content: {\n      width: '100%',\n      alignItems: 'flex-start'\n    },\n    gradient: {\n      position: 'absolute',\n      top: -100,\n      bottom: 0,\n      left: -180,\n      right: 0,\n      opacity: 1,\n      transform: [{rotate: '35deg'}]\n    },\n    gradient2: {\n      position: 'absolute',\n      top: -80,\n      bottom: 0,\n      left: 0,\n      right: -200,\n      opacity: 0.5,\n      transform: [{rotate: '-35deg'}]\n    },\n    logo: {\n      padding: 100\n    },\n    title: {\n      fontWeight: '600',\n      fontSize: 28,\n      lineHeight: 36,\n      paddingVertical: 8\n    },\n    description: {\n      fontSize: 18,\n      lineHeight: 24,\n      paddingVertical: 8\n    },\n    actions: {\n      width: '100%'\n    },\n    buttons: {\n      paddingVertical: 20,\n      alignItems: 'center'\n    },\n    button: {\n      paddingVertical: 12,\n      marginVertical: 4,\n      width: '100%',\n      flexDirection: 'row',\n      justifyContent: 'center',\n      borderRadius: 12,\n      alignItems: 'center',\n      overflow: 'hidden'\n    },\n    ctaQRCode: {\n      backgroundColor: theme.colors.cta\n    },\n    ctaQRCodeText: {\n      marginLeft: 8,\n      color: '#fff',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    qrCodeIcon: {\n      fill: '#fff',\n      height: 14,\n      width: 14\n    },\n    ctaReceiveMail: {\n      backgroundColor: '#eaeaeb'\n    },\n    ctaReceiveMailText: {\n      marginLeft: 8,\n      color: '#1D1D2B',\n      fontWeight: '700',\n      fontSize: 14,\n      lineHeight: 24\n    },\n    mailIcon: {\n      fill: '#1D1D2B',\n      height: 12,\n      width: 16\n    },\n    help: {\n      flexDirection: 'row',\n      justifyContent: 'center'\n    },\n    titleHelp: {\n      color: '#9999A8'\n    },\n    ctaHelp: {\n      marginLeft: 5,\n      textDecorationLine: 'underline',\n      color: '#9999A8'\n    }\n  });\n\nexport type Props = {\n  onDemoPress: () => void;\n  onDesktopButtonPress: () => void;\n  onHelpPress: () => void;\n  onMobileButtonPress: () => void;\n  locales: {\n    title: string;\n    description: string;\n    ctaQRCode: string;\n    ctaReceiveMail: string;\n    titleHelp: string;\n    ctaHelp: string;\n  };\n};\n\nconst Welcome = (props: Props) => {\n  const {locales, onDemoPress, onDesktopButtonPress, onHelpPress, onMobileButtonPress} = props;\n  const {theme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\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    <View style={styleSheet.wrapper} testID=\"welcome\">\n      <LinearGradient\n        colors={['#0061FF', '#fff']}\n        locations={[0, 0.3]}\n        style={styleSheet.gradient}\n      />\n      <LinearGradient\n        colors={['#2199AB', '#fff']}\n        locations={[0, 0.3]}\n        style={styleSheet.gradient2}\n      />\n      <Touchable onLongPress={onDemoPress} style={styleSheet.logo}>\n        <LogoCoorp fill={theme.colors.cta} width={77} height={75} />\n      </Touchable>\n      <View style={styleSheet.content}>\n        <Text style={styleSheet.title}>{locales.title}</Text>\n        <Text style={styleSheet.description}>{locales.description}</Text>\n\n        <View style={styleSheet.actions}>\n          <View style={styleSheet.buttons}>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaQRCode]}\n              onPress={onDesktopButtonPress}\n            >\n              <QrCodeIcon style={styleSheet.qrCodeIcon} />\n              <Text style={styleSheet.ctaQRCodeText}>{locales.ctaQRCode}</Text>\n            </Touchable>\n            <Touchable\n              style={[styleSheet.button, styleSheet.ctaReceiveMail]}\n              onPress={onMobileButtonPress}\n            >\n              <MailIcon style={styleSheet.mailIcon} />\n              <Text style={styleSheet.ctaReceiveMailText}>{locales.ctaReceiveMail}</Text>\n            </Touchable>\n          </View>\n          <Touchable onPress={onHelpPress} style={styleSheet.help}>\n            <Text style={styleSheet.titleHelp}>{locales.titleHelp}</Text>\n            <Text style={styleSheet.ctaHelp}>{locales.ctaHelp}</Text>\n          </Touchable>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport default Welcome;\n"],"mappings":"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"}

package/lib/atom/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.js"],"names":[],"mappings":";AA0IA,iDAgCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.js"],"names":[],"mappings":";AA8IA,iDAgCC"}

package/lib/atom/button/index.js

@@ -65,7 +65,8 @@ const ButtonContent = props => {
         target: target,
         className: anchorClassName,
         style: style,
-        "aria-label": ariaLabel
+        "aria-label": ariaLabel,
+        "data-testid": dataTestid
       }, submitValue || children || 'submit');
 
     case 'a':
@@ -75,7 +76,8 @@ const ButtonContent = props => {
         target: target,
         className: anchorClassName,
         onClick: anchorOnClick,
-        style: style
+        style: style,
+        "data-testid": dataTestid
       }, submitValue || children);
 
     case 'button':
@@ -99,17 +101,20 @@ const ButtonContent = props => {
     // falls through in case type is button BUT no button tag is needed, for retro-compatibility
 
     default:
-      return /*#__PURE__*/_react.default.createElement("input", {
-        "data-name": dataName,
-        type: type,
-        value: submitValue,
-        disabled: disabled,
-        onClick: onClick,
-        className: inputClassName,
-        style: _extends({
-          color
-        }, style)
-      });
+      {
+        return /*#__PURE__*/_react.default.createElement("input", {
+          "data-name": dataName,
+          type: type,
+          value: submitValue,
+          disabled: disabled,
+          onClick: onClick,
+          className: inputClassName,
+          "data-testid": dataTestid,
+          style: _extends({
+            color
+          }, style)
+        });
+      }
   }
 };
 

package/lib/atom/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","children","type","style","dataName","ariaLabel","dataTestid","useButtonTag","buttonRef","dataFor","dataTooltipPlace","dataTip","onKeyDown","noop","onMouseLeave","onMouseOver","anchorClassName","cssStyle","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","favorite","propTypes","ColorPropType","PropTypes","string","bool","oneOf","node","shape","func","Button","buttonContentClassName","isLinkDisabled","useWrapper","buttonWrapperClassNames","useMemo","classnames","button","contentClassName","buttonContent"],"sources":["../../../src/atom/button/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport noop from 'lodash/fp/noop';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n  const {\n    color,\n    submitValue,\n    disabled,\n    download,\n    href,\n    target,\n    onClick,\n    className,\n    children,\n    type,\n    style,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    'data-testid': dataTestid,\n    useButtonTag,\n    buttonRef,\n    'data-for': dataFor,\n    'data-tooltip-place': dataTooltipPlace,\n    'data-tip': dataTip,\n    onKeyDown = noop,\n    onMouseLeave = noop,\n    onMouseOver = noop\n  } = props;\n  const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n  const anchorOnClick = (disabled && null) || onClick;\n  const anchorHref = (disabled && null) || href;\n  const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n  switch (type) {\n    case 'link':\n      return (\n        <Link\n          data-name={dataName}\n          href={anchorHref}\n          download={download}\n          onClick={anchorOnClick}\n          target={target}\n          className={anchorClassName}\n          style={style}\n          aria-label={ariaLabel}\n        >\n          {submitValue || children || 'submit'}\n        </Link>\n      );\n\n    case 'a':\n      return (\n        <a\n          data-name={dataName}\n          href={anchorHref}\n          target={target}\n          className={anchorClassName}\n          onClick={anchorOnClick}\n          style={style}\n        >\n          {submitValue || children}\n        </a>\n      );\n\n    case 'button':\n      if (useButtonTag)\n        return (\n          <button\n            ref={buttonRef}\n            type=\"button\"\n            data-for={dataFor}\n            data-tooltip-place={dataTooltipPlace}\n            data-tip={dataTip}\n            data-name={dataName}\n            data-testid={dataTestid}\n            aria-label={ariaLabel.favorite}\n            className={className}\n            onClick={onClick}\n            style={style}\n            onKeyDown={onKeyDown}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            tabIndex={0}\n          >\n            {children}\n          </button>\n        );\n    // falls through in case type is button BUT no button tag is needed, for retro-compatibility\n    default:\n      return (\n        <input\n          data-name={dataName}\n          type={type}\n          value={submitValue}\n          disabled={disabled}\n          onClick={onClick}\n          className={inputClassName}\n          style={{\n            color,\n            ...style\n          }}\n        />\n      );\n  }\n};\n\nButtonContent.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-testid': PropTypes.string,\n  useButtonTag: PropTypes.bool,\n  // event handlers\n  onClick: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  onMouseOver: PropTypes.func,\n  // for ReactTooltip handling\n  buttonRef: PropTypes.shape({}),\n  'data-for': PropTypes.string,\n  'data-tooltip-place': PropTypes.string,\n  'data-tip': PropTypes.bool\n};\n\nconst Button = props => {\n  const {\n    className,\n    buttonContentClassName,\n    isLinkDisabled,\n    type = 'submit',\n    children,\n    useWrapper = true\n  } = props;\n  const buttonWrapperClassNames = useMemo(\n    () =>\n      (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n      classnames([cssStyle.button, className]),\n    [className, isLinkDisabled]\n  );\n\n  const contentClassName = useMemo(\n    () => (buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent),\n    [buttonContentClassName]\n  );\n\n  return useWrapper ? (\n    <div className={buttonWrapperClassNames}>\n      <ButtonContent {...props} type={type} className={contentClassName}>\n        {children}\n      </ButtonContent>\n    </div>\n  ) : (\n    <ButtonContent {...props} type={type} className={contentClassName}>\n      {children}\n    </ButtonContent>\n  );\n};\n\nButton.propTypes = {\n  isLinkDisabled: PropTypes.bool,\n  useWrapper: PropTypes.bool,\n  buttonContentClassName: PropTypes.string,\n  ...ButtonContent.propTypes\n};\n\nexport default Button;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IACJC,KADI;IAEJC,WAFI;IAGJC,QAHI;IAIJC,QAJI;IAKJC,IALI;IAMJC,MANI;IAOJC,OAPI;IAQJC,SARI;IASJC,QATI;IAUJC,IAVI;IAWJC,KAXI;IAYJ,aAAaC,QAZT;IAaJ,cAAcC,SAbV;IAcJ,eAAeC,UAdX;IAeJC,YAfI;IAgBJC,SAhBI;IAiBJ,YAAYC,OAjBR;IAkBJ,sBAAsBC,gBAlBlB;IAmBJ,YAAYC,OAnBR;IAoBJC,SAAS,GAAGC,aApBR;IAqBJC,YAAY,GAAGD,aArBX;IAsBJE,WAAW,GAAGF;EAtBV,IAuBFrB,KAvBJ;EAwBA,MAAMwB,eAAe,GAAIrB,QAAQ,IAAK,GAAEK,SAAU,IAAGiB,cAAA,CAASC,cAAe,EAArD,IAA2DlB,SAAnF;EACA,MAAMmB,aAAa,GAAIxB,QAAQ,IAAI,IAAb,IAAsBI,OAA5C;EACA,MAAMqB,UAAU,GAAIzB,QAAQ,IAAI,IAAb,IAAsBE,IAAzC;EACA,MAAMwB,cAAc,GAAI1B,QAAQ,IAAK,GAAEK,SAAU,IAAGiB,cAAA,CAASK,cAAe,EAArD,IAA2DtB,SAAlF;;EAEA,QAAQE,IAAR;IACE,KAAK,MAAL;MACE,oBACE,6BAAC,aAAD;QACE,aAAWE,QADb;QAEE,IAAI,EAAEgB,UAFR;QAGE,QAAQ,EAAExB,QAHZ;QAIE,OAAO,EAAEuB,aAJX;QAKE,MAAM,EAAErB,MALV;QAME,SAAS,EAAEkB,eANb;QAOE,KAAK,EAAEb,KAPT;QAQE,cAAYE;MARd,GAUGX,WAAW,IAAIO,QAAf,IAA2B,QAV9B,CADF;;IAeF,KAAK,GAAL;MACE,oBACE;QACE,aAAWG,QADb;QAEE,IAAI,EAAEgB,UAFR;QAGE,MAAM,EAAEtB,MAHV;QAIE,SAAS,EAAEkB,eAJb;QAKE,OAAO,EAAEG,aALX;QAME,KAAK,EAAEhB;MANT,GAQGT,WAAW,IAAIO,QARlB,CADF;;IAaF,KAAK,QAAL;MACE,IAAIM,YAAJ,EACE,oBACE;QACE,GAAG,EAAEC,SADP;QAEE,IAAI,EAAC,QAFP;QAGE,YAAUC,OAHZ;QAIE,sBAAoBC,gBAJtB;QAKE,YAAUC,OALZ;QAME,aAAWP,QANb;QAOE,eAAaE,UAPf;QAQE,cAAYD,SAAS,CAACkB,QARxB;QASE,SAAS,EAAEvB,SATb;QAUE,OAAO,EAAED,OAVX;QAWE,KAAK,EAAEI,KAXT;QAYE,SAAS,EAAES,SAZb;QAaE,YAAY,EAAEE,YAbhB;QAcE,WAAW,EAAEC,WAdf;QAeE,QAAQ,EAAE;MAfZ,GAiBGd,QAjBH,CADF;IAqBJ;;IACA;MACE,oBACE;QACE,aAAWG,QADb;QAEE,IAAI,EAAEF,IAFR;QAGE,KAAK,EAAER,WAHT;QAIE,QAAQ,EAAEC,QAJZ;QAKE,OAAO,EAAEI,OALX;QAME,SAAS,EAAEsB,cANb;QAOE,KAAK;UACH5B;QADG,GAEAU,KAFA;MAPP,EADF;EAxDJ;AAuED,CArGD;;AAuGAZ,aAAa,CAACiC,SAAd,2CAA0B;EACxB/B,KAAK,EAAEgC,wBADiB;EAExB/B,WAAW,EAAEgC,kBAAA,CAAUC,MAFC;EAGxBhC,QAAQ,EAAE+B,kBAAA,CAAUE,IAHI;EAIxB/B,IAAI,EAAE6B,kBAAA,CAAUC,MAJQ;EAKxB/B,QAAQ,EAAE8B,kBAAA,CAAUE,IALI;EAMxB9B,MAAM,EAAE4B,kBAAA,CAAUG,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB,CANgB;EAOxB3B,IAAI,EAAEwB,kBAAA,CAAUC,MAPQ;EAQxB1B,QAAQ,EAAEyB,kBAAA,CAAUI,IARI;EASxB9B,SAAS,EAAE0B,kBAAA,CAAUC,MATG;EAUxBxB,KAAK,EAAEuB,kBAAA,CAAUK,KAAV,CAAgB,EAAhB,CAViB;EAWxB,aAAaL,kBAAA,CAAUC,MAXC;EAYxB,cAAcD,kBAAA,CAAUC,MAZA;EAaxB,eAAeD,kBAAA,CAAUC,MAbD;EAcxBpB,YAAY,EAAEmB,kBAAA,CAAUE,IAdA;EAexB;EACA7B,OAAO,EAAE2B,kBAAA,CAAUM,IAhBK;EAiBxBpB,SAAS,EAAEc,kBAAA,CAAUM,IAjBG;EAkBxBlB,YAAY,EAAEY,kBAAA,CAAUM,IAlBA;EAmBxBjB,WAAW,EAAEW,kBAAA,CAAUM,IAnBC;EAoBxB;EACAxB,SAAS,EAAEkB,kBAAA,CAAUK,KAAV,CAAgB,EAAhB,CArBa;EAsBxB,YAAYL,kBAAA,CAAUC,MAtBE;EAuBxB,sBAAsBD,kBAAA,CAAUC,MAvBR;EAwBxB,YAAYD,kBAAA,CAAUE;AAxBE,CAA1B;;AA2BA,MAAMK,MAAM,GAAGzC,KAAK,IAAI;EACtB,MAAM;IACJQ,SADI;IAEJkC,sBAFI;IAGJC,cAHI;IAIJjC,IAAI,GAAG,QAJH;IAKJD,QALI;IAMJmC,UAAU,GAAG;EANT,IAOF5C,KAPJ;EAQA,MAAM6C,uBAAuB,GAAG,IAAAC,cAAA,EAC9B,MACGH,cAAc,IAAI,IAAAI,mBAAA,EAAW,CAACtB,cAAA,CAASC,cAAV,EAA0BlB,SAA1B,CAAX,CAAnB,IACA,IAAAuC,mBAAA,EAAW,CAACtB,cAAA,CAASuB,MAAV,EAAkBxC,SAAlB,CAAX,CAH4B,EAI9B,CAACA,SAAD,EAAYmC,cAAZ,CAJ8B,CAAhC;EAOA,MAAMM,gBAAgB,GAAG,IAAAH,cAAA,EACvB,MAAOJ,sBAAsB,GAAGA,sBAAH,GAA4BjB,cAAA,CAASyB,aAD3C,EAEvB,CAACR,sBAAD,CAFuB,CAAzB;EAKA,OAAOE,UAAU,gBACf;IAAK,SAAS,EAAEC;EAAhB,gBACE,6BAAC,aAAD,eAAmB7C,KAAnB;IAA0B,IAAI,EAAEU,IAAhC;IAAsC,SAAS,EAAEuC;EAAjD,IACGxC,QADH,CADF,CADe,gBAOf,6BAAC,aAAD,eAAmBT,KAAnB;IAA0B,IAAI,EAAEU,IAAhC;IAAsC,SAAS,EAAEuC;EAAjD,IACGxC,QADH,CAPF;AAWD,CAhCD;;AAkCAgC,MAAM,CAACT,SAAP;EACEW,cAAc,EAAET,kBAAA,CAAUE,IAD5B;EAEEQ,UAAU,EAAEV,kBAAA,CAAUE,IAFxB;EAGEM,sBAAsB,EAAER,kBAAA,CAAUC;AAHpC,GAIKpC,aAAa,CAACiC,SAJnB;eAOeS,M"}
+{"version":3,"file":"index.js","names":["ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","children","type","style","dataName","ariaLabel","dataTestid","useButtonTag","buttonRef","dataFor","dataTooltipPlace","dataTip","onKeyDown","noop","onMouseLeave","onMouseOver","anchorClassName","cssStyle","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","favorite","propTypes","ColorPropType","PropTypes","string","bool","oneOf","node","shape","func","Button","buttonContentClassName","isLinkDisabled","useWrapper","buttonWrapperClassNames","useMemo","classnames","button","contentClassName","buttonContent"],"sources":["../../../src/atom/button/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport noop from 'lodash/fp/noop';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n  const {\n    color,\n    submitValue,\n    disabled,\n    download,\n    href,\n    target,\n    onClick,\n    className,\n    children,\n    type,\n    style,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    'data-testid': dataTestid,\n    useButtonTag,\n    buttonRef,\n    'data-for': dataFor,\n    'data-tooltip-place': dataTooltipPlace,\n    'data-tip': dataTip,\n    onKeyDown = noop,\n    onMouseLeave = noop,\n    onMouseOver = noop\n  } = props;\n  const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n  const anchorOnClick = (disabled && null) || onClick;\n  const anchorHref = (disabled && null) || href;\n  const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n  switch (type) {\n    case 'link':\n      return (\n        <Link\n          data-name={dataName}\n          href={anchorHref}\n          download={download}\n          onClick={anchorOnClick}\n          target={target}\n          className={anchorClassName}\n          style={style}\n          aria-label={ariaLabel}\n          data-testid={dataTestid}\n        >\n          {submitValue || children || 'submit'}\n        </Link>\n      );\n\n    case 'a':\n      return (\n        <a\n          data-name={dataName}\n          href={anchorHref}\n          target={target}\n          className={anchorClassName}\n          onClick={anchorOnClick}\n          style={style}\n          data-testid={dataTestid}\n        >\n          {submitValue || children}\n        </a>\n      );\n\n    case 'button':\n      if (useButtonTag)\n        return (\n          <button\n            ref={buttonRef}\n            type=\"button\"\n            data-for={dataFor}\n            data-tooltip-place={dataTooltipPlace}\n            data-tip={dataTip}\n            data-name={dataName}\n            data-testid={dataTestid}\n            aria-label={ariaLabel.favorite}\n            className={className}\n            onClick={onClick}\n            style={style}\n            onKeyDown={onKeyDown}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            tabIndex={0}\n          >\n            {children}\n          </button>\n        );\n    // falls through in case type is button BUT no button tag is needed, for retro-compatibility\n    default: {\n      return (\n        <input\n          data-name={dataName}\n          type={type}\n          value={submitValue}\n          disabled={disabled}\n          onClick={onClick}\n          className={inputClassName}\n          data-testid={dataTestid}\n          style={{\n            color,\n            ...style\n          }}\n        />\n      );\n    }\n  }\n};\n\nButtonContent.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-testid': PropTypes.string,\n  useButtonTag: PropTypes.bool,\n  // event handlers\n  onClick: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  onMouseOver: PropTypes.func,\n  // for ReactTooltip handling\n  buttonRef: PropTypes.shape({}),\n  'data-for': PropTypes.string,\n  'data-tooltip-place': PropTypes.string,\n  'data-tip': PropTypes.bool\n};\n\nconst Button = props => {\n  const {\n    className,\n    buttonContentClassName,\n    isLinkDisabled,\n    type = 'submit',\n    children,\n    useWrapper = true\n  } = props;\n  const buttonWrapperClassNames = useMemo(\n    () =>\n      (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n      classnames([cssStyle.button, className]),\n    [className, isLinkDisabled]\n  );\n\n  const contentClassName = useMemo(\n    () => (buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent),\n    [buttonContentClassName]\n  );\n\n  return useWrapper ? (\n    <div className={buttonWrapperClassNames}>\n      <ButtonContent {...props} type={type} className={contentClassName}>\n        {children}\n      </ButtonContent>\n    </div>\n  ) : (\n    <ButtonContent {...props} type={type} className={contentClassName}>\n      {children}\n    </ButtonContent>\n  );\n};\n\nButton.propTypes = {\n  isLinkDisabled: PropTypes.bool,\n  useWrapper: PropTypes.bool,\n  buttonContentClassName: PropTypes.string,\n  ...ButtonContent.propTypes\n};\n\nexport default Button;\n"],"mappings":"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"}

package/lib/molecule/cm-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAcA,kDAiLC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAeA,kDAoLC"}

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

@@ -40,7 +40,8 @@ const CMPopin = props => {
   const logo = {
     AlertDiamond: _novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertDiamond,
     WindowUpload: _novaIcons.NovaSolidApplicationsWindowUpload3,
-    MoonRocket: _novaIcons.NovaSolidSpaceMoonRocket
+    MoonRocket: _novaIcons.NovaSolidSpaceMoonRocket,
+    CheckCircle1: _novaIcons.NovaLineStatusCheckCircle1
   };
   const LogoComponent = logo[icon];
   const backgroundImageStyle = backgroundImageUrl ? {
@@ -149,7 +150,7 @@ const CMPopin = props => {
     }
   }) : null), descriptionBtnTxt ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.descriptionBtn
-  }, descriptionBtnTxt) : null, renderBtnSwitch(), /*#__PURE__*/_react.default.createElement("div", {
+  }, descriptionBtnTxt) : null, renderBtnSwitch(), firstButton || secondButton || thirdButton ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttonContainer
   }, firstButton ? /*#__PURE__*/_react.default.createElement("div", {
     className: firstButton.largeButton ? _style.default.largeButton : _style.default.button
@@ -178,7 +179,7 @@ const CMPopin = props => {
     "aria-label": thirdButton['aria-label'],
     type: thirdButton.type,
     customStyle: thirdButton.customStyle
-  })) : null)));
+  })) : null) : null));
 };
 
 CMPopin.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","AlertDiamond","WindowUpload","MoonRocket","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","style","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","map","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes"],"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\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        </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                customStyle={secondButton.customStyle}\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":"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"}
+{"version":3,"file":"index.js","names":["CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","AlertDiamond","WindowUpload","MoonRocket","CheckCircle1","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","style","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","map","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes"],"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  NovaLineStatusCheckCircle1 as CheckCircle1\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    CheckCircle1\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\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        </div>\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : 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                />\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;\n\nexport default CMPopin;\n"],"mappings":";;;;;AAAA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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;IACXC,YAAY,EAAZA,0DADW;IAEXC,YAAY,EAAZA,6CAFW;IAGXC,UAAU,EAAVA,mCAHW;IAIXC,YAAY,EAAZA;EAJW,CAAb;EAMA,MAAMC,aAAa,GAAGL,IAAI,CAACP,IAAD,CAA1B;EAEA,MAAMa,oBAAoB,GAAGZ,kBAAkB,GAC3C;IACEa,eAAe,EAAG,OAAMb,kBAAmB,GAD7C;IAEEc,cAAc,EAAE;EAFlB,CAD2C,GAK3C,IALJ;;EAMA,MAAMC,YAAY,GAAG,MAAM;IACzB,IAAIjB,MAAJ,EAAY,oBAAO;MAAK,SAAS,EAAEkB,cAAA,CAAMC,gBAAtB;MAAwC,GAAG,EAAEnB;IAA7C,EAAP;IACZ,IAAIJ,IAAI,KAAK,QAAb,EACE,oBACE;MAAK,SAAS,EAAEsB,cAAA,CAAME;IAAtB,gBACE;MAAK,SAAS,EAAEF,cAAA,CAAMG;IAAtB,gBACE,6BAAC,iCAAD;MAAQ,SAAS,EAAEH,cAAA,CAAMI;IAAzB,EADF,CADF,eAIE;MAAK,SAAS,EAAEJ,cAAA,CAAMb;IAAtB,GAAoCA,WAApC,CAJF,CADF;IAQF,OAAO,IAAP;EACD,CAZD;;EAaA,MAAMkB,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;IAC5C,QAAQD,KAAR;MACE,KAAK,CAAL;QACE,OAAON,cAAA,CAAMQ,uBAAb;;MACF,KAAKD,OAAO,CAACE,MAAR,GAAiB,CAAtB;QACE,OAAOT,cAAA,CAAMU,sBAAb;;MACF;QACE,OAAOV,cAAA,CAAMW,qBAAb;IANJ;EAQD,CATD;;EAUA,MAAMC,eAAe,GAAG,MAAM;IAC5B,OAAOC,YAAA,CAAIC,OAAJ,CAAY;MAACC,GAAG,EAAE;IAAN,CAAZ,EAA0B,CAACC,EAAD,EAAKV,KAAL,KAAe;MAC9C,MAAM;QACJW,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,EAAEV,KAAV;QAAiB,SAAS,EAAED,iBAAiB,CAACC,KAAD,EAAQjB,aAAR;MAA7C,gBACE,6BAAC,oBAAD;QAEI4B,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,EAiCJtC,aAjCI,CAAP;EAkCD,CAnCD;;EAoCA,oBACE;IACE,SAAS,EAAEX,IAAI,KAAK,QAAT,GAAoBsB,cAAA,CAAM4B,UAA1B,GAAuC,IADpD;IAEE,KAAK,EAAEhC,oBAFT;IAGE,aAAW;EAHb,gBAKE;IAAK,SAAS,EAAElB,IAAI,KAAK,QAAT,GAAoBsB,cAAA,CAAM6B,WAA1B,GAAwC7B,cAAA,CAAM8B;EAA9D,gBACE;IAAQ,SAAS,EAAE9B,cAAA,CAAM+B;EAAzB,GACGhC,YAAY,EADf,EAEGlB,OAAO,gBACN,6BAAC,2BAAD;IACE,OAAO,EAAEA,OADX;IAEE,aAAW,YAFb;IAGE,cAAY,YAHd;IAIE,IAAI,EAAC,OAJP;IAKE,IAAI,EAAC;EALP,EADM,GAQJ,IAVN,CADF,eAaE;IACE,SAAS,EACPH,IAAI,KAAK,QAAT,IAAqBA,IAAI,KAAK,aAA9B,GACIsB,cAAA,CAAMgC,oBADV,GAEIhC,cAAA,CAAMiC;EAJd,gBAOE;IAAK,SAAS,EAAEjC,cAAA,CAAMkC;EAAtB,GACGvC,aAAa,gBAAG,6BAAC,aAAD;IAAe,SAAS,EAAEK,cAAA,CAAMjB;EAAhC,EAAH,GAA8C,IAD9D,EAEGN,OAAO,gBACN;IACE,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBsB,cAAA,CAAMvB,OAAzB,GAAmCuB,cAAA,CAAMmC,OADtD;IAEE,aAAW,kBAFb,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAE3D;IAAT;EAJ3B,EADM,GAOJ,IATN,CAPF,EAkBGQ,eAAe,gBACd;IACE,SAAS,EAAEe,cAAA,CAAMf,eADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACmD,MAAM,EAAEnD;IAAT;EAH3B,EADc,GAMZ,IAxBN,CAbF,EAuCGG,iBAAiB,gBAAG;IAAK,SAAS,EAAEY,cAAA,CAAMqC;EAAtB,GAAuCjD,iBAAvC,CAAH,GAAqE,IAvCzF,EAwCGwB,eAAe,EAxClB,EAyCGjC,WAAW,IAAIC,YAAf,IAA+BM,WAA/B,gBACC;IAAK,SAAS,EAAEc,cAAA,CAAMsC;EAAtB,GACG3D,WAAW,gBACV;IAAK,SAAS,EAAEA,WAAW,CAAC4D,WAAZ,GAA0BvC,cAAA,CAAMuC,WAAhC,GAA8CvC,cAAA,CAAMwC;EAApE,gBACE,6BAAC,mBAAD;IACE,KAAK,EAAE7D,WAAW,CAAC8D,KADrB;IAEE,OAAO,EAAE9D,WAAW,CAAC+D,aAFvB;IAGE,aAAW,cAHb;IAIE,cAAY/D,WAAW,CAAC,YAAD,CAJzB;IAKE,IAAI,EAAEA,WAAW,CAACsC,IALpB;IAME,WAAW,EAAEtC,WAAW,CAACgE;EAN3B,EADF,CADU,GAWR,IAZN,EAaG/D,YAAY,gBACX;IAAK,SAAS,EAAEA,YAAY,CAAC2D,WAAb,GAA2BvC,cAAA,CAAMuC,WAAjC,GAA+CvC,cAAA,CAAMwC;EAArE,gBACE,6BAAC,mBAAD;IACE,KAAK,EAAE5D,YAAY,CAAC6D,KADtB;IAEE,OAAO,EAAE7D,YAAY,CAAC8D,aAFxB;IAGE,aAAY,gBAAe9D,YAAY,CAACqC,IAAK,EAH/C;IAIE,cAAYrC,YAAY,CAAC,YAAD,CAJ1B;IAKE,IAAI,EAAEA,YAAY,CAACqC,IALrB;IAME,WAAW,EAAErC,YAAY,CAAC+D;EAN5B,EADF,CADW,GAWT,IAxBN,EAyBGzD,WAAW,gBACV;IAAK,SAAS,EAAEA,WAAW,CAACqD,WAAZ,GAA0BvC,cAAA,CAAMuC,WAAhC,GAA8CvC,cAAA,CAAMwC;EAApE,gBACE,6BAAC,mBAAD;IACE,KAAK,EAAEtD,WAAW,CAACuD,KADrB;IAEE,OAAO,EAAEvD,WAAW,CAACwD,aAFvB;IAGE,aAAY,gBAAexD,WAAW,CAAC+B,IAAK,EAH9C;IAIE,cAAY/B,WAAW,CAAC,YAAD,CAJzB;IAKE,IAAI,EAAEA,WAAW,CAAC+B,IALpB;IAME,WAAW,EAAE/B,WAAW,CAACyD;EAN3B,EADF,CADU,GAWR,IApCN,CADD,GAuCG,IAhFN,CALF,CADF;AA0FD,CApLD;;AAsLApE,OAAO,CAACqE,SAAR,2CAAoBA,cAApB;eAEerE,O"}

package/lib/molecule/cm-popin/style.css

@@ -47,7 +47,7 @@
 
 .popin {
   overflow: auto;
-  width: 500px;
+  width: 434px;
   flex-grow: 0;
   margin: 16px;
   padding: 16px 16px 20px 16px;
@@ -114,12 +114,12 @@
 
 .button {
   min-width: max-content;
-  width: 160px;
+  width: 161px;
   padding: 8px;
 }
 
 .largeButton {
-  width: 100%;
+  width: 75%;
   padding: 8px;
 }
 
@@ -147,7 +147,11 @@
   color: cm_grey_500;
   font-style: normal;
   white-space: pre-line;
-  margin-top: 0px;
+  margin: 0px 32px;
+}
+
+.content {
+  margin: 20px 32px;
 }
 
 .cookieTitleContainer {
@@ -278,29 +282,21 @@ a {
 }
 
 @media tablet {
-  .popin {
-    position: fixed;
-  }
-
   .popin {
     width: 80%;
+    overflow: hidden;
   }
 
   .buttonContainer {
     display: flex;
     flex-wrap: wrap-reverse;
-    margin: 48px 24px 32px 24px;
-    width: 85%;
+    margin: 12px 24px 32px 24px;
   }
   
-  .button {
+  .largeButton, .button , .titleContainer {
     width: 100%;
   }
 
-  .titleContainer {
-    width: 85%;
-  }
-
   .popinCookie {
     position: fixed;
     bottom: 10px;
@@ -310,40 +306,66 @@ a {
     overflow-x: hidden;
     overflow-y: auto;
   }
-  .popinCookie .button{
+  .popinCookie .button {
     width: 100%;
     padding: 0px 0px 8px 0px
   }
 
   .popinCookie .largeButton {
-    padding: 8px 0px 0px 0px
+    padding: 8px 0px 0px 0px;
   }
   .popinCookie .message {
     padding: 24px 24px 0px 24px
   }
+  .descriptionText {
+    margin: 0px 16px;
+  }
+  .content {
+    margin: 20px 16px;
+  }
+  .message { 
+    padding: 40px 16px 0px;
+  }
+}
+
+@media mobile {
+  .background {
+    padding: 0;
+  }
+
+  .popin {
+    width: 80%;
+    overflow: hidden;
+  }
+
+  .buttonContainer {
+    display: flex;
+    margin: 12px 16px 32px 16px;
+  }
+  
+  .button {
+    width: 100%;
+  }
+
+  .titleContainer {
+    width: 100%;
+    margin: 0px 16px;
+  }
+
+  .descriptionText {
+    margin: 0px 16px;
+  }
+
+  .content {
+    margin: 16px 32px;
+  }
+  
+  .largeButton { 
+    margin: 0px 32px;
+  }
 
-  @media mobile {
-    .popin {
-      position: fixed;
-    }
-
-    .popin {
-      width: 80%;
-    }
-
-    .buttonContainer {
-      display: flex;
-      margin: 48px 24px 32px 24px;
-      width: 85%;
-    }
-    
-    .button {
-      width: 100%;
-    }
-
-    .titleContainer {
-      width: 85%;
-    }
+  .message { 
+    padding: 40px 16px 0px;
   }
 }
 
@@ -355,7 +377,6 @@ button {
 }
 
 _:-ms-fullscreen,
-.descriptionText,
 .buttonContainer {
   width: 85%;
 }

package/lib/molecule/discipline-header/index.d.ts

@@ -39,6 +39,7 @@ declare class DisciplineHeader extends React.Component<any, any, any> {
             }>>;
             mimeType: PropTypes.Validator<string>;
         }>>;
+        lastUpdated: PropTypes.Requireable<string>;
     };
     static contextTypes: {
         translate: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/molecule/discipline-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/discipline-header/index.js"],"names":[],"mappings":";AA2BA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAKE;IAEF;;MAEE;IAEF,wBAQC;IANC;;;MAGC;IAKH,4BAIC;IAED,yBAEC;IAED,sBAsCC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/discipline-header/index.js"],"names":[],"mappings":";AA4BA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAME;IAEF;;MAEE;IAEF,wBAQC;IANC;;;MAGC;IAKH,4BAIC;IAED,yBAEC;IAED,sBAqDC;CACF"}