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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","ProductCard","Link","Provider","PromoCode","PaymentForm","style","Cart","props","context","productCardProps","promoCodeProps","paymentFormProps","backUrl","translate","parent","titleContainer","headerTitle","cart","productBlock","paymentBlock","backButton","contextTypes","childContextTypes","propTypes","shape","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,EAAEH,KAAK,CAACS;EAAtB,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,GAAoCH,SAAS,CAAC,YAAD,CAA7C,CADF,CADF,eAIE;IAAK,SAAS,EAAER,KAAK,CAACY;EAAtB,gBACE;IAAK,SAAS,EAAEZ,KAAK,CAACa;EAAtB,gBACE,oBAAC,WAAD,EAAiBT,gBAAjB,CADF,eAEE,oBAAC,SAAD,EAAeC,cAAf,CAFF,CADF,eAKE;IAAK,SAAS,EAAEL,KAAK,CAACc;EAAtB,gBACE,oBAAC,WAAD,EAAiBR,gBAAjB,CADF,eAEE,oBAAC,IAAD;IAAM,SAAS,EAAEN,KAAK,CAACe,UAAvB;IAAmC,IAAI,EAAER;EAAzC,GACGC,SAAS,CAAC,iBAAD,CADZ,CAFF,CALF,CAJF,CADF;AAmBD,CAvBD;;AAyBAP,IAAI,CAACe,YAAL,GAAoB;EAClBR,SAAS,EAAEX,QAAQ,CAACoB,iBAAT,CAA2BT;AADpB,CAApB;AAIAP,IAAI,CAACiB,SAAL,2CAAiB;EACfd,gBAAgB,EAAEV,SAAS,CAACyB,KAAV,CAAgBxB,WAAW,CAACuB,SAA5B,CADH;EAEfb,cAAc,EAAEX,SAAS,CAACyB,KAAV,CAAgBrB,SAAS,CAACoB,SAA1B,CAFD;EAGfZ,gBAAgB,EAAEZ,SAAS,CAACyB,KAAV,CAAgBpB,WAAW,CAACmB,SAA5B,CAHH;EAIfX,OAAO,EAAEb,SAAS,CAAC0B;AAJJ,CAAjB;AAOA,eAAenB,IAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","ProductCard","Link","Provider","PromoCode","PaymentForm","style","Cart","props","context","productCardProps","promoCodeProps","paymentFormProps","backUrl","translate","parent","titleContainer","headerTitle","cart","productBlock","paymentBlock","backButton","contextTypes","childContextTypes","propTypes","shape","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,WAAW,MAAM,6BAA6B;AAErD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,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,EAAEH,KAAK,CAACS;EAAO,gBAC3B;IAAK,SAAS,EAAET,KAAK,CAACU;EAAe,gBACnC;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAY,GAAEH,SAAS,CAAC,YAAY,CAAC,CAAO,CAC9D,eACN;IAAK,SAAS,EAAER,KAAK,CAACY;EAAK,gBACzB;IAAK,SAAS,EAAEZ,KAAK,CAACa;EAAa,gBACjC,oBAAC,WAAW,EAAKT,gBAAgB,CAAI,eACrC,oBAAC,SAAS,EAAKC,cAAc,CAAI,CAC7B,eACN;IAAK,SAAS,EAAEL,KAAK,CAACc;EAAa,gBACjC,oBAAC,WAAW,EAAKR,gBAAgB,CAAI,eACrC,oBAAC,IAAI;IAAC,SAAS,EAAEN,KAAK,CAACe,UAAW;IAAC,IAAI,EAAER;EAAQ,GAC9CC,SAAS,CAAC,iBAAiB,CAAC,CACxB,CACH,CACF,CACF;AAEV,CAAC;AAEDP,IAAI,CAACe,YAAY,GAAG;EAClBR,SAAS,EAAEX,QAAQ,CAACoB,iBAAiB,CAACT;AACxC,CAAC;AAEDP,IAAI,CAACiB,SAAS,2CAAG;EACfd,gBAAgB,EAAEV,SAAS,CAACyB,KAAK,CAACxB,WAAW,CAACuB,SAAS,CAAC;EACxDb,cAAc,EAAEX,SAAS,CAACyB,KAAK,CAACrB,SAAS,CAACoB,SAAS,CAAC;EACpDZ,gBAAgB,EAAEZ,SAAS,CAACyB,KAAK,CAACpB,WAAW,CAACmB,SAAS,CAAC;EACxDX,OAAO,EAAEb,SAAS,CAAC0B;AACrB,CAAC;AAED,eAAenB,IAAI"}

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

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -8,12 +7,10 @@ import InputText from '../../atom/input-text';
 import TextArea from '../../atom/input-textarea';
 import Button from '../../atom/button-link';
 import style from './style.css';
-
 const buildCtaButton = cta => {
   if (!cta) {
     return;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(style.button, style.binButton)
   }, /*#__PURE__*/React.createElement(Button, {
@@ -26,7 +23,6 @@ const buildCtaButton = cta => {
     label: cta.label
   }));
 };
-
 const PlayListTranslation = props => {
   const {
     languageTabs,
@@ -52,7 +48,6 @@ const PlayListTranslation = props => {
     className: style.input
   }, /*#__PURE__*/React.createElement(TextArea, textArea)), ctaButton));
 };
