@coorpacademy/components 10.22.7 → 10.22.10

package/lib/template/app-review/player/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":["quizzerStyle","StyleSheet","create","container","flex","padding","justifyContent","alignItems","SLIDE_HEIGHT","height","creatSlideStyle","num","width","slide","position","top","backgroundColor","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","category","fontSize","lineHeight","textAlign","question","fontWeight","instruction","button","createOptionStyle","selected","box","marginTop","marginBottom","text","choicesStyle","Choices","choices","map","index","optionStyle","propTypes","PropTypes","arrayOf","bool","Slide","props","validateSlide","slideStyle","validateLabel","templateContext","analytics","answerUI","isDisabled","value","model","type","onChange","Slides","stack","slides","validateButton","PlayerReviewPropTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {View, StyleSheet, Text, useWindowDimensions, Button} from 'react-native';\n\nimport FreeText from '../../../molecule/questions/free-text';\nimport {useTemplateContext} from '../template-context';\nimport {PlayerReviewPropTypes} from './prop-types';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import {BrandThemeContext} from '../../../app-shared/components/brand-theme-provider';\n// import Button from '../../../app-shared/components/button';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n\n// export type _Choice_ = {\n//   text?: string,\n//   selected: boolean\n// };\n\n// export type _Slide_ = {\n//   category: string,\n//   question: string,\n//   instruction: string,\n//   type: 'multiSelection' | 'singleSelection' | 'trueOrFalse',\n//   choices?: _Choice_[]\n// };\n\n// interface Props {\n//   slide: _Slide_;\n//   num: number;\n// }\n\nconst quizzerStyle = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 20,\n    // paddingTop: HEADER_HEIGHT + 20,      @todo with props\n    // backgroundColor: theme.colors.white, @todo with props\n    justifyContent: 'space-between',\n    alignItems: 'center'\n  }\n});\n\nconst SLIDE_HEIGHT = () => useWindowDimensions().height * 0.75;\n\n// const creatSlideStyle = (num: number) =>\nconst creatSlideStyle = (num, width, height) =>\n  StyleSheet.create({\n    slide: {\n      position: 'absolute',\n      top: height / 2 - SLIDE_HEIGHT() / 2 - num * 4,\n      flex: 1,\n      backgroundColor: '#fff',\n      // backgroundColor: theme.colors.white, @todo with props and useEffect\n      height: SLIDE_HEIGHT(),\n      width: width - 40 - num * 8,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    },\n    category: {\n      fontSize: 12,\n      lineHeight: 16,\n      // color: theme.colors.text.primary, @todo with props\n      // marginBottom: theme.spacing.tiny, @todo with props\n      // marginTop: theme.spacing.small,   @todo with props\n      textAlign: 'center'\n    },\n    question: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      // color: theme.colors.text.primary, @todo with props\n      textAlign: 'center'\n    },\n    instruction: {\n      fontSize: 12,\n      lineHeight: 16,\n      // color: theme.colors.gray.medium,  @todo with props\n      // marginBottom: theme.spacing.base, @todo with props\n      // marginTop: theme.spacing.small,   @todo with props\n      textAlign: 'center'\n    },\n    button: {\n      width: 287,\n      height: 52,\n      borderRadius: 7\n      // marginTop: theme.spacing.base  @todo with props\n    }\n  });\n\nconst createOptionStyle = selected => {\n  // const brandTheme = React.useContext(BrandThemeContext); @todo with props\n\n  return StyleSheet.create({\n    box: {\n      width: '100%',\n      // https://stackoverflow.com/a/66561995/959219\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.2,\n      shadowRadius: 16,\n      elevation: 8,\n      // backgroundColor: selected ? brandTheme.colors.primary : theme.colors.white, @todo with props\n      padding: 12,\n      marginTop: 4,\n      marginBottom: 4,\n      borderRadius: 8\n    },\n    text: {\n      fontSize: 15,\n      fontWeight: 'bold',\n      lineHeight: 24,\n      // color: selected ? theme.colors.white : theme.colors.text.primary, @todo with props\n      textAlign: 'center'\n    }\n  });\n};\n\nconst choicesStyle = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%',\n    justifyContent: 'center',\n    alignItems: 'center'\n  }\n});\n\n/* {choices.map(({text, selected = false}: _Choice_) => { */\nconst Choices = ({choices = []}) => (\n  <View style={choicesStyle.container}>\n    {choices.map(({text, selected = false}, index) => {\n      const optionStyle = createOptionStyle(selected);\n      return (\n        <View style={optionStyle.box} key={`choice-${index}`}>\n          <Text style={optionStyle.text}>\n            {text} {selected}\n          </Text>\n        </View>\n      );\n    })}\n  </View>\n);\n\nChoices.propTypes = {\n  choices: PropTypes.arrayOf({\n    text: PropTypes.text,\n    selected: PropTypes.bool\n  })\n};\n\nconst Slide = props => {\n  const {validateSlide, slide, num} = props;\n  const {width, height} = useWindowDimensions();\n\n  const slideStyle = creatSlideStyle(num, width, height);\n  const validateLabel = '__validate'; // translations.validate\n\n  const templateContext = useTemplateContext();\n  const {analytics} = templateContext;\n\n  const {\n    answerUI: {isDisabled = false, value = '', model: {type, onChange}} = {\n      isDisabled: false,\n      value: '',\n      model: {type: 'freeText', onChange: () => null}\n    }\n  } = slide;\n\n  switch (type) {\n    case 'freeText': {\n      return (\n        <View style={slideStyle.slide}>\n          <FreeText\n            isDisabled={isDisabled}\n            onChange={onChange}\n            value={value}\n            testID=\"free-text\"\n            questionType=\"basic\"\n            analytics={analytics}\n          />\n        </View>\n      );\n    }\n    default:\n  }\n\n  return (\n    <View style={slideStyle.slide}>\n      <Text style={slideStyle.category}>{num}</Text>\n      <Text style={slideStyle.question}>{slide.question}</Text>\n      <Text style={slideStyle.instruction}>{slide.instruction}</Text>\n\n      <Choices choices={slide.choices} />\n\n      <Button style={slideStyle.button} onPress={validateSlide} testID={`button-quizzer-validate`}>\n        {validateLabel}\n      </Button>\n    </View>\n  );\n};\n\n// const Slides = ({slide}: Props) => {\nconst Slides = props => {\n  const {stack} = props;\n  const {slides, validateButton: validateSlide} = stack;\n  if (!slides) {\n    return <View />;\n  }\n\n  return (\n    <View style={quizzerStyle.container}>\n      <Slide validateSlide={validateSlide} slide={slides[0]} num={0} key={`slide-${0}`} />\n      {/* {slides.reverse().map((_slide, index) => (\n      <Slide\n        validateSlide={validateSlide}\n        slide={_slide}\n        num={slides.length - index}\n        key={`slide-${index}`}\n      />\n    ))} */}\n    </View>\n  );\n};\n\nSlides.propTypes = PlayerReviewPropTypes;\n\nexport default Slides;\n"],"file":"index.native.js"}

