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

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","animation","marginBottom","width","height","card","alignItems","paddingTop","paddingBottom","borderRadius","margin","BOX_STYLE","backgroundColor","colors","white","cardTitle","fontWeight","fontSize","lineHeight","color","text","primary","reward","rewardText","marginHorizontal","iconBig","iconSmall","CardCongrats","animationUri","Icon","value","iconColor","textColor","direction","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_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":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAaA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,YAAY,EAAE,EADL;IAETC,KAAK,EAAE,GAFE;IAGTC,MAAM,EAAE;EAHC,CADK;EAMhB;EACAC,IAAI;IACFC,UAAU,EAAE,QADV;IAEFC,UAAU,EAAE,EAFV;IAGFC,aAAa,EAAE,EAHb;IAIFC,YAAY,EAAE,EAJZ;IAKFC,MAAM,EAAE,EALN;IAMFP,KAAK,EAAE,GANL;IAOFC,MAAM,EAAE;EAPN,GAQCO,iBARD;IASFC,eAAe,EAAEd,KAAK,CAACe,MAAN,CAAaC;EAT5B,EAPY;EAkBhBC,SAAS,EAAE;IACTC,UAAU,EAAE,KADH;IAETC,QAAQ,EAAE,EAFD;IAGTC,UAAU,EAAE,EAHH;IAITC,KAAK,EAAErB,KAAK,CAACe,MAAN,CAAaO,IAAb,CAAkBC;EAJhB,CAlBK;EAwBhBC,MAAM,EAAE;IACNhB,UAAU,EAAE;EADN,CAxBQ;EA2BhBiB,UAAU,EAAE;IACVP,UAAU,EAAE,KADF;IAEVC,QAAQ,EAAE,EAFA;IAGVC,UAAU,EAAE,EAHF;IAIVM,gBAAgB,EAAE;EAJR,CA3BI;EAiChBC,OAAO,EAAE;IACPtB,KAAK,EAAE,EADA;IAEPC,MAAM,EAAE;EAFD,CAjCO;EAqChBsB,SAAS,EAAE;IACTvB,KAAK,EAAE,EADE;IAETC,MAAM,EAAE;EAFC;AArCK,CAAlB,CADF;;AA4CA,MAAMuB,YAAY,GAAG,CAAC;EACpBC,YADoB;EAEpBC,IAFoB;EAGpBC,KAHoB;EAIpBV,IAJoB;EAKpBW,SALoB;EAMpBC,SANoB;EAOpBC;AAPoB,CAAD,KAQI;EACvB,MAAM;IAACnC;EAAD,IAAU,IAAAoC,mCAAA,GAAhB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG1C,gBAAgB,CAACC,KAAD,CAApC;;IACAsC,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAACzC,KAAD,CAHH;;EAKA,IAAI,CAACqC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAAC9B;EAAxB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE8B,UAAU,CAAClC;EAAxB,GACG2B,YAAY,gBAAG,6BAAC,0BAAD;IAAY,MAAM,EAAE;MAACY,GAAG,EAAEZ;IAAN,CAApB;IAAyC,QAAQ,MAAjD;IAAkD,IAAI,EAAE;EAAxD,EAAH,GAAuE,IADtF,CADF,eAIE,6BAAC,iBAAD;IAAM,KAAK,EAAEO,UAAU,CAACpB;EAAxB,GAAoCK,IAApC,CAJF,eAKE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACe,UAAU,CAACb,MAAZ,EAAoB;MAACmB,aAAa,EAAER;IAAhB,CAApB;EAAb,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACE,UAAU,CAACZ,UAAZ,EAAwB;MAACJ,KAAK,EAAEa;IAAR,CAAxB;EAAb,GAA2DF,KAA3D,CADF,eAEE,6BAAC,IAAD;IAAM,KAAK,EAAEK,UAAU,CAACT,SAAxB;IAAmC,KAAK,EAAEK;EAA1C,EAFF,CALF,CADF;AAYD,CAjCD;;eAmCeJ,Y"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","animation","marginBottom","width","height","card","alignItems","paddingTop","paddingBottom","borderRadius","margin","BOX_STYLE","backgroundColor","colors","white","cardTitle","fontWeight","fontSize","lineHeight","color","text","primary","reward","rewardText","marginHorizontal","iconBig","iconSmall","CardCongrats","animationUri","Icon","value","iconColor","textColor","direction","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_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":";;;;AAAA;AACA;AACA;AACA;AAEA;AAAiD;AAAA;AAAA;AAAA;AAajD,MAAMA,gBAAgB,GAAIC,KAAY,IACpCC,uBAAU,CAACC,MAAM,CAAC;EAChBC,SAAS,EAAE;IACTC,YAAY,EAAE,EAAE;IAChBC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE;EACV,CAAC;EACD;EACAC,IAAI;IACFC,UAAU,EAAE,QAAQ;IACpBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,EAAE;IACjBC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVP,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE;EAAG,GACRO,iBAAS;IACZC,eAAe,EAAEd,KAAK,CAACe,MAAM,CAACC;EAAK,EACpC;EACDC,SAAS,EAAE;IACTC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAErB,KAAK,CAACe,MAAM,CAACO,IAAI,CAACC;EAC3B,CAAC;EACDC,MAAM,EAAE;IACNhB,UAAU,EAAE;EACd,CAAC;EACDiB,UAAU,EAAE;IACVP,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdM,gBAAgB,EAAE;EACpB,CAAC;EACDC,OAAO,EAAE;IACPtB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDsB,SAAS,EAAE;IACTvB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEJ,MAAMuB,YAAY,GAAG,CAAC;EACpBC,YAAY;EACZC,IAAI;EACJC,KAAK;EACLV,IAAI;EACJW,SAAS;EACTC,SAAS;EACTC;AACiB,CAAC,KAAK;EACvB,MAAM;IAACnC;EAAK,CAAC,GAAG,IAAAoC,mCAAkB,GAAE;EACpC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EAEzE,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAG1C,gBAAgB,CAACC,KAAK,CAAC;IAC3CsC,aAAa,CAACG,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACzC,KAAK,CAAC,CAAC;EAEX,IAAI,CAACqC,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE,6BAAC,iBAAI;IAAC,KAAK,EAAEA,UAAU,CAAC9B;EAAK,gBAC3B,6BAAC,iBAAI;IAAC,KAAK,EAAE8B,UAAU,CAAClC;EAAU,GAC/B2B,YAAY,gBAAG,6BAAC,0BAAU;IAAC,MAAM,EAAE;MAACY,GAAG,EAAEZ;IAAY,CAAE;IAAC,QAAQ;IAAC,IAAI,EAAE;EAAM,EAAG,GAAG,IAAI,CACnF,eACP,6BAAC,iBAAI;IAAC,KAAK,EAAEO,UAAU,CAACpB;EAAU,GAAEK,IAAI,CAAQ,eAChD,6BAAC,iBAAI;IAAC,KAAK,EAAE,CAACe,UAAU,CAACb,MAAM,EAAE;MAACmB,aAAa,EAAER;IAAS,CAAC;EAAE,gBAC3D,6BAAC,iBAAI;IAAC,KAAK,EAAE,CAACE,UAAU,CAACZ,UAAU,EAAE;MAACJ,KAAK,EAAEa;IAAS,CAAC;EAAE,GAAEF,KAAK,CAAQ,eACxE,6BAAC,IAAI;IAAC,KAAK,EAAEK,UAAU,CAACT,SAAU;IAAC,KAAK,EAAEK;EAAU,EAAG,CAClD,CACF;AAEX,CAAC;AAAC,eAEaJ,YAAY;AAAA"}