-
 PlayListTranslation.propTypes = process.env.NODE_ENV !== "production" ? {
   languageTabs: VerticalLanguageMenu.propTypes.tabs,
   inputText: PropTypes.shape(_extends({}, InputText.propTypes, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","VerticalLanguageMenu","InputText","TextArea","Button","style","buildCtaButton","cta","button","binButton","handleOnClick","type","position","label","PlayListTranslation","props","languageTabs","inputText","textArea","listAriaLabel","ctaButton","ariaLabel","container","menu","horizontalSection","input","propTypes","tabs","shape","theme","string","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,oBAAP,MAAiC,8BAAjC;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,QAAP,MAAqB,2BAArB;AACA,OAAOC,MAAP,MAAmB,wBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAGC,GAAG,IAAI;EAC5B,IAAI,CAACA,GAAL,EAAU;IACR;EACD;;EAED,oBACE;IAAK,SAAS,EAAEP,UAAU,CAACK,KAAK,CAACG,MAAP,EAAeH,KAAK,CAACI,SAArB;EAA1B,gBACE,oBAAC,MAAD;IACE,OAAO,EAAEF,GAAG,CAACG,aADf;IAEE,IAAI,EAAC,MAFP;IAGE,IAAI,EAAE;MAACC,IAAI,EAAE,KAAP;MAAcC,QAAQ,EAAE;IAAxB,CAHR;IAIE,KAAK,EAAEL,GAAG,CAACM;EAJb,EADF,CADF;AAUD,CAfD;;AAiBA,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;EACnC,MAAM;IAACC,YAAD;IAAeC,SAAf;IAA0BC,QAA1B;IAAoCX,GAApC;IAAyC,mBAAmBY;EAA5D,IAA6EJ,KAAnF;EACA,MAAMK,SAAS,GAAGd,cAAc,CAACC,GAAD,CAAhC;EAEA,MAAMc,SAAS,GAAG;IAAC,cAAcF;EAAf,CAAlB;EACA,oBACE;IAAK,SAAS,EAAEd,KAAK,CAACiB;EAAtB,gBACE,oBAAC,oBAAD,eAA0BD,SAA1B;IAAqC,SAAS,EAAEhB,KAAK,CAACkB,IAAtD;IAA4D,IAAI,EAAEP;EAAlE,GADF,eAEE;IAAK,SAAS,EAAEX,KAAK,CAACmB;EAAtB,gBACE;IAAK,SAAS,EAAEnB,KAAK,CAACoB;EAAtB,gBACE,oBAAC,SAAD,EAAeR,SAAf,CADF,CADF,eAIE;IAAK,SAAS,EAAEZ,KAAK,CAACoB;EAAtB,gBACE,oBAAC,QAAD,EAAcP,QAAd,CADF,CAJF,EAOGE,SAPH,CAFF,CADF;AAcD,CAnBD;;AAqBAN,mBAAmB,CAACY,SAApB,2CAAgC;EAC9BV,YAAY,EAAEf,oBAAoB,CAACyB,SAArB,CAA+BC,IADf;EAE9BV,SAAS,EAAElB,SAAS,CAAC6B,KAAV,cAAoB1B,SAAS,CAACwB,SAA9B;IAAyCG,KAAK,EAAE9B,SAAS,CAAC+B;EAA1D,GAFmB;EAG9BZ,QAAQ,EAAEnB,SAAS,CAAC6B,KAAV,cAAoBzB,QAAQ,CAACuB,SAA7B;IAAwCG,KAAK,EAAE9B,SAAS,CAAC+B;EAAzD,GAHoB;EAI9BvB,GAAG,EAAER,SAAS,CAAC6B,KAAV,CAAgB;IACnBf,KAAK,EAAEd,SAAS,CAAC+B,MADE;IAEnBpB,aAAa,EAAEX,SAAS,CAACgC,IAFN;IAGnBpB,IAAI,EAAEZ,SAAS,CAACiC,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAHa,CAAhB,CAJyB;EAS9B,mBAAmBjC,SAAS,CAAC+B;AATC,CAAhC;AAYA,eAAehB,mBAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","VerticalLanguageMenu","InputText","TextArea","Button","style","buildCtaButton","cta","button","binButton","handleOnClick","type","position","label","PlayListTranslation","props","languageTabs","inputText","textArea","listAriaLabel","ctaButton","ariaLabel","container","menu","horizontalSection","input","propTypes","tabs","shape","theme","string","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,oBAAoB,MAAM,8BAA8B;AAC/D,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,MAAM,MAAM,wBAAwB;AAC3C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,cAAc,GAAGC,GAAG,IAAI;EAC5B,IAAI,CAACA,GAAG,EAAE;IACR;EACF;EAEA,oBACE;IAAK,SAAS,EAAEP,UAAU,CAACK,KAAK,CAACG,MAAM,EAAEH,KAAK,CAACI,SAAS;EAAE,gBACxD,oBAAC,MAAM;IACL,OAAO,EAAEF,GAAG,CAACG,aAAc;IAC3B,IAAI,EAAC,MAAM;IACX,IAAI,EAAE;MAACC,IAAI,EAAE,KAAK;MAAEC,QAAQ,EAAE;IAAM,CAAE;IACtC,KAAK,EAAEL,GAAG,CAACM;EAAM,EACjB,CACE;AAEV,CAAC;AAED,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;EACnC,MAAM;IAACC,YAAY;IAAEC,SAAS;IAAEC,QAAQ;IAAEX,GAAG;IAAE,iBAAiB,EAAEY;EAAa,CAAC,GAAGJ,KAAK;EACxF,MAAMK,SAAS,GAAGd,cAAc,CAACC,GAAG,CAAC;EAErC,MAAMc,SAAS,GAAG;IAAC,YAAY,EAAEF;EAAa,CAAC;EAC/C,oBACE;IAAK,SAAS,EAAEd,KAAK,CAACiB;EAAU,gBAC9B,oBAAC,oBAAoB,eAAKD,SAAS;IAAE,SAAS,EAAEhB,KAAK,CAACkB,IAAK;IAAC,IAAI,EAAEP;EAAa,GAAG,eAClF;IAAK,SAAS,EAAEX,KAAK,CAACmB;EAAkB,gBACtC;IAAK,SAAS,EAAEnB,KAAK,CAACoB;EAAM,gBAC1B,oBAAC,SAAS,EAAKR,SAAS,CAAI,CACxB,eACN;IAAK,SAAS,EAAEZ,KAAK,CAACoB;EAAM,gBAC1B,oBAAC,QAAQ,EAAKP,QAAQ,CAAI,CACtB,EACLE,SAAS,CACN,CACF;AAEV,CAAC;AAEDN,mBAAmB,CAACY,SAAS,2CAAG;EAC9BV,YAAY,EAAEf,oBAAoB,CAACyB,SAAS,CAACC,IAAI;EACjDV,SAAS,EAAElB,SAAS,CAAC6B,KAAK,cAAK1B,SAAS,CAACwB,SAAS;IAAEG,KAAK,EAAE9B,SAAS,CAAC+B;EAAM,GAAE;EAC7EZ,QAAQ,EAAEnB,SAAS,CAAC6B,KAAK,cAAKzB,QAAQ,CAACuB,SAAS;IAAEG,KAAK,EAAE9B,SAAS,CAAC+B;EAAM,GAAE;EAC3EvB,GAAG,EAAER,SAAS,CAAC6B,KAAK,CAAC;IACnBf,KAAK,EAAEd,SAAS,CAAC+B,MAAM;IACvBpB,aAAa,EAAEX,SAAS,CAACgC,IAAI;IAC7BpB,IAAI,EAAEZ,SAAS,CAACiC,KAAK,CAAC,CAAC,QAAQ,CAAC;EAClC,CAAC,CAAC;EACF,iBAAiB,EAAEjC,SAAS,CAAC+B;AAC/B,CAAC;AAED,eAAehB,mBAAmB"}

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

@@ -1,9 +1,7 @@
 import _kebabCase from "lodash/fp/kebabCase";
 import _get from "lodash/fp/get";
 import _isEmpty from "lodash/fp/isEmpty";
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import EmptySearchResult from '../../atom/empty-search-result';
@@ -13,17 +11,13 @@ import Card from '../../molecule/card';
 import InputSwitch from '../../atom/input-switch';
 import Loader from '../../atom/loader';
 import style from './style.css';
-
 const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {
   if (!isLoading && _isEmpty(courses)) {
     return /*#__PURE__*/React.createElement(EmptySearchResult, emptyMessages);
   }
-
   const items = courses.map((card, index) => {
     const title = _get('title', card);
-
     const type = _get('type', card);
-
     return /*#__PURE__*/React.createElement("li", {
       className: style.cards,
       key: `card-${index}`,
@@ -34,7 +28,6 @@ const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLo
     "aria-label": coursesSelectionAriaLabel
   }, items);
 };
-
 const CourseSelection = props => {
   const {
     search,
@@ -66,7 +59,6 @@ const CourseSelection = props => {
     theme: "coorpmanager"
   })) : resultView));
 };
-
 CourseSelection.propTypes = process.env.NODE_ENV !== "production" ? {
   search: PropTypes.shape(Search.PropTypes),
   isLoading: PropTypes.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","EmptySearchResult","Search","SelectMultiple","Card","InputSwitch","Loader","style","buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","title","type","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","loaderContainer","loader","propTypes","shape","bool","arrayOf","string","firstMessage","secondMessage"],"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":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","EmptySearchResult","Search","SelectMultiple","Card","InputSwitch","Loader","style","buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","title","type","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","loaderContainer","loader","propTypes","shape","bool","arrayOf","string","firstMessage","secondMessage"],"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":"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"}

package/es/organism/discussion/index.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -9,7 +8,6 @@ import ForumThread from '../../molecule/forum/forum-thread';
 import postConditions from '../../molecule/forum/post-conditions';
 import Loader from '../../atom/loader';
 import style from './style.css';
-
 function Discussion(props) {
   const {
     threads = [],
@@ -48,14 +46,14 @@ function Discussion(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: style.header
   }, /*#__PURE__*/React.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: SrcPropType,
   loading: PropTypes.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","SrcPropType","ForumComment","ForumThread","postConditions","Loader","style","Discussion","props","threads","title","avatar","value","loading","onPost","onChange","hideComments","textareaDisabled","postDisabled","className","profileAvatarAlt","threadsView","map","thread","id","commentView","loader","header","__html","propTypes","bool","string","func","arrayOf","shape"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,YAAP,MAAyB,oCAAzB;AACA,OAAOC,WAAP,MAAwB,mCAAxB;AACA,OAAOC,cAAP,MAA2B,sCAA3B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,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,oBAAC,WAAD,eAAiBA,MAAjB;IAAyB,GAAG,EAAEA,MAAM,CAACC,EAArC;IAAyC,QAAQ;EAAjD,GAAtB,CAApB;EAEA,MAAMC,WAAW,GAAG,CAACT,YAAD,gBAClB,oBAAC,YAAD;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,EAAEP,KAAK,CAACoB;EAAtB,gBACE,oBAAC,MAAD,OADF,CADoB,GAIlB,IAJJ;EAMA,oBACE;IAAK,aAAU,YAAf;IAA4B,SAAS,EAAE1B,UAAU,CAACM,KAAK,CAACiB,MAAP,EAAeJ,SAAf;EAAjD,gBACE;IAAK,SAAS,EAAEb,KAAK,CAACqB;EAAtB,gBACE;IACE,EAAE,EAAC,kBADL,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAElB;IAAT;EAH3B,EADF,EAMGe,WANH,CADF,EASGJ,WATH,EAUGK,MAVH,CADF;AAcD;;AACDnB,UAAU,CAACsB,SAAX,2CAAuB;EACrBlB,MAAM,EAAEV,WADa;EAErBY,OAAO,EAAEd,SAAS,CAAC+B,IAFE;EAGrBlB,KAAK,EAAEb,SAAS,CAACgC,MAHI;EAIrBX,gBAAgB,EAAErB,SAAS,CAACgC,MAJP;EAKrBrB,KAAK,EAAEX,SAAS,CAACgC,MALI;EAMrBjB,MAAM,EAAEf,SAAS,CAACiC,IANG;EAOrBjB,QAAQ,EAAEhB,SAAS,CAACiC,IAPC;EAQrBvB,OAAO,EAAEV,SAAS,CAACkC,OAAV,CAAkBlC,SAAS,CAACmC,KAAV,CAAgB9B,cAAhB,CAAlB,CARY;EASrBa,gBAAgB,EAAElB,SAAS,CAAC+B,IATP;EAUrBZ,YAAY,EAAEnB,SAAS,CAAC+B,IAVH;EAWrBX,SAAS,EAAEpB,SAAS,CAACgC,MAXA;EAYrBf,YAAY,EAAEjB,SAAS,CAAC+B;AAZH,CAAvB;AAeA,eAAevB,UAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","SrcPropType","ForumComment","ForumThread","postConditions","Loader","style","Discussion","props","threads","title","avatar","value","loading","onPost","onChange","hideComments","textareaDisabled","postDisabled","className","profileAvatarAlt","threadsView","map","thread","id","commentView","loader","header","__html","propTypes","bool","string","func","arrayOf","shape"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,WAAW,QAAO,sBAAsB;AAChD,OAAOC,YAAY,MAAM,oCAAoC;AAC7D,OAAOC,WAAW,MAAM,mCAAmC;AAC3D,OAAOC,cAAc,MAAM,sCAAsC;AACjE,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,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,oBAAC,WAAW,eAAKA,MAAM;IAAE,GAAG,EAAEA,MAAM,CAACC,EAAG;IAAC,QAAQ;EAAA,GAAG,CAAC;EAE/F,MAAMC,WAAW,GAAG,CAACT,YAAY,gBAC/B,oBAAC,YAAY;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,EAAEP,KAAK,CAACoB;EAAO,gBAC3B,oBAAC,MAAM,OAAG,CACN,GACJ,IAAI;EAER,oBACE;IAAK,aAAU,YAAY;IAAC,SAAS,EAAE1B,UAAU,CAACM,KAAK,CAACiB,MAAM,EAAEJ,SAAS;EAAE,gBACzE;IAAK,SAAS,EAAEb,KAAK,CAACqB;EAAO,gBAC3B;IACE,EAAE,EAAC;IACH;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAElB;IAAK;EAAE,EACzC,EACDe,WAAW,CACR,EACLJ,WAAW,EACXK,MAAM,CACH;AAEV;AACAnB,UAAU,CAACsB,SAAS,2CAAG;EACrBlB,MAAM,EAAEV,WAAW;EACnBY,OAAO,EAAEd,SAAS,CAAC+B,IAAI;EACvBlB,KAAK,EAAEb,SAAS,CAACgC,MAAM;EACvBX,gBAAgB,EAAErB,SAAS,CAACgC,MAAM;EAClCrB,KAAK,EAAEX,SAAS,CAACgC,MAAM;EACvBjB,MAAM,EAAEf,SAAS,CAACiC,IAAI;EACtBjB,QAAQ,EAAEhB,SAAS,CAACiC,IAAI;EACxBvB,OAAO,EAAEV,SAAS,CAACkC,OAAO,CAAClC,SAAS,CAACmC,KAAK,CAAC9B,cAAc,CAAC,CAAC;EAC3Da,gBAAgB,EAAElB,SAAS,CAAC+B,IAAI;EAChCZ,YAAY,EAAEnB,SAAS,CAAC+B,IAAI;EAC5BX,SAAS,EAAEpB,SAAS,CAACgC,MAAM;EAC3Bf,YAAY,EAAEjB,SAAS,CAAC+B;AAC1B,CAAC;AAED,eAAevB,UAAU"}

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

@@ -1,14 +1,11 @@
 import _get from "lodash/fp/get";
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionCoorpacademyMagicWand as MagicWand, NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo } from '@coorpacademy/nova-icons';
 import Button from '../../atom/button';
 import Picture from '../../atom/picture';
 import style from './style.css';
-
 const Header = ({
   step,
   header,
@@ -26,13 +23,11 @@ const Header = ({
 }, header, " "), subHeader ? /*#__PURE__*/React.createElement("h4", {
   className: style.subHeader
 }, subHeader, " ") : null);
-
 Header.propTypes = process.env.NODE_ENV !== "production" ? {
   step: PropTypes.string,
   header: PropTypes.string,
   subHeader: PropTypes.string
 } : {};
-
 const QrCodeImage = ({
   showMobileAppAccess,
   qrCodeImageUrl,
@@ -55,7 +50,6 @@ const QrCodeImage = ({
     className: style.qrcodeModalLink
   }, /*#__PURE__*/React.createElement("span", null, linkMessage, " ")), /*#__PURE__*/React.createElement("span", null, endMessage, " "))) : null);
 };
-
 QrCodeImage.propTypes = process.env.NODE_ENV !== "production" ? {
   showMobileAppAccess: PropTypes.bool,
   qrCodeImageUrl: PropTypes.string,
@@ -64,7 +58,6 @@ QrCodeImage.propTypes = process.env.NODE_ENV !== "production" ? {
   endMessage: PropTypes.string,
   qrCodeImageAlt: PropTypes.string
 } : {};
-
 const MagicLink = ({
   disabled,
   submitValue,
@@ -86,13 +79,11 @@ const MagicLink = ({
     className: style.magicLinkIcon
   }), /*#__PURE__*/React.createElement("p", null, submitValue))));
 };