package/lib/template/app-review/player/prop-types.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.PlayerReviewPropTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _propTypes2 = _interopRequireDefault(require("../../../organism/review-congrats/prop-types"));
+
+var _propTypes3 = _interopRequireDefault(require("../../../atom/review-background/prop-types"));
+
+var _propTypes4 = _interopRequireDefault(require("../../../organism/review-header/prop-types"));
+
+var _propTypes5 = _interopRequireDefault(require("../../../organism/review-stacked-slides/prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const PlayerReviewPropTypes = {
+  header: _propTypes.default.shape(_propTypes4.default),
+  stack: _propTypes.default.shape(_propTypes5.default),
+  reviewBackgroundAriaLabel: _propTypes3.default['aria-label'],
+  congratsProps: _propTypes.default.shape(_propTypes2.default)
+};
+exports.PlayerReviewPropTypes = PlayerReviewPropTypes;
+//# sourceMappingURL=prop-types.js.map

package/lib/template/app-review/player/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/player/prop-types.js"],"names":["PlayerReviewPropTypes","header","PropTypes","shape","ReviewHeaderPropTypes","stack","StackedSlidesPropTypes","reviewBackgroundAriaLabel","ReviewBackgroundPropTypes","congratsProps","ReviewCongratsPropTypes"],"mappings":";;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,qBAAqB,GAAG;AACnCC,EAAAA,MAAM,EAAEC,mBAAUC,KAAV,CAAgBC,mBAAhB,CAD2B;AAEnCC,EAAAA,KAAK,EAAEH,mBAAUC,KAAV,CAAgBG,mBAAhB,CAF4B;AAGnCC,EAAAA,yBAAyB,EAAEC,oBAA0B,YAA1B,CAHQ;AAInCC,EAAAA,aAAa,EAAEP,mBAAUC,KAAV,CAAgBO,mBAAhB;AAJoB,CAA9B","sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewCongratsPropTypes from '../../../organism/review-congrats/prop-types';\nimport ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';\nimport ReviewHeaderPropTypes from '../../../organism/review-header/prop-types';\nimport StackedSlidesPropTypes from '../../../organism/review-stacked-slides/prop-types';\n\nexport const PlayerReviewPropTypes = {\n  header: PropTypes.shape(ReviewHeaderPropTypes),\n  stack: PropTypes.shape(StackedSlidesPropTypes),\n  reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],\n  congratsProps: PropTypes.shape(ReviewCongratsPropTypes)\n};\n"],"file":"prop-types.js"}

package/lib/template/app-review/player/style.css

@@ -0,0 +1,41 @@
+.playerReviewContainer {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  /* --- ie11 fallback --- */
+  height: 100%;
+  /* --------------------- */
+  height: min-content;
+  min-height: 832px;
+}
+
+/* 
+  mozilla specific styling
+  - supports min-content but it calculates dynamic
+  flex child height differently than chromium browsers
+*/
+@supports (-moz-appearance:none) {
+  div.playerReviewContainer {
+    height: 100%;
+  } 
+}
+
+.reviewHeaderContainer {
+  width: 100%;
+}
+
+.congrats {
+  width: 100%;
+  height: 100%;
+  min-height: 832px;
+  position: absolute;
+}
+
+.playerBackground {
+  position: absolute;
+  display: block;
+  height: 100%;
+  min-height: 120vh;
+  top: 0;
+  left: 0;
+}

package/lib/template/app-review/prop-types.js

@@ -11,7 +11,7 @@ var _onboarding = _interopRequireDefault(require("./onboarding"));
 
 var _skills = _interopRequireDefault(require("./skills"));
 
-var _slides = _interopRequireDefault(require("./slides"));
+var _player = _interopRequireDefault(require("./player"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -21,14 +21,14 @@ const ViewNames = {
   skills: 'skills',
   onboarding: 'onboarding',
   slides: 'slides',
-  default: 'loader'
+  loader: 'loader'
 };
 exports.ViewNames = ViewNames;
 var _default = {
   viewName: _propTypes.default.oneOf((0, _keys.default)(ViewNames)),
   onboarding: _propTypes.default.shape(_extends({}, _onboarding.default.propTypes)),
   skills: _propTypes.default.shape(_extends({}, _skills.default.propTypes)),
-  slides: _propTypes.default.shape(_extends({}, _slides.default.propTypes))
+  slides: _propTypes.default.shape(_extends({}, _player.default.propTypes))
 };
 exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

package/lib/template/app-review/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/app-review/prop-types.js"],"names":["ViewNames","skills","onboarding","slides","default","viewName","PropTypes","oneOf","shape","Onboarding","propTypes","Skills","Slides"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,MAAM,EAAE,QADe;AAEvBC,EAAAA,UAAU,EAAE,YAFW;AAGvBC,EAAAA,MAAM,EAAE,QAHe;AAIvBC,EAAAA,OAAO,EAAE;AAJc,CAAlB;;eAOQ;AACbC,EAAAA,QAAQ,EAAEC,mBAAUC,KAAV,CAAgB,mBAAKP,SAAL,CAAhB,CADG;AAEbE,EAAAA,UAAU,EAAEI,mBAAUE,KAAV,cAAoBC,oBAAWC,SAA/B,EAFC;AAGbT,EAAAA,MAAM,EAAEK,mBAAUE,KAAV,cAAoBG,gBAAOD,SAA3B,EAHK;AAIbP,EAAAA,MAAM,EAAEG,mBAAUE,KAAV,cAAoBI,gBAAOF,SAA3B;AAJK,C","sourcesContent":["import PropTypes from 'prop-types';\nimport keys from 'lodash/fp/keys';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Slides from './slides';\n\nexport const ViewNames = {\n  skills: 'skills',\n  onboarding: 'onboarding',\n  slides: 'slides',\n  default: 'loader'\n};\n\nexport default {\n  viewName: PropTypes.oneOf(keys(ViewNames)),\n  onboarding: PropTypes.shape({...Onboarding.propTypes}),\n  skills: PropTypes.shape({...Skills.propTypes}),\n  slides: PropTypes.shape({...Slides.propTypes})\n};\n"],"file":"prop-types.js"}
+{"version":3,"sources":["../../../src/template/app-review/prop-types.js"],"names":["ViewNames","skills","onboarding","slides","loader","viewName","PropTypes","oneOf","shape","Onboarding","propTypes","Skills","Player"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,MAAM,EAAE,QADe;AAEvBC,EAAAA,UAAU,EAAE,YAFW;AAGvBC,EAAAA,MAAM,EAAE,QAHe;AAIvBC,EAAAA,MAAM,EAAE;AAJe,CAAlB;;eAOQ;AACbC,EAAAA,QAAQ,EAAEC,mBAAUC,KAAV,CAAgB,mBAAKP,SAAL,CAAhB,CADG;AAEbE,EAAAA,UAAU,EAAEI,mBAAUE,KAAV,cAAoBC,oBAAWC,SAA/B,EAFC;AAGbT,EAAAA,MAAM,EAAEK,mBAAUE,KAAV,cAAoBG,gBAAOD,SAA3B,EAHK;AAIbP,EAAAA,MAAM,EAAEG,mBAAUE,KAAV,cAAoBI,gBAAOF,SAA3B;AAJK,C","sourcesContent":["import PropTypes from 'prop-types';\nimport keys from 'lodash/fp/keys';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Player from './player';\n\nexport const ViewNames = {\n  skills: 'skills',\n  onboarding: 'onboarding',\n  slides: 'slides',\n  loader: 'loader'\n};\n\nexport default {\n  viewName: PropTypes.oneOf(keys(ViewNames)),\n  onboarding: PropTypes.shape({...Onboarding.propTypes}),\n  skills: PropTypes.shape({...Skills.propTypes}),\n  slides: PropTypes.shape({...Player.propTypes})\n};\n"],"file":"prop-types.js"}

package/lib/template/common/authors/index.js

@@ -19,9 +19,7 @@ var _socialLink = _interopRequireDefault(require("../../../atom/social-link"));
 
 var _link = _interopRequireDefault(require("../../../atom/link"));
 
-var _style = require("../../../atom/label/style.css");
-
-var _style2 = _interopRequireDefault(require("./style.css"));
+var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -70,35 +68,35 @@ class Authors extends _react.default.Component {
     })((sociallink, i) => /*#__PURE__*/_react.default.createElement("div", {
       key: i,
       "data-name": "link",
-      className: _style2.default.link
+      className: _style.default.link
     }, /*#__PURE__*/_react.default.createElement(_socialLink.default, sociallink)), sociallinks);
 
     const authorSocial = socialView.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.links
+      className: _style.default.links
     }, /*#__PURE__*/_react.default.createElement("span", null, socialTitle), socialView) : null;
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "authors",
-      className: _style2.default.wrapper
+      className: _style.default.wrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.authorsWrapper
+      className: _style.default.authorsWrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "header",
-      className: _style2.default.header
+      className: _style.default.header
     }, /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "image",