package/lib/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/lib/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/lib/molecule/card-content/index.js

@@ -2,31 +2,18 @@
 
 exports.__esModule = true;
 exports.default = exports.THEMES = exports.MODES = void 0;
-
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _externalContent = require("../../util/external-content");
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _contentBadge = _interopRequireDefault(require("../../atom/content-badge"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const MODES = {
   HERO: 'hero',
   CARD: 'card'
@@ -37,7 +24,6 @@ const THEMES = {
   coorpmanager: _style.default.coorpmanager
 };
 exports.THEMES = THEMES;
-
 const ContentTypeInfo = ({
   mode,
   type,
@@ -46,11 +32,9 @@ const ContentTypeInfo = ({
   const {
     translate
   } = context;
-
   if (mode !== MODES.CARD) {
     return null;
   }
-
   if (type === 'chapter') {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.microLearningIcon
@@ -60,7 +44,6 @@ const ContentTypeInfo = ({
       className: _style.default.microLearninglabel
     }, "5' learning"));
   }
-
   if (externalContent && _externalContent.EXTERNAL_CONTENT_ICONS[type]) {
     const textColor = _externalContent.EXTERNAL_CONTENT_ICONS[type].color;
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -70,10 +53,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.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -83,7 +64,6 @@ ContentTypeInfo.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.string,
   mode: _propTypes.default.string
 } : {};
-
 const CardTitle = ({
   title,
   empty,
@@ -92,20 +72,19 @@ const CardTitle = ({
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.title, _style.default.innerHTML, courseContent ? _style.default.lightTitle : _style.default.darkTitle, empty ? _style.default.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.default.string,
   empty: _propTypes.default.bool,
   courseContent: _propTypes.default.bool
 } : {};
-
 const AuthorName = ({
   author,
   empty,
@@ -124,7 +103,6 @@ const AuthorName = ({
     className: (0, _classnames.default)(_style.default.author, courseContent ? _style.default.lightTitle : _style.default.darkAuthorTitle, empty ? _style.default.empty : null)
   }, /*#__PURE__*/_react.default.createElement("span", null, author), checkIcon);
 };
-
 AuthorName.propTypes = process.env.NODE_ENV !== "production" ? {
   author: _propTypes.default.string,
   empty: _propTypes.default.bool,
@@ -132,7 +110,6 @@ AuthorName.propTypes = process.env.NODE_ENV !== "production" ? {
   certifiedAuthor: _propTypes.default.bool,
   'aria-label': _propTypes.default.string
 } : {};
-
 const ContentInfo = ({
   adaptiv,
   author,
@@ -196,7 +173,6 @@ const ContentInfo = ({
     "aria-label": (0, _get2.default)('author', ariaLabel)
   })), progressBar);
 };
-
 ContentInfo.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MODES","HERO","CARD","THEMES","default","coorpmanager","style","ContentTypeInfo","mode","type","externalContent","context","translate","microLearningIcon","timerIcon","microLearninglabel","EXTERNAL_CONTENT_ICONS","textColor","color","contentTypeInfo","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","bool","string","CardTitle","title","empty","courseContent","classnames","innerHTML","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","isExternalContent","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","ContentBadge","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":["MODES","HERO","CARD","THEMES","default","coorpmanager","style","ContentTypeInfo","mode","type","externalContent","context","translate","microLearningIcon","timerIcon","microLearninglabel","EXTERNAL_CONTENT_ICONS","textColor","color","contentTypeInfo","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","bool","string","CardTitle","title","empty","courseContent","classnames","innerHTML","lightTitle","darkTitle","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","isExternalContent","chapterContent","progressBar","progressWrapper","hideProgressBar","adaptiveIcon","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","number","ContentBadge","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;AACA;AACA;AAEA;AAKA;AACA;AACA;AACA;AAAgC;AAEzB,MAAMA,KAAK,GAAG;EACnBC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE;AACR,CAAC;AAAC;AAEK,MAAMC,MAAM,GAAG;EACpBC,OAAO,EAAE,IAAI;EACbC,YAAY,EAAEC,cAAK,CAACD;AACtB,CAAC;AAAC;AAEF,MAAME,eAAe,GAAG,CAAC;EAACC,IAAI;EAAEC,IAAI;EAAEC;AAAe,CAAC,EAAEC,OAAO,KAAK;EAClE,MAAM;IAACC;EAAS,CAAC,GAAGD,OAAO;EAC3B,IAAIH,IAAI,KAAKR,KAAK,CAACE,IAAI,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,IAAIO,IAAI,KAAK,SAAS,EAAE;IACtB,oBACE;MAAK,SAAS,EAAEH,cAAK,CAACO;IAAkB,gBACtC,6BAAC,2CAAS;MAAC,SAAS,EAAEP,cAAK,CAACQ;IAAU,EAAG,eACzC;MAAM,SAAS,EAAER,cAAK,CAACS;IAAmB,GAAE,aAAa,CAAQ,CAC7D;EAEV;EACA,IAAIL,eAAe,IAAIM,uCAAsB,CAACP,IAAI,CAAC,EAAE;IACnD,MAAMQ,SAAS,GAAGD,uCAAsB,CAACP,IAAI,CAAC,CAACS,KAAK;IAEpD,oBACE;MAAK,SAAS,EAAEZ,cAAK,CAACa,eAAgB;MAAC,KAAK,EAAE;QAACD,KAAK,EAAED;MAAS;IAAE,GAC9DR,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,CAACa,YAAY,GAAG;EAC7BC,IAAI,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF,IAAI;EACrCT,SAAS,EAAEU,iBAAQ,CAACC,iBAAiB,CAACX;AACxC,CAAC;AAEDL,eAAe,CAACiB,SAAS,2CAAG;EAC1Bd,eAAe,EAAEe,kBAAS,CAACC,IAAI;EAC/BjB,IAAI,EAAEgB,kBAAS,CAACE,MAAM;EACtBnB,IAAI,EAAEiB,kBAAS,CAACE;AAClB,CAAC;AAED,MAAMC,SAAS,GAAG,CAAC;EAACC,KAAK;EAAEC,KAAK;EAAEC;AAAa,CAAC,KAAK;EACnD,oBACE;IACE,SAAS,EAAE,IAAAC,mBAAU,EACnB1B,cAAK,CAACuB,KAAK,EACXvB,cAAK,CAAC2B,SAAS,EACfF,aAAa,GAAGzB,cAAK,CAAC4B,UAAU,GAAG5B,cAAK,CAAC6B,SAAS,EAClDL,KAAK,GAAGxB,cAAK,CAACwB,KAAK,GAAG,IAAI,CAC1B;IACF,aAAU,OAAO;IACjB,KAAK,EAAED;IACP;IAAA;IACA,uBAAuB,EAAE;MAACO,MAAM,EAAEP;IAAK;EAAE,EACzC;AAEN,CAAC;AAEDD,SAAS,CAACJ,SAAS,2CAAG;EACpBK,KAAK,EAAEJ,kBAAS,CAACE,MAAM;EACvBG,KAAK,EAAEL,kBAAS,CAACC,IAAI;EACrBK,aAAa,EAAEN,kBAAS,CAACC;AAC3B,CAAC;AAED,MAAMW,UAAU,GAAG,CAAC;EAACC,MAAM;EAAER,KAAK;EAAEC,aAAa;EAAEQ,eAAe;EAAE,YAAY,EAAEC;AAAS,CAAC,KAAK;EAC/F,MAAMC,SAAS,GAAGF,eAAe,gBAC/B,6BAAC,sCAAS;IACR,SAAS,EAAE,IAAAP,mBAAU,EAAC1B,cAAK,CAACoC,UAAU,EAAEX,aAAa,GAAGzB,cAAK,CAACqC,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,IAAAR,mBAAU,EACnB1B,cAAK,CAACgC,MAAM,EACZP,aAAa,GAAGzB,cAAK,CAAC4B,UAAU,GAAG5B,cAAK,CAACsC,eAAe,EACxDd,KAAK,GAAGxB,cAAK,CAACwB,KAAK,GAAG,IAAI;EAC1B,gBAEF,2CAAOQ,MAAM,CAAQ,EACpBG,SAAS,CACN;AAEV,CAAC;AAEDJ,UAAU,CAACb,SAAS,2CAAG;EACrBc,MAAM,EAAEb,kBAAS,CAACE,MAAM;EACxBG,KAAK,EAAEL,kBAAS,CAACC,IAAI;EACrBK,aAAa,EAAEN,kBAAS,CAACC,IAAI;EAC7Ba,eAAe,EAAEd,kBAAS,CAACC,IAAI;EAC/B,YAAY,EAAED,kBAAS,CAACE;AAC1B,CAAC;AAED,MAAMkB,WAAW,GAAG,CAAC;EACnBC,OAAO;EACPR,MAAM;EACNC,eAAe,GAAG,KAAK;EACvBQ,QAAQ,GAAG,KAAK;EAChBjB,KAAK,GAAG,KAAK;EACbtB,IAAI,GAAGR,KAAK,CAACE,IAAI;EACjB8C,QAAQ;EACRnB,KAAK;EACLpB,IAAI;EACJwC,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,MAAMtC,eAAe,GAAG,IAAA8C,kCAAiB,EAAC/C,IAAI,CAAC;EAC/C,MAAMsB,aAAa,GAAGtB,IAAI,KAAK,QAAQ;EACvC,MAAMgD,cAAc,GAAGhD,IAAI,KAAK,SAAS;EAEzC,MAAMiD,WAAW,GACflD,IAAI,KAAKR,KAAK,CAACC,IAAI,IAAK,CAAC6B,KAAK,IAAI,CAACiB,QAAS,gBAC1C;IAAK,SAAS,EAAE,CAAC,qBAAMC,QAAQ,CAAC,GAAG1C,cAAK,CAACqD,eAAe,GAAGrD,cAAK,CAACsD;EAAgB,GAC9E,CAACb,QAAQ,gBACR;IACE,aAAU,UAAU;IACpB,SAAS,EAAEzC,cAAK,CAAC0C,QAAS;IAC1B,KAAK,EAAEK,wBAAyB;IAChC,cAAY,mBAAI,aAAa,EAAEb,SAAS;EAAE,EAC1C,GACA,IAAI,CACJ,GACJ,IAAI;EAEV,MAAMqB,YAAY,GAAGf,OAAO,gBAC1B;IAAK,SAAS,EAAE,IAAAd,mBAAU,EAAC1B,cAAK,CAACuD,YAAY,EAAE9B,aAAa,GAAGzB,cAAK,CAACqC,UAAU,GAAG,IAAI;EAAE,gBACtF,6BAAC,8CAAW;IAAC,MAAM,EAAE,EAAG;IAAC,cAAY,mBAAI,UAAU,EAAEH,SAAS;EAAE,EAAG,CAC/D,GACJ,IAAI;EAER,oBACE;IACE,aAAU,MAAM;IAChB,SAAS,EAAE,IAAAR,mBAAU,EACnB7B,MAAM,CAACgD,KAAK,CAAC,EACb7C,cAAK,CAACwD,WAAW,EACjBtD,IAAI,KAAKR,KAAK,CAACC,IAAI,GAAGK,cAAK,CAACyD,IAAI,GAAGzD,cAAK,CAAC0D,IAAI,EAC7CjB,QAAQ,GAAGzC,cAAK,CAAC2D,mBAAmB,GAAG,IAAI,EAC3CvD,eAAe,GAAGJ,cAAK,CAACI,eAAe,GAAG,IAAI;EAC9C,gBAEF,6BAAC,eAAe;IAAC,IAAI,EAAEF,IAAK;IAAC,IAAI,EAAEC,IAAK;IAAC,eAAe,EAAEC;EAAgB,EAAG,eAC7E;IACE,SAAS,EAAE,IAAAsB,mBAAU,EAAC1B,cAAK,CAAC4D,QAAQ,EAAET,cAAc,GAAGnD,cAAK,CAAC6D,qBAAqB,GAAG,IAAI;EAAE,gBAE3F;IAAK,SAAS,EAAE7D,cAAK,CAAC8D;EAAY,GAC/BP,YAAY,EACZ,CAAC/B,KAAK,IAAIoB,UAAU,IAAID,aAAa,IAAIlB,aAAa,gBACrD,6BAAC,qBAAY;IAAC,QAAQ,EAAEkB,aAAc;IAAC,KAAK,EAAEC;EAAW,EAAG,GAC1D,IAAI,CACJ,eACN,6BAAC,SAAS;IAAC,KAAK,EAAErB,KAAM;IAAC,KAAK,EAAEC,KAAM;IAAC,aAAa,EAAEC;EAAc,EAAG,eACvE,6BAAC,UAAU;IACT,MAAM,EAAEO,MAAO;IACf,KAAK,EAAER,KAAM;IACb,aAAa,EAAEC,aAAc;IAC7B,eAAe,EAAEQ,eAAgB;IACjC,cAAY,mBAAI,QAAQ,EAAEC,SAAS;EAAE,EACrC,CACE,EACLkB,WAAW,CACR;AAEV,CAAC;AAEDb,WAAW,CAACzB,YAAY,GAAG;EACzBC,IAAI,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF;AACnC,CAAC;AAEDwB,WAAW,CAACrB,SAAS,2CAAG;EACtBsB,OAAO,EAAErB,kBAAS,CAACC,IAAI;EACvBY,MAAM,EAAEb,kBAAS,CAACE,MAAM;EACxBY,eAAe,EAAEd,kBAAS,CAACC,IAAI;EAC/BqB,QAAQ,EAAEtB,kBAAS,CAACC,IAAI;EACxBI,KAAK,EAAEL,kBAAS,CAACC,IAAI;EACrBsB,QAAQ,EAAEvB,kBAAS,CAAC4C,MAAM;EAC1BxC,KAAK,EAAEJ,kBAAS,CAACE,MAAM;EACvBlB,IAAI,EAAEgB,kBAAS,CAACE,MAAM;EACtBnB,IAAI,EAAEiB,kBAAS,CAACE,MAAM;EACtBsB,aAAa,EAAEqB,qBAAY,CAAC9C,SAAS,CAAC+C,QAAQ;EAC9CrB,UAAU,EAAEoB,qBAAY,CAAC9C,SAAS,CAACgD,KAAK;EACxCrB,KAAK,EAAE1B,kBAAS,CAACgD,KAAK,CAAC,oBAAKtE,MAAM,CAAC,CAAC;EACpC,YAAY,EAAEsB,kBAAS,CAACiD,KAAK,CAAC;IAC5BpC,MAAM,EAAEb,kBAAS,CAACE,MAAM;IACxBgD,WAAW,EAAElD,kBAAS,CAACE,MAAM;IAC7BiD,QAAQ,EAAEnD,kBAAS,CAACE;EACtB,CAAC;AACH,CAAC;AAAC,eAEakB,WAAW;AAAA"}

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

@@ -2,23 +2,14 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _link = _interopRequireDefault(require("../../atom/link"));
-
 var _cta = _interopRequireDefault(require("../../atom/cta"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function backgroundImage(url) {
   return {
     background: `linear-gradient(
@@ -28,7 +19,6 @@ function backgroundImage(url) {
     backgroundSize: 'cover'
   };
 }
-
 const Button = props => {
   const {
     onClick,
@@ -41,7 +31,6 @@ const Button = props => {
     light: light
   });
 };
-
 const CardWithButton = (props, context) => {
   const {
     lightButtonLabel,
@@ -87,7 +76,6 @@ const CardWithButton = (props, context) => {
     onClick: onPrimaryButtonClick
   })));
 };
-
 CardWithButton.contextTypes = {
   translate: _provider.default.childContextTypes.translate,
   skin: _provider.default.childContextTypes.skin

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["backgroundImage","url","background","backgroundSize","Button","props","onClick","submitValue","light","CardWithButton","context","lightButtonLabel","primaryButtonLabel","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","children","skin","primaryColor","inlineStyle","color","style","container","imageBox","filtre","image","zoom","content","levelContainer","level","avatar","buttons","lightButton","contextTypes","translate","Provider","childContextTypes","propTypes","Cta","isRequired","Link","PropTypes","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":["backgroundImage","url","background","backgroundSize","Button","props","onClick","submitValue","light","CardWithButton","context","lightButtonLabel","primaryButtonLabel","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","children","skin","primaryColor","inlineStyle","color","style","container","imageBox","filtre","image","zoom","content","levelContainer","level","avatar","buttons","lightButton","contextTypes","translate","Provider","childContextTypes","propTypes","Cta","isRequired","Link","PropTypes","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/lib/molecule/cm-popin/index.js

@@ -2,25 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _map = _interopRequireDefault(require("lodash/fp/map"));
-
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
-
 var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
-
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 var _types = _interopRequireDefault(require("./types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const CMPopin = props => {
   const {
     content,
@@ -47,7 +37,6 @@ const CMPopin = props => {
     backgroundImage: `url(${backgroundImageUrl})`,
     backgroundSize: 'cover'
   } : null;
-
   const renderHeader = () => {
     if (header) return /*#__PURE__*/_react.default.createElement("img", {
       className: _style.default.headerBackground,
@@ -64,20 +53,16 @@ const CMPopin = props => {
     }, cookieTitle));
     return null;
   };
-
   const getClassBtnSwitch = (index, btnList) => {
     switch (index) {
       case 0:
         return _style.default.firstBtnSwitchContainer;
-
       case btnList.length - 1:
         return _style.default.lastBtnSwitchContainer;
-
       default:
         return _style.default.singleSwitchContainer;
     }
   };
-
   const renderBtnSwitch = () => {
     return _map.default.convert({
       cap: false
@@ -113,7 +98,6 @@ const CMPopin = props => {
       }));
     })(listBtnSwicth);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: mode !== 'cookie' ? _style.default.background : null,
     style: backgroundImageStyle,
@@ -136,13 +120,15 @@ const CMPopin = props => {
     className: _style.default.icon
   }) : null, content ? /*#__PURE__*/_react.default.createElement("p", {
     className: mode === 'alert' ? _style.default.content : _style.default.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.default.createElement("p", {
-    className: _style.default.descriptionText // eslint-disable-next-line react/no-danger
+    className: _style.default.descriptionText
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: descriptionText
@@ -180,7 +166,6 @@ const CMPopin = props => {
     customStyle: thirdButton.customStyle
   })) : null)));
 };
-
 CMPopin.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
 var _default = CMPopin;
 exports.default = _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","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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"}

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

@@ -2,25 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _index = _interopRequireDefault(require("../../hoc/touchable/index.native"));
-
 var _templateContext = require("../../template/app-review/template-context");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   modalView: {
     backgroundColor: '#fff',
@@ -77,7 +67,6 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     color: '#ED3436'
   }
 });
-
 const QuitPopinReview = props => {
   const {
     content,
@@ -92,14 +81,11 @@ const QuitPopinReview = props => {
   } = templateContext;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
   }, [theme]);
-
   if (!styleSheet) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_reactNativeModal.default, {
     isVisible: true,
     animationIn: "fadeIn",
@@ -134,7 +120,6 @@ const QuitPopinReview = props => {
     style: [styleSheet.buttonText, styleSheet.firstButtonText]
   }, firstButton?.label)))));
 };
-
 var _default = QuitPopinReview;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

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

package/lib/molecule/cm-popin/types.d.ts

@@ -49,7 +49,7 @@ declare const propTypes: {
         requiredSelection: PropTypes.Requireable<boolean>;
     }> | null | undefined)[]>;
 };
-export declare type QuitPopinButton = {
+export type QuitPopinButton = {
     'aria-label'?: string;
     label: string;
     type: string;
@@ -59,7 +59,7 @@ export declare type QuitPopinButton = {
     };
     handleOnclick: () => void;
 };
-export declare type CMPopinProps = {
+export type CMPopinProps = {
     content: string;
     icon: string;
     mode: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCd,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;CAChC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCd,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;CAChC,CAAC;AAEF,eAAe,SAAS,CAAC"}