-
 MagicLink.propTypes = process.env.NODE_ENV !== "production" ? {
   magicLinkUrl: PropTypes.string,
   disabled: PropTypes.bool,
   submitValue: PropTypes.string
 } : {};
-
 const StoresLinks = ({
   onAppStoreButtonClick,
   appStoreButtonImageUrl,
@@ -113,7 +104,6 @@ const StoresLinks = ({
   onClick: onPlayStoreButtonClick,
   alt: androidAlt
 }));
-
 StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   onAppStoreButtonClick: PropTypes.func,
   appStoreButtonImageUrl: PropTypes.string,
@@ -122,7 +112,6 @@ StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   'android-alt': PropTypes.string,
   'ios-alt': PropTypes.string
 } : {};
-
 const Divider = ({
   word
 }) => /*#__PURE__*/React.createElement("div", {
@@ -132,11 +121,9 @@ const Divider = ({
 }), /*#__PURE__*/React.createElement("p", null, word), /*#__PURE__*/React.createElement("div", {
   className: style.divider
 }));
-
 Divider.propTypes = process.env.NODE_ENV !== "production" ? {
   word: PropTypes.string
 } : {};
-
 const GetTheApp = (props, context) => {
   const {
     onAppStoreButtonClick,
@@ -164,9 +151,7 @@ const GetTheApp = (props, context) => {
   const {
     skin
   } = context;
-
   const primaryColor = _get('common.primary', skin);
-
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
   }, /*#__PURE__*/React.createElement("div", {
@@ -209,7 +194,6 @@ const GetTheApp = (props, context) => {
     magicLinkUrl: magicLinkUrl
   })))));
 };