-      className: _style2.default.imgWrapper
+      className: _style.default.imgWrapper
     }, /*#__PURE__*/_react.default.createElement("img", {
       src: image
     })), /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.descWrapper
+      className: _style.default.descWrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "title",
-      className: _style2.default.title
+      className: _style.default.title
     }, title), /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.linksWrapper
+      className: _style.default.linksWrapper
     }, /*#__PURE__*/_react.default.createElement("span", null, website), /*#__PURE__*/_react.default.createElement(_link.default, {
       "data-name": "linkSite",
-      className: _style2.default.linksite,
+      className: _style.default.linksite,
       style: {
         color: defaultColor
       },
@@ -106,19 +104,19 @@ class Authors extends _react.default.Component {
       target: '_blank'
     }, urlcontent), authorSocial), /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "description",
-      className: fullDisplay ? _style2.default.desc : _style2.default.shortDesc
+      className: fullDisplay ? _style.default.desc : _style.default.shortDesc
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.innerHTML // eslint-disable-next-line react/no-danger
+      className: _style.default.innerHTML // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: description
       }
     })), /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "more",
-      className: _style2.default.toggle,
+      className: _style.default.toggle,
       onClick: this.handleToggleDisplay
     }, toggleLabel))), /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.cardsTitle
+      className: _style.default.cardsTitle
     }, cardsTitle), /*#__PURE__*/_react.default.createElement(_cardsGrid.default, cards)));
   }
 

