@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

package/lib/organism/cart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Cart","props","context","productCardProps","promoCodeProps","paymentFormProps","backUrl","translate","style","parent","titleContainer","headerTitle","cart","productBlock","paymentBlock","backButton","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","ProductCard","PromoCode","PaymentForm","string"],"sources":["../../../src/organism/cart/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ProductCard from '../../molecule/product-card';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport PromoCode from '../../atom/promo-code';\nimport PaymentForm from '../../molecule/payment-form';\n\nimport style from './style.css';\n\nconst Cart = (props, context) => {\n  const {productCardProps, promoCodeProps, paymentFormProps, backUrl} = props;\n  const {translate} = context;\n\n  return (\n    <div className={style.parent}>\n      <div className={style.titleContainer}>\n        <div className={style.headerTitle}>{translate('cart_title')}</div>\n      </div>\n      <div className={style.cart}>\n        <div className={style.productBlock}>\n          <ProductCard {...productCardProps} />\n          <PromoCode {...promoCodeProps} />\n        </div>\n        <div className={style.paymentBlock}>\n          <PaymentForm {...paymentFormProps} />\n          <Link className={style.backButton} href={backUrl}>\n            {translate('back_to_catalog')}\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCart.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCart.propTypes = {\n  productCardProps: PropTypes.shape(ProductCard.propTypes),\n  promoCodeProps: PropTypes.shape(PromoCode.propTypes),\n  paymentFormProps: PropTypes.shape(PaymentForm.propTypes),\n  backUrl: PropTypes.string\n};\n\nexport default Cart;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAgC;AAEhC,MAAMA,IAAI,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC/B,MAAM;IAACC,gBAAgB;IAAEC,cAAc;IAAEC,gBAAgB;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAC3E,MAAM;IAACM;EAAS,CAAC,GAAGL,OAAO;EAE3B,oBACE;IAAK,SAAS,EAAEM,cAAK,CAACC;EAAO,gBAC3B;IAAK,SAAS,EAAED,cAAK,CAACE;EAAe,gBACnC;IAAK,SAAS,EAAEF,cAAK,CAACG;EAAY,GAAEJ,SAAS,CAAC,YAAY,CAAC,CAAO,CAC9D,eACN;IAAK,SAAS,EAAEC,cAAK,CAACI;EAAK,gBACzB;IAAK,SAAS,EAAEJ,cAAK,CAACK;EAAa,gBACjC,6BAAC,oBAAW,EAAKV,gBAAgB,CAAI,eACrC,6BAAC,kBAAS,EAAKC,cAAc,CAAI,CAC7B,eACN;IAAK,SAAS,EAAEI,cAAK,CAACM;EAAa,gBACjC,6BAAC,oBAAW,EAAKT,gBAAgB,CAAI,eACrC,6BAAC,aAAI;IAAC,SAAS,EAAEG,cAAK,CAACO,UAAW;IAAC,IAAI,EAAET;EAAQ,GAC9CC,SAAS,CAAC,iBAAiB,CAAC,CACxB,CACH,CACF,CACF;AAEV,CAAC;AAEDP,IAAI,CAACgB,YAAY,GAAG;EAClBT,SAAS,EAAEU,iBAAQ,CAACC,iBAAiB,CAACX;AACxC,CAAC;AAEDP,IAAI,CAACmB,SAAS,2CAAG;EACfhB,gBAAgB,EAAEiB,kBAAS,CAACC,KAAK,CAACC,oBAAW,CAACH,SAAS,CAAC;EACxDf,cAAc,EAAEgB,kBAAS,CAACC,KAAK,CAACE,kBAAS,CAACJ,SAAS,CAAC;EACpDd,gBAAgB,EAAEe,kBAAS,CAACC,KAAK,CAACG,oBAAW,CAACL,SAAS,CAAC;EACxDb,OAAO,EAAEc,kBAAS,CAACK;AACrB,CAAC;AAAC,eAEazB,IAAI;AAAA"}
+{"version":3,"file":"index.js","names":["Cart","props","context","productCardProps","promoCodeProps","paymentFormProps","backUrl","translate","style","parent","titleContainer","headerTitle","cart","productBlock","paymentBlock","backButton","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","ProductCard","PromoCode","PaymentForm","string"],"sources":["../../../src/organism/cart/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ProductCard from '../../molecule/product-card';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport PromoCode from '../../atom/promo-code';\nimport PaymentForm from '../../molecule/payment-form';\n\nimport style from './style.css';\n\nconst Cart = (props, context) => {\n  const {productCardProps, promoCodeProps, paymentFormProps, backUrl} = props;\n  const {translate} = context;\n\n  return (\n    <div className={style.parent}>\n      <div className={style.titleContainer}>\n        <div className={style.headerTitle}>{translate('cart_title')}</div>\n      </div>\n      <div className={style.cart}>\n        <div className={style.productBlock}>\n          <ProductCard {...productCardProps} />\n          <PromoCode {...promoCodeProps} />\n        </div>\n        <div className={style.paymentBlock}>\n          <PaymentForm {...paymentFormProps} />\n          <Link className={style.backButton} href={backUrl}>\n            {translate('back_to_catalog')}\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCart.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCart.propTypes = {\n  productCardProps: PropTypes.shape(ProductCard.propTypes),\n  promoCodeProps: PropTypes.shape(PromoCode.propTypes),\n  paymentFormProps: PropTypes.shape(PaymentForm.propTypes),\n  backUrl: PropTypes.string\n};\n\nexport default Cart;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAM;IAACC,gBAAD;IAAmBC,cAAnB;IAAmCC,gBAAnC;IAAqDC;EAArD,IAAgEL,KAAtE;EACA,MAAM;IAACM;EAAD,IAAcL,OAApB;EAEA,oBACE;IAAK,SAAS,EAAEM,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,GAAoCJ,SAAS,CAAC,YAAD,CAA7C,CADF,CADF,eAIE;IAAK,SAAS,EAAEC,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMK;EAAtB,gBACE,6BAAC,oBAAD,EAAiBV,gBAAjB,CADF,eAEE,6BAAC,kBAAD,EAAeC,cAAf,CAFF,CADF,eAKE;IAAK,SAAS,EAAEI,cAAA,CAAMM;EAAtB,gBACE,6BAAC,oBAAD,EAAiBT,gBAAjB,CADF,eAEE,6BAAC,aAAD;IAAM,SAAS,EAAEG,cAAA,CAAMO,UAAvB;IAAmC,IAAI,EAAET;EAAzC,GACGC,SAAS,CAAC,iBAAD,CADZ,CAFF,CALF,CAJF,CADF;AAmBD,CAvBD;;AAyBAP,IAAI,CAACgB,YAAL,GAAoB;EAClBT,SAAS,EAAEU,iBAAA,CAASC,iBAAT,CAA2BX;AADpB,CAApB;AAIAP,IAAI,CAACmB,SAAL,2CAAiB;EACfhB,gBAAgB,EAAEiB,kBAAA,CAAUC,KAAV,CAAgBC,oBAAA,CAAYH,SAA5B,CADH;EAEff,cAAc,EAAEgB,kBAAA,CAAUC,KAAV,CAAgBE,kBAAA,CAAUJ,SAA1B,CAFD;EAGfd,gBAAgB,EAAEe,kBAAA,CAAUC,KAAV,CAAgBG,oBAAA,CAAYL,SAA5B,CAHH;EAIfb,OAAO,EAAEc,kBAAA,CAAUK;AAJJ,CAAjB;eAOezB,I"}

package/lib/organism/content-translation/index.js

@@ -2,20 +2,32 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _verticalTabs = _interopRequireDefault(require("../../molecule/vertical-tabs"));
+
 var _inputText = _interopRequireDefault(require("../../atom/input-text"));
+
 var _inputTextarea = _interopRequireDefault(require("../../atom/input-textarea"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const buildCtaButton = cta => {
   if (!cta) {
     return;
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.button, _style.default.binButton)
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
@@ -28,6 +40,7 @@ const buildCtaButton = cta => {
     label: cta.label
   }));
 };
+
 const PlayListTranslation = props => {
   const {
     languageTabs,
@@ -53,6 +66,7 @@ const PlayListTranslation = props => {
     className: _style.default.input
   }, /*#__PURE__*/_react.default.createElement(_inputTextarea.default, textArea)), ctaButton));
 };
+
 PlayListTranslation.propTypes = process.env.NODE_ENV !== "production" ? {
   languageTabs: _verticalTabs.default.propTypes.tabs,
   inputText: _propTypes.default.shape(_extends({}, _inputText.default.propTypes, {

package/lib/organism/content-translation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildCtaButton","cta","classNames","style","button","binButton","handleOnClick","type","position","label","PlayListTranslation","props","languageTabs","inputText","textArea","listAriaLabel","ctaButton","ariaLabel","container","menu","horizontalSection","input","propTypes","VerticalLanguageMenu","tabs","PropTypes","shape","InputText","theme","string","TextArea","func","oneOf"],"sources":["../../../src/organism/content-translation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport VerticalLanguageMenu from '../../molecule/vertical-tabs';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport Button from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildCtaButton = cta => {\n  if (!cta) {\n    return;\n  }\n\n  return (\n    <div className={classNames(style.button, style.binButton)}>\n      <Button\n        onClick={cta.handleOnClick}\n        type=\"text\"\n        icon={{type: 'bin', position: 'left'}}\n        label={cta.label}\n      />\n    </div>\n  );\n};\n\nconst PlayListTranslation = props => {\n  const {languageTabs, inputText, textArea, cta, 'list-aria-label': listAriaLabel} = props;\n  const ctaButton = buildCtaButton(cta);\n\n  const ariaLabel = {'aria-label': listAriaLabel};\n  return (\n    <div className={style.container}>\n      <VerticalLanguageMenu {...ariaLabel} className={style.menu} tabs={languageTabs} />\n      <div className={style.horizontalSection}>\n        <div className={style.input}>\n          <InputText {...inputText} />\n        </div>\n        <div className={style.input}>\n          <TextArea {...textArea} />\n        </div>\n        {ctaButton}\n      </div>\n    </div>\n  );\n};\n\nPlayListTranslation.propTypes = {\n  languageTabs: VerticalLanguageMenu.propTypes.tabs,\n  inputText: PropTypes.shape({...InputText.propTypes, theme: PropTypes.string}),\n  textArea: PropTypes.shape({...TextArea.propTypes, theme: PropTypes.string}),\n  cta: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnClick: PropTypes.func,\n    type: PropTypes.oneOf(['delete'])\n  }),\n  'list-aria-label': PropTypes.string\n};\n\nexport default PlayListTranslation;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,cAAc,GAAGC,GAAG,IAAI;EAC5B,IAAI,CAACA,GAAG,EAAE;IACR;EACF;EAEA,oBACE;IAAK,SAAS,EAAE,IAAAC,mBAAU,EAACC,cAAK,CAACC,MAAM,EAAED,cAAK,CAACE,SAAS;EAAE,gBACxD,6BAAC,mBAAM;IACL,OAAO,EAAEJ,GAAG,CAACK,aAAc;IAC3B,IAAI,EAAC,MAAM;IACX,IAAI,EAAE;MAACC,IAAI,EAAE,KAAK;MAAEC,QAAQ,EAAE;IAAM,CAAE;IACtC,KAAK,EAAEP,GAAG,CAACQ;EAAM,EACjB,CACE;AAEV,CAAC;AAED,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;EACnC,MAAM;IAACC,YAAY;IAAEC,SAAS;IAAEC,QAAQ;IAAEb,GAAG;IAAE,iBAAiB,EAAEc;EAAa,CAAC,GAAGJ,KAAK;EACxF,MAAMK,SAAS,GAAGhB,cAAc,CAACC,GAAG,CAAC;EAErC,MAAMgB,SAAS,GAAG;IAAC,YAAY,EAAEF;EAAa,CAAC;EAC/C,oBACE;IAAK,SAAS,EAAEZ,cAAK,CAACe;EAAU,gBAC9B,6BAAC,qBAAoB,eAAKD,SAAS;IAAE,SAAS,EAAEd,cAAK,CAACgB,IAAK;IAAC,IAAI,EAAEP;EAAa,GAAG,eAClF;IAAK,SAAS,EAAET,cAAK,CAACiB;EAAkB,gBACtC;IAAK,SAAS,EAAEjB,cAAK,CAACkB;EAAM,gBAC1B,6BAAC,kBAAS,EAAKR,SAAS,CAAI,CACxB,eACN;IAAK,SAAS,EAAEV,cAAK,CAACkB;EAAM,gBAC1B,6BAAC,sBAAQ,EAAKP,QAAQ,CAAI,CACtB,EACLE,SAAS,CACN,CACF;AAEV,CAAC;AAEDN,mBAAmB,CAACY,SAAS,2CAAG;EAC9BV,YAAY,EAAEW,qBAAoB,CAACD,SAAS,CAACE,IAAI;EACjDX,SAAS,EAAEY,kBAAS,CAACC,KAAK,cAAKC,kBAAS,CAACL,SAAS;IAAEM,KAAK,EAAEH,kBAAS,CAACI;EAAM,GAAE;EAC7Ef,QAAQ,EAAEW,kBAAS,CAACC,KAAK,cAAKI,sBAAQ,CAACR,SAAS;IAAEM,KAAK,EAAEH,kBAAS,CAACI;EAAM,GAAE;EAC3E5B,GAAG,EAAEwB,kBAAS,CAACC,KAAK,CAAC;IACnBjB,KAAK,EAAEgB,kBAAS,CAACI,MAAM;IACvBvB,aAAa,EAAEmB,kBAAS,CAACM,IAAI;IAC7BxB,IAAI,EAAEkB,kBAAS,CAACO,KAAK,CAAC,CAAC,QAAQ,CAAC;EAClC,CAAC,CAAC;EACF,iBAAiB,EAAEP,kBAAS,CAACI;AAC/B,CAAC;AAAC,eAEanB,mBAAmB;AAAA"}
+{"version":3,"file":"index.js","names":["buildCtaButton","cta","classNames","style","button","binButton","handleOnClick","type","position","label","PlayListTranslation","props","languageTabs","inputText","textArea","listAriaLabel","ctaButton","ariaLabel","container","menu","horizontalSection","input","propTypes","VerticalLanguageMenu","tabs","PropTypes","shape","InputText","theme","string","TextArea","func","oneOf"],"sources":["../../../src/organism/content-translation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport VerticalLanguageMenu from '../../molecule/vertical-tabs';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport Button from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildCtaButton = cta => {\n  if (!cta) {\n    return;\n  }\n\n  return (\n    <div className={classNames(style.button, style.binButton)}>\n      <Button\n        onClick={cta.handleOnClick}\n        type=\"text\"\n        icon={{type: 'bin', position: 'left'}}\n        label={cta.label}\n      />\n    </div>\n  );\n};\n\nconst PlayListTranslation = props => {\n  const {languageTabs, inputText, textArea, cta, 'list-aria-label': listAriaLabel} = props;\n  const ctaButton = buildCtaButton(cta);\n\n  const ariaLabel = {'aria-label': listAriaLabel};\n  return (\n    <div className={style.container}>\n      <VerticalLanguageMenu {...ariaLabel} className={style.menu} tabs={languageTabs} />\n      <div className={style.horizontalSection}>\n        <div className={style.input}>\n          <InputText {...inputText} />\n        </div>\n        <div className={style.input}>\n          <TextArea {...textArea} />\n        </div>\n        {ctaButton}\n      </div>\n    </div>\n  );\n};\n\nPlayListTranslation.propTypes = {\n  languageTabs: VerticalLanguageMenu.propTypes.tabs,\n  inputText: PropTypes.shape({...InputText.propTypes, theme: PropTypes.string}),\n  textArea: PropTypes.shape({...TextArea.propTypes, theme: PropTypes.string}),\n  cta: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnClick: PropTypes.func,\n    type: PropTypes.oneOf(['delete'])\n  }),\n  'list-aria-label': PropTypes.string\n};\n\nexport default PlayListTranslation;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,cAAc,GAAGC,GAAG,IAAI;EAC5B,IAAI,CAACA,GAAL,EAAU;IACR;EACD;;EAED,oBACE;IAAK,SAAS,EAAE,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,MAAjB,EAAyBD,cAAA,CAAME,SAA/B;EAAhB,gBACE,6BAAC,mBAAD;IACE,OAAO,EAAEJ,GAAG,CAACK,aADf;IAEE,IAAI,EAAC,MAFP;IAGE,IAAI,EAAE;MAACC,IAAI,EAAE,KAAP;MAAcC,QAAQ,EAAE;IAAxB,CAHR;IAIE,KAAK,EAAEP,GAAG,CAACQ;EAJb,EADF,CADF;AAUD,CAfD;;AAiBA,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;EACnC,MAAM;IAACC,YAAD;IAAeC,SAAf;IAA0BC,QAA1B;IAAoCb,GAApC;IAAyC,mBAAmBc;EAA5D,IAA6EJ,KAAnF;EACA,MAAMK,SAAS,GAAGhB,cAAc,CAACC,GAAD,CAAhC;EAEA,MAAMgB,SAAS,GAAG;IAAC,cAAcF;EAAf,CAAlB;EACA,oBACE;IAAK,SAAS,EAAEZ,cAAA,CAAMe;EAAtB,gBACE,6BAAC,qBAAD,eAA0BD,SAA1B;IAAqC,SAAS,EAAEd,cAAA,CAAMgB,IAAtD;IAA4D,IAAI,EAAEP;EAAlE,GADF,eAEE;IAAK,SAAS,EAAET,cAAA,CAAMiB;EAAtB,gBACE;IAAK,SAAS,EAAEjB,cAAA,CAAMkB;EAAtB,gBACE,6BAAC,kBAAD,EAAeR,SAAf,CADF,CADF,eAIE;IAAK,SAAS,EAAEV,cAAA,CAAMkB;EAAtB,gBACE,6BAAC,sBAAD,EAAcP,QAAd,CADF,CAJF,EAOGE,SAPH,CAFF,CADF;AAcD,CAnBD;;AAqBAN,mBAAmB,CAACY,SAApB,2CAAgC;EAC9BV,YAAY,EAAEW,qBAAA,CAAqBD,SAArB,CAA+BE,IADf;EAE9BX,SAAS,EAAEY,kBAAA,CAAUC,KAAV,cAAoBC,kBAAA,CAAUL,SAA9B;IAAyCM,KAAK,EAAEH,kBAAA,CAAUI;EAA1D,GAFmB;EAG9Bf,QAAQ,EAAEW,kBAAA,CAAUC,KAAV,cAAoBI,sBAAA,CAASR,SAA7B;IAAwCM,KAAK,EAAEH,kBAAA,CAAUI;EAAzD,GAHoB;EAI9B5B,GAAG,EAAEwB,kBAAA,CAAUC,KAAV,CAAgB;IACnBjB,KAAK,EAAEgB,kBAAA,CAAUI,MADE;IAEnBvB,aAAa,EAAEmB,kBAAA,CAAUM,IAFN;IAGnBxB,IAAI,EAAEkB,kBAAA,CAAUO,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAHa,CAAhB,CAJyB;EAS9B,mBAAmBP,kBAAA,CAAUI;AATC,CAAhC;eAYenB,mB"}

package/lib/organism/course-selection/index.js

@@ -2,24 +2,40 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _kebabCase2 = _interopRequireDefault(require("lodash/fp/kebabCase"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _emptySearchResult = _interopRequireDefault(require("../../atom/empty-search-result"));
+
 var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
+
 var _selectMultiple = _interopRequireDefault(require("../../molecule/select-multiple"));
+
 var _card = _interopRequireDefault(require("../../molecule/card"));
+
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {
   if (!isLoading && (0, _isEmpty2.default)(courses)) {
     return /*#__PURE__*/_react.default.createElement(_emptySearchResult.default, emptyMessages);
   }
+
   const items = courses.map((card, index) => {
     const title = (0, _get2.default)('title', card);
     const type = (0, _get2.default)('type', card);
@@ -33,6 +49,7 @@ const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLo
     "aria-label": coursesSelectionAriaLabel
   }, items);
 };
+
 const CourseSelection = props => {
   const {
     search,
@@ -64,6 +81,7 @@ const CourseSelection = props => {
     theme: "coorpmanager"
   })) : resultView));
 };
+
 CourseSelection.propTypes = process.env.NODE_ENV !== "production" ? {
   search: _propTypes.default.shape(_inputSearch.default.PropTypes),
   isLoading: _propTypes.default.bool,

package/lib/organism/course-selection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","title","type","style","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","loaderContainer","loader","propTypes","PropTypes","shape","Search","bool","SelectMultiple","arrayOf","Card","string","firstMessage","secondMessage","InputSwitch"],"sources":["../../../src/organism/course-selection/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, kebabCase} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport Card from '../../molecule/card';\nimport InputSwitch from '../../atom/input-switch';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(courses)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = courses.map((card, index) => {\n    const title = get('title', card);\n    const type = get('type', card);\n    return (\n      <li className={style.cards} key={`card-${index}`} data-name={`${type}-${kebabCase(title)}`}>\n        <Card {...card} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={coursesSelectionAriaLabel}>{items}</ul>;\n};\n\nconst CourseSelection = props => {\n  const {\n    search,\n    contentTypeFilter,\n    courses,\n    emptyMessages,\n    isLoading = false,\n    'courses-selection-aria-label': coursesSelectionAriaLabel,\n    switchButton\n  } = props;\n\n  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);\n\n  return (\n    <div className={style.container}>\n      <div className={style.filters}>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n        <div className={style.contentFilter}>\n          <SelectMultiple {...contentTypeFilter} />\n        </div>\n        <InputSwitch {...switchButton} />\n      </div>\n      <div className={style.cardsContainer} data-name={'courses-result'}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nCourseSelection.propTypes = {\n  search: PropTypes.shape(Search.PropTypes),\n  isLoading: PropTypes.bool,\n  contentTypeFilter: PropTypes.shape(SelectMultiple.PropTypes),\n  courses: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  'courses-selection-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  }),\n  switchButton: PropTypes.shape(InputSwitch.PropTypes)\n};\n\nexport default CourseSelection;\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,eAAe,GAAG,CAACC,OAAO,EAAEC,yBAAyB,EAAEC,aAAa,EAAEC,SAAS,KAAK;EACxF,IAAI,CAACA,SAAS,IAAI,uBAAQH,OAAO,CAAC,EAAE;IAClC,oBAAO,6BAAC,0BAAiB,EAAKE,aAAa,CAAI;EACjD;EAEA,MAAME,KAAK,GAAGJ,OAAO,CAACK,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IACzC,MAAMC,KAAK,GAAG,mBAAI,OAAO,EAAEF,IAAI,CAAC;IAChC,MAAMG,IAAI,GAAG,mBAAI,MAAM,EAAEH,IAAI,CAAC;IAC9B,oBACE;MAAI,SAAS,EAAEI,cAAK,CAACC,KAAM;MAAC,GAAG,EAAG,QAAOJ,KAAM,EAAE;MAAC,aAAY,GAAEE,IAAK,IAAG,yBAAUD,KAAK,CAAE;IAAE,gBACzF,6BAAC,aAAI,EAAKF,IAAI,CAAI,CACf;EAET,CAAC,CAAC;EAEF,oBAAO;IAAI,cAAYL;EAA0B,GAAEG,KAAK,CAAM;AAChE,CAAC;AAED,MAAMQ,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IACJC,MAAM;IACNC,iBAAiB;IACjBf,OAAO;IACPE,aAAa;IACbC,SAAS,GAAG,KAAK;IACjB,8BAA8B,EAAEF,yBAAyB;IACzDe;EACF,CAAC,GAAGH,KAAK;EAET,MAAMI,UAAU,GAAGlB,eAAe,CAACC,OAAO,EAAEC,yBAAyB,EAAEC,aAAa,EAAEC,SAAS,CAAC;EAEhG,oBACE;IAAK,SAAS,EAAEO,cAAK,CAACQ;EAAU,gBAC9B;IAAK,SAAS,EAAER,cAAK,CAACS;EAAQ,gBAC5B;IAAK,SAAS,EAAET,cAAK,CAACI;EAAO,gBAC3B,6BAAC,oBAAM,eAAKA,MAAM;IAAE,KAAK,EAAC;EAAc,GAAG,CACvC,eACN;IAAK,SAAS,EAAEJ,cAAK,CAACU;EAAc,gBAClC,6BAAC,uBAAc,EAAKL,iBAAiB,CAAI,CACrC,eACN,6BAAC,oBAAW,EAAKC,YAAY,CAAI,CAC7B,eACN;IAAK,SAAS,EAAEN,cAAK,CAACW,cAAe;IAAC,aAAW;EAAiB,GAC/DlB,SAAS,gBACR;IAAK,SAAS,EAAEO,cAAK,CAACY;EAAgB,gBACpC,6BAAC,eAAM;IAAC,SAAS,EAAEZ,cAAK,CAACa,MAAO;IAAC,KAAK,EAAC;EAAc,EAAG,CACpD,GAENN,UACD,CACG,CACF;AAEV,CAAC;AAEDL,eAAe,CAACY,SAAS,2CAAG;EAC1BV,MAAM,EAAEW,kBAAS,CAACC,KAAK,CAACC,oBAAM,CAACF,SAAS,CAAC;EACzCtB,SAAS,EAAEsB,kBAAS,CAACG,IAAI;EACzBb,iBAAiB,EAAEU,kBAAS,CAACC,KAAK,CAACG,uBAAc,CAACJ,SAAS,CAAC;EAC5DzB,OAAO,EAAEyB,kBAAS,CAACK,OAAO,CAACL,kBAAS,CAACC,KAAK,CAACK,aAAI,CAACP,SAAS,CAAC,CAAC;EAC3D,8BAA8B,EAAEC,kBAAS,CAACO,MAAM;EAChD9B,aAAa,EAAEuB,kBAAS,CAACC,KAAK,CAAC;IAC7BO,YAAY,EAAER,kBAAS,CAACO,MAAM;IAC9BE,aAAa,EAAET,kBAAS,CAACO;EAC3B,CAAC,CAAC;EACFhB,YAAY,EAAES,kBAAS,CAACC,KAAK,CAACS,oBAAW,CAACV,SAAS;AACrD,CAAC;AAAC,eAEab,eAAe;AAAA"}
+{"version":3,"file":"index.js","names":["buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","title","type","style","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","loaderContainer","loader","propTypes","PropTypes","shape","Search","bool","SelectMultiple","arrayOf","Card","string","firstMessage","secondMessage","InputSwitch"],"sources":["../../../src/organism/course-selection/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, kebabCase} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport Card from '../../molecule/card';\nimport InputSwitch from '../../atom/input-switch';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(courses)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = courses.map((card, index) => {\n    const title = get('title', card);\n    const type = get('type', card);\n    return (\n      <li className={style.cards} key={`card-${index}`} data-name={`${type}-${kebabCase(title)}`}>\n        <Card {...card} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={coursesSelectionAriaLabel}>{items}</ul>;\n};\n\nconst CourseSelection = props => {\n  const {\n    search,\n    contentTypeFilter,\n    courses,\n    emptyMessages,\n    isLoading = false,\n    'courses-selection-aria-label': coursesSelectionAriaLabel,\n    switchButton\n  } = props;\n\n  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);\n\n  return (\n    <div className={style.container}>\n      <div className={style.filters}>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n        <div className={style.contentFilter}>\n          <SelectMultiple {...contentTypeFilter} />\n        </div>\n        <InputSwitch {...switchButton} />\n      </div>\n      <div className={style.cardsContainer} data-name={'courses-result'}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nCourseSelection.propTypes = {\n  search: PropTypes.shape(Search.PropTypes),\n  isLoading: PropTypes.bool,\n  contentTypeFilter: PropTypes.shape(SelectMultiple.PropTypes),\n  courses: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  'courses-selection-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  }),\n  switchButton: PropTypes.shape(InputSwitch.PropTypes)\n};\n\nexport default CourseSelection;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,KAAkE;EACxF,IAAI,CAACA,SAAD,IAAc,uBAAQH,OAAR,CAAlB,EAAoC;IAClC,oBAAO,6BAAC,0BAAD,EAAuBE,aAAvB,CAAP;EACD;;EAED,MAAME,KAAK,GAAGJ,OAAO,CAACK,GAAR,CAAY,CAACC,IAAD,EAAOC,KAAP,KAAiB;IACzC,MAAMC,KAAK,GAAG,mBAAI,OAAJ,EAAaF,IAAb,CAAd;IACA,MAAMG,IAAI,GAAG,mBAAI,MAAJ,EAAYH,IAAZ,CAAb;IACA,oBACE;MAAI,SAAS,EAAEI,cAAA,CAAMC,KAArB;MAA4B,GAAG,EAAG,QAAOJ,KAAM,EAA/C;MAAkD,aAAY,GAAEE,IAAK,IAAG,yBAAUD,KAAV,CAAiB;IAAzF,gBACE,6BAAC,aAAD,EAAUF,IAAV,CADF,CADF;EAKD,CARa,CAAd;EAUA,oBAAO;IAAI,cAAYL;EAAhB,GAA4CG,KAA5C,CAAP;AACD,CAhBD;;AAkBA,MAAMQ,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IACJC,MADI;IAEJC,iBAFI;IAGJf,OAHI;IAIJE,aAJI;IAKJC,SAAS,GAAG,KALR;IAMJ,gCAAgCF,yBAN5B;IAOJe;EAPI,IAQFH,KARJ;EAUA,MAAMI,UAAU,GAAGlB,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,CAAlC;EAEA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMQ;EAAtB,gBACE;IAAK,SAAS,EAAER,cAAA,CAAMS;EAAtB,gBACE;IAAK,SAAS,EAAET,cAAA,CAAMI;EAAtB,gBACE,6BAAC,oBAAD,eAAYA,MAAZ;IAAoB,KAAK,EAAC;EAA1B,GADF,CADF,eAIE;IAAK,SAAS,EAAEJ,cAAA,CAAMU;EAAtB,gBACE,6BAAC,uBAAD,EAAoBL,iBAApB,CADF,CAJF,eAOE,6BAAC,oBAAD,EAAiBC,YAAjB,CAPF,CADF,eAUE;IAAK,SAAS,EAAEN,cAAA,CAAMW,cAAtB;IAAsC,aAAW;EAAjD,GACGlB,SAAS,gBACR;IAAK,SAAS,EAAEO,cAAA,CAAMY;EAAtB,gBACE,6BAAC,eAAD;IAAQ,SAAS,EAAEZ,cAAA,CAAMa,MAAzB;IAAiC,KAAK,EAAC;EAAvC,EADF,CADQ,GAKRN,UANJ,CAVF,CADF;AAsBD,CAnCD;;AAqCAL,eAAe,CAACY,SAAhB,2CAA4B;EAC1BV,MAAM,EAAEW,kBAAA,CAAUC,KAAV,CAAgBC,oBAAA,CAAOF,SAAvB,CADkB;EAE1BtB,SAAS,EAAEsB,kBAAA,CAAUG,IAFK;EAG1Bb,iBAAiB,EAAEU,kBAAA,CAAUC,KAAV,CAAgBG,uBAAA,CAAeJ,SAA/B,CAHO;EAI1BzB,OAAO,EAAEyB,kBAAA,CAAUK,OAAV,CAAkBL,kBAAA,CAAUC,KAAV,CAAgBK,aAAA,CAAKP,SAArB,CAAlB,CAJiB;EAK1B,gCAAgCC,kBAAA,CAAUO,MALhB;EAM1B9B,aAAa,EAAEuB,kBAAA,CAAUC,KAAV,CAAgB;IAC7BO,YAAY,EAAER,kBAAA,CAAUO,MADK;IAE7BE,aAAa,EAAET,kBAAA,CAAUO;EAFI,CAAhB,CANW;EAU1BhB,YAAY,EAAES,kBAAA,CAAUC,KAAV,CAAgBS,oBAAA,CAAYV,SAA5B;AAVY,CAA5B;eAaeb,e"}

package/lib/organism/discussion/index.js

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _proptypes = require("../../util/proptypes");
+
 var _forumComment = _interopRequireDefault(require("../../molecule/forum/forum-comment"));
+
 var _forumThread = _interopRequireDefault(require("../../molecule/forum/forum-thread"));
+
 var _postConditions = _interopRequireDefault(require("../../molecule/forum/post-conditions"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function Discussion(props) {
   const {
     threads = [],
@@ -51,14 +63,14 @@ function Discussion(props) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.header
   }, /*#__PURE__*/_react.default.createElement("h1", {
-    id: "forum-discussion"
-    // eslint-disable-next-line react/no-danger
+    id: "forum-discussion" // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
     }
   }), commentView), threadsView, loader);
 }
+
 Discussion.propTypes = process.env.NODE_ENV !== "production" ? {
   avatar: _proptypes.SrcPropType,
   loading: _propTypes.default.bool,

package/lib/organism/discussion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Discussion","props","threads","title","avatar","value","loading","onPost","onChange","hideComments","textareaDisabled","postDisabled","className","profileAvatarAlt","threadsView","map","thread","id","commentView","loader","style","classnames","header","__html","propTypes","SrcPropType","PropTypes","bool","string","func","arrayOf","shape","postConditions"],"sources":["../../../src/organism/discussion/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {SrcPropType} from '../../util/proptypes';\nimport ForumComment from '../../molecule/forum/forum-comment';\nimport ForumThread from '../../molecule/forum/forum-thread';\nimport postConditions from '../../molecule/forum/post-conditions';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nfunction Discussion(props) {\n  const {\n    threads = [],\n    title,\n    avatar,\n    value,\n    loading,\n    onPost,\n    onChange,\n    hideComments,\n    textareaDisabled,\n    postDisabled,\n    className,\n    profileAvatarAlt\n  } = props;\n\n  const threadsView = threads.map(thread => <ForumThread {...thread} key={thread.id} mainPost />);\n\n  const commentView = !hideComments ? (\n    <ForumComment\n      avatar={avatar}\n      value={value}\n      profileAvatarAlt={profileAvatarAlt}\n      newPost\n      onPost={onPost}\n      onChange={onChange}\n      textareaDisabled={textareaDisabled}\n      postDisabled={postDisabled}\n    />\n  ) : null;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  return (\n    <div data-name=\"discussion\" className={classnames(style.thread, className)}>\n      <div className={style.header}>\n        <h1\n          id=\"forum-discussion\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        {commentView}\n      </div>\n      {threadsView}\n      {loader}\n    </div>\n  );\n}\nDiscussion.propTypes = {\n  avatar: SrcPropType,\n  loading: PropTypes.bool,\n  value: PropTypes.string,\n  profileAvatarAlt: PropTypes.string,\n  title: PropTypes.string,\n  onPost: PropTypes.func,\n  onChange: PropTypes.func,\n  threads: PropTypes.arrayOf(PropTypes.shape(postConditions)),\n  textareaDisabled: PropTypes.bool,\n  postDisabled: PropTypes.bool,\n  className: PropTypes.string,\n  hideComments: PropTypes.bool\n};\n\nexport default Discussion;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,SAASA,UAAU,CAACC,KAAK,EAAE;EACzB,MAAM;IACJC,OAAO,GAAG,EAAE;IACZC,KAAK;IACLC,MAAM;IACNC,KAAK;IACLC,OAAO;IACPC,MAAM;IACNC,QAAQ;IACRC,YAAY;IACZC,gBAAgB;IAChBC,YAAY;IACZC,SAAS;IACTC;EACF,CAAC,GAAGZ,KAAK;EAET,MAAMa,WAAW,GAAGZ,OAAO,CAACa,GAAG,CAACC,MAAM,iBAAI,6BAAC,oBAAW,eAAKA,MAAM;IAAE,GAAG,EAAEA,MAAM,CAACC,EAAG;IAAC,QAAQ;EAAA,GAAG,CAAC;EAE/F,MAAMC,WAAW,GAAG,CAACT,YAAY,gBAC/B,6BAAC,qBAAY;IACX,MAAM,EAAEL,MAAO;IACf,KAAK,EAAEC,KAAM;IACb,gBAAgB,EAAEQ,gBAAiB;IACnC,OAAO;IACP,MAAM,EAAEN,MAAO;IACf,QAAQ,EAAEC,QAAS;IACnB,gBAAgB,EAAEE,gBAAiB;IACnC,YAAY,EAAEC;EAAa,EAC3B,GACA,IAAI;EAER,MAAMQ,MAAM,GAAGb,OAAO,gBACpB;IAAK,SAAS,EAAEc,cAAK,CAACD;EAAO,gBAC3B,6BAAC,eAAM,OAAG,CACN,GACJ,IAAI;EAER,oBACE;IAAK,aAAU,YAAY;IAAC,SAAS,EAAE,IAAAE,mBAAU,EAACD,cAAK,CAACJ,MAAM,EAAEJ,SAAS;EAAE,gBACzE;IAAK,SAAS,EAAEQ,cAAK,CAACE;EAAO,gBAC3B;IACE,EAAE,EAAC;IACH;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEpB;IAAK;EAAE,EACzC,EACDe,WAAW,CACR,EACLJ,WAAW,EACXK,MAAM,CACH;AAEV;AACAnB,UAAU,CAACwB,SAAS,2CAAG;EACrBpB,MAAM,EAAEqB,sBAAW;EACnBnB,OAAO,EAAEoB,kBAAS,CAACC,IAAI;EACvBtB,KAAK,EAAEqB,kBAAS,CAACE,MAAM;EACvBf,gBAAgB,EAAEa,kBAAS,CAACE,MAAM;EAClCzB,KAAK,EAAEuB,kBAAS,CAACE,MAAM;EACvBrB,MAAM,EAAEmB,kBAAS,CAACG,IAAI;EACtBrB,QAAQ,EAAEkB,kBAAS,CAACG,IAAI;EACxB3B,OAAO,EAAEwB,kBAAS,CAACI,OAAO,CAACJ,kBAAS,CAACK,KAAK,CAACC,uBAAc,CAAC,CAAC;EAC3DtB,gBAAgB,EAAEgB,kBAAS,CAACC,IAAI;EAChChB,YAAY,EAAEe,kBAAS,CAACC,IAAI;EAC5Bf,SAAS,EAAEc,kBAAS,CAACE,MAAM;EAC3BnB,YAAY,EAAEiB,kBAAS,CAACC;AAC1B,CAAC;AAAC,eAEa3B,UAAU;AAAA"}
+{"version":3,"file":"index.js","names":["Discussion","props","threads","title","avatar","value","loading","onPost","onChange","hideComments","textareaDisabled","postDisabled","className","profileAvatarAlt","threadsView","map","thread","id","commentView","loader","style","classnames","header","__html","propTypes","SrcPropType","PropTypes","bool","string","func","arrayOf","shape","postConditions"],"sources":["../../../src/organism/discussion/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {SrcPropType} from '../../util/proptypes';\nimport ForumComment from '../../molecule/forum/forum-comment';\nimport ForumThread from '../../molecule/forum/forum-thread';\nimport postConditions from '../../molecule/forum/post-conditions';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nfunction Discussion(props) {\n  const {\n    threads = [],\n    title,\n    avatar,\n    value,\n    loading,\n    onPost,\n    onChange,\n    hideComments,\n    textareaDisabled,\n    postDisabled,\n    className,\n    profileAvatarAlt\n  } = props;\n\n  const threadsView = threads.map(thread => <ForumThread {...thread} key={thread.id} mainPost />);\n\n  const commentView = !hideComments ? (\n    <ForumComment\n      avatar={avatar}\n      value={value}\n      profileAvatarAlt={profileAvatarAlt}\n      newPost\n      onPost={onPost}\n      onChange={onChange}\n      textareaDisabled={textareaDisabled}\n      postDisabled={postDisabled}\n    />\n  ) : null;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  return (\n    <div data-name=\"discussion\" className={classnames(style.thread, className)}>\n      <div className={style.header}>\n        <h1\n          id=\"forum-discussion\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        {commentView}\n      </div>\n      {threadsView}\n      {loader}\n    </div>\n  );\n}\nDiscussion.propTypes = {\n  avatar: SrcPropType,\n  loading: PropTypes.bool,\n  value: PropTypes.string,\n  profileAvatarAlt: PropTypes.string,\n  title: PropTypes.string,\n  onPost: PropTypes.func,\n  onChange: PropTypes.func,\n  threads: PropTypes.arrayOf(PropTypes.shape(postConditions)),\n  textareaDisabled: PropTypes.bool,\n  postDisabled: PropTypes.bool,\n  className: PropTypes.string,\n  hideComments: PropTypes.bool\n};\n\nexport default Discussion;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,SAASA,UAAT,CAAoBC,KAApB,EAA2B;EACzB,MAAM;IACJC,OAAO,GAAG,EADN;IAEJC,KAFI;IAGJC,MAHI;IAIJC,KAJI;IAKJC,OALI;IAMJC,MANI;IAOJC,QAPI;IAQJC,YARI;IASJC,gBATI;IAUJC,YAVI;IAWJC,SAXI;IAYJC;EAZI,IAaFZ,KAbJ;EAeA,MAAMa,WAAW,GAAGZ,OAAO,CAACa,GAAR,CAAYC,MAAM,iBAAI,6BAAC,oBAAD,eAAiBA,MAAjB;IAAyB,GAAG,EAAEA,MAAM,CAACC,EAArC;IAAyC,QAAQ;EAAjD,GAAtB,CAApB;EAEA,MAAMC,WAAW,GAAG,CAACT,YAAD,gBAClB,6BAAC,qBAAD;IACE,MAAM,EAAEL,MADV;IAEE,KAAK,EAAEC,KAFT;IAGE,gBAAgB,EAAEQ,gBAHpB;IAIE,OAAO,MAJT;IAKE,MAAM,EAAEN,MALV;IAME,QAAQ,EAAEC,QANZ;IAOE,gBAAgB,EAAEE,gBAPpB;IAQE,YAAY,EAAEC;EARhB,EADkB,GAWhB,IAXJ;EAaA,MAAMQ,MAAM,GAAGb,OAAO,gBACpB;IAAK,SAAS,EAAEc,cAAA,CAAMD;EAAtB,gBACE,6BAAC,eAAD,OADF,CADoB,GAIlB,IAJJ;EAMA,oBACE;IAAK,aAAU,YAAf;IAA4B,SAAS,EAAE,IAAAE,mBAAA,EAAWD,cAAA,CAAMJ,MAAjB,EAAyBJ,SAAzB;EAAvC,gBACE;IAAK,SAAS,EAAEQ,cAAA,CAAME;EAAtB,gBACE;IACE,EAAE,EAAC,kBADL,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEpB;IAAT;EAH3B,EADF,EAMGe,WANH,CADF,EASGJ,WATH,EAUGK,MAVH,CADF;AAcD;;AACDnB,UAAU,CAACwB,SAAX,2CAAuB;EACrBpB,MAAM,EAAEqB,sBADa;EAErBnB,OAAO,EAAEoB,kBAAA,CAAUC,IAFE;EAGrBtB,KAAK,EAAEqB,kBAAA,CAAUE,MAHI;EAIrBf,gBAAgB,EAAEa,kBAAA,CAAUE,MAJP;EAKrBzB,KAAK,EAAEuB,kBAAA,CAAUE,MALI;EAMrBrB,MAAM,EAAEmB,kBAAA,CAAUG,IANG;EAOrBrB,QAAQ,EAAEkB,kBAAA,CAAUG,IAPC;EAQrB3B,OAAO,EAAEwB,kBAAA,CAAUI,OAAV,CAAkBJ,kBAAA,CAAUK,KAAV,CAAgBC,uBAAhB,CAAlB,CARY;EASrBtB,gBAAgB,EAAEgB,kBAAA,CAAUC,IATP;EAUrBhB,YAAY,EAAEe,kBAAA,CAAUC,IAVH;EAWrBf,SAAS,EAAEc,kBAAA,CAAUE,MAXA;EAYrBnB,YAAY,EAAEiB,kBAAA,CAAUC;AAZH,CAAvB;eAee3B,U"}

package/lib/organism/get-the-app/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _button = _interopRequireDefault(require("../../atom/button"));
+
 var _picture = _interopRequireDefault(require("../../atom/picture"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const Header = ({
   step,
   header,
@@ -28,11 +38,13 @@ const Header = ({
 }, header, " "), subHeader ? /*#__PURE__*/_react.default.createElement("h4", {
   className: _style.default.subHeader
 }, subHeader, " ") : null);
+
 Header.propTypes = process.env.NODE_ENV !== "production" ? {
   step: _propTypes.default.string,
   header: _propTypes.default.string,
   subHeader: _propTypes.default.string
 } : {};
+
 const QrCodeImage = ({
   showMobileAppAccess,
   qrCodeImageUrl,
@@ -55,6 +67,7 @@ const QrCodeImage = ({
     className: _style.default.qrcodeModalLink
   }, /*#__PURE__*/_react.default.createElement("span", null, linkMessage, " ")), /*#__PURE__*/_react.default.createElement("span", null, endMessage, " "))) : null);
 };
+
 QrCodeImage.propTypes = process.env.NODE_ENV !== "production" ? {
   showMobileAppAccess: _propTypes.default.bool,
   qrCodeImageUrl: _propTypes.default.string,
@@ -63,6 +76,7 @@ QrCodeImage.propTypes = process.env.NODE_ENV !== "production" ? {
   endMessage: _propTypes.default.string,
   qrCodeImageAlt: _propTypes.default.string
 } : {};
+
 const MagicLink = ({
   disabled,
   submitValue,
@@ -84,11 +98,13 @@ const MagicLink = ({
     className: _style.default.magicLinkIcon
   }), /*#__PURE__*/_react.default.createElement("p", null, submitValue))));
 };
+
 MagicLink.propTypes = process.env.NODE_ENV !== "production" ? {
   magicLinkUrl: _propTypes.default.string,
   disabled: _propTypes.default.bool,
   submitValue: _propTypes.default.string
 } : {};
+
 const StoresLinks = ({
   onAppStoreButtonClick,
   appStoreButtonImageUrl,
@@ -109,6 +125,7 @@ const StoresLinks = ({
   onClick: onPlayStoreButtonClick,
   alt: androidAlt
 }));
+
 StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   onAppStoreButtonClick: _propTypes.default.func,
   appStoreButtonImageUrl: _propTypes.default.string,
@@ -117,6 +134,7 @@ StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   'android-alt': _propTypes.default.string,
   'ios-alt': _propTypes.default.string
 } : {};
+
 const Divider = ({
   word
 }) => /*#__PURE__*/_react.default.createElement("div", {
@@ -126,9 +144,11 @@ const Divider = ({
 }), /*#__PURE__*/_react.default.createElement("p", null, word), /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.divider
 }));
+
 Divider.propTypes = process.env.NODE_ENV !== "production" ? {
   word: _propTypes.default.string
 } : {};
+
 const GetTheApp = (props, context) => {
   const {
     onAppStoreButtonClick,
@@ -199,6 +219,7 @@ const GetTheApp = (props, context) => {
     magicLinkUrl: magicLinkUrl
   })))));
 };
+
 GetTheApp.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, StoresLinks.propTypes, {
   storeStep: _propTypes.default.shape(Header.propTypes),
   connectionStep: _propTypes.default.shape(Header.propTypes),

package/lib/organism/get-the-app/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Header","step","header","subHeader","style","headerContainer","headerWrapper","propTypes","PropTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrCodeImageAlt","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","img","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","coorpAppLogoAriaLabel","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyMagicWand as MagicWand,\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n  <div className={style.headerContainer}>\n    {step ? (\n      <div className={style.headerWrapper}>\n        <h1 className={style.step}>{step}</h1>\n        <h1 className={style.header}>{header}</h1>\n      </div>\n    ) : (\n      <h1 className={style.header}>{header} </h1>\n    )}\n    {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n  </div>\n);\n\nHeader.propTypes = {\n  step: PropTypes.string,\n  header: PropTypes.string,\n  subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n  showMobileAppAccess,\n  qrCodeImageUrl,\n  preMessage,\n  linkMessage,\n  endMessage,\n  qrCodeImageAlt\n}) => {\n  return (\n    <div className={style.qrcodeWrapper}>\n      <Picture src={qrCodeImageUrl} alt={qrCodeImageAlt} />\n      {showMobileAppAccess ? (\n        <div className={style.qrcodeOverlay}>\n          <div className={style.qrcodeModal}>\n            <span>{preMessage} </span>\n            <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n              <span>{linkMessage} </span>\n            </a>\n            <span>{endMessage} </span>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\nQrCodeImage.propTypes = {\n  showMobileAppAccess: PropTypes.bool,\n  qrCodeImageUrl: PropTypes.string,\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string,\n  qrCodeImageAlt: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n  return (\n    <div className={style.buttonWrapper}>\n      <Button\n        color={color}\n        disabled={disabled}\n        isLinkDisabled={disabled}\n        href={magicLinkUrl}\n        type=\"link\"\n        submitValue={null}\n      >\n        <div className={style.iconWrapper}>\n          <MagicWand className={style.magicLinkIcon} />\n          <p>{submitValue}</p>\n        </div>\n      </Button>\n    </div>\n  );\n};\n\nMagicLink.propTypes = {\n  magicLinkUrl: PropTypes.string,\n  disabled: PropTypes.bool,\n  submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n  onAppStoreButtonClick,\n  appStoreButtonImageUrl,\n  playStoreButtonImageUrl,\n  onPlayStoreButtonClick,\n  'android-alt': androidAlt,\n  'ios-alt': iosAlt\n}) => (\n  <div className={style.storeLinksContainer}>\n    <Picture\n      className={style.img}\n      src={appStoreButtonImageUrl}\n      onClick={onAppStoreButtonClick}\n      alt={iosAlt}\n    />\n    <Picture\n      className={style.img}\n      src={playStoreButtonImageUrl}\n      onClick={onPlayStoreButtonClick}\n      alt={androidAlt}\n    />\n  </div>\n);\n\nStoresLinks.propTypes = {\n  onAppStoreButtonClick: PropTypes.func,\n  appStoreButtonImageUrl: PropTypes.string,\n  playStoreButtonImageUrl: PropTypes.string,\n  onPlayStoreButtonClick: PropTypes.func,\n  'android-alt': PropTypes.string,\n  'ios-alt': PropTypes.string\n};\n\nconst Divider = ({word}) => (\n  <div className={style.dividerWrapper}>\n    <div className={style.divider} />\n    <p>{word}</p>\n    <div className={style.divider} />\n  </div>\n);\n\nDivider.propTypes = {\n  word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n  const {\n    onAppStoreButtonClick,\n    appStoreButtonImageUrl,\n    playStoreButtonImageUrl,\n    onPlayStoreButtonClick,\n    storeStep,\n    connectionStep,\n    qrCodeStep,\n    magicLinkStep,\n    diviserWord,\n    qrCodeImageUrl,\n    magicLinkUrl,\n    disabled,\n    showMobileAppAccess,\n    submitValue,\n    preMessage,\n    linkMessage,\n    endMessage,\n    'android-alt': androidAlt,\n    'ios-alt': iosAlt,\n    qrCodeImageAlt,\n    'logo-aria-label': coorpAppLogoAriaLabel\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  return (\n    <div className={style.container}>\n      <div className={style.coorpAppLogoWrapper}>\n        <CoorpAppLogo\n          height={51}\n          width={250}\n          className={style.coorpAppLogo}\n          aria-label={coorpAppLogoAriaLabel}\n        />\n      </div>\n      <div className={style.store}>\n        <Header {...storeStep} />\n        <StoresLinks\n          onAppStoreButtonClick={onAppStoreButtonClick}\n          appStoreButtonImageUrl={appStoreButtonImageUrl}\n          playStoreButtonImageUrl={playStoreButtonImageUrl}\n          onPlayStoreButtonClick={onPlayStoreButtonClick}\n          android-alt={androidAlt}\n          ios-alt={iosAlt}\n        />\n      </div>\n      <div className={style.secondStepWrapper}>\n        <Header {...connectionStep} />\n        <div className={style.connectionWrapper}>\n          <div className={style.wrapper}>\n            <Header {...qrCodeStep} />\n            <QrCodeImage\n              showMobileAppAccess={showMobileAppAccess}\n              qrCodeImageUrl={qrCodeImageUrl}\n              preMessage={preMessage}\n              linkMessage={linkMessage}\n              endMessage={endMessage}\n              qrCodeImageAlt={qrCodeImageAlt}\n            />\n          </div>\n          <Divider word={diviserWord} />\n          <div className={style.wrapper}>\n            <Header {...magicLinkStep} />\n            <MagicLink\n              color={primaryColor}\n              submitValue={submitValue}\n              disabled={disabled}\n              magicLinkUrl={magicLinkUrl}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nGetTheApp.propTypes = {\n  ...StoresLinks.propTypes,\n  storeStep: PropTypes.shape(Header.propTypes),\n  connectionStep: PropTypes.shape(Header.propTypes),\n  qrCodeStep: PropTypes.shape(Header.propTypes),\n  magicLinkStep: PropTypes.shape(Header.propTypes),\n  ...QrCodeImage.propTypes,\n  diviserWord: Divider.propTypes.word,\n  ...MagicLink.propTypes\n};\n\nexport default GetTheApp;\n"],"mappings":";;;;;AAAA;AACA;AACA;AAKA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,MAAM,GAAG,CAAC;EAACC,IAAI;EAAEC,MAAM;EAAEC;AAAS,CAAC,kBACvC;EAAK,SAAS,EAAEC,cAAK,CAACC;AAAgB,GACnCJ,IAAI,gBACH;EAAK,SAAS,EAAEG,cAAK,CAACE;AAAc,gBAClC;EAAI,SAAS,EAAEF,cAAK,CAACH;AAAK,GAAEA,IAAI,CAAM,eACtC;EAAI,SAAS,EAAEG,cAAK,CAACF;AAAO,GAAEA,MAAM,CAAM,CACtC,gBAEN;EAAI,SAAS,EAAEE,cAAK,CAACF;AAAO,GAAEA,MAAM,EAAC,GAAC,CACvC,EACAC,SAAS,gBAAG;EAAI,SAAS,EAAEC,cAAK,CAACD;AAAU,GAAEA,SAAS,EAAC,GAAC,CAAK,GAAG,IAAI,CAExE;AAEDH,MAAM,CAACO,SAAS,2CAAG;EACjBN,IAAI,EAAEO,kBAAS,CAACC,MAAM;EACtBP,MAAM,EAAEM,kBAAS,CAACC,MAAM;EACxBN,SAAS,EAAEK,kBAAS,CAACC;AACvB,CAAC;AAED,MAAMC,WAAW,GAAG,CAAC;EACnBC,mBAAmB;EACnBC,cAAc;EACdC,UAAU;EACVC,WAAW;EACXC,UAAU;EACVC;AACF,CAAC,KAAK;EACJ,oBACE;IAAK,SAAS,EAAEZ,cAAK,CAACa;EAAc,gBAClC,6BAAC,gBAAO;IAAC,GAAG,EAAEL,cAAe;IAAC,GAAG,EAAEI;EAAe,EAAG,EACpDL,mBAAmB,gBAClB;IAAK,SAAS,EAAEP,cAAK,CAACc;EAAc,gBAClC;IAAK,SAAS,EAAEd,cAAK,CAACe;EAAY,gBAChC,2CAAON,UAAU,EAAC,GAAC,CAAO,eAC1B;IAAG,IAAI,EAAC,oCAAoC;IAAC,SAAS,EAAET,cAAK,CAACgB;EAAgB,gBAC5E,2CAAON,WAAW,EAAC,GAAC,CAAO,CACzB,eACJ,2CAAOC,UAAU,EAAC,GAAC,CAAO,CACtB,CACF,GACJ,IAAI,CACJ;AAEV,CAAC;AACDL,WAAW,CAACH,SAAS,2CAAG;EACtBI,mBAAmB,EAAEH,kBAAS,CAACa,IAAI;EACnCT,cAAc,EAAEJ,kBAAS,CAACC,MAAM;EAChCI,UAAU,EAAEL,kBAAS,CAACC,MAAM;EAC5BK,WAAW,EAAEN,kBAAS,CAACC,MAAM;EAC7BM,UAAU,EAAEP,kBAAS,CAACC,MAAM;EAC5BO,cAAc,EAAER,kBAAS,CAACC;AAC5B,CAAC;AAED,MAAMa,SAAS,GAAG,CAAC;EAACC,QAAQ;EAAEC,WAAW;EAAEC,YAAY;EAAEC;AAAK,CAAC,KAAK;EAClE,oBACE;IAAK,SAAS,EAAEtB,cAAK,CAACuB;EAAc,gBAClC,6BAAC,eAAM;IACL,KAAK,EAAED,KAAM;IACb,QAAQ,EAAEH,QAAS;IACnB,cAAc,EAAEA,QAAS;IACzB,IAAI,EAAEE,YAAa;IACnB,IAAI,EAAC,MAAM;IACX,WAAW,EAAE;EAAK,gBAElB;IAAK,SAAS,EAAErB,cAAK,CAACwB;EAAY,gBAChC,6BAAC,+CAAS;IAAC,SAAS,EAAExB,cAAK,CAACyB;EAAc,EAAG,eAC7C,wCAAIL,WAAW,CAAK,CAChB,CACC,CACL;AAEV,CAAC;AAEDF,SAAS,CAACf,SAAS,2CAAG;EACpBkB,YAAY,EAAEjB,kBAAS,CAACC,MAAM;EAC9Bc,QAAQ,EAAEf,kBAAS,CAACa,IAAI;EACxBG,WAAW,EAAEhB,kBAAS,CAACC;AACzB,CAAC;AAED,MAAMqB,WAAW,GAAG,CAAC;EACnBC,qBAAqB;EACrBC,sBAAsB;EACtBC,uBAAuB;EACvBC,sBAAsB;EACtB,aAAa,EAAEC,UAAU;EACzB,SAAS,EAAEC;AACb,CAAC,kBACC;EAAK,SAAS,EAAEhC,cAAK,CAACiC;AAAoB,gBACxC,6BAAC,gBAAO;EACN,SAAS,EAAEjC,cAAK,CAACkC,GAAI;EACrB,GAAG,EAAEN,sBAAuB;EAC5B,OAAO,EAAED,qBAAsB;EAC/B,GAAG,EAAEK;AAAO,EACZ,eACF,6BAAC,gBAAO;EACN,SAAS,EAAEhC,cAAK,CAACkC,GAAI;EACrB,GAAG,EAAEL,uBAAwB;EAC7B,OAAO,EAAEC,sBAAuB;EAChC,GAAG,EAAEC;AAAW,EAChB,CAEL;AAEDL,WAAW,CAACvB,SAAS,2CAAG;EACtBwB,qBAAqB,EAAEvB,kBAAS,CAAC+B,IAAI;EACrCP,sBAAsB,EAAExB,kBAAS,CAACC,MAAM;EACxCwB,uBAAuB,EAAEzB,kBAAS,CAACC,MAAM;EACzCyB,sBAAsB,EAAE1B,kBAAS,CAAC+B,IAAI;EACtC,aAAa,EAAE/B,kBAAS,CAACC,MAAM;EAC/B,SAAS,EAAED,kBAAS,CAACC;AACvB,CAAC;AAED,MAAM+B,OAAO,GAAG,CAAC;EAACC;AAAI,CAAC,kBACrB;EAAK,SAAS,EAAErC,cAAK,CAACsC;AAAe,gBACnC;EAAK,SAAS,EAAEtC,cAAK,CAACuC;AAAQ,EAAG,eACjC,wCAAIF,IAAI,CAAK,eACb;EAAK,SAAS,EAAErC,cAAK,CAACuC;AAAQ,EAAG,CAEpC;AAEDH,OAAO,CAACjC,SAAS,2CAAG;EAClBkC,IAAI,EAAEjC,kBAAS,CAACC;AAClB,CAAC;AAED,MAAMmC,SAAS,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACpC,MAAM;IACJf,qBAAqB;IACrBC,sBAAsB;IACtBC,uBAAuB;IACvBC,sBAAsB;IACtBa,SAAS;IACTC,cAAc;IACdC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXvC,cAAc;IACda,YAAY;IACZF,QAAQ;IACRZ,mBAAmB;IACnBa,WAAW;IACXX,UAAU;IACVC,WAAW;IACXC,UAAU;IACV,aAAa,EAAEoB,UAAU;IACzB,SAAS,EAAEC,MAAM;IACjBpB,cAAc;IACd,iBAAiB,EAAEoC;EACrB,CAAC,GAAGP,KAAK;EACT,MAAM;IAACQ;EAAI,CAAC,GAAGP,OAAO;EACtB,MAAMQ,YAAY,GAAG,mBAAI,gBAAgB,EAAED,IAAI,CAAC;EAChD,oBACE;IAAK,SAAS,EAAEjD,cAAK,CAACmD;EAAU,gBAC9B;IAAK,SAAS,EAAEnD,cAAK,CAACoD;EAAoB,gBACxC,6BAAC,8CAAY;IACX,MAAM,EAAE,EAAG;IACX,KAAK,EAAE,GAAI;IACX,SAAS,EAAEpD,cAAK,CAACqD,YAAa;IAC9B,cAAYL;EAAsB,EAClC,CACE,eACN;IAAK,SAAS,EAAEhD,cAAK,CAACsD;EAAM,gBAC1B,6BAAC,MAAM,EAAKX,SAAS,CAAI,eACzB,6BAAC,WAAW;IACV,qBAAqB,EAAEhB,qBAAsB;IAC7C,sBAAsB,EAAEC,sBAAuB;IAC/C,uBAAuB,EAAEC,uBAAwB;IACjD,sBAAsB,EAAEC,sBAAuB;IAC/C,eAAaC,UAAW;IACxB,WAASC;EAAO,EAChB,CACE,eACN;IAAK,SAAS,EAAEhC,cAAK,CAACuD;EAAkB,gBACtC,6BAAC,MAAM,EAAKX,cAAc,CAAI,eAC9B;IAAK,SAAS,EAAE5C,cAAK,CAACwD;EAAkB,gBACtC;IAAK,SAAS,EAAExD,cAAK,CAACyD;EAAQ,gBAC5B,6BAAC,MAAM,EAAKZ,UAAU,CAAI,eAC1B,6BAAC,WAAW;IACV,mBAAmB,EAAEtC,mBAAoB;IACzC,cAAc,EAAEC,cAAe;IAC/B,UAAU,EAAEC,UAAW;IACvB,WAAW,EAAEC,WAAY;IACzB,UAAU,EAAEC,UAAW;IACvB,cAAc,EAAEC;EAAe,EAC/B,CACE,eACN,6BAAC,OAAO;IAAC,IAAI,EAAEmC;EAAY,EAAG,eAC9B;IAAK,SAAS,EAAE/C,cAAK,CAACyD;EAAQ,gBAC5B,6BAAC,MAAM,EAAKX,aAAa,CAAI,eAC7B,6BAAC,SAAS;IACR,KAAK,EAAEI,YAAa;IACpB,WAAW,EAAE9B,WAAY;IACzB,QAAQ,EAAED,QAAS;IACnB,YAAY,EAAEE;EAAa,EAC3B,CACE,CACF,CACF,CACF;AAEV,CAAC;AAEDmB,SAAS,CAACrC,SAAS,wDACduB,WAAW,CAACvB,SAAS;EACxBwC,SAAS,EAAEvC,kBAAS,CAACsD,KAAK,CAAC9D,MAAM,CAACO,SAAS,CAAC;EAC5CyC,cAAc,EAAExC,kBAAS,CAACsD,KAAK,CAAC9D,MAAM,CAACO,SAAS,CAAC;EACjD0C,UAAU,EAAEzC,kBAAS,CAACsD,KAAK,CAAC9D,MAAM,CAACO,SAAS,CAAC;EAC7C2C,aAAa,EAAE1C,kBAAS,CAACsD,KAAK,CAAC9D,MAAM,CAACO,SAAS;AAAC,GAC7CG,WAAW,CAACH,SAAS;EACxB4C,WAAW,EAAEX,OAAO,CAACjC,SAAS,CAACkC;AAAI,GAChCnB,SAAS,CAACf,SAAS;AACtB,eAEaqC,SAAS;AAAA"}
+{"version":3,"file":"index.js","names":["Header","step","header","subHeader","style","headerContainer","headerWrapper","propTypes","PropTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrCodeImageAlt","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","img","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","coorpAppLogoAriaLabel","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyMagicWand as MagicWand,\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n  <div className={style.headerContainer}>\n    {step ? (\n      <div className={style.headerWrapper}>\n        <h1 className={style.step}>{step}</h1>\n        <h1 className={style.header}>{header}</h1>\n      </div>\n    ) : (\n      <h1 className={style.header}>{header} </h1>\n    )}\n    {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n  </div>\n);\n\nHeader.propTypes = {\n  step: PropTypes.string,\n  header: PropTypes.string,\n  subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n  showMobileAppAccess,\n  qrCodeImageUrl,\n  preMessage,\n  linkMessage,\n  endMessage,\n  qrCodeImageAlt\n}) => {\n  return (\n    <div className={style.qrcodeWrapper}>\n      <Picture src={qrCodeImageUrl} alt={qrCodeImageAlt} />\n      {showMobileAppAccess ? (\n        <div className={style.qrcodeOverlay}>\n          <div className={style.qrcodeModal}>\n            <span>{preMessage} </span>\n            <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n              <span>{linkMessage} </span>\n            </a>\n            <span>{endMessage} </span>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\nQrCodeImage.propTypes = {\n  showMobileAppAccess: PropTypes.bool,\n  qrCodeImageUrl: PropTypes.string,\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string,\n  qrCodeImageAlt: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n  return (\n    <div className={style.buttonWrapper}>\n      <Button\n        color={color}\n        disabled={disabled}\n        isLinkDisabled={disabled}\n        href={magicLinkUrl}\n        type=\"link\"\n        submitValue={null}\n      >\n        <div className={style.iconWrapper}>\n          <MagicWand className={style.magicLinkIcon} />\n          <p>{submitValue}</p>\n        </div>\n      </Button>\n    </div>\n  );\n};\n\nMagicLink.propTypes = {\n  magicLinkUrl: PropTypes.string,\n  disabled: PropTypes.bool,\n  submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n  onAppStoreButtonClick,\n  appStoreButtonImageUrl,\n  playStoreButtonImageUrl,\n  onPlayStoreButtonClick,\n  'android-alt': androidAlt,\n  'ios-alt': iosAlt\n}) => (\n  <div className={style.storeLinksContainer}>\n    <Picture\n      className={style.img}\n      src={appStoreButtonImageUrl}\n      onClick={onAppStoreButtonClick}\n      alt={iosAlt}\n    />\n    <Picture\n      className={style.img}\n      src={playStoreButtonImageUrl}\n      onClick={onPlayStoreButtonClick}\n      alt={androidAlt}\n    />\n  </div>\n);\n\nStoresLinks.propTypes = {\n  onAppStoreButtonClick: PropTypes.func,\n  appStoreButtonImageUrl: PropTypes.string,\n  playStoreButtonImageUrl: PropTypes.string,\n  onPlayStoreButtonClick: PropTypes.func,\n  'android-alt': PropTypes.string,\n  'ios-alt': PropTypes.string\n};\n\nconst Divider = ({word}) => (\n  <div className={style.dividerWrapper}>\n    <div className={style.divider} />\n    <p>{word}</p>\n    <div className={style.divider} />\n  </div>\n);\n\nDivider.propTypes = {\n  word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n  const {\n    onAppStoreButtonClick,\n    appStoreButtonImageUrl,\n    playStoreButtonImageUrl,\n    onPlayStoreButtonClick,\n    storeStep,\n    connectionStep,\n    qrCodeStep,\n    magicLinkStep,\n    diviserWord,\n    qrCodeImageUrl,\n    magicLinkUrl,\n    disabled,\n    showMobileAppAccess,\n    submitValue,\n    preMessage,\n    linkMessage,\n    endMessage,\n    'android-alt': androidAlt,\n    'ios-alt': iosAlt,\n    qrCodeImageAlt,\n    'logo-aria-label': coorpAppLogoAriaLabel\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  return (\n    <div className={style.container}>\n      <div className={style.coorpAppLogoWrapper}>\n        <CoorpAppLogo\n          height={51}\n          width={250}\n          className={style.coorpAppLogo}\n          aria-label={coorpAppLogoAriaLabel}\n        />\n      </div>\n      <div className={style.store}>\n        <Header {...storeStep} />\n        <StoresLinks\n          onAppStoreButtonClick={onAppStoreButtonClick}\n          appStoreButtonImageUrl={appStoreButtonImageUrl}\n          playStoreButtonImageUrl={playStoreButtonImageUrl}\n          onPlayStoreButtonClick={onPlayStoreButtonClick}\n          android-alt={androidAlt}\n          ios-alt={iosAlt}\n        />\n      </div>\n      <div className={style.secondStepWrapper}>\n        <Header {...connectionStep} />\n        <div className={style.connectionWrapper}>\n          <div className={style.wrapper}>\n            <Header {...qrCodeStep} />\n            <QrCodeImage\n              showMobileAppAccess={showMobileAppAccess}\n              qrCodeImageUrl={qrCodeImageUrl}\n              preMessage={preMessage}\n              linkMessage={linkMessage}\n              endMessage={endMessage}\n              qrCodeImageAlt={qrCodeImageAlt}\n            />\n          </div>\n          <Divider word={diviserWord} />\n          <div className={style.wrapper}>\n            <Header {...magicLinkStep} />\n            <MagicLink\n              color={primaryColor}\n              submitValue={submitValue}\n              disabled={disabled}\n              magicLinkUrl={magicLinkUrl}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nGetTheApp.propTypes = {\n  ...StoresLinks.propTypes,\n  storeStep: PropTypes.shape(Header.propTypes),\n  connectionStep: PropTypes.shape(Header.propTypes),\n  qrCodeStep: PropTypes.shape(Header.propTypes),\n  magicLinkStep: PropTypes.shape(Header.propTypes),\n  ...QrCodeImage.propTypes,\n  diviserWord: Divider.propTypes.word,\n  ...MagicLink.propTypes\n};\n\nexport default GetTheApp;\n"],"mappings":"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"}

package/lib/organism/grid-list/index.js

@@ -2,10 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const GridList = ({
   children
 }) => {
@@ -13,6 +18,7 @@ const GridList = ({
     className: _style.default.wrapper
   }, children);
 };
+
 GridList.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _propTypes.default.node
 } : {};

package/lib/organism/grid-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["GridList","children","style","wrapper","propTypes","PropTypes","node"],"sources":["../../../src/organism/grid-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst GridList = ({children}) => {\n  return <div className={style.wrapper}>{children}</div>;\n};\n\nGridList.propTypes = {children: PropTypes.node};\n\nexport default GridList;\n"],"mappings":";;;;AAAA;AACA;AACA;AAAgC;AAEhC,MAAMA,QAAQ,GAAG,CAAC;EAACC;AAAQ,CAAC,KAAK;EAC/B,oBAAO;IAAK,SAAS,EAAEC,cAAK,CAACC;EAAQ,GAAEF,QAAQ,CAAO;AACxD,CAAC;AAEDD,QAAQ,CAACI,SAAS,2CAAG;EAACH,QAAQ,EAAEI,kBAAS,CAACC;AAAI,CAAC;AAAC,eAEjCN,QAAQ;AAAA"}
+{"version":3,"file":"index.js","names":["GridList","children","style","wrapper","propTypes","PropTypes","node"],"sources":["../../../src/organism/grid-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst GridList = ({children}) => {\n  return <div className={style.wrapper}>{children}</div>;\n};\n\nGridList.propTypes = {children: PropTypes.node};\n\nexport default GridList;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,QAAQ,GAAG,CAAC;EAACC;AAAD,CAAD,KAAgB;EAC/B,oBAAO;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,GAAgCF,QAAhC,CAAP;AACD,CAFD;;AAIAD,QAAQ,CAACI,SAAT,2CAAqB;EAACH,QAAQ,EAAEI,kBAAA,CAAUC;AAArB,CAArB;eAEeN,Q"}

package/lib/organism/header/index.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _proptypes = require("../../util/proptypes");
+
 var _picture = _interopRequireDefault(require("../../atom/picture"));
+
 var _menuList = _interopRequireDefault(require("../../molecule/menu-list"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Header = props => {
   const {
     menuItems,
@@ -29,6 +37,7 @@ const Header = props => {
     menuItems: menuItems
   })));
 };
+
 Header.propTypes = process.env.NODE_ENV !== "production" ? {
   href: _propTypes.default.string,
   menuItems: _propTypes.default.arrayOf(_propTypes.default.shape({

package/lib/organism/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Header","props","menuItems","src","href","style","static","logo","navigation","propTypes","PropTypes","string","arrayOf","shape","title","oneOfType","isRequired","objectOf","SrcPropType"],"sources":["../../../src/organism/header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\nimport Picture from '../../atom/picture';\nimport MenuList from '../../molecule/menu-list';\nimport style from './style.css';\n\nconst Header = props => {\n  const {menuItems, src, href} = props;\n\n  return (\n    <div className={style.static}>\n      <div className={style.logo}>\n        <a href={href}>\n          <Picture src={src} />\n        </a>\n      </div>\n      <div className={style.navigation}>\n        <MenuList menuItems={menuItems} />\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  href: PropTypes.string,\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string\n    })\n  ),\n  src: PropTypes.oneOfType([\n    PropTypes.string.isRequired,\n    PropTypes.objectOf(SrcPropType).isRequired\n  ])\n};\n\nexport default Header;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IAACC,SAAS;IAAEC,GAAG;IAAEC;EAAI,CAAC,GAAGH,KAAK;EAEpC,oBACE;IAAK,SAAS,EAAEI,cAAK,CAACC;EAAO,gBAC3B;IAAK,SAAS,EAAED,cAAK,CAACE;EAAK,gBACzB;IAAG,IAAI,EAAEH;EAAK,gBACZ,6BAAC,gBAAO;IAAC,GAAG,EAAED;EAAI,EAAG,CACnB,CACA,eACN;IAAK,SAAS,EAAEE,cAAK,CAACG;EAAW,gBAC/B,6BAAC,iBAAQ;IAAC,SAAS,EAAEN;EAAU,EAAG,CAC9B,CACF;AAEV,CAAC;AAEDF,MAAM,CAACS,SAAS,2CAAG;EACjBL,IAAI,EAAEM,kBAAS,CAACC,MAAM;EACtBT,SAAS,EAAEQ,kBAAS,CAACE,OAAO,CAC1BF,kBAAS,CAACG,KAAK,CAAC;IACdC,KAAK,EAAEJ,kBAAS,CAACC;EACnB,CAAC,CAAC,CACH;EACDR,GAAG,EAAEO,kBAAS,CAACK,SAAS,CAAC,CACvBL,kBAAS,CAACC,MAAM,CAACK,UAAU,EAC3BN,kBAAS,CAACO,QAAQ,CAACC,sBAAW,CAAC,CAACF,UAAU,CAC3C;AACH,CAAC;AAAC,eAEahB,MAAM;AAAA"}
+{"version":3,"file":"index.js","names":["Header","props","menuItems","src","href","style","static","logo","navigation","propTypes","PropTypes","string","arrayOf","shape","title","oneOfType","isRequired","objectOf","SrcPropType"],"sources":["../../../src/organism/header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\nimport Picture from '../../atom/picture';\nimport MenuList from '../../molecule/menu-list';\nimport style from './style.css';\n\nconst Header = props => {\n  const {menuItems, src, href} = props;\n\n  return (\n    <div className={style.static}>\n      <div className={style.logo}>\n        <a href={href}>\n          <Picture src={src} />\n        </a>\n      </div>\n      <div className={style.navigation}>\n        <MenuList menuItems={menuItems} />\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  href: PropTypes.string,\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string\n    })\n  ),\n  src: PropTypes.oneOfType([\n    PropTypes.string.isRequired,\n    PropTypes.objectOf(SrcPropType).isRequired\n  ])\n};\n\nexport default Header;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IAACC,SAAD;IAAYC,GAAZ;IAAiBC;EAAjB,IAAyBH,KAA/B;EAEA,oBACE;IAAK,SAAS,EAAEI,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAG,IAAI,EAAEH;EAAT,gBACE,6BAAC,gBAAD;IAAS,GAAG,EAAED;EAAd,EADF,CADF,CADF,eAME;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE,6BAAC,iBAAD;IAAU,SAAS,EAAEN;EAArB,EADF,CANF,CADF;AAYD,CAfD;;AAiBAF,MAAM,CAACS,SAAP,2CAAmB;EACjBL,IAAI,EAAEM,kBAAA,CAAUC,MADC;EAEjBT,SAAS,EAAEQ,kBAAA,CAAUE,OAAV,CACTF,kBAAA,CAAUG,KAAV,CAAgB;IACdC,KAAK,EAAEJ,kBAAA,CAAUC;EADH,CAAhB,CADS,CAFM;EAOjBR,GAAG,EAAEO,kBAAA,CAAUK,SAAV,CAAoB,CACvBL,kBAAA,CAAUC,MAAV,CAAiBK,UADM,EAEvBN,kBAAA,CAAUO,QAAV,CAAmBC,sBAAnB,EAAgCF,UAFT,CAApB;AAPY,CAAnB;eAaehB,M"}

package/lib/organism/header-v2/index.native.js

@@ -2,19 +2,31 @@
 
 exports.__esModule = true;
 exports.default = exports.HEADER_HEIGHT = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _templateContext = require("../../template/app-review/template-context");
+
 var _index = _interopRequireDefault(require("../../molecule/brand-logo/index.native"));
+
 var _index2 = _interopRequireDefault(require("../../atom/gradient/index.native"));
+
 var _index3 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const HEADER_HEIGHT = 67;
 exports.HEADER_HEIGHT = HEADER_HEIGHT;
 const ICON_WIDTH = 20;
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   container: {
     position: 'absolute',
@@ -44,6 +56,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     opacity: 0.3
   }
 });
+
 const Header = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -58,14 +71,14 @@ const Header = props => {
   const logoHeight = HEADER_HEIGHT - theme.spacing.small * 2;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
-    setStylesheet(_stylesheet);
-  }, [theme]);
 
-  // ------------------------------------
+    setStylesheet(_stylesheet);
+  }, [theme]); // ------------------------------------
 
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styleSheet.container],
     testID: "header"
@@ -105,6 +118,7 @@ const Header = props => {
     style: styleSheet.icon
   }))));
 };
+
 var _default = Header;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map