-
 GetTheApp.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, StoresLinks.propTypes, {
   storeStep: PropTypes.shape(Header.propTypes),
   connectionStep: PropTypes.shape(Header.propTypes),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","Picture","style","Header","step","header","subHeader","headerContainer","headerWrapper","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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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","Picture","style","Header","step","header","subHeader","headerContainer","headerWrapper","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SACEC,oCAAoC,IAAIC,SAAS,EACjDC,mCAAmC,IAAIC,YAAY,QAC9C,0BAA0B;AAEjC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,MAAM,GAAG,CAAC;EAACC,IAAI;EAAEC,MAAM;EAAEC;AAAS,CAAC,kBACvC;EAAK,SAAS,EAAEJ,KAAK,CAACK;AAAgB,GACnCH,IAAI,gBACH;EAAK,SAAS,EAAEF,KAAK,CAACM;AAAc,gBAClC;EAAI,SAAS,EAAEN,KAAK,CAACE;AAAK,GAAEA,IAAI,CAAM,eACtC;EAAI,SAAS,EAAEF,KAAK,CAACG;AAAO,GAAEA,MAAM,CAAM,CACtC,gBAEN;EAAI,SAAS,EAAEH,KAAK,CAACG;AAAO,GAAEA,MAAM,EAAC,GAAC,CACvC,EACAC,SAAS,gBAAG;EAAI,SAAS,EAAEJ,KAAK,CAACI;AAAU,GAAEA,SAAS,EAAC,GAAC,CAAK,GAAG,IAAI,CAExE;AAEDH,MAAM,CAACM,SAAS,2CAAG;EACjBL,IAAI,EAAET,SAAS,CAACe,MAAM;EACtBL,MAAM,EAAEV,SAAS,CAACe,MAAM;EACxBJ,SAAS,EAAEX,SAAS,CAACe;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,EAAEf,KAAK,CAACgB;EAAc,gBAClC,oBAAC,OAAO;IAAC,GAAG,EAAEL,cAAe;IAAC,GAAG,EAAEI;EAAe,EAAG,EACpDL,mBAAmB,gBAClB;IAAK,SAAS,EAAEV,KAAK,CAACiB;EAAc,gBAClC;IAAK,SAAS,EAAEjB,KAAK,CAACkB;EAAY,gBAChC,kCAAON,UAAU,EAAC,GAAC,CAAO,eAC1B;IAAG,IAAI,EAAC,oCAAoC;IAAC,SAAS,EAAEZ,KAAK,CAACmB;EAAgB,gBAC5E,kCAAON,WAAW,EAAC,GAAC,CAAO,CACzB,eACJ,kCAAOC,UAAU,EAAC,GAAC,CAAO,CACtB,CACF,GACJ,IAAI,CACJ;AAEV,CAAC;AACDL,WAAW,CAACF,SAAS,2CAAG;EACtBG,mBAAmB,EAAEjB,SAAS,CAAC2B,IAAI;EACnCT,cAAc,EAAElB,SAAS,CAACe,MAAM;EAChCI,UAAU,EAAEnB,SAAS,CAACe,MAAM;EAC5BK,WAAW,EAAEpB,SAAS,CAACe,MAAM;EAC7BM,UAAU,EAAErB,SAAS,CAACe,MAAM;EAC5BO,cAAc,EAAEtB,SAAS,CAACe;AAC5B,CAAC;AAED,MAAMa,SAAS,GAAG,CAAC;EAACC,QAAQ;EAAEC,WAAW;EAAEC,YAAY;EAAEC;AAAK,CAAC,KAAK;EAClE,oBACE;IAAK,SAAS,EAAEzB,KAAK,CAAC0B;EAAc,gBAClC,oBAAC,MAAM;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,EAAExB,KAAK,CAAC2B;EAAY,gBAChC,oBAAC,SAAS;IAAC,SAAS,EAAE3B,KAAK,CAAC4B;EAAc,EAAG,eAC7C,+BAAIL,WAAW,CAAK,CAChB,CACC,CACL;AAEV,CAAC;AAEDF,SAAS,CAACd,SAAS,2CAAG;EACpBiB,YAAY,EAAE/B,SAAS,CAACe,MAAM;EAC9Bc,QAAQ,EAAE7B,SAAS,CAAC2B,IAAI;EACxBG,WAAW,EAAE9B,SAAS,CAACe;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,EAAEnC,KAAK,CAACoC;AAAoB,gBACxC,oBAAC,OAAO;EACN,SAAS,EAAEpC,KAAK,CAACqC,GAAI;EACrB,GAAG,EAAEN,sBAAuB;EAC5B,OAAO,EAAED,qBAAsB;EAC/B,GAAG,EAAEK;AAAO,EACZ,eACF,oBAAC,OAAO;EACN,SAAS,EAAEnC,KAAK,CAACqC,GAAI;EACrB,GAAG,EAAEL,uBAAwB;EAC7B,OAAO,EAAEC,sBAAuB;EAChC,GAAG,EAAEC;AAAW,EAChB,CAEL;AAEDL,WAAW,CAACtB,SAAS,2CAAG;EACtBuB,qBAAqB,EAAErC,SAAS,CAAC6C,IAAI;EACrCP,sBAAsB,EAAEtC,SAAS,CAACe,MAAM;EACxCwB,uBAAuB,EAAEvC,SAAS,CAACe,MAAM;EACzCyB,sBAAsB,EAAExC,SAAS,CAAC6C,IAAI;EACtC,aAAa,EAAE7C,SAAS,CAACe,MAAM;EAC/B,SAAS,EAAEf,SAAS,CAACe;AACvB,CAAC;AAED,MAAM+B,OAAO,GAAG,CAAC;EAACC;AAAI,CAAC,kBACrB;EAAK,SAAS,EAAExC,KAAK,CAACyC;AAAe,gBACnC;EAAK,SAAS,EAAEzC,KAAK,CAAC0C;AAAQ,EAAG,eACjC,+BAAIF,IAAI,CAAK,eACb;EAAK,SAAS,EAAExC,KAAK,CAAC0C;AAAQ,EAAG,CAEpC;AAEDH,OAAO,CAAChC,SAAS,2CAAG;EAClBiC,IAAI,EAAE/C,SAAS,CAACe;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,KAAI,gBAAgB,EAAED,IAAI,CAAC;EAChD,oBACE;IAAK,SAAS,EAAEpD,KAAK,CAACsD;EAAU,gBAC9B;IAAK,SAAS,EAAEtD,KAAK,CAACuD;EAAoB,gBACxC,oBAAC,YAAY;IACX,MAAM,EAAE,EAAG;IACX,KAAK,EAAE,GAAI;IACX,SAAS,EAAEvD,KAAK,CAACwD,YAAa;IAC9B,cAAYL;EAAsB,EAClC,CACE,eACN;IAAK,SAAS,EAAEnD,KAAK,CAACyD;EAAM,gBAC1B,oBAAC,MAAM,EAAKX,SAAS,CAAI,eACzB,oBAAC,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,EAAEnC,KAAK,CAAC0D;EAAkB,gBACtC,oBAAC,MAAM,EAAKX,cAAc,CAAI,eAC9B;IAAK,SAAS,EAAE/C,KAAK,CAAC2D;EAAkB,gBACtC;IAAK,SAAS,EAAE3D,KAAK,CAAC4D;EAAQ,gBAC5B,oBAAC,MAAM,EAAKZ,UAAU,CAAI,eAC1B,oBAAC,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,oBAAC,OAAO;IAAC,IAAI,EAAEmC;EAAY,EAAG,eAC9B;IAAK,SAAS,EAAElD,KAAK,CAAC4D;EAAQ,gBAC5B,oBAAC,MAAM,EAAKX,aAAa,CAAI,eAC7B,oBAAC,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,CAACpC,SAAS,wDACdsB,WAAW,CAACtB,SAAS;EACxBuC,SAAS,EAAErD,SAAS,CAACoE,KAAK,CAAC5D,MAAM,CAACM,SAAS,CAAC;EAC5CwC,cAAc,EAAEtD,SAAS,CAACoE,KAAK,CAAC5D,MAAM,CAACM,SAAS,CAAC;EACjDyC,UAAU,EAAEvD,SAAS,CAACoE,KAAK,CAAC5D,MAAM,CAACM,SAAS,CAAC;EAC7C0C,aAAa,EAAExD,SAAS,CAACoE,KAAK,CAAC5D,MAAM,CAACM,SAAS;AAAC,GAC7CE,WAAW,CAACF,SAAS;EACxB2C,WAAW,EAAEX,OAAO,CAAChC,SAAS,CAACiC;AAAI,GAChCnB,SAAS,CAACd,SAAS;AAGxB,eAAeoC,SAAS"}

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
-
 const GridList = ({
   children
 }) => {
@@ -9,7 +8,6 @@ const GridList = ({
     className: style.wrapper
   }, children);
 };
-
 GridList.propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","GridList","children","wrapper","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAACC;AAAD,CAAD,KAAgB;EAC/B,oBAAO;IAAK,SAAS,EAAEF,KAAK,CAACG;EAAtB,GAAgCD,QAAhC,CAAP;AACD,CAFD;;AAIAD,QAAQ,CAACG,SAAT,2CAAqB;EAACF,QAAQ,EAAEH,SAAS,CAACM;AAArB,CAArB;AAEA,eAAeJ,QAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","GridList","children","wrapper","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAG,CAAC;EAACC;AAAQ,CAAC,KAAK;EAC/B,oBAAO;IAAK,SAAS,EAAEF,KAAK,CAACG;EAAQ,GAAED,QAAQ,CAAO;AACxD,CAAC;AAEDD,QAAQ,CAACG,SAAS,2CAAG;EAACF,QAAQ,EAAEH,SAAS,CAACM;AAAI,CAAC;AAE/C,eAAeJ,QAAQ"}

package/es/organism/header/index.js

@@ -4,7 +4,6 @@ import { SrcPropType } from '../../util/proptypes';
 import Picture from '../../atom/picture';
 import MenuList from '../../molecule/menu-list';
 import style from './style.css';
-
 const Header = props => {
   const {
     menuItems,
@@ -25,7 +24,6 @@ const Header = props => {
     menuItems: menuItems
   })));
 };
