@coorpacademy/components 10.22.1 → 10.22.4

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

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

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

@@ -3,8 +3,7 @@ import PropTypes from 'prop-types';
 import News from '../../news';
 import Loader from '../../../atom/loader';
 import style from './style.css';
-
-const NewsList = (props, context) => {
+const NewsList = React.memo(function NewsList(props) {
   const {
     title,
     news,
@@ -35,8 +34,7 @@ const NewsList = (props, context) => {
   }, /*#__PURE__*/React.createElement("div", {
     className: style.title
   }, title), cardsView, loading ? loadingView : moreView));
-};
-
+});
 NewsList.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   news: PropTypes.arrayOf(PropTypes.shape(News.propTypes)),
@@ -46,5 +44,5 @@ NewsList.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   loading: PropTypes.bool
 } : {};
-export default React.memo(NewsList);
+export default NewsList;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -4,8 +4,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ButtonLink from '../../../atom/button-link';
 import style from './style.css';
-
-const ReviewBanner = props => {
+const ReviewBanner = React.memo(function ReviewBanner(props) {
   const {
     title,
     subtitle,
@@ -52,8 +51,7 @@ const ReviewBanner = props => {
     src: "https://static.coorpacademy.com/site/dumbell.png",
     alt: "Dumbbell image"
   })))));
-};
-
+});
 ReviewBanner.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   subtitle: PropTypes.string,
@@ -62,5 +60,5 @@ ReviewBanner.propTypes = process.env.NODE_ENV !== "production" ? {
     label: PropTypes.string
   })
 } : {};
-export default React.memo(ReviewBanner);
+export default ReviewBanner;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/dashboard/review-banner/index.js"],"names":["React","PropTypes","ButtonLink","style","ReviewBanner","props","title","subtitle","cta","buttonProps","type","root","container","banner","left","image","middle","right","propTypes","string","shape","onClick","func","label","memo"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAAyBH,KAA/B;;AAEA,QAAMI,WAAW,yBACZD,GADY;AAEfE,IAAAA,IAAI,EAAE;AAFS,IAAjB;;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACQ,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACS;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAET,KAAK,CAACU;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW,IAAtB;AAA4B,IAAA,IAAI,EAAC,KAAjC;AAAuC,kBAAW;AAAlD,kBACE;AACE,IAAA,SAAS,EAAEX,KAAK,CAACY,KADnB;AAEE,IAAA,GAAG,EAAC,+CAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CADF,eAQE;AAAK,IAAA,SAAS,EAAEZ,KAAK,CAACa;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEb,KAAK,CAACG,KAAvB;AAA8B,iBAAU,qBAAxC;AAA8D,kBAAW;AAAzE,KACGA,KADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEH,KAAK,CAACI,QADnB;AAEE,iBAAU,wBAFZ;AAGE,kBAAW;AAHb,KAKGA,QALH,CAJF,eAWE,oBAAC,UAAD,eAAgBE,WAAhB;AAA6B,IAAA,SAAS,EAAEN,KAAK,CAACK;AAA9C,KAXF,CARF,eAqBE;AAAK,IAAA,SAAS,EAAEL,KAAK,CAACc,KAAtB;AAA6B,IAAA,IAAI,EAAC,KAAlC;AAAwC,kBAAW;AAAnD,kBACE;AACE,IAAA,SAAS,EAAEd,KAAK,CAACY,KADnB;AAEE,IAAA,GAAG,EAAC,kDAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CArBF,CADF,CADF,CADF;AAmCD,CA3CD;;AA6CAX,YAAY,CAACc,SAAb,2CAAyB;AACvBZ,EAAAA,KAAK,EAAEL,SAAS,CAACkB,MADM;AAEvBZ,EAAAA,QAAQ,EAAEN,SAAS,CAACkB,MAFG;AAGvBX,EAAAA,GAAG,EAAEP,SAAS,CAACmB,KAAV,CAAgB;AACnBC,IAAAA,OAAO,EAAEpB,SAAS,CAACqB,IADA;AAEnBC,IAAAA,KAAK,EAAEtB,SAAS,CAACkB;AAFE,GAAhB;AAHkB,CAAzB;AASA,eAAenB,KAAK,CAACwB,IAAN,CAAWpB,YAAX,CAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\n\nconst ReviewBanner = props => {\n  const {title, subtitle, cta} = props;\n\n  const buttonProps = {\n    ...cta,\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.root} data-name=\"start-review-banner\">\n      <div className={style.container}>\n        <div className={style.banner}>\n          <div className={style.left} role=\"img\" aria-label=\"Left image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/book.png\"\n              alt=\"Book image\"\n            />\n          </div>\n          <div className={style.middle}>\n            <span className={style.title} data-name=\"review-banner-title\" aria-label=\"{title}\">\n              {title}\n            </span>\n            <span\n              className={style.subtitle}\n              data-name=\"review-banner-subtitle\"\n              aria-label=\"{subtitle}\"\n            >\n              {subtitle}\n            </span>\n            <ButtonLink {...buttonProps} className={style.cta} />\n          </div>\n          <div className={style.right} role=\"img\" aria-label=\"Rigth image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/dumbell.png\"\n              alt=\"Dumbbell image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewBanner.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  cta: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string\n  })\n};\n\nexport default React.memo(ReviewBanner);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/review-banner/index.js"],"names":["React","PropTypes","ButtonLink","style","ReviewBanner","memo","props","title","subtitle","cta","buttonProps","type","root","container","banner","left","image","middle","right","propTypes","string","shape","onClick","func","label"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,YAAY,GAAGJ,KAAK,CAACK,IAAN,CAAW,SAASD,YAAT,CAAsBE,KAAtB,EAA6B;AAC3D,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAAyBH,KAA/B;;AAEA,QAAMI,WAAW,yBACZD,GADY;AAEfE,IAAAA,IAAI,EAAE;AAFS,IAAjB;;AAKA,sBACE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACS,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAET,KAAK,CAACU;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACY,IAAtB;AAA4B,IAAA,IAAI,EAAC,KAAjC;AAAuC,kBAAW;AAAlD,kBACE;AACE,IAAA,SAAS,EAAEZ,KAAK,CAACa,KADnB;AAEE,IAAA,GAAG,EAAC,+CAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CADF,eAQE;AAAK,IAAA,SAAS,EAAEb,KAAK,CAACc;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEd,KAAK,CAACI,KAAvB;AAA8B,iBAAU,qBAAxC;AAA8D,kBAAW;AAAzE,KACGA,KADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEJ,KAAK,CAACK,QADnB;AAEE,iBAAU,wBAFZ;AAGE,kBAAW;AAHb,KAKGA,QALH,CAJF,eAWE,oBAAC,UAAD,eAAgBE,WAAhB;AAA6B,IAAA,SAAS,EAAEP,KAAK,CAACM;AAA9C,KAXF,CARF,eAqBE;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACe,KAAtB;AAA6B,IAAA,IAAI,EAAC,KAAlC;AAAwC,kBAAW;AAAnD,kBACE;AACE,IAAA,SAAS,EAAEf,KAAK,CAACa,KADnB;AAEE,IAAA,GAAG,EAAC,kDAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CArBF,CADF,CADF,CADF;AAmCD,CA3CoB,CAArB;AA6CAZ,YAAY,CAACe,SAAb,2CAAyB;AACvBZ,EAAAA,KAAK,EAAEN,SAAS,CAACmB,MADM;AAEvBZ,EAAAA,QAAQ,EAAEP,SAAS,CAACmB,MAFG;AAGvBX,EAAAA,GAAG,EAAER,SAAS,CAACoB,KAAV,CAAgB;AACnBC,IAAAA,OAAO,EAAErB,SAAS,CAACsB,IADA;AAEnBC,IAAAA,KAAK,EAAEvB,SAAS,CAACmB;AAFE,GAAhB;AAHkB,CAAzB;AASA,eAAehB,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\n\nconst ReviewBanner = React.memo(function ReviewBanner(props) {\n  const {title, subtitle, cta} = props;\n\n  const buttonProps = {\n    ...cta,\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.root} data-name=\"start-review-banner\">\n      <div className={style.container}>\n        <div className={style.banner}>\n          <div className={style.left} role=\"img\" aria-label=\"Left image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/book.png\"\n              alt=\"Book image\"\n            />\n          </div>\n          <div className={style.middle}>\n            <span className={style.title} data-name=\"review-banner-title\" aria-label=\"{title}\">\n              {title}\n            </span>\n            <span\n              className={style.subtitle}\n              data-name=\"review-banner-subtitle\"\n              aria-label=\"{subtitle}\"\n            >\n              {subtitle}\n            </span>\n            <ButtonLink {...buttonProps} className={style.cta} />\n          </div>\n          <div className={style.right} role=\"img\" aria-label=\"Rigth image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/dumbell.png\"\n              alt=\"Dumbbell image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nReviewBanner.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  cta: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string\n  })\n};\n\nexport default ReviewBanner;\n"],"file":"index.js"}

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

@@ -4,8 +4,7 @@ import { NovaCompositionCoorpacademyBigFlashRight as FlashRight, NovaComposition
 import Provider from '../../../atom/provider';
 import Link from '../../../atom/link';
 import style from './style.css';
-
-const StartBattle = (props, context) => {
+const StartBattle = React.memo(function StartBattle(props) {
   const {
     startBattleText,
     becomeAChampionText,
@@ -49,8 +48,7 @@ const StartBattle = (props, context) => {
   }), /*#__PURE__*/React.createElement(FlashRight, {
     className: style.smallFlashRight
   }))))));