package/lib/template/common/authors/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/common/authors/index.js"],"names":["Authors","React","Component","constructor","props","context","state","fullDisplay","handleToggleDisplay","bind","setState","prevState","render","image","title","description","cards","cardsTitle","socialTitle","sociallinks","website","urlwebsite","urlcontent","translate","skin","defaultColor","toggleLabel","socialView","convert","cap","sociallink","i","style","link","authorSocial","length","links","wrapper","authorsWrapper","header","imgWrapper","descWrapper","linksWrapper","linksite","color","desc","shortDesc","innerHTML","__html","toggle","Provider","childContextTypes","propTypes","PropTypes","shape","CardsGrid","string","arrayOf","type"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, map} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport CardsGrid from '../../../organism/cards-grid';\nimport SocialLink from '../../../atom/social-link';\nimport Link from '../../../atom/link';\nimport {innerHTML} from '../../../atom/label/style.css';\nimport style from './style.css';\n\nclass Authors extends React.Component {\n  static propTypes = {\n    cards: PropTypes.shape(CardsGrid.propTypes),\n    cardsTitle: PropTypes.string,\n    image: PropTypes.string,\n    title: PropTypes.string,\n    website: PropTypes.string,\n    urlcontent: PropTypes.string,\n    urlwebsite: PropTypes.string,\n    description: PropTypes.string,\n    socialTitle: PropTypes.string,\n    sociallinks: PropTypes.arrayOf(\n      PropTypes.shape({\n        type: PropTypes.string,\n        link: PropTypes.string\n      })\n    )\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate,\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      fullDisplay: false\n    };\n    this.handleToggleDisplay = this.handleToggleDisplay.bind(this);\n  }\n\n  handleToggleDisplay() {\n    this.setState(prevState => ({\n      fullDisplay: !prevState.fullDisplay\n    }));\n  }\n\n  render() {\n    const {\n      image,\n      title,\n      description,\n      cards,\n      cardsTitle,\n      socialTitle,\n      sociallinks,\n      website,\n      urlwebsite,\n      urlcontent\n    } = this.props;\n    const {fullDisplay} = this.state;\n\n    const {translate, skin} = this.context;\n    const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n    const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');\n\n    const socialView = map.convert({cap: false})(\n      (sociallink, i) => (\n        <div key={i} data-name=\"link\" className={style.link}>\n          <SocialLink {...sociallink} />\n        </div>\n      ),\n      sociallinks\n    );\n\n    const authorSocial =\n      socialView.length > 0 ? (\n        <div className={style.links}>\n          <span>{socialTitle}</span>\n          {socialView}\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"authors\" className={style.wrapper}>\n        <div className={style.authorsWrapper}>\n          <div data-name=\"header\" className={style.header}>\n            <div data-name=\"image\" className={style.imgWrapper}>\n              <img src={image} />\n            </div>\n            <div className={style.descWrapper}>\n              <div data-name=\"title\" className={style.title}>\n                {title}\n              </div>\n              <div className={style.linksWrapper}>\n                <span>{website}</span>\n                <Link\n                  data-name=\"linkSite\"\n                  className={style.linksite}\n                  style={{\n                    color: defaultColor\n                  }}\n                  href={urlwebsite}\n                  target={'_blank'}\n                >\n                  {urlcontent}\n                </Link>\n                {authorSocial}\n              </div>\n              <div data-name=\"description\" className={fullDisplay ? style.desc : style.shortDesc}>\n                <div\n                  className={innerHTML}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: description}}\n                />\n              </div>\n              <div data-name=\"more\" className={style.toggle} onClick={this.handleToggleDisplay}>\n                {toggleLabel}\n              </div>\n            </div>\n          </div>\n          <div className={style.cardsTitle}>{cardsTitle}</div>\n          <CardsGrid {...cards} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Authors;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/common/authors/index.js"],"names":["Authors","React","Component","constructor","props","context","state","fullDisplay","handleToggleDisplay","bind","setState","prevState","render","image","title","description","cards","cardsTitle","socialTitle","sociallinks","website","urlwebsite","urlcontent","translate","skin","defaultColor","toggleLabel","socialView","convert","cap","sociallink","i","style","link","authorSocial","length","links","wrapper","authorsWrapper","header","imgWrapper","descWrapper","linksWrapper","linksite","color","desc","shortDesc","innerHTML","__html","toggle","Provider","childContextTypes","propTypes","PropTypes","shape","CardsGrid","string","arrayOf","type"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, map} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport CardsGrid from '../../../organism/cards-grid';\nimport SocialLink from '../../../atom/social-link';\nimport Link from '../../../atom/link';\nimport style from './style.css';\n\nclass Authors extends React.Component {\n  static propTypes = {\n    cards: PropTypes.shape(CardsGrid.propTypes),\n    cardsTitle: PropTypes.string,\n    image: PropTypes.string,\n    title: PropTypes.string,\n    website: PropTypes.string,\n    urlcontent: PropTypes.string,\n    urlwebsite: PropTypes.string,\n    description: PropTypes.string,\n    socialTitle: PropTypes.string,\n    sociallinks: PropTypes.arrayOf(\n      PropTypes.shape({\n        type: PropTypes.string,\n        link: PropTypes.string\n      })\n    )\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate,\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      fullDisplay: false\n    };\n    this.handleToggleDisplay = this.handleToggleDisplay.bind(this);\n  }\n\n  handleToggleDisplay() {\n    this.setState(prevState => ({\n      fullDisplay: !prevState.fullDisplay\n    }));\n  }\n\n  render() {\n    const {\n      image,\n      title,\n      description,\n      cards,\n      cardsTitle,\n      socialTitle,\n      sociallinks,\n      website,\n      urlwebsite,\n      urlcontent\n    } = this.props;\n    const {fullDisplay} = this.state;\n\n    const {translate, skin} = this.context;\n    const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n    const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');\n\n    const socialView = map.convert({cap: false})(\n      (sociallink, i) => (\n        <div key={i} data-name=\"link\" className={style.link}>\n          <SocialLink {...sociallink} />\n        </div>\n      ),\n      sociallinks\n    );\n\n    const authorSocial =\n      socialView.length > 0 ? (\n        <div className={style.links}>\n          <span>{socialTitle}</span>\n          {socialView}\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"authors\" className={style.wrapper}>\n        <div className={style.authorsWrapper}>\n          <div data-name=\"header\" className={style.header}>\n            <div data-name=\"image\" className={style.imgWrapper}>\n              <img src={image} />\n            </div>\n            <div className={style.descWrapper}>\n              <div data-name=\"title\" className={style.title}>\n                {title}\n              </div>\n              <div className={style.linksWrapper}>\n                <span>{website}</span>\n                <Link\n                  data-name=\"linkSite\"\n                  className={style.linksite}\n                  style={{\n                    color: defaultColor\n                  }}\n                  href={urlwebsite}\n                  target={'_blank'}\n                >\n                  {urlcontent}\n                </Link>\n                {authorSocial}\n              </div>\n              <div data-name=\"description\" className={fullDisplay ? style.desc : style.shortDesc}>\n                <div\n                  className={style.innerHTML}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: description}}\n                />\n              </div>\n              <div data-name=\"more\" className={style.toggle} onClick={this.handleToggleDisplay}>\n                {toggleLabel}\n              </div>\n            </div>\n          </div>\n          <div className={style.cardsTitle}>{cardsTitle}</div>\n          <CardsGrid {...cards} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Authors;\n"],"file":"index.js"}

package/lib/template/common/authors/style.css

@@ -137,6 +137,10 @@
   display: none;
 }
 