-
 Header.propTypes = process.env.NODE_ENV !== "production" ? {
   href: PropTypes.string,
   menuItems: PropTypes.arrayOf(PropTypes.shape({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","Picture","MenuList","style","Header","props","menuItems","src","href","static","logo","navigation","propTypes","string","arrayOf","shape","title","oneOfType","isRequired","objectOf"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,QAAP,MAAqB,0BAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IAACC,SAAD;IAAYC,GAAZ;IAAiBC;EAAjB,IAAyBH,KAA/B;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAtB,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACO;EAAtB,gBACE;IAAG,IAAI,EAAEF;EAAT,gBACE,oBAAC,OAAD;IAAS,GAAG,EAAED;EAAd,EADF,CADF,CADF,eAME;IAAK,SAAS,EAAEJ,KAAK,CAACQ;EAAtB,gBACE,oBAAC,QAAD;IAAU,SAAS,EAAEL;EAArB,EADF,CANF,CADF;AAYD,CAfD;;AAiBAF,MAAM,CAACQ,SAAP,2CAAmB;EACjBJ,IAAI,EAAET,SAAS,CAACc,MADC;EAEjBP,SAAS,EAAEP,SAAS,CAACe,OAAV,CACTf,SAAS,CAACgB,KAAV,CAAgB;IACdC,KAAK,EAAEjB,SAAS,CAACc;EADH,CAAhB,CADS,CAFM;EAOjBN,GAAG,EAAER,SAAS,CAACkB,SAAV,CAAoB,CACvBlB,SAAS,CAACc,MAAV,CAAiBK,UADM,EAEvBnB,SAAS,CAACoB,QAAV,CAAmBnB,WAAnB,EAAgCkB,UAFT,CAApB;AAPY,CAAnB;AAaA,eAAed,MAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","Picture","MenuList","style","Header","props","menuItems","src","href","static","logo","navigation","propTypes","string","arrayOf","shape","title","oneOfType","isRequired","objectOf"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,WAAW,QAAO,sBAAsB;AAChD,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,QAAQ,MAAM,0BAA0B;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IAACC,SAAS;IAAEC,GAAG;IAAEC;EAAI,CAAC,GAAGH,KAAK;EAEpC,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAO,gBAC3B;IAAK,SAAS,EAAEN,KAAK,CAACO;EAAK,gBACzB;IAAG,IAAI,EAAEF;EAAK,gBACZ,oBAAC,OAAO;IAAC,GAAG,EAAED;EAAI,EAAG,CACnB,CACA,eACN;IAAK,SAAS,EAAEJ,KAAK,CAACQ;EAAW,gBAC/B,oBAAC,QAAQ;IAAC,SAAS,EAAEL;EAAU,EAAG,CAC9B,CACF;AAEV,CAAC;AAEDF,MAAM,CAACQ,SAAS,2CAAG;EACjBJ,IAAI,EAAET,SAAS,CAACc,MAAM;EACtBP,SAAS,EAAEP,SAAS,CAACe,OAAO,CAC1Bf,SAAS,CAACgB,KAAK,CAAC;IACdC,KAAK,EAAEjB,SAAS,CAACc;EACnB,CAAC,CAAC,CACH;EACDN,GAAG,EAAER,SAAS,CAACkB,SAAS,CAAC,CACvBlB,SAAS,CAACc,MAAM,CAACK,UAAU,EAC3BnB,SAAS,CAACoB,QAAQ,CAACnB,WAAW,CAAC,CAACkB,UAAU,CAC3C;AACH,CAAC;AAED,eAAed,MAAM"}

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

@@ -7,7 +7,6 @@ import Gradient from '../../atom/gradient/index.native';
 import Touchable from '../../hoc/touchable/index.native';
 export const HEADER_HEIGHT = 67;
 const ICON_WIDTH = 20;
-
 const createStyleSheet = theme => StyleSheet.create({
   container: {
     position: 'absolute',
@@ -37,7 +36,6 @@ const createStyleSheet = theme => StyleSheet.create({
     opacity: 0.3
   }
 });
-
 const Header = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -52,14 +50,14 @@ const Header = props => {
   const logoHeight = HEADER_HEIGHT - theme.spacing.small * 2;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
-  }, [theme]); // ------------------------------------
+  }, [theme]);
+
+  // ------------------------------------
 
   if (!styleSheet) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(View, {
     style: [styleSheet.container],
     testID: "header"
@@ -99,6 +97,5 @@ const Header = props => {
     style: styleSheet.icon
   }))));
 };
