@coorpacademy/components 11.9.3-alpha.25 → 11.9.3-alpha.29

package/es/molecule/card/notification.js

@@ -11,21 +11,17 @@ const NOTIFICATION_ICON = {
   lock: LockIcon,
   unlock: UnlockIcon
 };
-
 const handleOverlayClick = e => {
   e.stopPropagation();
   e.preventDefault();
   return false;
 };
-
 const Notification = props => {
   const {
     message,
     icon
   } = props;
-
   const IconType = _get(icon, NOTIFICATION_ICON);
-
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "notification",
     "data-type": icon,
@@ -43,7 +39,6 @@ const Notification = props => {
     role: "status"
   }, message))));
 };
-
 Notification.propTypes = process.env.NODE_ENV !== "production" ? {
   message: PropTypes.string.isRequired,
   icon: PropTypes.oneOf(_keys(NOTIFICATION_ICON)).isRequired

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

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["React","PropTypes","classnames","NovaCompositionNavigationMore","MoreIcon","NovaSolidLoginLocked","LockIcon","NovaSolidLocksLockUnlock1","UnlockIcon","NovaCompositionCoorpacademyCheck","CheckIcon","style","NOTIFICATION_ICON","addFavorite","removeFavorite","lock","unlock","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","showOverlay","notificationWrapper","notification","propTypes","string","isRequired","oneOf"],"sources":["../../../src/molecule/card/notification.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: MoreIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n\n  const IconType = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <IconType className={style.icon} color={null} stroke={null} />\n        <div className={style.message}>\n          <span role=\"status\">{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SACEC,6BAA6B,IAAIC,QADnC,EAEEC,oBAAoB,IAAIC,QAF1B,EAGEC,yBAAyB,IAAIC,UAH/B,EAIEC,gCAAgC,IAAIC,SAJtC,QAKO,0BALP;AAMA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEH,SADW;EAExBI,cAAc,EAAEV,QAFQ;EAGxBW,IAAI,EAAET,QAHkB;EAIxBU,MAAM,EAAER;AAJgB,CAA1B;;AAOA,MAAMS,kBAAkB,GAAGC,CAAC,IAAI;EAC9BA,CAAC,CAACC,eAAF;EACAD,CAAC,CAACE,cAAF;EACA,OAAO,KAAP;AACD,CAJD;;AAMA,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAD;IAAUC;EAAV,IAAkBF,KAAxB;;EAEA,MAAMG,QAAQ,GAAG,KAAID,IAAJ,EAAUZ,iBAAV,CAAjB;;EACA,oBACE;IACE,aAAU,cADZ;IAEE,aAAWY,IAFb;IAGE,OAAO,EAAEP,kBAHX;IAIE,SAAS,EAAEf,UAAU,CAACS,KAAK,CAACe,WAAP,EAAoBf,KAAK,CAACgB,mBAA1B;EAJvB,gBAME;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAtB,gBACE,oBAAC,QAAD;IAAU,SAAS,EAAEjB,KAAK,CAACa,IAA3B;IAAiC,KAAK,EAAE,IAAxC;IAA8C,MAAM,EAAE;EAAtD,EADF,eAEE;IAAK,SAAS,EAAEb,KAAK,CAACY;EAAtB,gBACE;IAAM,IAAI,EAAC;EAAX,GAAqBA,OAArB,CADF,CAFF,CANF,CADF;AAeD,CAnBD;;AAoBAF,YAAY,CAACQ,SAAb,2CAAyB;EACvBN,OAAO,EAAEtB,SAAS,CAAC6B,MAAV,CAAiBC,UADH;EAEvBP,IAAI,EAAEvB,SAAS,CAAC+B,KAAV,CAAgB,MAAKpB,iBAAL,CAAhB,EAAyCmB;AAFxB,CAAzB;AAKA,eAAeV,YAAf"}
+{"version":3,"file":"notification.js","names":["React","PropTypes","classnames","NovaCompositionNavigationMore","MoreIcon","NovaSolidLoginLocked","LockIcon","NovaSolidLocksLockUnlock1","UnlockIcon","NovaCompositionCoorpacademyCheck","CheckIcon","style","NOTIFICATION_ICON","addFavorite","removeFavorite","lock","unlock","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","showOverlay","notificationWrapper","notification","propTypes","string","isRequired","oneOf"],"sources":["../../../src/molecule/card/notification.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: MoreIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n\n  const IconType = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <IconType className={style.icon} color={null} stroke={null} />\n        <div className={style.message}>\n          <span role=\"status\">{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,6BAA6B,IAAIC,QAAQ,EACzCC,oBAAoB,IAAIC,QAAQ,EAChCC,yBAAyB,IAAIC,UAAU,EACvCC,gCAAgC,IAAIC,SAAS,QACxC,0BAA0B;AACjC,OAAOC,KAAK,MAAM,oBAAoB;AAEtC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEH,SAAS;EACtBI,cAAc,EAAEV,QAAQ;EACxBW,IAAI,EAAET,QAAQ;EACdU,MAAM,EAAER;AACV,CAAC;AAED,MAAMS,kBAAkB,GAAGC,CAAC,IAAI;EAC9BA,CAAC,CAACC,eAAe,EAAE;EACnBD,CAAC,CAACE,cAAc,EAAE;EAClB,OAAO,KAAK;AACd,CAAC;AAED,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAO;IAAEC;EAAI,CAAC,GAAGF,KAAK;EAE7B,MAAMG,QAAQ,GAAG,KAAID,IAAI,EAAEZ,iBAAiB,CAAC;EAC7C,oBACE;IACE,aAAU,cAAc;IACxB,aAAWY,IAAK;IAChB,OAAO,EAAEP,kBAAmB;IAC5B,SAAS,EAAEf,UAAU,CAACS,KAAK,CAACe,WAAW,EAAEf,KAAK,CAACgB,mBAAmB;EAAE,gBAEpE;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAa,gBACjC,oBAAC,QAAQ;IAAC,SAAS,EAAEjB,KAAK,CAACa,IAAK;IAAC,KAAK,EAAE,IAAK;IAAC,MAAM,EAAE;EAAK,EAAG,eAC9D;IAAK,SAAS,EAAEb,KAAK,CAACY;EAAQ,gBAC5B;IAAM,IAAI,EAAC;EAAQ,GAAEA,OAAO,CAAQ,CAChC,CACF,CACF;AAEV,CAAC;AACDF,YAAY,CAACQ,SAAS,2CAAG;EACvBN,OAAO,EAAEtB,SAAS,CAAC6B,MAAM,CAACC,UAAU;EACpCP,IAAI,EAAEvB,SAAS,CAAC+B,KAAK,CAAC,MAAKpB,iBAAiB,CAAC,CAAC,CAACmB;AACjD,CAAC;AAED,eAAeV,YAAY"}

package/es/molecule/card/selectable.js

@@ -4,7 +4,6 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { NovaSolidStatusCheckCircle2 as CheckIcon, NovaSolidRemoveAddAddCircle1 as AddIcon, NovaLineContentEditionHide as HideIcon, NovaCompositionCoorpacademyEye as ShowIcon } from '@coorpacademy/nova-icons';
 import style from './selectable.css';
-
 const Selectable = props => {
   const {
     isSelected,
@@ -32,7 +31,6 @@ const Selectable = props => {
     "aria-label": ariaLabel.show
   })));
 };