-};
-
+});
 StartBattle.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -61,5 +59,5 @@ StartBattle.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func,
   href: PropTypes.string
 } : {};
-export default React.memo(StartBattle);
+export default StartBattle;
 //# sourceMappingURL=index.js.map

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

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

package/es/molecule/external-content-viewer/index.js

@@ -5,7 +5,8 @@ import PropTypes from 'prop-types';
 import style from './style.css';
 const podcastWrapperStyle = {
   default: style.podcastWrapper,
-  cockpit: style.podcastWrapperCockpit
+  cockpit: style.podcastWrapperCockpit,
+  mobile: style.podcastWrapper
 };
 const iframeStyle = {
   default: style.iframe,

package/es/molecule/external-content-viewer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/external-content-viewer/index.js"],"names":["React","startsWith","includes","PropTypes","style","podcastWrapperStyle","default","podcastWrapper","cockpit","podcastWrapperCockpit","iframeStyle","iframe","iframeCockpit","mobile","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","string","isRequired"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,sBAAvB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEF,KAAK,CAACG,cADW;AAE1BC,EAAAA,OAAO,EAAEJ,KAAK,CAACK;AAFW,CAA5B;AAKA,MAAMC,WAAW,GAAG;AAClBJ,EAAAA,OAAO,EAAEF,KAAK,CAACO,MADG;AAElBH,EAAAA,OAAO,EAAEJ,KAAK,CAACQ,aAFG;AAGlBC,EAAAA,MAAM,EAAET,KAAK,CAACO;AAHI,CAApB;;AAMA,SAASG,qBAAT,CAA+BC,KAA/B,EAAsC;AACpC,QAAM;AAACC,IAAAA,GAAD;AAAMC,IAAAA,kBAAN;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,IAAI,GAAG;AAA9C,MAA2DJ,KAAjE;AACA,QAAMK,KAAK,GAAGlB,QAAQ,CAAC,MAAD,EAASc,GAAT,CAAtB;AACA,QAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAtF;AAEA,SAAOf,UAAU,CAAC,OAAD,EAAUiB,WAAV,CAAV,gBACL;AAAK,IAAA,SAAS,EAAEb,mBAAmB,CAACc,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEf,KAAK,CAACkB,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEb,KAAK,CAACoB,OADnB;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,YAAY,EAAC,YAHf;AAIE,IAAA,QAAQ,EAAC,EAJX;AAKE,IAAA,IAAI,EAAC,OALP;AAME,iBAAU,0BANZ;AAOE,IAAA,OAAO,EAAC;AAPV,kBASE;AAAQ,IAAA,GAAG,EAAER,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,IATF,CALF,CADK,gBAmBL;AACE,IAAA,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAlB,GAA6BE,YAA7B,GAA4CL,GADnD;AAEE,IAAA,WAAW,EAAE,CAFf;AAGE,IAAA,SAAS,EAAEN,WAAW,CAACS,IAAD,CAHxB;AAIE,IAAA,eAAe,MAJjB;AAKE,iBAAU;AALZ,IAnBF;AA2BD;;AAEDL,qBAAqB,CAACW,SAAtB,2CAAkC;AAChCT,EAAAA,GAAG,EAAEb,SAAS,CAACuB,MAAV,CAAiBC,UADU;AAEhCV,EAAAA,kBAAkB,EAAEd,SAAS,CAACuB,MAFE;AAGhCR,EAAAA,WAAW,EAAEf,SAAS,CAACuB,MAHS;AAIhCP,EAAAA,IAAI,EAAEhB,SAAS,CAACuB;AAJgB,CAAlC;AAOA,eAAeZ,qBAAf","sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/external-content-viewer/index.js"],"names":["React","startsWith","includes","PropTypes","style","podcastWrapperStyle","default","podcastWrapper","cockpit","podcastWrapperCockpit","mobile","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","string","isRequired"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,sBAAvB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEF,KAAK,CAACG,cADW;AAE1BC,EAAAA,OAAO,EAAEJ,KAAK,CAACK,qBAFW;AAG1BC,EAAAA,MAAM,EAAEN,KAAK,CAACG;AAHY,CAA5B;AAMA,MAAMI,WAAW,GAAG;AAClBL,EAAAA,OAAO,EAAEF,KAAK,CAACQ,MADG;AAElBJ,EAAAA,OAAO,EAAEJ,KAAK,CAACS,aAFG;AAGlBH,EAAAA,MAAM,EAAEN,KAAK,CAACQ;AAHI,CAApB;;AAMA,SAASE,qBAAT,CAA+BC,KAA/B,EAAsC;AACpC,QAAM;AAACC,IAAAA,GAAD;AAAMC,IAAAA,kBAAN;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,IAAI,GAAG;AAA9C,MAA2DJ,KAAjE;AACA,QAAMK,KAAK,GAAGlB,QAAQ,CAAC,MAAD,EAASc,GAAT,CAAtB;AACA,QAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAtF;AAEA,SAAOf,UAAU,CAAC,OAAD,EAAUiB,WAAV,CAAV,gBACL;AAAK,IAAA,SAAS,EAAEb,mBAAmB,CAACc,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEf,KAAK,CAACkB,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEb,KAAK,CAACoB,OADnB;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,YAAY,EAAC,YAHf;AAIE,IAAA,QAAQ,EAAC,EAJX;AAKE,IAAA,IAAI,EAAC,OALP;AAME,iBAAU,0BANZ;AAOE,IAAA,OAAO,EAAC;AAPV,kBASE;AAAQ,IAAA,GAAG,EAAER,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,IATF,CALF,CADK,gBAmBL;AACE,IAAA,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAlB,GAA6BE,YAA7B,GAA4CL,GADnD;AAEE,IAAA,WAAW,EAAE,CAFf;AAGE,IAAA,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;AAIE,IAAA,eAAe,MAJjB;AAKE,iBAAU;AALZ,IAnBF;AA2BD;;AAEDL,qBAAqB,CAACW,SAAtB,2CAAkC;AAChCT,EAAAA,GAAG,EAAEb,SAAS,CAACuB,MAAV,CAAiBC,UADU;AAEhCV,EAAAA,kBAAkB,EAAEd,SAAS,CAACuB,MAFE;AAGhCR,EAAAA,WAAW,EAAEf,SAAS,CAACuB,MAHS;AAIhCP,EAAAA,IAAI,EAAEhB,SAAS,CAACuB;AAJgB,CAAlC;AAOA,eAAeZ,qBAAf","sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit,\n  mobile: style.podcastWrapper\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"file":"index.js"}