-
 export default Header;
 //# sourceMappingURL=index.native.js.map

package/es/organism/header-v2/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","NovaCompositionCoorpacademySearch","SearchIcon","NovaCompositionCoorpacademyCog","SettingsIcon","useTemplateContext","BrandLogo","Gradient","Touchable","HEADER_HEIGHT","ICON_WIDTH","createStyleSheet","theme","create","container","position","backgroundColor","colors","white","flexDirection","alignItems","justifyContent","height","top","width","icons","icon","marginRight","logo","marginLeft","gradient","left","right","opacity","Header","props","templateContext","styleSheet","setStylesheet","onSearchPress","onSettingsPress","onLogoLongPress","logoHeight","spacing","small","_stylesheet","tiny","gray","medium","light","dark"],"sources":["../../../src/organism/header-v2/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\n\nimport {View, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaCompositionCoorpacademyCog as SettingsIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport BrandLogo from '../../molecule/brand-logo/index.native';\nimport Gradient from '../../atom/gradient/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport interface Props {\n  onSearchPress: (event: GestureResponderEvent) => void;\n  onSettingsPress: (event: GestureResponderEvent) => void;\n  onLogoLongPress: (event: GestureResponderEvent) => void;\n}\n\nexport const HEADER_HEIGHT = 67;\nconst ICON_WIDTH = 20;\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  icons: ViewStyle;\n  icon: ViewStyle;\n  logo: ViewStyle;\n  gradient: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme) =>\n  StyleSheet.create({\n    container: {\n      position: 'absolute',\n      backgroundColor: theme.colors.white,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      height: HEADER_HEIGHT,\n      top: 0,\n      width: '100%'\n    },\n    icons: {\n      flexDirection: 'row'\n    },\n    icon: {\n      marginRight: 16\n    },\n    logo: {\n      width: 80,\n      marginLeft: 16\n    },\n    gradient: {\n      position: 'absolute',\n      left: 0,\n      top: HEADER_HEIGHT,\n      right: 0,\n      opacity: 0.3\n    }\n  });\n\nconst Header = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  const {onSearchPress, onSettingsPress, onLogoLongPress} = props;\n  const logoHeight = HEADER_HEIGHT - theme.spacing.small * 2;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.container]} testID=\"header\">\n      <Gradient\n        height={theme.spacing.tiny}\n        colors={[theme.colors.gray.medium, theme.colors.gray.light]}\n        transparencyPosition=\"bottom\"\n        style={styleSheet.gradient}\n      />\n      <View style={styleSheet.logo}>\n        <Touchable\n          testID=\"header-logo\"\n          onLongPress={onLogoLongPress}\n          analyticsID=\"sign-out\"\n          isWithoutFeedback\n        >\n          <BrandLogo height={logoHeight} />\n        </Touchable>\n      </View>\n      <View style={[styleSheet.icons]}>\n        <Touchable testID=\"search-icon\" onPress={onSearchPress} analyticsID=\"search-icon\">\n          <SearchIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n        <Touchable testID=\"settings-icon\" onPress={onSettingsPress} analyticsID=\"settings-icon\">\n          <SettingsIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n      </View>\n    </View>\n  );\n};\n\nexport default Header;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","NovaCompositionCoorpacademySearch","SearchIcon","NovaCompositionCoorpacademyCog","SettingsIcon","useTemplateContext","BrandLogo","Gradient","Touchable","HEADER_HEIGHT","ICON_WIDTH","createStyleSheet","theme","create","container","position","backgroundColor","colors","white","flexDirection","alignItems","justifyContent","height","top","width","icons","icon","marginRight","logo","marginLeft","gradient","left","right","opacity","Header","props","templateContext","styleSheet","setStylesheet","onSearchPress","onSettingsPress","onLogoLongPress","logoHeight","spacing","small","_stylesheet","tiny","gray","medium","light","dark"],"sources":["../../../src/organism/header-v2/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\n\nimport {View, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaCompositionCoorpacademyCog as SettingsIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport BrandLogo from '../../molecule/brand-logo/index.native';\nimport Gradient from '../../atom/gradient/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport interface Props {\n  onSearchPress: (event: GestureResponderEvent) => void;\n  onSettingsPress: (event: GestureResponderEvent) => void;\n  onLogoLongPress: (event: GestureResponderEvent) => void;\n}\n\nexport const HEADER_HEIGHT = 67;\nconst ICON_WIDTH = 20;\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  icons: ViewStyle;\n  icon: ViewStyle;\n  logo: ViewStyle;\n  gradient: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme) =>\n  StyleSheet.create({\n    container: {\n      position: 'absolute',\n      backgroundColor: theme.colors.white,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      height: HEADER_HEIGHT,\n      top: 0,\n      width: '100%'\n    },\n    icons: {\n      flexDirection: 'row'\n    },\n    icon: {\n      marginRight: 16\n    },\n    logo: {\n      width: 80,\n      marginLeft: 16\n    },\n    gradient: {\n      position: 'absolute',\n      left: 0,\n      top: HEADER_HEIGHT,\n      right: 0,\n      opacity: 0.3\n    }\n  });\n\nconst Header = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  const {onSearchPress, onSettingsPress, onLogoLongPress} = props;\n  const logoHeight = HEADER_HEIGHT - theme.spacing.small * 2;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.container]} testID=\"header\">\n      <Gradient\n        height={theme.spacing.tiny}\n        colors={[theme.colors.gray.medium, theme.colors.gray.light]}\n        transparencyPosition=\"bottom\"\n        style={styleSheet.gradient}\n      />\n      <View style={styleSheet.logo}>\n        <Touchable\n          testID=\"header-logo\"\n          onLongPress={onLogoLongPress}\n          analyticsID=\"sign-out\"\n          isWithoutFeedback\n        >\n          <BrandLogo height={logoHeight} />\n        </Touchable>\n      </View>\n      <View style={[styleSheet.icons]}>\n        <Touchable testID=\"search-icon\" onPress={onSearchPress} analyticsID=\"search-icon\">\n          <SearchIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n        <Touchable testID=\"settings-icon\" onPress={onSettingsPress} analyticsID=\"settings-icon\">\n          <SettingsIcon\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n            color={theme.colors.gray.dark}\n            style={styleSheet.icon}\n          />\n        </Touchable>\n      </View>\n    </View>\n  );\n};\n\nexport default Header;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,SAAS,QAAO,OAAO;AAEhD,SAAQC,IAAI,EAAEC,UAAU,QAAyC,cAAc;AAC/E,SACEC,iCAAiC,IAAIC,UAAU,EAC/CC,8BAA8B,IAAIC,YAAY,QACzC,0BAA0B;AACjC,SAAQC,kBAAkB,QAAO,4CAA4C;AAC7E,OAAOC,SAAS,MAAM,wCAAwC;AAC9D,OAAOC,QAAQ,MAAM,kCAAkC;AACvD,OAAOC,SAAS,MAAM,kCAAkC;AASxD,OAAO,MAAMC,aAAa,GAAG,EAAE;AAC/B,MAAMC,UAAU,GAAG,EAAE;AAUrB,MAAMC,gBAAgB,GAAIC,KAAY,IACpCZ,UAAU,CAACa,MAAM,CAAC;EAChBC,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACC,KAAK;IACnCC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,MAAM,EAAEb,aAAa;IACrBc,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE;EACT,CAAC;EACDC,KAAK,EAAE;IACLN,aAAa,EAAE;EACjB,CAAC;EACDO,IAAI,EAAE;IACJC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJJ,KAAK,EAAE,EAAE;IACTK,UAAU,EAAE;EACd,CAAC;EACDC,QAAQ,EAAE;IACRf,QAAQ,EAAE,UAAU;IACpBgB,IAAI,EAAE,CAAC;IACPR,GAAG,EAAEd,aAAa;IAClBuB,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEJ,MAAMC,MAAM,GAAIC,KAAY,IAAK;EAC/B,MAAMC,eAAe,GAAG/B,kBAAkB,EAAE;EAC5C,MAAM,CAACgC,UAAU,EAAEC,aAAa,CAAC,GAAGzC,QAAQ,CAAwB,IAAI,CAAC;EACzE,MAAM;IAACe;EAAK,CAAC,GAAGwB,eAAe;EAE/B,MAAM;IAACG,aAAa;IAAEC,eAAe;IAAEC;EAAe,CAAC,GAAGN,KAAK;EAC/D,MAAMO,UAAU,GAAGjC,aAAa,GAAGG,KAAK,CAAC+B,OAAO,CAACC,KAAK,GAAG,CAAC;EAE1D9C,SAAS,CAAC,MAAM;IACd,MAAM+C,WAAW,GAAGlC,gBAAgB,CAACC,KAAK,CAAC;IAC3C0B,aAAa,CAACO,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACjC,KAAK,CAAC,CAAC;;EAEX;;EAEA,IAAI,CAACyB,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACA,UAAU,CAACvB,SAAS,CAAE;IAAC,MAAM,EAAC;EAAQ,gBAClD,oBAAC,QAAQ;IACP,MAAM,EAAEF,KAAK,CAAC+B,OAAO,CAACG,IAAK;IAC3B,MAAM,EAAE,CAAClC,KAAK,CAACK,MAAM,CAAC8B,IAAI,CAACC,MAAM,EAAEpC,KAAK,CAACK,MAAM,CAAC8B,IAAI,CAACE,KAAK,CAAE;IAC5D,oBAAoB,EAAC,QAAQ;IAC7B,KAAK,EAAEZ,UAAU,CAACP;EAAS,EAC3B,eACF,oBAAC,IAAI;IAAC,KAAK,EAAEO,UAAU,CAACT;EAAK,gBAC3B,oBAAC,SAAS;IACR,MAAM,EAAC,aAAa;IACpB,WAAW,EAAEa,eAAgB;IAC7B,WAAW,EAAC,UAAU;IACtB,iBAAiB;EAAA,gBAEjB,oBAAC,SAAS;IAAC,MAAM,EAAEC;EAAW,EAAG,CACvB,CACP,eACP,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACL,UAAU,CAACZ,KAAK;EAAE,gBAC9B,oBAAC,SAAS;IAAC,MAAM,EAAC,aAAa;IAAC,OAAO,EAAEc,aAAc;IAAC,WAAW,EAAC;EAAa,gBAC/E,oBAAC,UAAU;IACT,MAAM,EAAE7B,UAAW;IACnB,KAAK,EAAEA,UAAW;IAClB,KAAK,EAAEE,KAAK,CAACK,MAAM,CAAC8B,IAAI,CAACG,IAAK;IAC9B,KAAK,EAAEb,UAAU,CAACX;EAAK,EACvB,CACQ,eACZ,oBAAC,SAAS;IAAC,MAAM,EAAC,eAAe;IAAC,OAAO,EAAEc,eAAgB;IAAC,WAAW,EAAC;EAAe,gBACrF,oBAAC,YAAY;IACX,MAAM,EAAE9B,UAAW;IACnB,KAAK,EAAEA,UAAW;IAClB,KAAK,EAAEE,KAAK,CAACK,MAAM,CAAC8B,IAAI,CAACG,IAAK;IAC9B,KAAK,EAAEb,UAAU,CAACX;EAAK,EACvB,CACQ,CACP,CACF;AAEX,CAAC;AAED,eAAeQ,MAAM"}