-
 Selectable.propTypes = process.env.NODE_ENV !== "production" ? {
   isSelected: PropTypes.bool,
   hidden: PropTypes.bool,

package/es/molecule/card/selectable.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectable.js","names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidRemoveAddAddCircle1","AddIcon","NovaLineContentEditionHide","HideIcon","NovaCompositionCoorpacademyEye","ShowIcon","style","Selectable","props","isSelected","hidden","ariaLabel","selectable","selected","circle","iconWrapper","addIcon","select","checkIcon","unSelect","hideIcon","hide","showIcon","show","propTypes","bool","shape","string"],"sources":["../../../src/molecule/card/selectable.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isUndefined} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaLineContentEditionHide as HideIcon,\n  NovaCompositionCoorpacademyEye as ShowIcon\n} from '@coorpacademy/nova-icons';\nimport style from './selectable.css';\n\nconst Selectable = props => {\n  const {isSelected, hidden = false, 'aria-label': ariaLabel = {}} = props;\n\n  if (isUndefined(isSelected)) return null;\n\n  return (\n    <div\n      className={classnames(style.selectable, isSelected && style.selected, hidden && style.hidden)}\n    >\n      <div className={style.circle} />\n      <div className={style.iconWrapper}>\n        <AddIcon className={style.addIcon} aria-label={ariaLabel.select} />\n        <CheckIcon className={style.checkIcon} aria-label={ariaLabel.unSelect} />\n        <HideIcon className={style.hideIcon} aria-label={ariaLabel.hide} />\n        <ShowIcon className={style.showIcon} aria-label={ariaLabel.show} />\n      </div>\n    </div>\n  );\n};\n\nSelectable.propTypes = {\n  isSelected: PropTypes.bool,\n  hidden: PropTypes.bool,\n  'aria-label': PropTypes.shape({\n    select: PropTypes.string,\n    unSelect: PropTypes.string\n  })\n};\n\nexport default Selectable;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SACEC,2BAA2B,IAAIC,SADjC,EAEEC,4BAA4B,IAAIC,OAFlC,EAGEC,0BAA0B,IAAIC,QAHhC,EAIEC,8BAA8B,IAAIC,QAJpC,QAKO,0BALP;AAMA,OAAOC,KAAP,MAAkB,kBAAlB;;AAEA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,UAAD;IAAaC,MAAM,GAAG,KAAtB;IAA6B,cAAcC,SAAS,GAAG;EAAvD,IAA6DH,KAAnE;EAEA,IAAI,aAAYC,UAAZ,CAAJ,EAA6B,OAAO,IAAP;EAE7B,oBACE;IACE,SAAS,EAAEZ,UAAU,CAACS,KAAK,CAACM,UAAP,EAAmBH,UAAU,IAAIH,KAAK,CAACO,QAAvC,EAAiDH,MAAM,IAAIJ,KAAK,CAACI,MAAjE;EADvB,gBAGE;IAAK,SAAS,EAAEJ,KAAK,CAACQ;EAAtB,EAHF,eAIE;IAAK,SAAS,EAAER,KAAK,CAACS;EAAtB,gBACE,oBAAC,OAAD;IAAS,SAAS,EAAET,KAAK,CAACU,OAA1B;IAAmC,cAAYL,SAAS,CAACM;EAAzD,EADF,eAEE,oBAAC,SAAD;IAAW,SAAS,EAAEX,KAAK,CAACY,SAA5B;IAAuC,cAAYP,SAAS,CAACQ;EAA7D,EAFF,eAGE,oBAAC,QAAD;IAAU,SAAS,EAAEb,KAAK,CAACc,QAA3B;IAAqC,cAAYT,SAAS,CAACU;EAA3D,EAHF,eAIE,oBAAC,QAAD;IAAU,SAAS,EAAEf,KAAK,CAACgB,QAA3B;IAAqC,cAAYX,SAAS,CAACY;EAA3D,EAJF,CAJF,CADF;AAaD,CAlBD;;AAoBAhB,UAAU,CAACiB,SAAX,2CAAuB;EACrBf,UAAU,EAAEb,SAAS,CAAC6B,IADD;EAErBf,MAAM,EAAEd,SAAS,CAAC6B,IAFG;EAGrB,cAAc7B,SAAS,CAAC8B,KAAV,CAAgB;IAC5BT,MAAM,EAAErB,SAAS,CAAC+B,MADU;IAE5BR,QAAQ,EAAEvB,SAAS,CAAC+B;EAFQ,CAAhB;AAHO,CAAvB;AASA,eAAepB,UAAf"}
+{"version":3,"file":"selectable.js","names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidRemoveAddAddCircle1","AddIcon","NovaLineContentEditionHide","HideIcon","NovaCompositionCoorpacademyEye","ShowIcon","style","Selectable","props","isSelected","hidden","ariaLabel","selectable","selected","circle","iconWrapper","addIcon","select","checkIcon","unSelect","hideIcon","hide","showIcon","show","propTypes","bool","shape","string"],"sources":["../../../src/molecule/card/selectable.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isUndefined} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaLineContentEditionHide as HideIcon,\n  NovaCompositionCoorpacademyEye as ShowIcon\n} from '@coorpacademy/nova-icons';\nimport style from './selectable.css';\n\nconst Selectable = props => {\n  const {isSelected, hidden = false, 'aria-label': ariaLabel = {}} = props;\n\n  if (isUndefined(isSelected)) return null;\n\n  return (\n    <div\n      className={classnames(style.selectable, isSelected && style.selected, hidden && style.hidden)}\n    >\n      <div className={style.circle} />\n      <div className={style.iconWrapper}>\n        <AddIcon className={style.addIcon} aria-label={ariaLabel.select} />\n        <CheckIcon className={style.checkIcon} aria-label={ariaLabel.unSelect} />\n        <HideIcon className={style.hideIcon} aria-label={ariaLabel.hide} />\n        <ShowIcon className={style.showIcon} aria-label={ariaLabel.show} />\n      </div>\n    </div>\n  );\n};\n\nSelectable.propTypes = {\n  isSelected: PropTypes.bool,\n  hidden: PropTypes.bool,\n  'aria-label': PropTypes.shape({\n    select: PropTypes.string,\n    unSelect: PropTypes.string\n  })\n};\n\nexport default Selectable;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,2BAA2B,IAAIC,SAAS,EACxCC,4BAA4B,IAAIC,OAAO,EACvCC,0BAA0B,IAAIC,QAAQ,EACtCC,8BAA8B,IAAIC,QAAQ,QACrC,0BAA0B;AACjC,OAAOC,KAAK,MAAM,kBAAkB;AAEpC,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,UAAU;IAAEC,MAAM,GAAG,KAAK;IAAE,YAAY,EAAEC,SAAS,GAAG,CAAC;EAAC,CAAC,GAAGH,KAAK;EAExE,IAAI,aAAYC,UAAU,CAAC,EAAE,OAAO,IAAI;EAExC,oBACE;IACE,SAAS,EAAEZ,UAAU,CAACS,KAAK,CAACM,UAAU,EAAEH,UAAU,IAAIH,KAAK,CAACO,QAAQ,EAAEH,MAAM,IAAIJ,KAAK,CAACI,MAAM;EAAE,gBAE9F;IAAK,SAAS,EAAEJ,KAAK,CAACQ;EAAO,EAAG,eAChC;IAAK,SAAS,EAAER,KAAK,CAACS;EAAY,gBAChC,oBAAC,OAAO;IAAC,SAAS,EAAET,KAAK,CAACU,OAAQ;IAAC,cAAYL,SAAS,CAACM;EAAO,EAAG,eACnE,oBAAC,SAAS;IAAC,SAAS,EAAEX,KAAK,CAACY,SAAU;IAAC,cAAYP,SAAS,CAACQ;EAAS,EAAG,eACzE,oBAAC,QAAQ;IAAC,SAAS,EAAEb,KAAK,CAACc,QAAS;IAAC,cAAYT,SAAS,CAACU;EAAK,EAAG,eACnE,oBAAC,QAAQ;IAAC,SAAS,EAAEf,KAAK,CAACgB,QAAS;IAAC,cAAYX,SAAS,CAACY;EAAK,EAAG,CAC/D,CACF;AAEV,CAAC;AAEDhB,UAAU,CAACiB,SAAS,2CAAG;EACrBf,UAAU,EAAEb,SAAS,CAAC6B,IAAI;EAC1Bf,MAAM,EAAEd,SAAS,CAAC6B,IAAI;EACtB,YAAY,EAAE7B,SAAS,CAAC8B,KAAK,CAAC;IAC5BT,MAAM,EAAErB,SAAS,CAAC+B,MAAM;IACxBR,QAAQ,EAAEvB,SAAS,CAAC+B;EACtB,CAAC;AACH,CAAC;AAED,eAAepB,UAAU"}