+.innerHTML {
+  composes: innerHTML from '../../../atom/label/style.css';
+}
+
 @media desktop {
   .wrapper {
     max-width: 1080px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.22.7",
+  "version": "10.22.10",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -138,5 +138,5 @@
     "webpack": "^4.43.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "0581f6b96f948da672c274c4d233bc853981f4cc"
+  "gitHead": "508e3fdb30d727840bd9b13e9402c2970eb17731"
 }

package/es/template/app-review/slides/index.js

@@ -1,352 +0,0 @@
-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, { useState, useMemo, useEffect } from 'react';
-import classnames from 'classnames';
-import get from 'lodash/fp/get';
-import getOr from 'lodash/fp/getOr';
-import isNil from 'lodash/fp/isNil';
-import map from 'lodash/fp/map';
-import omit from 'lodash/fp/omit';
-import pipe from 'lodash/fp/pipe';
-import size from 'lodash/fp/size';
-import { ICON_VALUES } from '../../../atom/review-header-step-item';
-import ReviewBackground from '../../../atom/review-background';
-import ReviewCongrats from '../../../organism/review-congrats';
-import ReviewHeader from '../../../organism/review-header';
-import ReviewCorrectionPopin from '../../../molecule/review-correction-popin';
-import Answer from '../../../molecule/answer';
-import ButtonLink from '../../../atom/button-link';
-import style from './style.css';
-import { SlidesReviewPropTypes, SlidePropTypes, StackedSlidesPropTypes } from './prop-types';
-const stylesByPosition = {
-  0: style.position0,
-  1: style.position1,
-  2: style.position2,
-  3: style.position3,
-  4: style.position4
-};
-export const TOTAL_SLIDES_STACK = 5;
-export const HIGHEST_INDEX = TOTAL_SLIDES_STACK - 1;
-
-const getSlideAnimation = (action, position, hidden) => {
-  switch (action) {
-    /* istanbul ignore next */
-    case 'unstack':
-      return style.slideOutHideAndIn;
-
-    /* istanbul ignore next */
-
-    case 'restack':
-      return style.slideOutAndIn;
-
-    default:
-      return hidden ? style.hiddenSlide : stylesByPosition[position];
-  }
-};
-
-const Slide = ({
-  slideNumber,
-  slides,
-  primarySkinColor,
-  validate,
-  validateSlide,
-  finishedSlides,
-  finishedSlidesSize,
-  updateSlidesOnNext,
-  updateReviewStatus,
-  updateStepItemsOnNext,
-  progression,
-  correctionPopinProps
-}) => {
-  const hidden = getOr(false, `${slideNumber}.hidden`, slides);
-  const endReview = getOr(false, `${slideNumber}.endReview`, slides);
-  const position = get(`${slideNumber}.position`, slides);
-  const animationType = getOr(false, `${slideNumber}.animationType`, slides);
-  const isSlideCorrect = getOr(null, `${slideNumber}.isCorrect`, slides);
-  const questionText = get(`${slideNumber}.questionText`, slides);
-  const answerUI = get(`${slideNumber}.answerUI`, slides);
-  const validateLabel = getOr('', 'label', validate);
-  const validateButtonProps = {
-    customStyle: {
-      backgroundColor: primarySkinColor
-    },
-
-    /*
-      slide validation action, this will trigger the correction popin
-      (with the useEffect that fires the dispatchers, if there is a nextContent content,
-      it will be loaded here) but will not trigger any animations unless the endReview
-      signal is received (all slides will disappear, also fired in a useEffect),
-       if it is the last slide and the content needs to be different, then that update will
-      be handled on the next slide logic but the content will be carried from here.
-    */
-    onClick: async () => {
-      // endReview based on nextContent ref exit node values: 'successExitNode' : 'failExitNode'
-      await validateSlide();
-    },
-    'aria-label': validateLabel,
-    label: validateLabel,
-    'data-name': `slide-validate-button-${slideNumber}`,
-    className: style.validateButton,
-    disabled: !isNil(isSlideCorrect)
-  };
-  const klf = getOr({}, 'klf', correctionPopinProps);
-  const information = getOr({
-    label: '',
-    message: ''
-  }, 'information', correctionPopinProps);
-  const next = get('next', correctionPopinProps);
-  const successLabel = getOr('', 'successLabel', correctionPopinProps);
-  const failureLabel = getOr('', 'failureLabel', correctionPopinProps);
-  const _correctionPopinProps = {
-    next: {
-      /*
-        next slide action, this will trigger the slides animations
-        if it is the last slide AND the content needs to be different, then that update
-        of the content will be handled here (and in the validate as it happens normally )
-        from the content carried from the validate action.
-      */
-      onClick: () => {
-        const exitNode = get('exitNode', progression);
-        updateSlidesOnNext({
-          slideNumber,
-          newSlideContent: {
-            hidden: !!isSlideCorrect,
-            position: HIGHEST_INDEX - finishedSlidesSize,
-            // to restack the slide
-            animationType: isSlideCorrect ? 'unstack' : 'restack',
-            isCorrect: isSlideCorrect,
-            endReview: !!exitNode,
-            answerUI,
-            questionText
-          },
-          numberOfFinishedSlides: finishedSlidesSize
-        });
-        updateStepItemsOnNext({
-          stepNumber: slideNumber,
-          finishedSlides,
-          current: finishedSlidesSize === HIGHEST_INDEX &&
-          /* istanbul ignore next */
-          !isSlideCorrect
-        });
-        if (finishedSlidesSize === TOTAL_SLIDES_STACK) updateReviewStatus('finished');
-      },
-      label: next && next.label,
-      'data-name': `next-question-button-${slideNumber}`,
-      'aria-label': next && next['aria-label']
-    },
-    klf,
-    information,
-    type: isSlideCorrect ? 'right' : 'wrong',
-    resultLabel: isSlideCorrect ? successLabel : failureLabel
-  };
-  const questionOrigin = 'From "Master Design Thinking to become more agile" course';
-  const answerProps = get(['model', 'choices'], answerUI) ?
-  /* istanbul ignore next */
-  _extends(_extends({}, answerUI), {}, {
-    model: _extends(_extends({}, answerUI.model), {}, {
-      answers: answerUI.model.choices
-    })
-  }) : answerUI;
-  return /*#__PURE__*/React.createElement("div", {
-    key: `slide-${slideNumber}`,
-    "data-name": `slide-${slideNumber}`,
-    className: classnames(style.slideBase, getSlideAnimation(animationType, position, hidden), endReview ? style.endReview : null)
-  }, answerUI && questionText ? /*#__PURE__*/React.createElement("div", {
-    key: "content-container",
-    className: style.slideContentContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    key: "from-course",
-    className: style.questionOrigin
-  }, questionOrigin), /*#__PURE__*/React.createElement("div", {
-    key: "title",
-    className: style.question
-  }, questionText), /*#__PURE__*/React.createElement("div", {
-    key: "help",
-    className: style.help
-  }, answerUI.help), /*#__PURE__*/React.createElement("div", {
-    key: "answer-container",
-    className: style.answerContainer
-  }, /*#__PURE__*/React.createElement(Answer, _extends({}, answerProps, {
-    key: "answer"
-  })))) : null, /*#__PURE__*/React.createElement("div", {
-    key: "button-wrapper",
-    className: style.validateButtonWrapper
-  }, /*#__PURE__*/React.createElement(ButtonLink, validateButtonProps)), /*#__PURE__*/React.createElement("div", {
-    className: isSlideCorrect ? style.correctionPopinWrapper : style.hiddenCorrectionPopinWrapper,
-    style: _extends({}, finishedSlidesSize !== HIGHEST_INDEX && !isSlideCorrect && {
-      display: 'none'
-    })
-  }, /*#__PURE__*/React.createElement(ReviewCorrectionPopin, _correctionPopinProps)));
-};
-
-Slide.propTypes = process.env.NODE_ENV !== "production" ? SlidePropTypes : {};
-
-const StackedSlides = ({
-  slides,
-  primarySkinColor,
-  validate,
-  validateSlide,
-  finishedSlides,
-  finishedSlidesSize,
-  updateSlidesOnNext,
-  updateReviewStatus,
-  updateStepItemsOnNext,
-  progression,
-  correctionPopinProps
-}) => {
-  const stackedSlides = []; // eslint-disable-next-line fp/no-loops
-
-  for (let slideNumber = 0; slideNumber < TOTAL_SLIDES_STACK; slideNumber++) {
-    const slide = /*#__PURE__*/React.createElement(Slide, _extends({
-      slideNumber,
-      slides,
-      primarySkinColor,
-      validate,
-      validateSlide,
-      finishedSlides,
-      finishedSlidesSize,
-      updateSlidesOnNext,
-      updateReviewStatus,
-      updateStepItemsOnNext,
-      progression,
-      correctionPopinProps
-    }, {
-      key: slideNumber
-    }));
-    stackedSlides.push(slide);
-  }
-
-  return stackedSlides;
-};
-
-StackedSlides.propTypes = process.env.NODE_ENV !== "production" ? StackedSlidesPropTypes : {};
-
-const SlidesReview = ({
-  headerProps,
-  reviewBackgroundAriaLabel,
-  validate,
-  correctionPopinProps,
-  slides,
-  finishedSlides,
-  stepItems,
-  reviewStatus,
-  congratsProps,
-  validateSlide,
-  updateSlidesOnValidation,
-  updateSlidesOnNext,
-  updateReviewStatus,
-  updateStepItemsOnValidation,
-  updateStepItemsOnNext,
-  updateFinishedSlides,
-  progression
-}, context) => {
-  const {
-    skin
-  } = context;
-  const primarySkinColor = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);
-  const finishedSlidesSize = useMemo(() => pipe(omit('slideNumbers'), size)(finishedSlides), [finishedSlides]);
-  /*
-    ||-------> the slides have an slightly longer lifespan than the "ongoing" review State,
-    after reviewState changes to "finished" the slides don't have to unmount until the last
-    slide-out animation is finished, the slides have to be unmounted to be RGAA complaint.
-    (if they are only invisible -but- still mounted, then they will be found by the assisting
-    tools & clutter them)
-  */
-
-  const [shouldMountSlides, updateShouldMountSlides] = useState(true);
-  useEffect(
-  /* istanbul ignore next */
-  () => {
-    const slideNumber = get('slideNumber', progression); // temporal fix, should check for new slides in the state && then update
-
-    if (progression && slideNumber !== 0) {
-      const hidden = getOr(false, `${slideNumber}.hidden`, slides);
-      const endReview = getOr(false, `${slideNumber}.endReview`, slides);
-      const position = get(`${slideNumber}.position`, slides);
-      const isCorrect = get('isCorrect', progression);
-      const exitNode = get('exitNode', progression);
-      const nextContent = get('nextContent', progression);
-      updateSlidesOnValidation({
-        slideNumber,
-        newSlideContent: {
-          hidden,
-          position,
-          isCorrect,
-          endReview: !!exitNode
-        },
-        numberOfFinishedSlides: finishedSlidesSize,
-        nextContent
-      });
-      updateStepItemsOnValidation({
-        stepNumber: slideNumber,
-        icon: isCorrect ? ICON_VALUES.right : ICON_VALUES.wrong
-      });
-      if (isCorrect) updateFinishedSlides({
-        slideNumber,
-        value: true
-      });
-
-      if (endReview) {
-        updateReviewStatus('finished');
-      }
-    }
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [progression]);
-  useEffect(
-  /* istanbul ignore next */
-  () => {
-    if (reviewStatus === 'finished') {
-      setTimeout(() => updateShouldMountSlides(false), 2000);
-    }
-  }, [finishedSlidesSize, reviewStatus, updateReviewStatus]); // ||-------> transform the step items state to Array
-
-  const stepItemsArray = useMemo(() => pipe(omit('slideNumbers'), map(stepItem => stepItem))(stepItems), [stepItems]);
-
-  const _headerProps = _extends(_extends({}, headerProps), {}, {
-    steps: stepItemsArray,
-    key: 'review-header',
-    hiddenSteps: reviewStatus !== 'ongoing'
-  });
-
-  return /*#__PURE__*/React.createElement("div", {
-    key: "slides-revision-container",
-    "data-name": "slides-revision-container",
-    className: style.slidesRevisionContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    key: "player-background-container",
-    className: style.playerBackground
-  }, /*#__PURE__*/React.createElement(ReviewBackground, {
-    "aria-label": reviewBackgroundAriaLabel
-  })), /*#__PURE__*/React.createElement("div", {
-    key: "review-header-wrapper",
-    className: style.reviewHeaderContainer
-  }, /*#__PURE__*/React.createElement(ReviewHeader, _headerProps)), shouldMountSlides ? /*#__PURE__*/React.createElement("div", {
-    key: "stacked-slides-container-y-overflow",
-    className: style.stackedSlidesYAxisOverflowContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    key: "stacked-slides-container",
-    "data-name": "stacked-slides-container",
-    className: style.stackedSlidesContainer
-  }, /*#__PURE__*/React.createElement(StackedSlides, {
-    slides,
-    primarySkinColor,
-    validate,
-    validateSlide,
-    finishedSlides,
-    finishedSlidesSize,
-    updateSlidesOnNext,
-    updateReviewStatus,
-    updateStepItemsOnNext,
-    progression,
-    correctionPopinProps
-  }))) :
-  /* istanbul ignore next */
-  null, reviewStatus === 'finished' ? /*#__PURE__*/React.createElement("div", {
-    className: style.congrats,
-    "data-name": "congrats-container"
-  }, /*#__PURE__*/React.createElement(ReviewCongrats, congratsProps)) : null);
-};
-
-SlidesReview.propTypes = process.env.NODE_ENV !== "production" ? SlidesReviewPropTypes : {};
-export default SlidesReview;
-//# sourceMappingURL=index.js.map