package/es/organism/hero/index.js

@@ -6,14 +6,11 @@ import { SrcPropType } from '../../util/proptypes';
 import Provider from '../../atom/provider';
 import Link from '../../atom/link';
 import style from './style.css';
-
 function Hero(props, context) {
   const {
     skin
   } = context;
-
   const bg = _get('images.hero', skin);
-
   const {
     url,
     title,
@@ -41,7 +38,6 @@ function Hero(props, context) {
     }
   }))));
 }
-
 Hero.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/organism/hero/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","Provider","Link","style","Hero","props","context","skin","bg","url","title","touch","backgroundImage","ctaClass","hero","label","color","bar","backgroundColor","contextTypes","childContextTypes","propTypes","bool","oneOfType","string","isRequired"],"sources":["../../../src/organism/hero/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nfunction Hero(props, context) {\n  const {skin} = context;\n  const bg = get('images.hero', skin);\n  const {url, title, touch = false} = props;\n  const backgroundImage = bg ? `url(${bg})` : '';\n  const ctaClass = touch ? 'ctaTouch' : 'ctaNoTouch';\n\n  return (\n    <div\n      className={style.hero}\n      style={{\n        backgroundImage\n      }}\n    >\n      <Link href={url} className={style[ctaClass]}>\n        <div\n          className={style.label}\n          style={{\n            color: getOr('#00b0ff', 'common.primary', skin)\n          }}\n        >\n          {title}\n          <span\n            className={style.bar}\n            style={{\n              backgroundColor: getOr('#00b0ff', 'common.primary', skin)\n            }}\n          />\n        </div>\n      </Link>\n    </div>\n  );\n}\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = {\n  touch: PropTypes.bool,\n  url: PropTypes.oneOfType([SrcPropType, PropTypes.string]).isRequired,\n  title: PropTypes.string.isRequired\n};\n\nexport default Hero;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,IAAT,CAAcC,KAAd,EAAqBC,OAArB,EAA8B;EAC5B,MAAM;IAACC;EAAD,IAASD,OAAf;;EACA,MAAME,EAAE,GAAG,KAAI,aAAJ,EAAmBD,IAAnB,CAAX;;EACA,MAAM;IAACE,GAAD;IAAMC,KAAN;IAAaC,KAAK,GAAG;EAArB,IAA8BN,KAApC;EACA,MAAMO,eAAe,GAAGJ,EAAE,GAAI,OAAMA,EAAG,GAAb,GAAkB,EAA5C;EACA,MAAMK,QAAQ,GAAGF,KAAK,GAAG,UAAH,GAAgB,YAAtC;EAEA,oBACE;IACE,SAAS,EAAER,KAAK,CAACW,IADnB;IAEE,KAAK,EAAE;MACLF;IADK;EAFT,gBAME,oBAAC,IAAD;IAAM,IAAI,EAAEH,GAAZ;IAAiB,SAAS,EAAEN,KAAK,CAACU,QAAD;EAAjC,gBACE;IACE,SAAS,EAAEV,KAAK,CAACY,KADnB;IAEE,KAAK,EAAE;MACLC,KAAK,EAAE,OAAM,SAAN,EAAiB,gBAAjB,EAAmCT,IAAnC;IADF;EAFT,GAMGG,KANH,eAOE;IACE,SAAS,EAAEP,KAAK,CAACc,GADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAE,OAAM,SAAN,EAAiB,gBAAjB,EAAmCX,IAAnC;IADZ;EAFT,EAPF,CADF,CANF,CADF;AAyBD;;AAEDH,IAAI,CAACe,YAAL,GAAoB;EAClBZ,IAAI,EAAEN,QAAQ,CAACmB,iBAAT,CAA2Bb;AADf,CAApB;AAIAH,IAAI,CAACiB,SAAL,2CAAiB;EACfV,KAAK,EAAEZ,SAAS,CAACuB,IADF;EAEfb,GAAG,EAAEV,SAAS,CAACwB,SAAV,CAAoB,CAACvB,WAAD,EAAcD,SAAS,CAACyB,MAAxB,CAApB,EAAqDC,UAF3C;EAGff,KAAK,EAAEX,SAAS,CAACyB,MAAV,CAAiBC;AAHT,CAAjB;AAMA,eAAerB,IAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","Provider","Link","style","Hero","props","context","skin","bg","url","title","touch","backgroundImage","ctaClass","hero","label","color","bar","backgroundColor","contextTypes","childContextTypes","propTypes","bool","oneOfType","string","isRequired"],"sources":["../../../src/organism/hero/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nfunction Hero(props, context) {\n  const {skin} = context;\n  const bg = get('images.hero', skin);\n  const {url, title, touch = false} = props;\n  const backgroundImage = bg ? `url(${bg})` : '';\n  const ctaClass = touch ? 'ctaTouch' : 'ctaNoTouch';\n\n  return (\n    <div\n      className={style.hero}\n      style={{\n        backgroundImage\n      }}\n    >\n      <Link href={url} className={style[ctaClass]}>\n        <div\n          className={style.label}\n          style={{\n            color: getOr('#00b0ff', 'common.primary', skin)\n          }}\n        >\n          {title}\n          <span\n            className={style.bar}\n            style={{\n              backgroundColor: getOr('#00b0ff', 'common.primary', skin)\n            }}\n          />\n        </div>\n      </Link>\n    </div>\n  );\n}\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = {\n  touch: PropTypes.bool,\n  url: PropTypes.oneOfType([SrcPropType, PropTypes.string]).isRequired,\n  title: PropTypes.string.isRequired\n};\n\nexport default Hero;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,WAAW,QAAO,sBAAsB;AAChD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,IAAI,CAACC,KAAK,EAAEC,OAAO,EAAE;EAC5B,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAME,EAAE,GAAG,KAAI,aAAa,EAAED,IAAI,CAAC;EACnC,MAAM;IAACE,GAAG;IAAEC,KAAK;IAAEC,KAAK,GAAG;EAAK,CAAC,GAAGN,KAAK;EACzC,MAAMO,eAAe,GAAGJ,EAAE,GAAI,OAAMA,EAAG,GAAE,GAAG,EAAE;EAC9C,MAAMK,QAAQ,GAAGF,KAAK,GAAG,UAAU,GAAG,YAAY;EAElD,oBACE;IACE,SAAS,EAAER,KAAK,CAACW,IAAK;IACtB,KAAK,EAAE;MACLF;IACF;EAAE,gBAEF,oBAAC,IAAI;IAAC,IAAI,EAAEH,GAAI;IAAC,SAAS,EAAEN,KAAK,CAACU,QAAQ;EAAE,gBAC1C;IACE,SAAS,EAAEV,KAAK,CAACY,KAAM;IACvB,KAAK,EAAE;MACLC,KAAK,EAAE,OAAM,SAAS,EAAE,gBAAgB,EAAET,IAAI;IAChD;EAAE,GAEDG,KAAK,eACN;IACE,SAAS,EAAEP,KAAK,CAACc,GAAI;IACrB,KAAK,EAAE;MACLC,eAAe,EAAE,OAAM,SAAS,EAAE,gBAAgB,EAAEX,IAAI;IAC1D;EAAE,EACF,CACE,CACD,CACH;AAEV;AAEAH,IAAI,CAACe,YAAY,GAAG;EAClBZ,IAAI,EAAEN,QAAQ,CAACmB,iBAAiB,CAACb;AACnC,CAAC;AAEDH,IAAI,CAACiB,SAAS,2CAAG;EACfV,KAAK,EAAEZ,SAAS,CAACuB,IAAI;EACrBb,GAAG,EAAEV,SAAS,CAACwB,SAAS,CAAC,CAACvB,WAAW,EAAED,SAAS,CAACyB,MAAM,CAAC,CAAC,CAACC,UAAU;EACpEf,KAAK,EAAEX,SAAS,CAACyB,MAAM,CAACC;AAC1B,CAAC;AAED,eAAerB,IAAI"}