package/es/molecule/card-congrats/index.native.js

@@ -1,11 +1,9 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useEffect, useState } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import LottieView from 'lottie-react-native';
 import { useTemplateContext } from '../../template/app-review/template-context';
 import { BOX_STYLE } from '../../variables/shadow';
-
 const createStyleSheet = theme => StyleSheet.create({
   animation: {
     marginBottom: 12,
@@ -48,7 +46,6 @@ const createStyleSheet = theme => StyleSheet.create({
     height: 53
   }
 });
-
 const CardCongrats = ({
   animationUri,
   Icon,
@@ -64,14 +61,11 @@ const CardCongrats = ({
   const [styleSheet, setStylesheet] = useState(null);
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
   }, [theme]);
-
   if (!styleSheet) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(View, {
     style: styleSheet.card
   }, /*#__PURE__*/React.createElement(View, {
@@ -97,6 +91,5 @@ const CardCongrats = ({
     color: iconColor
   })));
 };
-
 export default CardCongrats;
 //# sourceMappingURL=index.native.js.map

package/es/molecule/card-congrats/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","StyleSheet","Text","View","LottieView","useTemplateContext","BOX_STYLE","createStyleSheet","theme","create","animation","marginBottom","width","height","card","alignItems","paddingTop","paddingBottom","borderRadius","margin","backgroundColor","colors","white","cardTitle","fontWeight","fontSize","lineHeight","color","text","primary","reward","rewardText","marginHorizontal","iconBig","iconSmall","CardCongrats","animationUri","Icon","value","iconColor","textColor","direction","styleSheet","setStylesheet","_stylesheet","uri","flexDirection"],"sources":["../../../src/molecule/card-congrats/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {BOX_STYLE} from '../../variables/shadow';\nimport {CardCongratsProps} from './types';\n\ntype StyleSheetType = {\n  animation: ViewStyle;\n  card: ViewStyle;\n  cardTitle: TextStyle;\n  iconBig: ViewStyle;\n  iconSmall: ViewStyle;\n  reward: ViewStyle;\n  rewardText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    animation: {\n      marginBottom: 12,\n      width: 132,\n      height: 132\n    },\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    card: {\n      alignItems: 'center',\n      paddingTop: 32,\n      paddingBottom: 24,\n      borderRadius: 24,\n      margin: 10,\n      width: 280,\n      height: 317,\n      ...BOX_STYLE,\n      backgroundColor: theme.colors.white\n    },\n    cardTitle: {\n      fontWeight: '400',\n      fontSize: 32,\n      lineHeight: 40,\n      color: theme.colors.text.primary\n    },\n    reward: {\n      alignItems: 'center'\n    },\n    rewardText: {\n      fontWeight: '700',\n      fontSize: 64,\n      lineHeight: 77,\n      marginHorizontal: 10\n    },\n    iconBig: {\n      width: 70,\n      height: 70\n    },\n    iconSmall: {\n      width: 53,\n      height: 53\n    }\n  });\n\nconst CardCongrats = ({\n  animationUri,\n  Icon,\n  value,\n  text,\n  iconColor,\n  textColor,\n  direction\n}: CardCongratsProps) => {\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.card}>\n      <View style={styleSheet.animation}>\n        {animationUri ? <LottieView source={{uri: animationUri}} autoPlay loop={false} /> : null}\n      </View>\n      <Text style={styleSheet.cardTitle}>{text}</Text>\n      <View style={[styleSheet.reward, {flexDirection: direction}]}>\n        <Text style={[styleSheet.rewardText, {color: textColor}]}>{value}</Text>\n        <Icon style={styleSheet.iconSmall} color={iconColor} />\n      </View>\n    </View>\n  );\n};\n\nexport default CardCongrats;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","StyleSheet","Text","View","LottieView","useTemplateContext","BOX_STYLE","createStyleSheet","theme","create","animation","marginBottom","width","height","card","alignItems","paddingTop","paddingBottom","borderRadius","margin","backgroundColor","colors","white","cardTitle","fontWeight","fontSize","lineHeight","color","text","primary","reward","rewardText","marginHorizontal","iconBig","iconSmall","CardCongrats","animationUri","Icon","value","iconColor","textColor","direction","styleSheet","setStylesheet","_stylesheet","uri","flexDirection"],"sources":["../../../src/molecule/card-congrats/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {BOX_STYLE} from '../../variables/shadow';\nimport {CardCongratsProps} from './types';\n\ntype StyleSheetType = {\n  animation: ViewStyle;\n  card: ViewStyle;\n  cardTitle: TextStyle;\n  iconBig: ViewStyle;\n  iconSmall: ViewStyle;\n  reward: ViewStyle;\n  rewardText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    animation: {\n      marginBottom: 12,\n      width: 132,\n      height: 132\n    },\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    card: {\n      alignItems: 'center',\n      paddingTop: 32,\n      paddingBottom: 24,\n      borderRadius: 24,\n      margin: 10,\n      width: 280,\n      height: 317,\n      ...BOX_STYLE,\n      backgroundColor: theme.colors.white\n    },\n    cardTitle: {\n      fontWeight: '400',\n      fontSize: 32,\n      lineHeight: 40,\n      color: theme.colors.text.primary\n    },\n    reward: {\n      alignItems: 'center'\n    },\n    rewardText: {\n      fontWeight: '700',\n      fontSize: 64,\n      lineHeight: 77,\n      marginHorizontal: 10\n    },\n    iconBig: {\n      width: 70,\n      height: 70\n    },\n    iconSmall: {\n      width: 53,\n      height: 53\n    }\n  });\n\nconst CardCongrats = ({\n  animationUri,\n  Icon,\n  value,\n  text,\n  iconColor,\n  textColor,\n  direction\n}: CardCongratsProps) => {\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.card}>\n      <View style={styleSheet.animation}>\n        {animationUri ? <LottieView source={{uri: animationUri}} autoPlay loop={false} /> : null}\n      </View>\n      <Text style={styleSheet.cardTitle}>{text}</Text>\n      <View style={[styleSheet.reward, {flexDirection: direction}]}>\n        <Text style={[styleSheet.rewardText, {color: textColor}]}>{value}</Text>\n        <Icon style={styleSheet.iconSmall} color={iconColor} />\n      </View>\n    </View>\n  );\n};\n\nexport default CardCongrats;\n"],"mappings":"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"}