package/es/molecule/feedback/index.js

@@ -15,7 +15,8 @@ const Feedback = (props, context) => {
     media,
     mediaDescription,
     title,
-    description
+    description,
+    mode = 'default'
   } = props;
 
   const resource = media && media.type && _extends(_extends({}, media), _pipe(_get('src.0'), _extend({
@@ -23,8 +24,11 @@ const Feedback = (props, context) => {
   }))(media));
 
   return (resource || title || description ? /*#__PURE__*/React.createElement("div", {
+    className: mode === 'scorm' ? style.feedbackContainerScorm : null
+  }, /*#__PURE__*/React.createElement("div", {
     className: style.feedback,
-    "data-name": "feedback"
+    "data-name": "feedback",
+    id: "feedback"
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(style.title, style.innerHTML),
     "data-name": "title" // eslint-disable-next-line react/no-danger
@@ -51,7 +55,7 @@ const Feedback = (props, context) => {
     dangerouslySetInnerHTML: {
       __html: mediaDescription
     }
-  })) : null)) : null) || '';
+  })) : null))) : null) || '';
 };
 
 Feedback.propTypes = process.env.NODE_ENV !== "production" ? {

package/es/molecule/feedback/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/feedback/index.js"],"names":["React","PropTypes","classnames","ResourcePlayer","TYPE_IMAGE","TYPE_VIDEO","TYPE_PDF","TYPE_AUDIO","style","Feedback","props","context","media","mediaDescription","title","description","resource","type","feedback","innerHTML","__html","descWrapper","resourcePlayer","propTypes","string","shape","oneOf","src","array"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,cAAP,IAAwBC,UAAxB,EAAoCC,UAApC,EAAgDC,QAAhD,EAA0DC,UAA1D,QAA2E,oBAA3E;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACnC,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,gBAAR;AAA0BC,IAAAA,KAA1B;AAAiCC,IAAAA;AAAjC,MAAgDL,KAAtD;;AACA,QAAMM,QAAQ,GAAGJ,KAAK,IACpBA,KAAK,CAACK,IADS,0BAEVL,KAFU,GAGV,MAAK,KAAI,OAAJ,CAAL,EAAmB,QAAO;AAACG,IAAAA,WAAW,EAAEF;AAAd,GAAP,CAAnB,EAA4DD,KAA5D,CAHU,CAAjB;;AAMA,SACE,CAACI,QAAQ,IAAIF,KAAZ,IAAqBC,WAArB,gBACC;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACU,QAAtB;AAAgC,iBAAU;AAA1C,kBACE;AACE,IAAA,SAAS,EAAEhB,UAAU,CAACM,KAAK,CAACM,KAAP,EAAcN,KAAK,CAACW,SAApB,CADvB;AAEE,iBAAU,OAFZ,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEN;AAAT;AAJ3B,IADF,eAOE;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACa;AAAtB,kBACE;AACE,IAAA,SAAS,EAAEnB,UAAU,CAACM,KAAK,CAACO,WAAP,EAAoBP,KAAK,CAACW,SAA1B,CADvB;AAEE,iBAAU,aAFZ,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEL;AAAT;AAJ3B,IADF,EAOGC,QAAQ,gBACP,8CACE,oBAAC,cAAD;AAAgB,IAAA,SAAS,EAAER,KAAK,CAACc,cAAjC;AAAiD,IAAA,QAAQ,EAAEN;AAA3D,IADF,eAEE;AACE,iBAAU,kBADZ;AAEE,IAAA,SAAS,EAAEd,UAAU,CAACM,KAAK,CAACK,gBAAP,EAAyBL,KAAK,CAACW,SAA/B,CAFvB,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEP;AAAT;AAJ3B,IAFF,CADO,GAUL,IAjBN,CAPF,CADD,GA4BG,IA5BJ,KA4Ba,EA7Bf;AA+BD,CAvCD;;AAyCAJ,QAAQ,CAACc,SAAT,2CAAqB;AACnBT,EAAAA,KAAK,EAAEb,SAAS,CAACuB,MADE;AAEnBT,EAAAA,WAAW,EAAEd,SAAS,CAACuB,MAFJ;AAGnBZ,EAAAA,KAAK,EAAEX,SAAS,CAACwB,KAAV,CAAgB;AACrBR,IAAAA,IAAI,EAAEhB,SAAS,CAACyB,KAAV,CAAgB,CAACtB,UAAD,EAAaE,QAAb,EAAuBD,UAAvB,EAAmCE,UAAnC,CAAhB,CADe;AAErBoB,IAAAA,GAAG,EAAE1B,SAAS,CAAC2B;AAFM,GAAhB,CAHY;AAOnBf,EAAAA,gBAAgB,EAAEZ,SAAS,CAACuB;AAPT,CAArB;AAUA,eAAef,QAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {pipe, get, extend} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ResourcePlayer, {TYPE_IMAGE, TYPE_VIDEO, TYPE_PDF, TYPE_AUDIO} from '../resource-player';\nimport style from './style.css';\n\nconst Feedback = (props, context) => {\n  const {media, mediaDescription, title, description} = props;\n  const resource = media &&\n    media.type && {\n      ...media,\n      ...pipe(get('src.0'), extend({description: mediaDescription}))(media)\n    };\n\n  return (\n    (resource || title || description ? (\n      <div className={style.feedback} data-name=\"feedback\">\n        <div\n          className={classnames(style.title, style.innerHTML)}\n          data-name=\"title\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.descWrapper}>\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"description\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n          {resource ? (\n            <div>\n              <ResourcePlayer className={style.resourcePlayer} resource={resource} />\n              <div\n                data-name=\"mediaDescription\"\n                className={classnames(style.mediaDescription, style.innerHTML)}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: mediaDescription}}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n    ) : null) || ''\n  );\n};\n\nFeedback.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  media: PropTypes.shape({\n    type: PropTypes.oneOf([TYPE_IMAGE, TYPE_PDF, TYPE_VIDEO, TYPE_AUDIO]),\n    src: PropTypes.array\n  }),\n  mediaDescription: PropTypes.string\n};\n\nexport default Feedback;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/feedback/index.js"],"names":["React","PropTypes","classnames","ResourcePlayer","TYPE_IMAGE","TYPE_VIDEO","TYPE_PDF","TYPE_AUDIO","style","Feedback","props","context","media","mediaDescription","title","description","mode","resource","type","feedbackContainerScorm","feedback","innerHTML","__html","descWrapper","resourcePlayer","propTypes","string","shape","oneOf","src","array"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,cAAP,IAAwBC,UAAxB,EAAoCC,UAApC,EAAgDC,QAAhD,EAA0DC,UAA1D,QAA2E,oBAA3E;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACnC,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,gBAAR;AAA0BC,IAAAA,KAA1B;AAAiCC,IAAAA,WAAjC;AAA8CC,IAAAA,IAAI,GAAG;AAArD,MAAkEN,KAAxE;;AACA,QAAMO,QAAQ,GAAGL,KAAK,IACpBA,KAAK,CAACM,IADS,0BAEVN,KAFU,GAGV,MAAK,KAAI,OAAJ,CAAL,EAAmB,QAAO;AAACG,IAAAA,WAAW,EAAEF;AAAd,GAAP,CAAnB,EAA4DD,KAA5D,CAHU,CAAjB;;AAMA,SACE,CAACK,QAAQ,IAAIH,KAAZ,IAAqBC,WAArB,gBACC;AAAK,IAAA,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBR,KAAK,CAACW,sBAAzB,GAAkD;AAAlE,kBACE;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACY,QAAtB;AAAgC,iBAAU,UAA1C;AAAqD,IAAA,EAAE,EAAC;AAAxD,kBACE;AACE,IAAA,SAAS,EAAElB,UAAU,CAACM,KAAK,CAACM,KAAP,EAAcN,KAAK,CAACa,SAApB,CADvB;AAEE,iBAAU,OAFZ,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAER;AAAT;AAJ3B,IADF,eAOE;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACe;AAAtB,kBACE;AACE,IAAA,SAAS,EAAErB,UAAU,CAACM,KAAK,CAACO,WAAP,EAAoBP,KAAK,CAACa,SAA1B,CADvB;AAEE,iBAAU,aAFZ,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEP;AAAT;AAJ3B,IADF,EAOGE,QAAQ,gBACP,8CACE,oBAAC,cAAD;AAAgB,IAAA,SAAS,EAAET,KAAK,CAACgB,cAAjC;AAAiD,IAAA,QAAQ,EAAEP;AAA3D,IADF,eAEE;AACE,iBAAU,kBADZ;AAEE,IAAA,SAAS,EAAEf,UAAU,CAACM,KAAK,CAACK,gBAAP,EAAyBL,KAAK,CAACa,SAA/B,CAFvB,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAET;AAAT;AAJ3B,IAFF,CADO,GAUL,IAjBN,CAPF,CADF,CADD,GA8BG,IA9BJ,KA8Ba,EA/Bf;AAiCD,CAzCD;;AA2CAJ,QAAQ,CAACgB,SAAT,2CAAqB;AACnBX,EAAAA,KAAK,EAAEb,SAAS,CAACyB,MADE;AAEnBX,EAAAA,WAAW,EAAEd,SAAS,CAACyB,MAFJ;AAGnBd,EAAAA,KAAK,EAAEX,SAAS,CAAC0B,KAAV,CAAgB;AACrBT,IAAAA,IAAI,EAAEjB,SAAS,CAAC2B,KAAV,CAAgB,CAACxB,UAAD,EAAaE,QAAb,EAAuBD,UAAvB,EAAmCE,UAAnC,CAAhB,CADe;AAErBsB,IAAAA,GAAG,EAAE5B,SAAS,CAAC6B;AAFM,GAAhB,CAHY;AAOnBjB,EAAAA,gBAAgB,EAAEZ,SAAS,CAACyB;AAPT,CAArB;AAUA,eAAejB,QAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {pipe, get, extend} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ResourcePlayer, {TYPE_IMAGE, TYPE_VIDEO, TYPE_PDF, TYPE_AUDIO} from '../resource-player';\nimport style from './style.css';\n\nconst Feedback = (props, context) => {\n  const {media, mediaDescription, title, description, mode = 'default'} = props;\n  const resource = media &&\n    media.type && {\n      ...media,\n      ...pipe(get('src.0'), extend({description: mediaDescription}))(media)\n    };\n\n  return (\n    (resource || title || description ? (\n      <div className={mode === 'scorm' ? style.feedbackContainerScorm : null}>\n        <div className={style.feedback} data-name=\"feedback\" id=\"feedback\">\n          <div\n            className={classnames(style.title, style.innerHTML)}\n            data-name=\"title\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: title}}\n          />\n          <div className={style.descWrapper}>\n            <div\n              className={classnames(style.description, style.innerHTML)}\n              data-name=\"description\"\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: description}}\n            />\n            {resource ? (\n              <div>\n                <ResourcePlayer className={style.resourcePlayer} resource={resource} />\n                <div\n                  data-name=\"mediaDescription\"\n                  className={classnames(style.mediaDescription, style.innerHTML)}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: mediaDescription}}\n                />\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    ) : null) || ''\n  );\n};\n\nFeedback.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  media: PropTypes.shape({\n    type: PropTypes.oneOf([TYPE_IMAGE, TYPE_PDF, TYPE_VIDEO, TYPE_AUDIO]),\n    src: PropTypes.array\n  }),\n  mediaDescription: PropTypes.string\n};\n\nexport default Feedback;\n"],"file":"index.js"}

package/es/molecule/feedback/style.css

@@ -9,6 +9,8 @@
 @value medium from colors;
 @value xtraLightGrey from colors;
 @value white from colors;
+@value cm_grey_75 from colors;
+
 
 .feedback {
   width: 100%;
@@ -19,6 +21,24 @@
   flex-direction: column;
 }
 
+.feedbackContainerScorm {
+  background-color: white;
+  max-width: 884px;
+  height: 386px;
+  padding-bottom: 10px;
+  overflow-x: auto;
+  border: 1px solid cm_grey_75;
+  border-top: 0px;
+  z-index: 2;
+  margin-top: 60px;
+  position: relative;
+}
+
+.feedbackContainerScorm > .feedback {
+  border-bottom: 0px;
+  height: 100%;
+}
+
 .title {
   width: 100%;
   margin-bottom: 20px;
@@ -90,6 +110,10 @@
     width: 100%;
     margin-bottom: 8px;
   }
+  .feedbackContainerScorm {
+    width: 100%;
+    height: 100%;
+  }
 }
 
 .innerHTML {

package/es/molecule/questions/free-text/index.native.js

@@ -39,8 +39,7 @@ const FreeText = props => {
   const [styleSheet, setStylesheet] = useState(null);
   const {
     brandTheme,
-    theme,
-    translations
+    theme
   } = templateContext;
   const PLACEHOLDER_COLOR = theme.colors.gray.medium; // ------------------------------------
 
@@ -51,7 +50,8 @@ const FreeText = props => {
     testID,
     onChange,
     isDisabled,
-    value
+    value,
+    placeholder
   } = props; // ------------------------------------
 
   const handleFocus = useMemo(() => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType), [analytics, questionType]);
@@ -68,14 +68,13 @@ const FreeText = props => {
   }
 
   return /*#__PURE__*/React.createElement(View, {
-    style: [styleSheet.spaced, fullWitdh && styleSheet.fullWitdh],
-    testID: testID
+    style: [styleSheet.spaced, fullWitdh && styleSheet.fullWitdh]
   }, /*#__PURE__*/React.createElement(TextInput, {
     style: [styleSheet.input, styleSheet.text],
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChangeText: onChange,
-    placeholder: translations.typeHere,
+    placeholder: placeholder,
     placeholderTextColor: PLACEHOLDER_COLOR,
     value: value,
     testID: testID,

package/es/molecule/questions/free-text/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"names":["View","StyleSheet","TextInput","React","useState","useEffect","useMemo","useTemplateContext","ANALYTICS_EVENT_TYPE","createStyleSheet","brandTheme","theme","create","input","padding","spacing","tiny","borderWidth","borderColor","colors","gray","lightMedium","borderRadius","radius","common","backgroundColor","white","minWidth","text","primary","color","medium","fontWeight","bold","fontSize","regular","textAlign","spaced","paddingVertical","fullWitdh","width","logEvent","eventName","analytics","questionType","id","FreeText","props","templateContext","styleSheet","setStylesheet","translations","PLACEHOLDER_COLOR","testID","onChange","isDisabled","value","handleFocus","INPUT_FOCUS","handleBlur","INPUT_BLUR","_stylesheet","typeHere"],"mappings":"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","sourcesContent":["import {View, StyleSheet, TextInput} from 'react-native';\nimport React, {useState, useEffect, useMemo} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../../variables/analytics';\n\ntype QuestionType = 'basic' | 'template';\n\ninterface Props {\n  children: string;\n  fullWitdh: boolean;\n  testID: string;\n  questionType: QuestionType;\n  analytics?: Analytics;\n  onChange: Function;\n  isDisabled: boolean;\n  value: string;\n}\n\ntype StyleSheetType = {\n  input: {\n    padding: string;\n    borderWidth: number;\n    borderColor: string;\n    borderRadius: number;\n    backgroundColor: string;\n    minWidth: number;\n  };\n  text: {\n    color: string;\n    fontWeight: number;\n    fontSize: number;\n    textAlign: string;\n  };\n  spaced: {\n    paddingVertical: number;\n  };\n  fullWitdh: {\n    width: string;\n  };\n};\n\nconst createStyleSheet = (brandTheme, theme) =>\n  StyleSheet.create({\n    input: {\n      padding: theme.spacing.tiny,\n      borderWidth: 1,\n      borderColor: theme.colors.gray.lightMedium,\n      borderRadius: theme.radius.common,\n      backgroundColor: theme.colors.white,\n      minWidth: 175\n    },\n    text: {\n      borderColor: brandTheme?.colors.primary,\n      color: brandTheme?.colors.primary || theme.colors.gray.medium,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.regular,\n      textAlign: 'center'\n    },\n    spaced: {\n      paddingVertical: theme.spacing.tiny\n    },\n    fullWitdh: {\n      width: '100%'\n    }\n  });\n\nconst logEvent = (eventName: string, analytics: Analytics, questionType: QuestionType) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: `question-input-text`,\n      questionType\n    });\n};\n\nconst FreeText = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const PLACEHOLDER_COLOR = theme.colors.gray.medium;\n\n  // ------------------------------------\n\n  const {analytics, questionType, fullWitdh, testID, onChange, isDisabled, value} = props;\n\n  // ------------------------------------\n\n  const handleFocus = useMemo(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  const handleBlur = useMemo(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  // ------------------------------------\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.spaced, fullWitdh && styleSheet.fullWitdh]} testID={testID}>\n      <TextInput\n        style={[styleSheet.input, styleSheet.text]}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChangeText={onChange}\n        placeholder={translations.typeHere}\n        placeholderTextColor={PLACEHOLDER_COLOR}\n        value={value}\n        testID={testID}\n        editable={!isDisabled}\n        selectTextOnFocus={!isDisabled}\n      />\n    </View>\n  );\n};\n\nexport default FreeText;\n"],"file":"index.native.js"}
+{"version":3,"sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"names":["View","StyleSheet","TextInput","React","useState","useEffect","useMemo","useTemplateContext","ANALYTICS_EVENT_TYPE","createStyleSheet","brandTheme","theme","create","input","padding","spacing","tiny","borderWidth","borderColor","colors","gray","lightMedium","borderRadius","radius","common","backgroundColor","white","minWidth","text","primary","color","medium","fontWeight","bold","fontSize","regular","textAlign","spaced","paddingVertical","fullWitdh","width","logEvent","eventName","analytics","questionType","id","FreeText","props","templateContext","styleSheet","setStylesheet","PLACEHOLDER_COLOR","testID","onChange","isDisabled","value","placeholder","handleFocus","INPUT_FOCUS","handleBlur","INPUT_BLUR","_stylesheet"],"mappings":"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","sourcesContent":["import {View, StyleSheet, TextInput} from 'react-native';\nimport React, {useState, useEffect, useMemo} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../../variables/analytics';\n\ntype QuestionType = 'basic' | 'template';\n\ninterface Props {\n  children: string;\n  fullWitdh: boolean;\n  testID: string;\n  questionType: QuestionType;\n  analytics?: Analytics;\n  onChange: Function;\n  isDisabled: boolean;\n  value: string;\n  placeholder: string;\n}\n\ntype StyleSheetType = {\n  input: {\n    padding: string;\n    borderWidth: number;\n    borderColor: string;\n    borderRadius: number;\n    backgroundColor: string;\n    minWidth: number;\n  };\n  text: {\n    color: string;\n    fontWeight: number;\n    fontSize: number;\n    textAlign: string;\n  };\n  spaced: {\n    paddingVertical: number;\n  };\n  fullWitdh: {\n    width: string;\n  };\n};\n\nconst createStyleSheet = (brandTheme, theme) =>\n  StyleSheet.create({\n    input: {\n      padding: theme.spacing.tiny,\n      borderWidth: 1,\n      borderColor: theme.colors.gray.lightMedium,\n      borderRadius: theme.radius.common,\n      backgroundColor: theme.colors.white,\n      minWidth: 175\n    },\n    text: {\n      borderColor: brandTheme?.colors.primary,\n      color: brandTheme?.colors.primary || theme.colors.gray.medium,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.regular,\n      textAlign: 'center'\n    },\n    spaced: {\n      paddingVertical: theme.spacing.tiny\n    },\n    fullWitdh: {\n      width: '100%'\n    }\n  });\n\nconst logEvent = (eventName: string, analytics: Analytics, questionType: QuestionType) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: `question-input-text`,\n      questionType\n    });\n};\n\nconst FreeText = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme} = templateContext;\n  const PLACEHOLDER_COLOR = theme.colors.gray.medium;\n\n  // ------------------------------------\n\n  const {\n    analytics,\n    questionType,\n    fullWitdh,\n    testID,\n    onChange,\n    isDisabled,\n    value,\n    placeholder\n  } = props;\n\n  // ------------------------------------\n\n  const handleFocus = useMemo(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  const handleBlur = useMemo(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  // ------------------------------------\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.spaced, fullWitdh && styleSheet.fullWitdh]}>\n      <TextInput\n        style={[styleSheet.input, styleSheet.text]}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChangeText={onChange}\n        placeholder={placeholder}\n        placeholderTextColor={PLACEHOLDER_COLOR}\n        value={value}\n        testID={testID}\n        editable={!isDisabled}\n        selectTextOnFocus={!isDisabled}\n      />\n    </View>\n  );\n};\n\nexport default FreeText;\n"],"file":"index.native.js"}

package/es/molecule/questions/qcm/index.native.js

@@ -1,5 +1,6 @@
 import { View, StyleSheet } from 'react-native';
 import React, { useState, useEffect } from 'react';
+import { useTemplateContext } from '../../../template/app-review/template-context';
 
 const createStyleSheet = theme => StyleSheet.create({
   boxShadow: {
@@ -24,12 +25,14 @@ const createStyleSheet = theme => StyleSheet.create({
 const QuestionChoiceComponent = ({
   children,
   isSelected = false,
-  testID: prefixTestID,
-  style,
-  theme
+  testID: prefixTestID
 }) => {
   const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';
   const [styleSheet, setStylesheet] = useState(null);
+  const templateContext = useTemplateContext();
+  const {
+    theme
+  } = templateContext;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
 

package/es/molecule/questions/qcm/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/questions/qcm/index.native.tsx"],"names":["View","StyleSheet","React","useState","useEffect","createStyleSheet","theme","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","container","backgroundColor","colors","white","borderRadius","radius","regular","overflow","flexDirection","alignItems","QuestionChoiceComponent","children","isSelected","testID","prefixTestID","style","selectedSuffix","styleSheet","setStylesheet","_stylesheet"],"mappings":"AAAA,SAAQA,IAAR,EAAcC,UAAd,QAA0C,cAA1C;AACA,OAAOC,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;;AAmCA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBL,UAAU,CAACM,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,WAAW,EAAE,MADJ;AAETC,IAAAA,YAAY,EAAE;AAACC,MAAAA,KAAK,EAAE,CAAR;AAAWC,MAAAA,MAAM,EAAE;AAAnB,KAFL;AAGTC,IAAAA,aAAa,EAAE,IAHN;AAITC,IAAAA,YAAY,EAAE,EAJL;AAKTC,IAAAA,SAAS,EAAE;AALF,GADK;AAQhBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,eAAe,EAAEX,KAAK,CAACY,MAAN,CAAaC,KADrB;AAETC,IAAAA,YAAY,EAAEd,KAAK,CAACe,MAAN,CAAaC,OAFlB;AAGTC,IAAAA,QAAQ,EAAE,QAHD;AAITC,IAAAA,aAAa,EAAE,KAJN;AAKTC,IAAAA,UAAU,EAAE;AALH;AARK,CAAlB,CADF;;AAkBA,MAAMC,uBAAuB,GAAG,CAAC;AAC/BC,EAAAA,QAD+B;AAE/BC,EAAAA,UAAU,GAAG,KAFkB;AAG/BC,EAAAA,MAAM,EAAEC,YAHuB;AAI/BC,EAAAA,KAJ+B;AAK/BzB,EAAAA;AAL+B,CAAD,KAMnB;AACX,QAAM0B,cAAc,GAAGF,YAAY,IAAIF,UAAhB,GAA6B,WAA7B,GAA2C,EAAlE;AAEA,QAAM,CAACK,UAAD,EAAaC,aAAb,IAA8B/B,QAAQ,CAAmB,IAAnB,CAA5C;AAEAC,EAAAA,SAAS,CAAC,MAAM;AACd,UAAM+B,WAAW,GAAG9B,gBAAgB,CAACC,KAAD,CAApC;;AACA4B,IAAAA,aAAa,CAACC,WAAD,CAAb;AACD,GAHQ,EAGN,CAAC7B,KAAD,CAHM,CAAT;AAKA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAAC2B,UAAU,IAAIA,UAAU,CAACzB,SAA1B;AAAb,kBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CAACyB,UAAU,IAAIA,UAAU,CAACjB,SAA1B,CADT;AAEE,IAAA,MAAM,EAAEc,YAAY,IAAK,GAAEA,YAAa,GAAEE,cAAe;AAF3D,KAIGL,QAJH,CADF,CADF;AAUD,CA1BD;;AA4BA,eAAeD,uBAAf","sourcesContent":["import {View, StyleSheet, ViewStyle} from 'react-native';\nimport React, {useState, useEffect} from 'react';\n\ninterface Props {\n  isSelected?: boolean;\n  children: string;\n  testID?: string;\n  style?: ViewStyle;\n  theme?: any;\n}\n\ntype StyleType = {\n  boxShadow: {\n    shadowColor: string;\n    shadowOffset: {\n      width: number;\n      height: number;\n    };\n    shadowOpacity: number;\n    shadowRadius: number;\n    elevation: number;\n  };\n  container: {\n    backgroundColor: string;\n    borderRadius: number;\n    shadowColor: string;\n    shadowOffset: {width: number; height: number};\n    shadowOpacity: number;\n    shadowRadius: number;\n    elevation: number;\n    overflow: string;\n    flexDirection: string;\n    alignItems: string;\n  };\n};\n\nconst createStyleSheet = (theme: any) =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 16,\n      elevation: 6\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      overflow: 'hidden',\n      flexDirection: 'row',\n      alignItems: 'stretch'\n    }\n  });\n\nconst QuestionChoiceComponent = ({\n  children,\n  isSelected = false,\n  testID: prefixTestID,\n  style,\n  theme\n}: Props) => {\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n\n  const [styleSheet, setStylesheet] = useState<StyleType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  return (\n    <View style={[styleSheet && styleSheet.boxShadow]}>\n      <View\n        style={[styleSheet && styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {children}\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionChoiceComponent;\n"],"file":"index.native.js"}
+{"version":3,"sources":["../../../../src/molecule/questions/qcm/index.native.tsx"],"names":["View","StyleSheet","React","useState","useEffect","useTemplateContext","createStyleSheet","theme","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","container","backgroundColor","colors","white","borderRadius","radius","regular","overflow","flexDirection","alignItems","QuestionChoiceComponent","children","isSelected","testID","prefixTestID","selectedSuffix","styleSheet","setStylesheet","templateContext","_stylesheet"],"mappings":"AAAA,SAAQA,IAAR,EAAcC,UAAd,QAA0C,cAA1C;AACA,OAAOC,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,kBAAR,QAAiC,+CAAjC;;AAmCA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBN,UAAU,CAACO,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,WAAW,EAAE,MADJ;AAETC,IAAAA,YAAY,EAAE;AAACC,MAAAA,KAAK,EAAE,CAAR;AAAWC,MAAAA,MAAM,EAAE;AAAnB,KAFL;AAGTC,IAAAA,aAAa,EAAE,IAHN;AAITC,IAAAA,YAAY,EAAE,EAJL;AAKTC,IAAAA,SAAS,EAAE;AALF,GADK;AAQhBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,eAAe,EAAEX,KAAK,CAACY,MAAN,CAAaC,KADrB;AAETC,IAAAA,YAAY,EAAEd,KAAK,CAACe,MAAN,CAAaC,OAFlB;AAGTC,IAAAA,QAAQ,EAAE,QAHD;AAITC,IAAAA,aAAa,EAAE,KAJN;AAKTC,IAAAA,UAAU,EAAE;AALH;AARK,CAAlB,CADF;;AAkBA,MAAMC,uBAAuB,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWC,EAAAA,UAAU,GAAG,KAAxB;AAA+BC,EAAAA,MAAM,EAAEC;AAAvC,CAAD,KAAiE;AAC/F,QAAMC,cAAc,GAAGD,YAAY,IAAIF,UAAhB,GAA6B,WAA7B,GAA2C,EAAlE;AAEA,QAAM,CAACI,UAAD,EAAaC,aAAb,IAA8B/B,QAAQ,CAAmB,IAAnB,CAA5C;AAEA,QAAMgC,eAAe,GAAG9B,kBAAkB,EAA1C;AACA,QAAM;AAACE,IAAAA;AAAD,MAAU4B,eAAhB;AAEA/B,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMgC,WAAW,GAAG9B,gBAAgB,CAACC,KAAD,CAApC;;AACA2B,IAAAA,aAAa,CAACE,WAAD,CAAb;AACD,GAHQ,EAGN,CAAC7B,KAAD,CAHM,CAAT;AAKA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAAC0B,UAAU,IAAIA,UAAU,CAACxB,SAA1B;AAAb,kBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CAACwB,UAAU,IAAIA,UAAU,CAAChB,SAA1B,CADT;AAEE,IAAA,MAAM,EAAEc,YAAY,IAAK,GAAEA,YAAa,GAAEC,cAAe;AAF3D,KAIGJ,QAJH,CADF,CADF;AAUD,CAvBD;;AAyBA,eAAeD,uBAAf","sourcesContent":["import {View, StyleSheet, ViewStyle} from 'react-native';\nimport React, {useState, useEffect} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\n\ninterface Props {\n  isSelected?: boolean;\n  children: string;\n  testID?: string;\n  style?: ViewStyle;\n  theme?: any;\n}\n\ntype StyleType = {\n  boxShadow: {\n    shadowColor: string;\n    shadowOffset: {\n      width: number;\n      height: number;\n    };\n    shadowOpacity: number;\n    shadowRadius: number;\n    elevation: number;\n  };\n  container: {\n    backgroundColor: string;\n    borderRadius: number;\n    shadowColor: string;\n    shadowOffset: {width: number; height: number};\n    shadowOpacity: number;\n    shadowRadius: number;\n    elevation: number;\n    overflow: string;\n    flexDirection: string;\n    alignItems: string;\n  };\n};\n\nconst createStyleSheet = (theme: any) =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 16,\n      elevation: 6\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      overflow: 'hidden',\n      flexDirection: 'row',\n      alignItems: 'stretch'\n    }\n  });\n\nconst QuestionChoiceComponent = ({children, isSelected = false, testID: prefixTestID}: Props) => {\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n\n  const [styleSheet, setStylesheet] = useState<StyleType | null>(null);\n\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  return (\n    <View style={[styleSheet && styleSheet.boxShadow]}>\n      <View\n        style={[styleSheet && styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {children}\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionChoiceComponent;\n"],"file":"index.native.js"}

package/es/molecule/skill-card/prop-types.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 export default {
-  'aria-label': PropTypes.string.isRequired,
+  'aria-label': PropTypes.string,
   skillTitle: PropTypes.string,
   skillAriaLabel: PropTypes.string,
   buttonLabel: PropTypes.string,

package/es/molecule/skill-card/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/skill-card/prop-types.js"],"names":["PropTypes","string","isRequired","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,eAAe;AACb,gBAAcA,SAAS,CAACC,MAAV,CAAiBC,UADlB;AAEbC,EAAAA,UAAU,EAAEH,SAAS,CAACC,MAFT;AAGbG,EAAAA,cAAc,EAAEJ,SAAS,CAACC,MAHb;AAIbI,EAAAA,WAAW,EAAEL,SAAS,CAACC,MAJV;AAKbK,EAAAA,eAAe,EAAEN,SAAS,CAACC,MALd;AAMbM,EAAAA,WAAW,EAAEP,SAAS,CAACC,MANV;AAObO,EAAAA,eAAe,EAAER,SAAS,CAACC,MAPd;AAQbQ,EAAAA,QAAQ,EAAET,SAAS,CAACU,IARP;AASbC,EAAAA,OAAO,EAAEX,SAAS,CAACY;AATN,CAAf","sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {\n  'aria-label': PropTypes.string.isRequired,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n"],"file":"prop-types.js"}
+{"version":3,"sources":["../../../src/molecule/skill-card/prop-types.js"],"names":["PropTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,eAAe;AACb,gBAAcA,SAAS,CAACC,MADX;AAEbC,EAAAA,UAAU,EAAEF,SAAS,CAACC,MAFT;AAGbE,EAAAA,cAAc,EAAEH,SAAS,CAACC,MAHb;AAIbG,EAAAA,WAAW,EAAEJ,SAAS,CAACC,MAJV;AAKbI,EAAAA,eAAe,EAAEL,SAAS,CAACC,MALd;AAMbK,EAAAA,WAAW,EAAEN,SAAS,CAACC,MANV;AAObM,EAAAA,eAAe,EAAEP,SAAS,CAACC,MAPd;AAQbO,EAAAA,QAAQ,EAAER,SAAS,CAACS,IARP;AASbC,EAAAA,OAAO,EAAEV,SAAS,CAACW;AATN,CAAf","sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n"],"file":"prop-types.js"}

package/es/template/app-player/loading/index.js

@@ -8,5 +8,6 @@ const PlayerLoading = () => {
   }, /*#__PURE__*/React.createElement(Loader, null));
 };
 
+PlayerLoading.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
 export default PlayerLoading;
 //# sourceMappingURL=index.js.map

package/es/template/app-player/loading/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/loading/index.js"],"names":["React","Loader","style","PlayerLoading","wrapper"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,MAAM;AAC1B,sBACE;AAAK,IAAA,SAAS,EAAED,KAAK,CAACE;AAAtB,kBACE,oBAAC,MAAD,OADF,CADF;AAKD,CAND;;AAQA,eAAeD,aAAf","sourcesContent":["import React from 'react';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst PlayerLoading = () => {\n  return (\n    <div className={style.wrapper}>\n      <Loader />\n    </div>\n  );\n};\n\nexport default PlayerLoading;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/loading/index.js"],"names":["React","Loader","style","PlayerLoading","wrapper","propTypes"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,MAAM;AAC1B,sBACE;AAAK,IAAA,SAAS,EAAED,KAAK,CAACE;AAAtB,kBACE,oBAAC,MAAD,OADF,CADF;AAKD,CAND;;AAQAD,aAAa,CAACE,SAAd,2CAA0B,EAA1B;AAEA,eAAeF,aAAf","sourcesContent":["import React from 'react';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst PlayerLoading = () => {\n  return (\n    <div className={style.wrapper}>\n      <Loader />\n    </div>\n  );\n};\n\nPlayerLoading.propTypes = {};\n\nexport default PlayerLoading;\n"],"file":"index.js"}

package/es/template/app-player/player/index.js

@@ -1,11 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import CMPopin from '../../../molecule/cm-popin';
 import SlidesPlayer from './slides';
 import style from './style.css';
 
 const SlidePlayer = props => {
   const {
-    player
+    player,
+    popin
   } = props;
   const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;
   return /*#__PURE__*/React.createElement("div", {
@@ -18,11 +20,12 @@ const SlidePlayer = props => {
     style: {
       backgroundImage
     }
-  }), /*#__PURE__*/React.createElement(SlidesPlayer, player)));
+  }), /*#__PURE__*/React.createElement(SlidesPlayer, player), popin ? /*#__PURE__*/React.createElement(CMPopin, popin) : null));
 };
 
 SlidePlayer.propTypes = process.env.NODE_ENV !== "production" ? {
-  player: PropTypes.shape(SlidesPlayer.propTypes)
+  player: PropTypes.shape(SlidesPlayer.propTypes),
+  popin: PropTypes.shape(CMPopin.propTypes)
 } : {};
 export default SlidePlayer;
 //# sourceMappingURL=index.js.map

package/es/template/app-player/player/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/player/index.js"],"names":["React","PropTypes","SlidesPlayer","style","SlidePlayer","props","player","backgroundImage","backgroundUrl","wrapper","playerWrapper","playerBackground","propTypes","shape"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,YAAP,MAAyB,UAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACC,IAAAA;AAAD,MAAWD,KAAjB;AACA,QAAME,eAAe,GAAGD,MAAM,CAACE,aAAP,GAAwB,OAAMF,MAAM,CAACE,aAAc,GAAnD,GAAwD,IAAhF;AACA,sBACE;AAAK,iBAAU,aAAf;AAA6B,IAAA,SAAS,EAAEL,KAAK,CAACM;AAA9C,kBACE;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACO;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACQ,gBAAtB;AAAwC,IAAA,KAAK,EAAE;AAACJ,MAAAA;AAAD;AAA/C,IADF,eAEE,oBAAC,YAAD,EAAkBD,MAAlB,CAFF,CADF,CADF;AAQD,CAXD;;AAaAF,WAAW,CAACQ,SAAZ,2CAAwB;AACtBN,EAAAA,MAAM,EAAEL,SAAS,CAACY,KAAV,CAAgBX,YAAY,CAACU,SAA7B;AADc,CAAxB;AAIA,eAAeR,WAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport SlidesPlayer from './slides';\nimport style from './style.css';\n\nconst SlidePlayer = props => {\n  const {player} = props;\n  const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;\n  return (\n    <div data-name=\"slidePlayer\" className={style.wrapper}>\n      <div className={style.playerWrapper}>\n        <div className={style.playerBackground} style={{backgroundImage}} />\n        <SlidesPlayer {...player} />\n      </div>\n    </div>\n  );\n};\n\nSlidePlayer.propTypes = {\n  player: PropTypes.shape(SlidesPlayer.propTypes)\n};\n\nexport default SlidePlayer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/player/index.js"],"names":["React","PropTypes","CMPopin","SlidesPlayer","style","SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","wrapper","playerWrapper","playerBackground","propTypes","shape"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,YAAP,MAAyB,UAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA;AAAT,MAAkBF,KAAxB;AACA,QAAMG,eAAe,GAAGF,MAAM,CAACG,aAAP,GAAwB,OAAMH,MAAM,CAACG,aAAc,GAAnD,GAAwD,IAAhF;AACA,sBACE;AAAK,iBAAU,aAAf;AAA6B,IAAA,SAAS,EAAEN,KAAK,CAACO;AAA9C,kBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACS,gBAAtB;AAAwC,IAAA,KAAK,EAAE;AAACJ,MAAAA;AAAD;AAA/C,IADF,eAEE,oBAAC,YAAD,EAAkBF,MAAlB,CAFF,EAGGC,KAAK,gBAAG,oBAAC,OAAD,EAAaA,KAAb,CAAH,GAA4B,IAHpC,CADF,CADF;AASD,CAZD;;AAcAH,WAAW,CAACS,SAAZ,2CAAwB;AACtBP,EAAAA,MAAM,EAAEN,SAAS,CAACc,KAAV,CAAgBZ,YAAY,CAACW,SAA7B,CADc;AAEtBN,EAAAA,KAAK,EAAEP,SAAS,CAACc,KAAV,CAAgBb,OAAO,CAACY,SAAxB;AAFe,CAAxB;AAKA,eAAeT,WAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CMPopin from '../../../molecule/cm-popin';\nimport SlidesPlayer from './slides';\nimport style from './style.css';\n\nconst SlidePlayer = props => {\n  const {player, popin} = props;\n  const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;\n  return (\n    <div data-name=\"slidePlayer\" className={style.wrapper}>\n      <div className={style.playerWrapper}>\n        <div className={style.playerBackground} style={{backgroundImage}} />\n        <SlidesPlayer {...player} />\n        {popin ? <CMPopin {...popin} /> : null}\n      </div>\n    </div>\n  );\n};\n\nSlidePlayer.propTypes = {\n  player: PropTypes.shape(SlidesPlayer.propTypes),\n  popin: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidePlayer;\n"],"file":"index.js"}

package/es/template/app-player/popin-end/index.js

@@ -1,29 +1,44 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Header from '../player/slides/header';
 import Summary from './summary';
 import style from './style.css';
 
-const Content = props => /*#__PURE__*/React.createElement("div", {
-  className: style.popinWrapper
-}, /*#__PURE__*/React.createElement(Summary, props));
+const Content = props => {
+  const {
+    mode = 'default'
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: mode !== 'scorm' ? style.popinWrapper : null
+  }, /*#__PURE__*/React.createElement(Summary, props));
+};
+
+Content.propTypes = process.env.NODE_ENV !== "production" ? {
+  mode: PropTypes.oneOf(['scorm', 'default'])
+} : {};
 
 const PopinEnd = props => {
   const {
     header,
-    summary
+    summary,
+    mode = 'default'
   } = props;
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "popinEnd",
     className: style.wrapper
   }, /*#__PURE__*/React.createElement("div", {
     className: style.slidesHeader
-  }, /*#__PURE__*/React.createElement(Header, header)), /*#__PURE__*/React.createElement(Content, summary));
+  }, /*#__PURE__*/React.createElement(Header, header)), /*#__PURE__*/React.createElement(Content, _extends({}, summary, {
+    mode: mode
+  })));
 };
 
 PopinEnd.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.shape(Header.propTypes),
-  summary: PropTypes.shape(Summary.propTypes)
+  summary: PropTypes.shape(Summary.propTypes),
+  mode: PropTypes.oneOf(['scorm', 'default'])
 } : {};
 export default PopinEnd;
 //# sourceMappingURL=index.js.map

package/es/template/app-player/popin-end/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/popin-end/index.js"],"names":["React","PropTypes","Header","Summary","style","Content","props","popinWrapper","PopinEnd","header","summary","wrapper","slidesHeader","propTypes","shape"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAGC,KAAK,iBACnB;AAAK,EAAA,SAAS,EAAEF,KAAK,CAACG;AAAtB,gBACE,oBAAC,OAAD,EAAaD,KAAb,CADF,CADF;;AAMA,MAAME,QAAQ,GAAGF,KAAK,IAAI;AACxB,QAAM;AAACG,IAAAA,MAAD;AAASC,IAAAA;AAAT,MAAoBJ,KAA1B;AACA,sBACE;AAAK,iBAAU,UAAf;AAA0B,IAAA,SAAS,EAAEF,KAAK,CAACO;AAA3C,kBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAAtB,kBACE,oBAAC,MAAD,EAAYH,MAAZ,CADF,CADF,eAIE,oBAAC,OAAD,EAAaC,OAAb,CAJF,CADF;AAQD,CAVD;;AAYAF,QAAQ,CAACK,SAAT,2CAAqB;AACnBJ,EAAAA,MAAM,EAAER,SAAS,CAACa,KAAV,CAAgBZ,MAAM,CAACW,SAAvB,CADW;AAEnBH,EAAAA,OAAO,EAAET,SAAS,CAACa,KAAV,CAAgBX,OAAO,CAACU,SAAxB;AAFU,CAArB;AAKA,eAAeL,QAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../player/slides/header';\nimport Summary from './summary';\nimport style from './style.css';\n\nconst Content = props => (\n  <div className={style.popinWrapper}>\n    <Summary {...props} />\n  </div>\n);\n\nconst PopinEnd = props => {\n  const {header, summary} = props;\n  return (\n    <div data-name=\"popinEnd\" className={style.wrapper}>\n      <div className={style.slidesHeader}>\n        <Header {...header} />\n      </div>\n      <Content {...summary} />\n    </div>\n  );\n};\n\nPopinEnd.propTypes = {\n  header: PropTypes.shape(Header.propTypes),\n  summary: PropTypes.shape(Summary.propTypes)\n};\n\nexport default PopinEnd;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/popin-end/index.js"],"names":["React","PropTypes","Header","Summary","style","Content","props","mode","popinWrapper","propTypes","oneOf","PopinEnd","header","summary","wrapper","slidesHeader","shape"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAGC,KAAK,IAAI;AACvB,QAAM;AAACC,IAAAA,IAAI,GAAG;AAAR,MAAqBD,KAA3B;AACA,sBACE;AAAK,IAAA,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBH,KAAK,CAACI,YAAzB,GAAwC;AAAxD,kBACE,oBAAC,OAAD,EAAaF,KAAb,CADF,CADF;AAKD,CAPD;;AAQAD,OAAO,CAACI,SAAR,2CAAoB;AAClBF,EAAAA,IAAI,EAAEN,SAAS,CAACS,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AADY,CAApB;;AAIA,MAAMC,QAAQ,GAAGL,KAAK,IAAI;AACxB,QAAM;AAACM,IAAAA,MAAD;AAASC,IAAAA,OAAT;AAAkBN,IAAAA,IAAI,GAAG;AAAzB,MAAsCD,KAA5C;AACA,sBACE;AAAK,iBAAU,UAAf;AAA0B,IAAA,SAAS,EAAEF,KAAK,CAACU;AAA3C,kBACE;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW;AAAtB,kBACE,oBAAC,MAAD,EAAYH,MAAZ,CADF,CADF,eAIE,oBAAC,OAAD,eAAaC,OAAb;AAAsB,IAAA,IAAI,EAAEN;AAA5B,KAJF,CADF;AAQD,CAVD;;AAYAI,QAAQ,CAACF,SAAT,2CAAqB;AACnBG,EAAAA,MAAM,EAAEX,SAAS,CAACe,KAAV,CAAgBd,MAAM,CAACO,SAAvB,CADW;AAEnBI,EAAAA,OAAO,EAAEZ,SAAS,CAACe,KAAV,CAAgBb,OAAO,CAACM,SAAxB,CAFU;AAGnBF,EAAAA,IAAI,EAAEN,SAAS,CAACS,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AAHa,CAArB;AAMA,eAAeC,QAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../player/slides/header';\nimport Summary from './summary';\nimport style from './style.css';\n\nconst Content = props => {\n  const {mode = 'default'} = props;\n  return (\n    <div className={mode !== 'scorm' ? style.popinWrapper : null}>\n      <Summary {...props} />\n    </div>\n  );\n};\nContent.propTypes = {\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nconst PopinEnd = props => {\n  const {header, summary, mode = 'default'} = props;\n  return (\n    <div data-name=\"popinEnd\" className={style.wrapper}>\n      <div className={style.slidesHeader}>\n        <Header {...header} />\n      </div>\n      <Content {...summary} mode={mode} />\n    </div>\n  );\n};\n\nPopinEnd.propTypes = {\n  header: PropTypes.shape(Header.propTypes),\n  summary: PropTypes.shape(Summary.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinEnd;\n"],"file":"index.js"}

package/es/template/app-player/popin-end/style.css

@@ -27,4 +27,4 @@
   .slidesHeader {
     display: none;
   }
-}
+}