package/es/molecule/card-congrats/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ColorValue, ViewStyle } from 'react-native';
-export declare type CardCongratsProps = {
+export type CardCongratsProps = {
     animationUri: string | null;
     Icon: React.FC<{
         style: ViewStyle;

package/es/molecule/card-congrats/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-congrats/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAEnD,oBAAY,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAC,CAAC,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;CACvC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-congrats/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAC,CAAC,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;CACvC,CAAC"}

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

@@ -17,7 +17,6 @@ export const THEMES = {
   default: null,
   coorpmanager: style.coorpmanager
 };
-
 const ContentTypeInfo = ({
   mode,
   type,
@@ -26,11 +25,9 @@ const ContentTypeInfo = ({
   const {
     translate
   } = context;
-
   if (mode !== MODES.CARD) {
     return null;
   }
-
   if (type === 'chapter') {
     return /*#__PURE__*/React.createElement("div", {
       className: style.microLearningIcon
@@ -40,7 +37,6 @@ const ContentTypeInfo = ({
       className: style.microLearninglabel
     }, "5' learning"));
   }
-
   if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {
     const textColor = EXTERNAL_CONTENT_ICONS[type].color;
     return /*#__PURE__*/React.createElement("div", {
@@ -50,10 +46,8 @@ const ContentTypeInfo = ({
       }
     }, type === 'scorm' ? translate('external_content_scorm') : '', type === 'video' ? translate('external_content_video') : '', type === 'article' ? translate('external_content_article') : '', type === 'podcast' ? translate('external_content_podcast') : '');
   }
-
   return null;
 };
-
 ContentTypeInfo.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate
@@ -63,7 +57,6 @@ ContentTypeInfo.propTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.string,
   mode: PropTypes.string
 } : {};
-
 const CardTitle = ({
   title,
   empty,
@@ -72,20 +65,19 @@ const CardTitle = ({
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(style.title, style.innerHTML, courseContent ? style.lightTitle : style.darkTitle, empty ? style.empty : null),
     "data-name": "title",
-    title: title // eslint-disable-next-line react/no-danger
+    title: title
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
     }
   });
 };
-
 CardTitle.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   empty: PropTypes.bool,
   courseContent: PropTypes.bool
 } : {};
-
 const AuthorName = ({
   author,
   empty,
@@ -104,7 +96,6 @@ const AuthorName = ({
     className: classnames(style.author, courseContent ? style.lightTitle : style.darkAuthorTitle, empty ? style.empty : null)
   }, /*#__PURE__*/React.createElement("span", null, author), checkIcon);
 };
-
 AuthorName.propTypes = process.env.NODE_ENV !== "production" ? {
   author: PropTypes.string,
   empty: PropTypes.bool,
@@ -112,7 +103,6 @@ AuthorName.propTypes = process.env.NODE_ENV !== "production" ? {
   certifiedAuthor: PropTypes.bool,
   'aria-label': PropTypes.string
 } : {};
-
 const ContentInfo = ({
   adaptiv,
   author,
@@ -176,7 +166,6 @@ const ContentInfo = ({
     "aria-label": _get('author', ariaLabel)
   })), progressBar);
 };
-
 ContentInfo.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","NovaCompositionCoorpacademyTimer","TimerIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","ContentBadge","style","MODES","HERO","CARD","THEMES","default","coorpmanager","ContentTypeInfo","mode","type","externalContent","context","translate","microLearningIcon","timerIcon","microLearninglabel","textColor","color","contentTypeInfo","contextTypes","skin","childContextTypes","propTypes","bool","string","CardTitle","title","empty","courseContent","innerHTML","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","category","label","oneOf","shape","progression","adaptive"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD) {\n    return null;\n  }\n\n  if (type === 'chapter') {\n    return (\n      <div className={style.microLearningIcon}>\n        <TimerIcon className={style.timerIcon} />\n        <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n      </div>\n    );\n  }\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    return (\n      <div className={style.contentTypeInfo} style={{color: textColor}}>\n        {type === 'scorm' ? translate('external_content_scorm') : ''}\n        {type === 'video' ? translate('external_content_video') : ''}\n        {type === 'article' ? translate('external_content_article') : ''}\n        {type === 'podcast' ? translate('external_content_podcast') : ''}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  externalContent: PropTypes.bool,\n  type: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        style.innerHTML,\n        courseContent ? style.lightTitle : style.darkTitle,\n        empty ? style.empty : null\n      )}\n      data-name=\"title\"\n      title={title}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n};\n\nCardTitle.propTypes = {\n  title: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, 'aria-label': ariaLabel}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon\n      className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)}\n      color=\"inherit\"\n    />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\n      aria-label={ariaLabel}\n      className={classnames(\n        style.author,\n        courseContent ? style.lightTitle : style.darkAuthorTitle,\n        empty ? style.empty : null\n      )}\n    >\n      <span>{author}</span>\n      {checkIcon}\n    </div>\n  );\n};\n\nAuthorName.propTypes = {\n  author: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool,\n  certifiedAuthor: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst ContentInfo = ({\n  adaptiv,\n  author,\n  certifiedAuthor = false,\n  disabled = false,\n  empty = false,\n  mode = MODES.CARD,\n  progress,\n  title,\n  type,\n  badgeCategory,\n  badgeLabel,\n  theme = 'default',\n  'aria-label': ariaLabel\n}) => {\n  const progressBarColor = '#3EC483';\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div\n            data-name=\"progress\"\n            className={style.progress}\n            style={inlineProgressValueStyle}\n            aria-label={get('progression', ariaLabel)}\n          />\n        ) : null}\n      </div>\n    ) : null;\n\n  const adaptiveIcon = adaptiv ? (\n    <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n      <AdaptivIcon height={25} aria-label={get('adaptive', ariaLabel)} />\n    </div>\n  ) : null;\n\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent ? style.externalContent : null\n      )}\n    >\n      <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n      <div\n        className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n      >\n        <div className={style.iconWrapper}>\n          {adaptiveIcon}\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n          aria-label={get('author', ariaLabel)}\n        />\n      </div>\n      {progressBar}\n    </div>\n  );\n};\n\nContentInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n  adaptiv: PropTypes.bool,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  disabled: PropTypes.bool,\n  empty: PropTypes.bool,\n  progress: PropTypes.number,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  badgeCategory: ContentBadge.propTypes.category,\n  badgeLabel: ContentBadge.propTypes.label,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.shape({\n    author: PropTypes.string,\n    progression: PropTypes.string,\n    adaptive: PropTypes.string\n  })\n};\n\nexport default ContentInfo;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","NovaCompositionCoorpacademyTimer","TimerIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","ContentBadge","style","MODES","HERO","CARD","THEMES","default","coorpmanager","ContentTypeInfo","mode","type","externalContent","context","translate","microLearningIcon","timerIcon","microLearninglabel","textColor","color","contentTypeInfo","contextTypes","skin","childContextTypes","propTypes","bool","string","CardTitle","title","empty","courseContent","innerHTML","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","category","label","oneOf","shape","progression","adaptive"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD) {\n    return null;\n  }\n\n  if (type === 'chapter') {\n    return (\n      <div className={style.microLearningIcon}>\n        <TimerIcon className={style.timerIcon} />\n        <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n      </div>\n    );\n  }\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    return (\n      <div className={style.contentTypeInfo} style={{color: textColor}}>\n        {type === 'scorm' ? translate('external_content_scorm') : ''}\n        {type === 'video' ? translate('external_content_video') : ''}\n        {type === 'article' ? translate('external_content_article') : ''}\n        {type === 'podcast' ? translate('external_content_podcast') : ''}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  externalContent: PropTypes.bool,\n  type: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        style.innerHTML,\n        courseContent ? style.lightTitle : style.darkTitle,\n        empty ? style.empty : null\n      )}\n      data-name=\"title\"\n      title={title}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n};\n\nCardTitle.propTypes = {\n  title: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, 'aria-label': ariaLabel}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon\n      className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)}\n      color=\"inherit\"\n    />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\n      aria-label={ariaLabel}\n      className={classnames(\n        style.author,\n        courseContent ? style.lightTitle : style.darkAuthorTitle,\n        empty ? style.empty : null\n      )}\n    >\n      <span>{author}</span>\n      {checkIcon}\n    </div>\n  );\n};\n\nAuthorName.propTypes = {\n  author: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool,\n  certifiedAuthor: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst ContentInfo = ({\n  adaptiv,\n  author,\n  certifiedAuthor = false,\n  disabled = false,\n  empty = false,\n  mode = MODES.CARD,\n  progress,\n  title,\n  type,\n  badgeCategory,\n  badgeLabel,\n  theme = 'default',\n  'aria-label': ariaLabel\n}) => {\n  const progressBarColor = '#3EC483';\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div\n            data-name=\"progress\"\n            className={style.progress}\n            style={inlineProgressValueStyle}\n            aria-label={get('progression', ariaLabel)}\n          />\n        ) : null}\n      </div>\n    ) : null;\n\n  const adaptiveIcon = adaptiv ? (\n    <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n      <AdaptivIcon height={25} aria-label={get('adaptive', ariaLabel)} />\n    </div>\n  ) : null;\n\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent ? style.externalContent : null\n      )}\n    >\n      <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n      <div\n        className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n      >\n        <div className={style.iconWrapper}>\n          {adaptiveIcon}\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n          aria-label={get('author', ariaLabel)}\n        />\n      </div>\n      {progressBar}\n    </div>\n  );\n};\n\nContentInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n  adaptiv: PropTypes.bool,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  disabled: PropTypes.bool,\n  empty: PropTypes.bool,\n  progress: PropTypes.number,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  badgeCategory: ContentBadge.propTypes.category,\n  badgeLabel: ContentBadge.propTypes.label,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.shape({\n    author: PropTypes.string,\n    progression: PropTypes.string,\n    adaptive: PropTypes.string\n  })\n};\n\nexport default ContentInfo;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,mCAAmC,IAAIC,WAAW,EAClDC,2BAA2B,IAAIC,SAAS,EACxCC,gCAAgC,IAAIC,SAAS,QACxC,0BAA0B;AACjC,SAAQC,iBAAiB,EAAEC,sBAAsB,QAAO,6BAA6B;AACrF,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,KAAK,MAAM,aAAa;AAE/B,OAAO,MAAMC,KAAK,GAAG;EACnBC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,MAAM,GAAG;EACpBC,OAAO,EAAE,IAAI;EACbC,YAAY,EAAEN,KAAK,CAACM;AACtB,CAAC;AAED,MAAMC,eAAe,GAAG,CAAC;EAACC,IAAI;EAAEC,IAAI;EAAEC;AAAe,CAAC,EAAEC,OAAO,KAAK;EAClE,MAAM;IAACC;EAAS,CAAC,GAAGD,OAAO;EAC3B,IAAIH,IAAI,KAAKP,KAAK,CAACE,IAAI,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,IAAIM,IAAI,KAAK,SAAS,EAAE;IACtB,oBACE;MAAK,SAAS,EAAET,KAAK,CAACa;IAAkB,gBACtC,oBAAC,SAAS;MAAC,SAAS,EAAEb,KAAK,CAACc;IAAU,EAAG,eACzC;MAAM,SAAS,EAAEd,KAAK,CAACe;IAAmB,GAAE,aAAa,CAAQ,CAC7D;EAEV;EACA,IAAIL,eAAe,IAAIb,sBAAsB,CAACY,IAAI,CAAC,EAAE;IACnD,MAAMO,SAAS,GAAGnB,sBAAsB,CAACY,IAAI,CAAC,CAACQ,KAAK;IAEpD,oBACE;MAAK,SAAS,EAAEjB,KAAK,CAACkB,eAAgB;MAAC,KAAK,EAAE;QAACD,KAAK,EAAED;MAAS;IAAE,GAC9DP,IAAI,KAAK,OAAO,GAAGG,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,EAC3DH,IAAI,KAAK,OAAO,GAAGG,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,EAC3DH,IAAI,KAAK,SAAS,GAAGG,SAAS,CAAC,0BAA0B,CAAC,GAAG,EAAE,EAC/DH,IAAI,KAAK,SAAS,GAAGG,SAAS,CAAC,0BAA0B,CAAC,GAAG,EAAE,CAC5D;EAEV;EAEA,OAAO,IAAI;AACb,CAAC;AAEDL,eAAe,CAACY,YAAY,GAAG;EAC7BC,IAAI,EAAEtB,QAAQ,CAACuB,iBAAiB,CAACD,IAAI;EACrCR,SAAS,EAAEd,QAAQ,CAACuB,iBAAiB,CAACT;AACxC,CAAC;AAEDL,eAAe,CAACe,SAAS,2CAAG;EAC1BZ,eAAe,EAAEtB,SAAS,CAACmC,IAAI;EAC/Bd,IAAI,EAAErB,SAAS,CAACoC,MAAM;EACtBhB,IAAI,EAAEpB,SAAS,CAACoC;AAClB,CAAC;AAED,MAAMC,SAAS,GAAG,CAAC;EAACC,KAAK;EAAEC,KAAK;EAAEC;AAAa,CAAC,KAAK;EACnD,oBACE;IACE,SAAS,EAAEvC,UAAU,CACnBW,KAAK,CAAC0B,KAAK,EACX1B,KAAK,CAAC6B,SAAS,EACfD,aAAa,GAAG5B,KAAK,CAAC8B,UAAU,GAAG9B,KAAK,CAAC+B,SAAS,EAClDJ,KAAK,GAAG3B,KAAK,CAAC2B,KAAK,GAAG,IAAI,CAC1B;IACF,aAAU,OAAO;IACjB,KAAK,EAAED;IACP;IAAA;IACA,uBAAuB,EAAE;MAACM,MAAM,EAAEN;IAAK;EAAE,EACzC;AAEN,CAAC;AAEDD,SAAS,CAACH,SAAS,2CAAG;EACpBI,KAAK,EAAEtC,SAAS,CAACoC,MAAM;EACvBG,KAAK,EAAEvC,SAAS,CAACmC,IAAI;EACrBK,aAAa,EAAExC,SAAS,CAACmC;AAC3B,CAAC;AAED,MAAMU,UAAU,GAAG,CAAC;EAACC,MAAM;EAAEP,KAAK;EAAEC,aAAa;EAAEO,eAAe;EAAE,YAAY,EAAEC;AAAS,CAAC,KAAK;EAC/F,MAAMC,SAAS,GAAGF,eAAe,gBAC/B,oBAAC,SAAS;IACR,SAAS,EAAE9C,UAAU,CAACW,KAAK,CAACsC,UAAU,EAAEV,aAAa,GAAG5B,KAAK,CAACuC,UAAU,GAAG,IAAI,CAAE;IACjF,KAAK,EAAC;EAAS,EACf,GACA,IAAI;EAER,oBACE;IACE,aAAU,QAAQ;IAClB,KAAK,EAAEL,MAAO;IACd,cAAYE,SAAU;IACtB,SAAS,EAAE/C,UAAU,CACnBW,KAAK,CAACkC,MAAM,EACZN,aAAa,GAAG5B,KAAK,CAAC8B,UAAU,GAAG9B,KAAK,CAACwC,eAAe,EACxDb,KAAK,GAAG3B,KAAK,CAAC2B,KAAK,GAAG,IAAI;EAC1B,gBAEF,kCAAOO,MAAM,CAAQ,EACpBG,SAAS,CACN;AAEV,CAAC;AAEDJ,UAAU,CAACX,SAAS,2CAAG;EACrBY,MAAM,EAAE9C,SAAS,CAACoC,MAAM;EACxBG,KAAK,EAAEvC,SAAS,CAACmC,IAAI;EACrBK,aAAa,EAAExC,SAAS,CAACmC,IAAI;EAC7BY,eAAe,EAAE/C,SAAS,CAACmC,IAAI;EAC/B,YAAY,EAAEnC,SAAS,CAACoC;AAC1B,CAAC;AAED,MAAMiB,WAAW,GAAG,CAAC;EACnBC,OAAO;EACPR,MAAM;EACNC,eAAe,GAAG,KAAK;EACvBQ,QAAQ,GAAG,KAAK;EAChBhB,KAAK,GAAG,KAAK;EACbnB,IAAI,GAAGP,KAAK,CAACE,IAAI;EACjByC,QAAQ;EACRlB,KAAK;EACLjB,IAAI;EACJoC,aAAa;EACbC,UAAU;EACVC,KAAK,GAAG,SAAS;EACjB,YAAY,EAAEX;AAChB,CAAC,KAAK;EACJ,MAAMY,gBAAgB,GAAG,SAAS;EAClC,MAAMC,wBAAwB,GAAG;IAC/BC,eAAe,EAAEF,gBAAgB;IACjCG,KAAK,EAAG,GAAEP,QAAQ,GAAG,GAAI;EAC3B,CAAC;EACD,MAAMlC,eAAe,GAAGd,iBAAiB,CAACa,IAAI,CAAC;EAC/C,MAAMmB,aAAa,GAAGnB,IAAI,KAAK,QAAQ;EACvC,MAAM2C,cAAc,GAAG3C,IAAI,KAAK,SAAS;EAEzC,MAAM4C,WAAW,GACf7C,IAAI,KAAKP,KAAK,CAACC,IAAI,IAAK,CAACyB,KAAK,IAAI,CAACgB,QAAS,gBAC1C;IAAK,SAAS,EAAE,CAAC,OAAMC,QAAQ,CAAC,GAAG5C,KAAK,CAACsD,eAAe,GAAGtD,KAAK,CAACuD;EAAgB,GAC9E,CAACZ,QAAQ,gBACR;IACE,aAAU,UAAU;IACpB,SAAS,EAAE3C,KAAK,CAAC4C,QAAS;IAC1B,KAAK,EAAEK,wBAAyB;IAChC,cAAY,KAAI,aAAa,EAAEb,SAAS;EAAE,EAC1C,GACA,IAAI,CACJ,GACJ,IAAI;EAEV,MAAMoB,YAAY,GAAGd,OAAO,gBAC1B;IAAK,SAAS,EAAErD,UAAU,CAACW,KAAK,CAACwD,YAAY,EAAE5B,aAAa,GAAG5B,KAAK,CAACuC,UAAU,GAAG,IAAI;EAAE,gBACtF,oBAAC,WAAW;IAAC,MAAM,EAAE,EAAG;IAAC,cAAY,KAAI,UAAU,EAAEH,SAAS;EAAE,EAAG,CAC/D,GACJ,IAAI;EAER,oBACE;IACE,aAAU,MAAM;IAChB,SAAS,EAAE/C,UAAU,CACnBe,MAAM,CAAC2C,KAAK,CAAC,EACb/C,KAAK,CAACyD,WAAW,EACjBjD,IAAI,KAAKP,KAAK,CAACC,IAAI,GAAGF,KAAK,CAAC0D,IAAI,GAAG1D,KAAK,CAAC2D,IAAI,EAC7ChB,QAAQ,GAAG3C,KAAK,CAAC4D,mBAAmB,GAAG,IAAI,EAC3ClD,eAAe,GAAGV,KAAK,CAACU,eAAe,GAAG,IAAI;EAC9C,gBAEF,oBAAC,eAAe;IAAC,IAAI,EAAEF,IAAK;IAAC,IAAI,EAAEC,IAAK;IAAC,eAAe,EAAEC;EAAgB,EAAG,eAC7E;IACE,SAAS,EAAErB,UAAU,CAACW,KAAK,CAAC6D,QAAQ,EAAET,cAAc,GAAGpD,KAAK,CAAC8D,qBAAqB,GAAG,IAAI;EAAE,gBAE3F;IAAK,SAAS,EAAE9D,KAAK,CAAC+D;EAAY,GAC/BP,YAAY,EACZ,CAAC7B,KAAK,IAAImB,UAAU,IAAID,aAAa,IAAIjB,aAAa,gBACrD,oBAAC,YAAY;IAAC,QAAQ,EAAEiB,aAAc;IAAC,KAAK,EAAEC;EAAW,EAAG,GAC1D,IAAI,CACJ,eACN,oBAAC,SAAS;IAAC,KAAK,EAAEpB,KAAM;IAAC,KAAK,EAAEC,KAAM;IAAC,aAAa,EAAEC;EAAc,EAAG,eACvE,oBAAC,UAAU;IACT,MAAM,EAAEM,MAAO;IACf,KAAK,EAAEP,KAAM;IACb,aAAa,EAAEC,aAAc;IAC7B,eAAe,EAAEO,eAAgB;IACjC,cAAY,KAAI,QAAQ,EAAEC,SAAS;EAAE,EACrC,CACE,EACLiB,WAAW,CACR;AAEV,CAAC;AAEDZ,WAAW,CAACtB,YAAY,GAAG;EACzBC,IAAI,EAAEtB,QAAQ,CAACuB,iBAAiB,CAACD;AACnC,CAAC;AAEDqB,WAAW,CAACnB,SAAS,2CAAG;EACtBoB,OAAO,EAAEtD,SAAS,CAACmC,IAAI;EACvBW,MAAM,EAAE9C,SAAS,CAACoC,MAAM;EACxBW,eAAe,EAAE/C,SAAS,CAACmC,IAAI;EAC/BoB,QAAQ,EAAEvD,SAAS,CAACmC,IAAI;EACxBI,KAAK,EAAEvC,SAAS,CAACmC,IAAI;EACrBqB,QAAQ,EAAExD,SAAS,CAAC4E,MAAM;EAC1BtC,KAAK,EAAEtC,SAAS,CAACoC,MAAM;EACvBf,IAAI,EAAErB,SAAS,CAACoC,MAAM;EACtBhB,IAAI,EAAEpB,SAAS,CAACoC,MAAM;EACtBqB,aAAa,EAAE9C,YAAY,CAACuB,SAAS,CAAC2C,QAAQ;EAC9CnB,UAAU,EAAE/C,YAAY,CAACuB,SAAS,CAAC4C,KAAK;EACxCnB,KAAK,EAAE3D,SAAS,CAAC+E,KAAK,CAAC,MAAK/D,MAAM,CAAC,CAAC;EACpC,YAAY,EAAEhB,SAAS,CAACgF,KAAK,CAAC;IAC5BlC,MAAM,EAAE9C,SAAS,CAACoC,MAAM;IACxB6C,WAAW,EAAEjF,SAAS,CAACoC,MAAM;IAC7B8C,QAAQ,EAAElF,SAAS,CAACoC;EACtB,CAAC;AACH,CAAC;AAED,eAAeiB,WAAW"}

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

@@ -5,7 +5,6 @@ import Provider from '../../atom/provider';
 import Link from '../../atom/link';
 import Cta from '../../atom/cta';
 import style from './style.css';
-
 function backgroundImage(url) {
   return {
     background: `linear-gradient(
@@ -15,7 +14,6 @@ function backgroundImage(url) {
     backgroundSize: 'cover'
   };
 }
-
 const Button = props => {
   const {
     onClick,
@@ -28,7 +26,6 @@ const Button = props => {
     light: light
   });
 };
-
 const CardWithButton = (props, context) => {
   const {
     lightButtonLabel,
@@ -42,9 +39,7 @@ const CardWithButton = (props, context) => {
   const {
     skin
   } = context;
-
   const primaryColor = _get('common.primary', skin);
-
   const inlineStyle = {
     color: primaryColor
   };
@@ -76,7 +71,6 @@ const CardWithButton = (props, context) => {
     onClick: onPrimaryButtonClick
   })));
 };
-
 CardWithButton.contextTypes = {
   translate: Provider.childContextTypes.translate,
   skin: Provider.childContextTypes.skin

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","Link","Cta","style","backgroundImage","url","background","backgroundSize","Button","props","onClick","submitValue","light","CardWithButton","context","lightButtonLabel","primaryButtonLabel","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","children","skin","primaryColor","inlineStyle","color","container","imageBox","filtre","image","zoom","content","levelContainer","level","avatar","buttons","lightButton","contextTypes","translate","childContextTypes","propTypes","isRequired","string","node"],"sources":["../../../src/molecule/card-with-button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport Cta from '../../atom/cta';\nimport style from './style.css';\n\nfunction backgroundImage(url) {\n  return {\n    background: `linear-gradient(\n      rgba(0, 0, 0, 0.65), \n      rgba(0, 0, 0, 0.65)\n      ),url(${url})`,\n    backgroundSize: 'cover'\n  };\n}\n\nconst Button = props => {\n  const {onClick, submitValue, light = false} = props;\n  return <Cta submitValue={submitValue} onClick={onClick} light={light} />;\n};\nconst CardWithButton = (props, context) => {\n  const {\n    lightButtonLabel,\n    primaryButtonLabel,\n    tagLabel,\n    onLightButtonClick,\n    onPrimaryButtonClick,\n    backgroundImg,\n    children\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  const inlineStyle = {color: primaryColor};\n  return (\n    <div className={style.container}>\n      <div className={style.imageBox}>\n        <div className={style.filtre}>\n          <div className={`${style.image} ${style.zoom}`} style={backgroundImage(backgroundImg)}>\n            <div className={style.content}>\n              {tagLabel ? (\n                <div className={style.levelContainer}>\n                  <div className={style.level}>\n                    <p>{tagLabel}</p>\n                  </div>\n                </div>\n              ) : null}\n              {children ? <div className={style.avatar}>{children}</div> : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.buttons}>\n        {lightButtonLabel ? (\n          <a className={style.lightButton} style={inlineStyle} onClick={onLightButtonClick}>\n            {lightButtonLabel}\n          </a>\n        ) : null}\n        <Button submitValue={primaryButtonLabel} onClick={onPrimaryButtonClick} />\n      </div>\n    </div>\n  );\n};\n\nCardWithButton.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nButton.propTypes = {\n  onClick: Cta.propTypes.onClick,\n  submitValue: Cta.propTypes.submitValue\n};\n\nCardWithButton.propTypes = {\n  lightButtonLabel: Button.propTypes.submitValue,\n  primaryButtonLabel: Button.propTypes.submitValue.isRequired,\n  tagLabel: Link.propTypes.children,\n  onLightButtonClick: Button.propTypes.onClick,\n  onPrimaryButtonClick: Button.propTypes.onClick.isRequired,\n  backgroundImg: PropTypes.string.isRequired,\n  children: PropTypes.node\n};\n\nexport default CardWithButton;\n"],"mappings":"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"}
+{"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/cm-popin/index.js

@@ -6,7 +6,6 @@ import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
 import InputSwitch from '../../atom/input-switch';
 import style from './style.css';
 import propTypes from './types';
-
 const CMPopin = props => {
   const {
     content,
@@ -33,7 +32,6 @@ const CMPopin = props => {
     backgroundImage: `url(${backgroundImageUrl})`,
     backgroundSize: 'cover'
   } : null;
-
   const renderHeader = () => {
     if (header) return /*#__PURE__*/React.createElement("img", {
       className: style.headerBackground,
@@ -50,20 +48,16 @@ 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
@@ -99,7 +93,6 @@ const CMPopin = props => {
       }));
     })(listBtnSwicth);
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: mode !== 'cookie' ? style.background : null,
     style: backgroundImageStyle,
@@ -122,13 +115,15 @@ 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
@@ -166,7 +161,6 @@ const CMPopin = props => {
     customStyle: thirdButton.customStyle
   })) : null)));
 };
-
 CMPopin.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default CMPopin;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","map","Cta","ButtonLinkIconOnly","InputSwitch","style","propTypes","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth\n  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div\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":["React","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","map","Cta","ButtonLinkIconOnly","InputSwitch","style","propTypes","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth\n  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div\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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"}

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

@@ -4,7 +4,6 @@ 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',
@@ -61,7 +60,6 @@ const createStyleSheet = theme => StyleSheet.create({
     color: '#ED3436'
   }
 });
-
 const QuitPopinReview = props => {
   const {
     content,
@@ -76,14 +74,11 @@ 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",
@@ -118,6 +113,5 @@ const QuitPopinReview = props => {
     style: [styleSheet.buttonText, styleSheet.firstButtonText]
   }, firstButton?.label)))));
 };
-
 export default QuitPopinReview;
 //# sourceMappingURL=index.native.js.map