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

package/es/molecule/payment-form/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import style from './style.css';
-
 class PaymentForm extends React.Component {
   constructor(props) {
     super(props);
@@ -12,7 +11,6 @@ class PaymentForm extends React.Component {
     this.handleCardCvcChange = this.handleCardCvcChange.bind(this);
     this.handleSubmit = this.handleSubmit.bind(this);
   }
-
   componentDidMount() {
     if (this.stripe) {
       const elements = this.stripe.elements();
@@ -42,36 +40,30 @@ class PaymentForm extends React.Component {
       this.cardCvc.on('change', this.handleCardCvcChange);
     }
   }
-
   componentWillUnmount() {
     if (this.cardNumer) {
       this.cardNumber.unmount();
       this.cardNumber.off('change', this.handleCardNumberChange);
     }
-
     if (this.cardExpiry) {
       this.cardExpiry.unmount();
       this.cardExpiry.off('change', this.handleCardExpiryChange);
     }
-
     if (this.cardCvc) {
       this.cardCvc.unmount();
       this.cardCvc.off('change', this.handleCardCvcChange);
     }
   }
-
   handleSubmit() {
     const {
       onSubscription
     } = this.props;
-
     if (this.stripe) {
       return this.stripe.createToken(this.cardNumber).then(response => {
         return onSubscription(response);
       });
     }
   }
-
   handleCardNumberChange({
     error
   }) {
@@ -80,7 +72,6 @@ class PaymentForm extends React.Component {
     } = this.props;
     onCardNumberChange(error);
   }
-
   handleCardExpiryChange({
     error
   }) {
@@ -89,7 +80,6 @@ class PaymentForm extends React.Component {
     } = this.props;
     onCardExpiryChange(error);
   }
-
   handleCardCvcChange({
     error
   }) {
@@ -98,7 +88,6 @@ class PaymentForm extends React.Component {
     } = this.props;
     onCardCvcChange(error);
   }
-
   render() {
     const {
       checkImage,
@@ -170,9 +159,7 @@ class PaymentForm extends React.Component {
       disabled: !submitButtonEnabled
     }, translate('payment_form_submit'))));
   }
-
 }
-
 PaymentForm.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/molecule/payment-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PaymentForm","Component","constructor","props","stripe","stripeInstance","stripeKeyPublic","handleCardNumberChange","bind","handleCardExpiryChange","handleCardCvcChange","handleSubmit","componentDidMount","elements","elementOptions","base","iconStyle","color","fontSize","fontFamily","cardNumber","create","cardExpiry","cardCvc","mount","on","componentWillUnmount","cardNumer","unmount","off","onSubscription","createToken","then","response","error","onCardNumberChange","onCardExpiryChange","onCardCvcChange","render","checkImage","cardsImage","cardOwnerEmail","securedPaymentImage","errors","warning","submitButtonEnabled","cardNumberHasError","cardExpiryHasError","cardCvcHasError","translate","context","paymentForm","acceptedCards","acceptedCardsCheck","acceptedCardsText","acceptedCardsImage","creditCardOwnerEmail","creditCardOwnerEmailSeparator","creditCardOwnerEmailText","paymentErrors","paymentWarning","securedPayment","securedPaymentText","cardBlock","invalidElement","subscriptionDisclaimer","subscribeButtonContainer","subscribeButton","contextTypes","childContextTypes","propTypes","string","isRequired","func","bool"],"sources":["../../../src/molecule/payment-form/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass PaymentForm extends React.Component {\n  static propTypes = {\n    stripeKeyPublic: PropTypes.string.isRequired,\n    stripeInstance: PropTypes.func.isRequired,\n    onSubscription: PropTypes.func.isRequired,\n    checkImage: PropTypes.string.isRequired,\n    cardsImage: PropTypes.string.isRequired,\n    cardOwnerEmail: PropTypes.string,\n    securedPaymentImage: PropTypes.string,\n    errors: PropTypes.string,\n    warning: PropTypes.string,\n    onCardNumberChange: PropTypes.func,\n    cardNumberHasError: PropTypes.bool,\n    onCardExpiryChange: PropTypes.func,\n    cardExpiryHasError: PropTypes.bool,\n    onCardCvcChange: PropTypes.func,\n    cardCvcHasError: PropTypes.bool,\n    submitButtonEnabled: PropTypes.bool\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props) {\n    super(props);\n    this.stripe = props.stripeInstance ? props.stripeInstance(props.stripeKeyPublic) : null;\n    this.handleCardNumberChange = this.handleCardNumberChange.bind(this);\n    this.handleCardExpiryChange = this.handleCardExpiryChange.bind(this);\n    this.handleCardCvcChange = this.handleCardCvcChange.bind(this);\n    this.handleSubmit = this.handleSubmit.bind(this);\n  }\n\n  componentDidMount() {\n    if (this.stripe) {\n      const elements = this.stripe.elements();\n\n      const elementOptions = {\n        style: {\n          base: {\n            iconStyle: 'solid',\n            color: '#546E7A',\n            fontSize: '16px',\n            fontFamily: 'Gilroy',\n            '::placeholder': {\n              color: '#546E7A',\n              fontSize: '16px',\n              fontFamily: 'Gilroy'\n            }\n          }\n        }\n      };\n\n      this.cardNumber = elements.create('cardNumber', elementOptions);\n      this.cardExpiry = elements.create('cardExpiry', elementOptions);\n      this.cardCvc = elements.create('cardCvc', elementOptions);\n\n      this.cardNumber.mount('#card-number');\n      this.cardExpiry.mount('#card-expiry');\n      this.cardCvc.mount('#card-cvc');\n\n      this.cardNumber.on('change', this.handleCardNumberChange);\n      this.cardExpiry.on('change', this.handleCardExpiryChange);\n      this.cardCvc.on('change', this.handleCardCvcChange);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.cardNumer) {\n      this.cardNumber.unmount();\n      this.cardNumber.off('change', this.handleCardNumberChange);\n    }\n    if (this.cardExpiry) {\n      this.cardExpiry.unmount();\n      this.cardExpiry.off('change', this.handleCardExpiryChange);\n    }\n    if (this.cardCvc) {\n      this.cardCvc.unmount();\n      this.cardCvc.off('change', this.handleCardCvcChange);\n    }\n  }\n\n  handleSubmit() {\n    const {onSubscription} = this.props;\n    if (this.stripe) {\n      return this.stripe.createToken(this.cardNumber).then(response => {\n        return onSubscription(response);\n      });\n    }\n  }\n\n  handleCardNumberChange({error}) {\n    const {onCardNumberChange = () => {}} = this.props;\n    onCardNumberChange(error);\n  }\n\n  handleCardExpiryChange({error}) {\n    const {onCardExpiryChange = () => {}} = this.props;\n    onCardExpiryChange(error);\n  }\n\n  handleCardCvcChange({error}) {\n    const {onCardCvcChange = () => {}} = this.props;\n    onCardCvcChange(error);\n  }\n\n  render() {\n    const {\n      checkImage,\n      cardsImage,\n      cardOwnerEmail,\n      securedPaymentImage,\n      errors,\n      warning,\n      submitButtonEnabled,\n      cardNumberHasError,\n      cardExpiryHasError,\n      cardCvcHasError\n    } = this.props;\n\n    const {translate} = this.context;\n\n    return (\n      <div className={style.paymentForm}>\n        <div className={style.acceptedCards}>\n          <img className={style.acceptedCardsCheck} src={checkImage} />\n          <div className={style.acceptedCardsText}>{translate('accepted_cards')}</div>\n          <img className={style.acceptedCardsImage} src={cardsImage} />\n        </div>\n        <div className={style.creditCardOwnerEmail}>\n          <hr className={style.creditCardOwnerEmailSeparator} />\n          <div className={style.creditCardOwnerEmailText}>{cardOwnerEmail}</div>\n          <hr className={style.creditCardOwnerEmailSeparator} />\n        </div>\n        {errors ? <div className={style.paymentErrors}>-{errors}</div> : null}\n        {warning ? <div className={style.paymentWarning}>-{warning}</div> : null}\n        <div className={style.securedPayment}>\n          <img className={style.securedPaymentImage} src={securedPaymentImage} />\n          <div className={style.securedPaymentText}>{translate('secured_payment')}</div>\n        </div>\n        <div className={style.cardBlock}>\n          <div\n            className={`${style.cardNumber} ${cardNumberHasError && style.invalidElement}`}\n            id=\"card-number\"\n          />\n        </div>\n        <div className={style.cardBlock}>\n          <div\n            className={`${style.cardExpiry} ${cardExpiryHasError && style.invalidElement}`}\n            id=\"card-expiry\"\n          />\n          <div\n            className={`${style.cardCvc} ${cardCvcHasError && style.invalidElement}`}\n            id=\"card-cvc\"\n          />\n        </div>\n        <div className={style.subscriptionDisclaimer}>{translate('subscription_disclaimer')}</div>\n        <div className={style.subscribeButtonContainer}>\n          <button\n            className={style.subscribeButton}\n            type=\"button\"\n            onClick={this.handleSubmit}\n            disabled={!submitButtonEnabled}\n          >\n            {translate('payment_form_submit')}\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PaymentForm;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PaymentForm","Component","constructor","props","stripe","stripeInstance","stripeKeyPublic","handleCardNumberChange","bind","handleCardExpiryChange","handleCardCvcChange","handleSubmit","componentDidMount","elements","elementOptions","base","iconStyle","color","fontSize","fontFamily","cardNumber","create","cardExpiry","cardCvc","mount","on","componentWillUnmount","cardNumer","unmount","off","onSubscription","createToken","then","response","error","onCardNumberChange","onCardExpiryChange","onCardCvcChange","render","checkImage","cardsImage","cardOwnerEmail","securedPaymentImage","errors","warning","submitButtonEnabled","cardNumberHasError","cardExpiryHasError","cardCvcHasError","translate","context","paymentForm","acceptedCards","acceptedCardsCheck","acceptedCardsText","acceptedCardsImage","creditCardOwnerEmail","creditCardOwnerEmailSeparator","creditCardOwnerEmailText","paymentErrors","paymentWarning","securedPayment","securedPaymentText","cardBlock","invalidElement","subscriptionDisclaimer","subscribeButtonContainer","subscribeButton","contextTypes","childContextTypes","propTypes","string","isRequired","func","bool"],"sources":["../../../src/molecule/payment-form/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass PaymentForm extends React.Component {\n  static propTypes = {\n    stripeKeyPublic: PropTypes.string.isRequired,\n    stripeInstance: PropTypes.func.isRequired,\n    onSubscription: PropTypes.func.isRequired,\n    checkImage: PropTypes.string.isRequired,\n    cardsImage: PropTypes.string.isRequired,\n    cardOwnerEmail: PropTypes.string,\n    securedPaymentImage: PropTypes.string,\n    errors: PropTypes.string,\n    warning: PropTypes.string,\n    onCardNumberChange: PropTypes.func,\n    cardNumberHasError: PropTypes.bool,\n    onCardExpiryChange: PropTypes.func,\n    cardExpiryHasError: PropTypes.bool,\n    onCardCvcChange: PropTypes.func,\n    cardCvcHasError: PropTypes.bool,\n    submitButtonEnabled: PropTypes.bool\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props) {\n    super(props);\n    this.stripe = props.stripeInstance ? props.stripeInstance(props.stripeKeyPublic) : null;\n    this.handleCardNumberChange = this.handleCardNumberChange.bind(this);\n    this.handleCardExpiryChange = this.handleCardExpiryChange.bind(this);\n    this.handleCardCvcChange = this.handleCardCvcChange.bind(this);\n    this.handleSubmit = this.handleSubmit.bind(this);\n  }\n\n  componentDidMount() {\n    if (this.stripe) {\n      const elements = this.stripe.elements();\n\n      const elementOptions = {\n        style: {\n          base: {\n            iconStyle: 'solid',\n            color: '#546E7A',\n            fontSize: '16px',\n            fontFamily: 'Gilroy',\n            '::placeholder': {\n              color: '#546E7A',\n              fontSize: '16px',\n              fontFamily: 'Gilroy'\n            }\n          }\n        }\n      };\n\n      this.cardNumber = elements.create('cardNumber', elementOptions);\n      this.cardExpiry = elements.create('cardExpiry', elementOptions);\n      this.cardCvc = elements.create('cardCvc', elementOptions);\n\n      this.cardNumber.mount('#card-number');\n      this.cardExpiry.mount('#card-expiry');\n      this.cardCvc.mount('#card-cvc');\n\n      this.cardNumber.on('change', this.handleCardNumberChange);\n      this.cardExpiry.on('change', this.handleCardExpiryChange);\n      this.cardCvc.on('change', this.handleCardCvcChange);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.cardNumer) {\n      this.cardNumber.unmount();\n      this.cardNumber.off('change', this.handleCardNumberChange);\n    }\n    if (this.cardExpiry) {\n      this.cardExpiry.unmount();\n      this.cardExpiry.off('change', this.handleCardExpiryChange);\n    }\n    if (this.cardCvc) {\n      this.cardCvc.unmount();\n      this.cardCvc.off('change', this.handleCardCvcChange);\n    }\n  }\n\n  handleSubmit() {\n    const {onSubscription} = this.props;\n    if (this.stripe) {\n      return this.stripe.createToken(this.cardNumber).then(response => {\n        return onSubscription(response);\n      });\n    }\n  }\n\n  handleCardNumberChange({error}) {\n    const {onCardNumberChange = () => {}} = this.props;\n    onCardNumberChange(error);\n  }\n\n  handleCardExpiryChange({error}) {\n    const {onCardExpiryChange = () => {}} = this.props;\n    onCardExpiryChange(error);\n  }\n\n  handleCardCvcChange({error}) {\n    const {onCardCvcChange = () => {}} = this.props;\n    onCardCvcChange(error);\n  }\n\n  render() {\n    const {\n      checkImage,\n      cardsImage,\n      cardOwnerEmail,\n      securedPaymentImage,\n      errors,\n      warning,\n      submitButtonEnabled,\n      cardNumberHasError,\n      cardExpiryHasError,\n      cardCvcHasError\n    } = this.props;\n\n    const {translate} = this.context;\n\n    return (\n      <div className={style.paymentForm}>\n        <div className={style.acceptedCards}>\n          <img className={style.acceptedCardsCheck} src={checkImage} />\n          <div className={style.acceptedCardsText}>{translate('accepted_cards')}</div>\n          <img className={style.acceptedCardsImage} src={cardsImage} />\n        </div>\n        <div className={style.creditCardOwnerEmail}>\n          <hr className={style.creditCardOwnerEmailSeparator} />\n          <div className={style.creditCardOwnerEmailText}>{cardOwnerEmail}</div>\n          <hr className={style.creditCardOwnerEmailSeparator} />\n        </div>\n        {errors ? <div className={style.paymentErrors}>-{errors}</div> : null}\n        {warning ? <div className={style.paymentWarning}>-{warning}</div> : null}\n        <div className={style.securedPayment}>\n          <img className={style.securedPaymentImage} src={securedPaymentImage} />\n          <div className={style.securedPaymentText}>{translate('secured_payment')}</div>\n        </div>\n        <div className={style.cardBlock}>\n          <div\n            className={`${style.cardNumber} ${cardNumberHasError && style.invalidElement}`}\n            id=\"card-number\"\n          />\n        </div>\n        <div className={style.cardBlock}>\n          <div\n            className={`${style.cardExpiry} ${cardExpiryHasError && style.invalidElement}`}\n            id=\"card-expiry\"\n          />\n          <div\n            className={`${style.cardCvc} ${cardCvcHasError && style.invalidElement}`}\n            id=\"card-cvc\"\n          />\n        </div>\n        <div className={style.subscriptionDisclaimer}>{translate('subscription_disclaimer')}</div>\n        <div className={style.subscribeButtonContainer}>\n          <button\n            className={style.subscribeButton}\n            type=\"button\"\n            onClick={this.handleSubmit}\n            disabled={!submitButtonEnabled}\n          >\n            {translate('payment_form_submit')}\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PaymentForm;\n"],"mappings":"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"}

package/es/molecule/pdf/index.js

@@ -6,7 +6,6 @@ import { NovaLineFilesOfficeFileOfficePdf as PDFIcon } from '@coorpacademy/nova-
 import Link from '../../atom/link';
 import Provider from '../../atom/provider';
 import style from './style.css';
-
 const PDF = (props, context) => {
   const {
     description,
@@ -18,11 +17,8 @@ const PDF = (props, context) => {
     translate,
     skin
   } = context;
-
   const white = _get('common.white', skin);
-
   const primary = _get('common.primary', skin);
-
   return /*#__PURE__*/React.createElement("div", {
     className: style.pdfFrame,
     style: {
@@ -33,7 +29,8 @@ const PDF = (props, context) => {
     className: style.pdfIcon
   }), /*#__PURE__*/React.createElement("div", {
     className: classnames(style.pdfDescription, style.innerHTML),
-    "data-name": "pdfDescription" // eslint-disable-next-line react/no-danger
+    "data-name": "pdfDescription"
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description
@@ -53,7 +50,6 @@ const PDF = (props, context) => {
     className: style.openPDFButtonLabel
   }, translate('Open')))));
 };
-
 PDF.contextTypes = {
   translate: Provider.childContextTypes.translate,
   skin: Provider.childContextTypes.skin

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaLineFilesOfficeFileOfficePdf","PDFIcon","Link","Provider","style","PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","pdfFrame","backgroundImage","pdfIcon","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/pdf/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaLineFilesOfficeFileOfficePdf as PDFIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PDF = (props, context) => {\n  const {description, mediaUrl, poster, onPlay} = props;\n  const {translate, skin} = context;\n\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n\n  return (\n    <div\n      className={style.pdfFrame}\n      style={{\n        backgroundImage: `url(${poster})`\n      }}\n    >\n      <PDFIcon color={white} className={style.pdfIcon} />\n      <div\n        className={classnames(style.pdfDescription, style.innerHTML)}\n        data-name=\"pdfDescription\"\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n\n      <Link href={mediaUrl} target=\"_blank\" onClick={onPlay}>\n        <div className={style.openPDFButton}>\n          <div className={style.openPDFButtonBackground} style={{backgroundColor: primary}} />\n          <label className={style.openPDFButtonLabel}>{translate('Open')}</label>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nPDF.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nPDF.propTypes = {\n  description: PropTypes.string,\n  mediaUrl: PropTypes.string,\n  poster: PropTypes.string,\n  onPlay: PropTypes.func\n};\n\nexport default PDF;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,gCAAgC,IAAIC,OAA5C,QAA0D,0BAA1D;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,GAAG,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC9B,MAAM;IAACC,WAAD;IAAcC,QAAd;IAAwBC,MAAxB;IAAgCC;EAAhC,IAA0CL,KAAhD;EACA,MAAM;IAACM,SAAD;IAAYC;EAAZ,IAAoBN,OAA1B;;EAEA,MAAMO,KAAK,GAAG,KAAI,cAAJ,EAAoBD,IAApB,CAAd;;EACA,MAAME,OAAO,GAAG,KAAI,gBAAJ,EAAsBF,IAAtB,CAAhB;;EAEA,oBACE;IACE,SAAS,EAAET,KAAK,CAACY,QADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMP,MAAO;IAD1B;EAFT,gBAME,oBAAC,OAAD;IAAS,KAAK,EAAEI,KAAhB;IAAuB,SAAS,EAAEV,KAAK,CAACc;EAAxC,EANF,eAOE;IACE,SAAS,EAAEnB,UAAU,CAACK,KAAK,CAACe,cAAP,EAAuBf,KAAK,CAACgB,SAA7B,CADvB;IAEE,aAAU,gBAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEb;IAAT;EAJ3B,EAPF,eAcE,oBAAC,IAAD;IAAM,IAAI,EAAEC,QAAZ;IAAsB,MAAM,EAAC,QAA7B;IAAsC,OAAO,EAAEE;EAA/C,gBACE;IAAK,SAAS,EAAEP,KAAK,CAACkB;EAAtB,gBACE;IAAK,SAAS,EAAElB,KAAK,CAACmB,uBAAtB;IAA+C,KAAK,EAAE;MAACC,eAAe,EAAET;IAAlB;EAAtD,EADF,eAEE;IAAO,SAAS,EAAEX,KAAK,CAACqB;EAAxB,GAA6Cb,SAAS,CAAC,MAAD,CAAtD,CAFF,CADF,CAdF,CADF;AAuBD,CA9BD;;AAgCAP,GAAG,CAACqB,YAAJ,GAAmB;EACjBd,SAAS,EAAET,QAAQ,CAACwB,iBAAT,CAA2Bf,SADrB;EAEjBC,IAAI,EAAEV,QAAQ,CAACwB,iBAAT,CAA2Bd;AAFhB,CAAnB;AAKAR,GAAG,CAACuB,SAAJ,2CAAgB;EACdpB,WAAW,EAAEV,SAAS,CAAC+B,MADT;EAEdpB,QAAQ,EAAEX,SAAS,CAAC+B,MAFN;EAGdnB,MAAM,EAAEZ,SAAS,CAAC+B,MAHJ;EAIdlB,MAAM,EAAEb,SAAS,CAACgC;AAJJ,CAAhB;AAOA,eAAezB,GAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaLineFilesOfficeFileOfficePdf","PDFIcon","Link","Provider","style","PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","pdfFrame","backgroundImage","pdfIcon","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/pdf/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaLineFilesOfficeFileOfficePdf as PDFIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PDF = (props, context) => {\n  const {description, mediaUrl, poster, onPlay} = props;\n  const {translate, skin} = context;\n\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n\n  return (\n    <div\n      className={style.pdfFrame}\n      style={{\n        backgroundImage: `url(${poster})`\n      }}\n    >\n      <PDFIcon color={white} className={style.pdfIcon} />\n      <div\n        className={classnames(style.pdfDescription, style.innerHTML)}\n        data-name=\"pdfDescription\"\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n\n      <Link href={mediaUrl} target=\"_blank\" onClick={onPlay}>\n        <div className={style.openPDFButton}>\n          <div className={style.openPDFButtonBackground} style={{backgroundColor: primary}} />\n          <label className={style.openPDFButtonLabel}>{translate('Open')}</label>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nPDF.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nPDF.propTypes = {\n  description: PropTypes.string,\n  mediaUrl: PropTypes.string,\n  poster: PropTypes.string,\n  onPlay: PropTypes.func\n};\n\nexport default PDF;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,gCAAgC,IAAIC,OAAO,QAAO,0BAA0B;AACpF,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,GAAG,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC9B,MAAM;IAACC,WAAW;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGL,KAAK;EACrD,MAAM;IAACM,SAAS;IAAEC;EAAI,CAAC,GAAGN,OAAO;EAEjC,MAAMO,KAAK,GAAG,KAAI,cAAc,EAAED,IAAI,CAAC;EACvC,MAAME,OAAO,GAAG,KAAI,gBAAgB,EAAEF,IAAI,CAAC;EAE3C,oBACE;IACE,SAAS,EAAET,KAAK,CAACY,QAAS;IAC1B,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMP,MAAO;IACjC;EAAE,gBAEF,oBAAC,OAAO;IAAC,KAAK,EAAEI,KAAM;IAAC,SAAS,EAAEV,KAAK,CAACc;EAAQ,EAAG,eACnD;IACE,SAAS,EAAEnB,UAAU,CAACK,KAAK,CAACe,cAAc,EAAEf,KAAK,CAACgB,SAAS,CAAE;IAC7D,aAAU;IACV;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEb;IAAW;EAAE,EAC/C,eAEF,oBAAC,IAAI;IAAC,IAAI,EAAEC,QAAS;IAAC,MAAM,EAAC,QAAQ;IAAC,OAAO,EAAEE;EAAO,gBACpD;IAAK,SAAS,EAAEP,KAAK,CAACkB;EAAc,gBAClC;IAAK,SAAS,EAAElB,KAAK,CAACmB,uBAAwB;IAAC,KAAK,EAAE;MAACC,eAAe,EAAET;IAAO;EAAE,EAAG,eACpF;IAAO,SAAS,EAAEX,KAAK,CAACqB;EAAmB,GAAEb,SAAS,CAAC,MAAM,CAAC,CAAS,CACnE,CACD,CACH;AAEV,CAAC;AAEDP,GAAG,CAACqB,YAAY,GAAG;EACjBd,SAAS,EAAET,QAAQ,CAACwB,iBAAiB,CAACf,SAAS;EAC/CC,IAAI,EAAEV,QAAQ,CAACwB,iBAAiB,CAACd;AACnC,CAAC;AAEDR,GAAG,CAACuB,SAAS,2CAAG;EACdpB,WAAW,EAAEV,SAAS,CAAC+B,MAAM;EAC7BpB,QAAQ,EAAEX,SAAS,CAAC+B,MAAM;EAC1BnB,MAAM,EAAEZ,SAAS,CAAC+B,MAAM;EACxBlB,MAAM,EAAEb,SAAS,CAACgC;AACpB,CAAC;AAED,eAAezB,GAAG"}

package/es/molecule/popin/index.js

@@ -1,21 +1,16 @@
 import _getOr from "lodash/fp/getOr";
-
 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, { useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionCoorpacademyLocales as LocalesIcon, NovaSolidStatusClose as Close, NovaLineContentEditionBin as Bin, NovaLineContentEditionHide as Hide } from '@coorpacademy/nova-icons';
 import Cta from '../../atom/button';
 import Loader from '../../atom/loader';
 import style from './style.css';
-
 const Popin = (props, context) => {
   const {
     skin
   } = context;
-
   const primaryColor = _getOr('#00B0FF', 'common.primary', skin);
-
   const {
     header,
     content,
@@ -75,7 +70,8 @@ const Popin = (props, context) => {
     "data-name": `cockpit-popin-header-${type}`
   }, header), /*#__PURE__*/React.createElement("p", {
     className: style.content,
-    "data-name": `cockpit-popin-content-${type}` // eslint-disable-next-line react/no-danger
+    "data-name": `cockpit-popin-content-${type}`
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: content
@@ -130,7 +126,6 @@ const Popin = (props, context) => {
     disabled: isAssistancePopin && !value.message
   }) : null)));
 };
-
 Popin.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.string,
   content: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useMemo","PropTypes","NovaCompositionCoorpacademyLocales","LocalesIcon","NovaSolidStatusClose","Close","NovaLineContentEditionBin","Bin","NovaLineContentEditionHide","Hide","Cta","Loader","style","Popin","props","context","skin","primaryColor","header","content","firstButtonLabel","onFirstButtonClick","secondeButtonLabel","onSecondeButtonClick","onClose","type","isLoading","backgroundImageUrl","logo","hiddenStateManagment","deleteContent","videoTranslate","LogoComponent","backgroundImageStyle","backgroundImage","value","setValue","object","message","email","handleChange","event","target","name","isAssistancePopin","handleClickOnSecondButton","background","loader","popin","popinHeader","headerCloseIcon","icon","color","__html","width","inputText","inputTextArea","lastInputText","buttonContainer","button","backgroundColor","propTypes","string","func","oneOf","bool"],"sources":["../../../src/molecule/popin/index.js"],"sourcesContent":["import React, {useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\n\nimport {\n  NovaCompositionCoorpacademyLocales as LocalesIcon,\n  NovaSolidStatusClose as Close,\n  NovaLineContentEditionBin as Bin,\n  NovaLineContentEditionHide as Hide\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const {\n    header,\n    content,\n    firstButtonLabel,\n    onFirstButtonClick,\n    secondeButtonLabel,\n    onSecondeButtonClick,\n    onClose,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n\n  const logo = {\n    hiddenStateManagment: Hide,\n    deleteContent: Bin,\n    videoTranslate: LocalesIcon\n  };\n\n  const LogoComponent = logo[type];\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`\n      }\n    : {};\n\n  const [value, setValue] = useState({object: '', message: '', email: ''});\n\n  const handleChange = useMemo(\n    () => event => {\n      setValue({...value, [event.target.name]: event.target.value});\n    },\n    [value]\n  );\n\n  const isAssistancePopin = type === 'assistance';\n\n  const handleClickOnSecondButton = useMemo(() => {\n    return type === 'assistance' ? onSecondeButtonClick(value) : onSecondeButtonClick;\n  }, [value, type, onSecondeButtonClick]);\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"cockpit-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          <header className={style.popinHeader}>\n            <Close onClick={onClose} className={style.headerCloseIcon} />\n          </header>\n          {LogoComponent ? (\n            <LogoComponent className={style.icon} style={{color: primaryColor}} />\n          ) : null}\n          <div className={style.header} data-name={`cockpit-popin-header-${type}`}>\n            {header}\n          </div>\n          <p\n            className={style.content}\n            data-name={`cockpit-popin-content-${type}`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n\n          {isAssistancePopin ? (\n            <div style={{width: '70%'}}>\n              <input\n                data-name=\"contact-object\"\n                className={style.inputText}\n                name=\"object\"\n                type=\"text\"\n                placeholder=\"Object\"\n                value={value.object}\n                onChange={handleChange}\n              />\n              <textarea\n                className={(style.inputText, style.inputTextArea)}\n                data-name=\"contact-message\"\n                name=\"message\"\n                type=\"text\"\n                placeholder=\"Message\"\n                value={value.message}\n                onChange={handleChange}\n              />\n              <input\n                className={style.lastInputText}\n                data-name=\"contact-email\"\n                name=\"email\"\n                type=\"text\"\n                placeholder=\"Email\"\n                value={value.email}\n                onChange={handleChange}\n              />\n            </div>\n          ) : null}\n\n          <div className={style.buttonContainer}>\n            {firstButtonLabel ? (\n              <Cta\n                submitValue={firstButtonLabel}\n                onClick={onFirstButtonClick}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{\n                  backgroundColor: 'white',\n                  color: 'gray'\n                }}\n              />\n            ) : null}\n            {secondeButtonLabel ? (\n              <Cta\n                submitValue={secondeButtonLabel}\n                onClick={handleClickOnSecondButton}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{backgroundColor: primaryColor}}\n                disabled={isAssistancePopin && !value.message}\n              />\n            ) : null}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  firstButtonLabel: PropTypes.string,\n  onFirstButtonClick: PropTypes.func,\n  secondeButtonLabel: PropTypes.string,\n  onSecondeButtonClick: PropTypes.func,\n  onClose: PropTypes.func,\n  type: PropTypes.oneOf(['videoTranslate', 'hiddenStateManagment', 'deleteContent', 'assistance']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default Popin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","useMemo","PropTypes","NovaCompositionCoorpacademyLocales","LocalesIcon","NovaSolidStatusClose","Close","NovaLineContentEditionBin","Bin","NovaLineContentEditionHide","Hide","Cta","Loader","style","Popin","props","context","skin","primaryColor","header","content","firstButtonLabel","onFirstButtonClick","secondeButtonLabel","onSecondeButtonClick","onClose","type","isLoading","backgroundImageUrl","logo","hiddenStateManagment","deleteContent","videoTranslate","LogoComponent","backgroundImageStyle","backgroundImage","value","setValue","object","message","email","handleChange","event","target","name","isAssistancePopin","handleClickOnSecondButton","background","loader","popin","popinHeader","headerCloseIcon","icon","color","__html","width","inputText","inputTextArea","lastInputText","buttonContainer","button","backgroundColor","propTypes","string","func","oneOf","bool"],"sources":["../../../src/molecule/popin/index.js"],"sourcesContent":["import React, {useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\n\nimport {\n  NovaCompositionCoorpacademyLocales as LocalesIcon,\n  NovaSolidStatusClose as Close,\n  NovaLineContentEditionBin as Bin,\n  NovaLineContentEditionHide as Hide\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const {\n    header,\n    content,\n    firstButtonLabel,\n    onFirstButtonClick,\n    secondeButtonLabel,\n    onSecondeButtonClick,\n    onClose,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n\n  const logo = {\n    hiddenStateManagment: Hide,\n    deleteContent: Bin,\n    videoTranslate: LocalesIcon\n  };\n\n  const LogoComponent = logo[type];\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`\n      }\n    : {};\n\n  const [value, setValue] = useState({object: '', message: '', email: ''});\n\n  const handleChange = useMemo(\n    () => event => {\n      setValue({...value, [event.target.name]: event.target.value});\n    },\n    [value]\n  );\n\n  const isAssistancePopin = type === 'assistance';\n\n  const handleClickOnSecondButton = useMemo(() => {\n    return type === 'assistance' ? onSecondeButtonClick(value) : onSecondeButtonClick;\n  }, [value, type, onSecondeButtonClick]);\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"cockpit-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          <header className={style.popinHeader}>\n            <Close onClick={onClose} className={style.headerCloseIcon} />\n          </header>\n          {LogoComponent ? (\n            <LogoComponent className={style.icon} style={{color: primaryColor}} />\n          ) : null}\n          <div className={style.header} data-name={`cockpit-popin-header-${type}`}>\n            {header}\n          </div>\n          <p\n            className={style.content}\n            data-name={`cockpit-popin-content-${type}`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n\n          {isAssistancePopin ? (\n            <div style={{width: '70%'}}>\n              <input\n                data-name=\"contact-object\"\n                className={style.inputText}\n                name=\"object\"\n                type=\"text\"\n                placeholder=\"Object\"\n                value={value.object}\n                onChange={handleChange}\n              />\n              <textarea\n                className={(style.inputText, style.inputTextArea)}\n                data-name=\"contact-message\"\n                name=\"message\"\n                type=\"text\"\n                placeholder=\"Message\"\n                value={value.message}\n                onChange={handleChange}\n              />\n              <input\n                className={style.lastInputText}\n                data-name=\"contact-email\"\n                name=\"email\"\n                type=\"text\"\n                placeholder=\"Email\"\n                value={value.email}\n                onChange={handleChange}\n              />\n            </div>\n          ) : null}\n\n          <div className={style.buttonContainer}>\n            {firstButtonLabel ? (\n              <Cta\n                submitValue={firstButtonLabel}\n                onClick={onFirstButtonClick}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{\n                  backgroundColor: 'white',\n                  color: 'gray'\n                }}\n              />\n            ) : null}\n            {secondeButtonLabel ? (\n              <Cta\n                submitValue={secondeButtonLabel}\n                onClick={handleClickOnSecondButton}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{backgroundColor: primaryColor}}\n                disabled={isAssistancePopin && !value.message}\n              />\n            ) : null}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  firstButtonLabel: PropTypes.string,\n  onFirstButtonClick: PropTypes.func,\n  secondeButtonLabel: PropTypes.string,\n  onSecondeButtonClick: PropTypes.func,\n  onClose: PropTypes.func,\n  type: PropTypes.oneOf(['videoTranslate', 'hiddenStateManagment', 'deleteContent', 'assistance']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default Popin;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,OAAO,QAAO,OAAO;AAC9C,OAAOC,SAAS,MAAM,YAAY;AAGlC,SACEC,kCAAkC,IAAIC,WAAW,EACjDC,oBAAoB,IAAIC,KAAK,EAC7BC,yBAAyB,IAAIC,GAAG,EAChCC,0BAA0B,IAAIC,IAAI,QAC7B,0BAA0B;AACjC,OAAOC,GAAG,MAAM,mBAAmB;AACnC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAChC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAME,YAAY,GAAG,OAAM,SAAS,EAAE,gBAAgB,EAAED,IAAI,CAAC;EAC7D,MAAM;IACJE,MAAM;IACNC,OAAO;IACPC,gBAAgB;IAChBC,kBAAkB;IAClBC,kBAAkB;IAClBC,oBAAoB;IACpBC,OAAO;IACPC,IAAI;IACJC,SAAS,GAAG,KAAK;IACjBC;EACF,CAAC,GAAGb,KAAK;EAET,MAAMc,IAAI,GAAG;IACXC,oBAAoB,EAAEpB,IAAI;IAC1BqB,aAAa,EAAEvB,GAAG;IAClBwB,cAAc,EAAE5B;EAClB,CAAC;EAED,MAAM6B,aAAa,GAAGJ,IAAI,CAACH,IAAI,CAAC;EAChC,MAAMQ,oBAAoB,GAAGN,kBAAkB,GAC3C;IACEO,eAAe,EAAG,OAAMP,kBAAmB;EAC7C,CAAC,GACD,CAAC,CAAC;EAEN,MAAM,CAACQ,KAAK,EAAEC,QAAQ,CAAC,GAAGrC,QAAQ,CAAC;IAACsC,MAAM,EAAE,EAAE;IAAEC,OAAO,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAE,CAAC,CAAC;EAExE,MAAMC,YAAY,GAAGxC,OAAO,CAC1B,MAAMyC,KAAK,IAAI;IACbL,QAAQ,cAAKD,KAAK;MAAE,CAACM,KAAK,CAACC,MAAM,CAACC,IAAI,GAAGF,KAAK,CAACC,MAAM,CAACP;IAAK,GAAE;EAC/D,CAAC,EACD,CAACA,KAAK,CAAC,CACR;EAED,MAAMS,iBAAiB,GAAGnB,IAAI,KAAK,YAAY;EAE/C,MAAMoB,yBAAyB,GAAG7C,OAAO,CAAC,MAAM;IAC9C,OAAOyB,IAAI,KAAK,YAAY,GAAGF,oBAAoB,CAACY,KAAK,CAAC,GAAGZ,oBAAoB;EACnF,CAAC,EAAE,CAACY,KAAK,EAAEV,IAAI,EAAEF,oBAAoB,CAAC,CAAC;EAEvC,oBACE;IAAK,SAAS,EAAEX,KAAK,CAACkC,UAAW;IAAC,KAAK,EAAEb;EAAqB,GAC3DP,SAAS,gBACR;IAAK,SAAS,EAAEd,KAAK,CAACmC;EAAO,gBAC3B,oBAAC,MAAM;IAAC,aAAU;EAAsB,EAAG,CACvC,gBAEN;IAAK,SAAS,EAAEnC,KAAK,CAACoC;EAAM,gBAC1B;IAAQ,SAAS,EAAEpC,KAAK,CAACqC;EAAY,gBACnC,oBAAC,KAAK;IAAC,OAAO,EAAEzB,OAAQ;IAAC,SAAS,EAAEZ,KAAK,CAACsC;EAAgB,EAAG,CACtD,EACRlB,aAAa,gBACZ,oBAAC,aAAa;IAAC,SAAS,EAAEpB,KAAK,CAACuC,IAAK;IAAC,KAAK,EAAE;MAACC,KAAK,EAAEnC;IAAY;EAAE,EAAG,GACpE,IAAI,eACR;IAAK,SAAS,EAAEL,KAAK,CAACM,MAAO;IAAC,aAAY,wBAAuBO,IAAK;EAAE,GACrEP,MAAM,CACH,eACN;IACE,SAAS,EAAEN,KAAK,CAACO,OAAQ;IACzB,aAAY,yBAAwBM,IAAK;IACzC;IAAA;IACA,uBAAuB,EAAE;MAAC4B,MAAM,EAAElC;IAAO;EAAE,EAC3C,EAEDyB,iBAAiB,gBAChB;IAAK,KAAK,EAAE;MAACU,KAAK,EAAE;IAAK;EAAE,gBACzB;IACE,aAAU,gBAAgB;IAC1B,SAAS,EAAE1C,KAAK,CAAC2C,SAAU;IAC3B,IAAI,EAAC,QAAQ;IACb,IAAI,EAAC,MAAM;IACX,WAAW,EAAC,QAAQ;IACpB,KAAK,EAAEpB,KAAK,CAACE,MAAO;IACpB,QAAQ,EAAEG;EAAa,EACvB,eACF;IACE,SAAS,GAAG5B,KAAK,CAAC2C,SAAS,EAAE3C,KAAK,CAAC4C,aAAa,CAAE;IAClD,aAAU,iBAAiB;IAC3B,IAAI,EAAC,SAAS;IACd,IAAI,EAAC,MAAM;IACX,WAAW,EAAC,SAAS;IACrB,KAAK,EAAErB,KAAK,CAACG,OAAQ;IACrB,QAAQ,EAAEE;EAAa,EACvB,eACF;IACE,SAAS,EAAE5B,KAAK,CAAC6C,aAAc;IAC/B,aAAU,eAAe;IACzB,IAAI,EAAC,OAAO;IACZ,IAAI,EAAC,MAAM;IACX,WAAW,EAAC,OAAO;IACnB,KAAK,EAAEtB,KAAK,CAACI,KAAM;IACnB,QAAQ,EAAEC;EAAa,EACvB,CACE,GACJ,IAAI,eAER;IAAK,SAAS,EAAE5B,KAAK,CAAC8C;EAAgB,GACnCtC,gBAAgB,gBACf,oBAAC,GAAG;IACF,WAAW,EAAEA,gBAAiB;IAC9B,OAAO,EAAEC,kBAAmB;IAC5B,IAAI,EAAG,qBAAoBI,IAAK,EAAE;IAClC,SAAS,EAAEb,KAAK,CAAC+C,MAAO;IACxB,KAAK,EAAE;MACLC,eAAe,EAAE,OAAO;MACxBR,KAAK,EAAE;IACT;EAAE,EACF,GACA,IAAI,EACP9B,kBAAkB,gBACjB,oBAAC,GAAG;IACF,WAAW,EAAEA,kBAAmB;IAChC,OAAO,EAAEuB,yBAA0B;IACnC,IAAI,EAAG,qBAAoBpB,IAAK,EAAE;IAClC,SAAS,EAAEb,KAAK,CAAC+C,MAAO;IACxB,KAAK,EAAE;MAACC,eAAe,EAAE3C;IAAY,CAAE;IACvC,QAAQ,EAAE2B,iBAAiB,IAAI,CAACT,KAAK,CAACG;EAAQ,EAC9C,GACA,IAAI,CACJ,CAET,CACG;AAEV,CAAC;AAEDzB,KAAK,CAACgD,SAAS,2CAAG;EAChB3C,MAAM,EAAEjB,SAAS,CAAC6D,MAAM;EACxB3C,OAAO,EAAElB,SAAS,CAAC6D,MAAM;EACzB1C,gBAAgB,EAAEnB,SAAS,CAAC6D,MAAM;EAClCzC,kBAAkB,EAAEpB,SAAS,CAAC8D,IAAI;EAClCzC,kBAAkB,EAAErB,SAAS,CAAC6D,MAAM;EACpCvC,oBAAoB,EAAEtB,SAAS,CAAC8D,IAAI;EACpCvC,OAAO,EAAEvB,SAAS,CAAC8D,IAAI;EACvBtC,IAAI,EAAExB,SAAS,CAAC+D,KAAK,CAAC,CAAC,gBAAgB,EAAE,sBAAsB,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC;EAChGtC,SAAS,EAAEzB,SAAS,CAACgE,IAAI;EACzBtC,kBAAkB,EAAE1B,SAAS,CAAC6D;AAChC,CAAC;AAED,eAAejD,KAAK"}

package/es/molecule/product-card/index.js

@@ -3,7 +3,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import style from './style.css';
-
 const ProductCard = (props, context) => {
   const {
     title,
@@ -17,12 +16,10 @@ const ProductCard = (props, context) => {
   } = context;
   const descriptionItemTranslationKeys = [translate('product_desc_culture'), translate('product_desc_partnership'), translate('product_desc_battle'), translate('product_desc_coach'), translate('product_desc_forum'), translate('product_desc_certificates')];
   const priceTemplate = translate('subscription_price');
-
   const priceValue = _template(priceTemplate)({
     price,
     currency
   });
-
   const items = descriptionItemTranslationKeys.map((itemDescription, index) => {
     return /*#__PURE__*/React.createElement("div", {
       className: style.productDescriptionItem,
@@ -56,7 +53,6 @@ const ProductCard = (props, context) => {
     className: style.cancelText
   }, translate('product_cancel')))));
 };
-
 ProductCard.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/molecule/product-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","ProductCard","props","context","title","subtitle","price","currency","checkImage","translate","descriptionItemTranslationKeys","priceTemplate","priceValue","items","map","itemDescription","index","productDescriptionItem","productCheckbox","productDescriptionText","product","productHeader","productHeaderTitle","productHeaderSubtitle","productBody","productSeparation","productPrice","cancelText","contextTypes","childContextTypes","propTypes","string","isRequired"],"sources":["../../../src/molecule/product-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {template} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst ProductCard = (props, context) => {\n  const {title, subtitle, price, currency, checkImage} = props;\n\n  const {translate} = context;\n\n  const descriptionItemTranslationKeys = [\n    translate('product_desc_culture'),\n    translate('product_desc_partnership'),\n    translate('product_desc_battle'),\n    translate('product_desc_coach'),\n    translate('product_desc_forum'),\n    translate('product_desc_certificates')\n  ];\n\n  const priceTemplate = translate('subscription_price');\n  const priceValue = template(priceTemplate)({price, currency});\n\n  const items = descriptionItemTranslationKeys.map((itemDescription, index) => {\n    return (\n      <div className={style.productDescriptionItem} key={index}>\n        <img className={style.productCheckbox} src={checkImage} />\n        <div className={style.productDescriptionText}>{itemDescription}</div>\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.product}>\n      <div className={style.productHeader}>\n        <div className={style.productHeaderTitle}>{title}</div>\n        <div className={style.productHeaderSubtitle}>{subtitle}</div>\n      </div>\n      <div className={style.productBody}>\n        <div className=\"product__description\">{items}</div>\n        <hr className={style.productSeparation} />\n        <div className={style.productPrice}>\n          <div className={style.priceValue}>{priceValue}</div>\n          <div className={style.cancelText}>{translate('product_cancel')}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nProductCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProductCard.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string.isRequired,\n  currency: PropTypes.string.isRequired,\n  price: PropTypes.string.isRequired,\n  checkImage: PropTypes.string.isRequired\n};\n\nexport default ProductCard;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtC,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC,KAAlB;IAAyBC,QAAzB;IAAmCC;EAAnC,IAAiDN,KAAvD;EAEA,MAAM;IAACO;EAAD,IAAcN,OAApB;EAEA,MAAMO,8BAA8B,GAAG,CACrCD,SAAS,CAAC,sBAAD,CAD4B,EAErCA,SAAS,CAAC,0BAAD,CAF4B,EAGrCA,SAAS,CAAC,qBAAD,CAH4B,EAIrCA,SAAS,CAAC,oBAAD,CAJ4B,EAKrCA,SAAS,CAAC,oBAAD,CAL4B,EAMrCA,SAAS,CAAC,2BAAD,CAN4B,CAAvC;EASA,MAAME,aAAa,GAAGF,SAAS,CAAC,oBAAD,CAA/B;;EACA,MAAMG,UAAU,GAAG,UAASD,aAAT,EAAwB;IAACL,KAAD;IAAQC;EAAR,CAAxB,CAAnB;;EAEA,MAAMM,KAAK,GAAGH,8BAA8B,CAACI,GAA/B,CAAmC,CAACC,eAAD,EAAkBC,KAAlB,KAA4B;IAC3E,oBACE;MAAK,SAAS,EAAEhB,KAAK,CAACiB,sBAAtB;MAA8C,GAAG,EAAED;IAAnD,gBACE;MAAK,SAAS,EAAEhB,KAAK,CAACkB,eAAtB;MAAuC,GAAG,EAAEV;IAA5C,EADF,eAEE;MAAK,SAAS,EAAER,KAAK,CAACmB;IAAtB,GAA+CJ,eAA/C,CAFF,CADF;EAMD,CAPa,CAAd;EASA,oBACE;IAAK,SAAS,EAAEf,KAAK,CAACoB;EAAtB,gBACE;IAAK,SAAS,EAAEpB,KAAK,CAACqB;EAAtB,gBACE;IAAK,SAAS,EAAErB,KAAK,CAACsB;EAAtB,GAA2ClB,KAA3C,CADF,eAEE;IAAK,SAAS,EAAEJ,KAAK,CAACuB;EAAtB,GAA8ClB,QAA9C,CAFF,CADF,eAKE;IAAK,SAAS,EAAEL,KAAK,CAACwB;EAAtB,gBACE;IAAK,SAAS,EAAC;EAAf,GAAuCX,KAAvC,CADF,eAEE;IAAI,SAAS,EAAEb,KAAK,CAACyB;EAArB,EAFF,eAGE;IAAK,SAAS,EAAEzB,KAAK,CAAC0B;EAAtB,gBACE;IAAK,SAAS,EAAE1B,KAAK,CAACY;EAAtB,GAAmCA,UAAnC,CADF,eAEE;IAAK,SAAS,EAAEZ,KAAK,CAAC2B;EAAtB,GAAmClB,SAAS,CAAC,gBAAD,CAA5C,CAFF,CAHF,CALF,CADF;AAgBD,CA1CD;;AA4CAR,WAAW,CAAC2B,YAAZ,GAA2B;EACzBnB,SAAS,EAAEV,QAAQ,CAAC8B,iBAAT,CAA2BpB;AADb,CAA3B;AAIAR,WAAW,CAAC6B,SAAZ,2CAAwB;EACtB1B,KAAK,EAAEN,SAAS,CAACiC,MAAV,CAAiBC,UADF;EAEtB3B,QAAQ,EAAEP,SAAS,CAACiC,MAAV,CAAiBC,UAFL;EAGtBzB,QAAQ,EAAET,SAAS,CAACiC,MAAV,CAAiBC,UAHL;EAItB1B,KAAK,EAAER,SAAS,CAACiC,MAAV,CAAiBC,UAJF;EAKtBxB,UAAU,EAAEV,SAAS,CAACiC,MAAV,CAAiBC;AALP,CAAxB;AAQA,eAAe/B,WAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","ProductCard","props","context","title","subtitle","price","currency","checkImage","translate","descriptionItemTranslationKeys","priceTemplate","priceValue","items","map","itemDescription","index","productDescriptionItem","productCheckbox","productDescriptionText","product","productHeader","productHeaderTitle","productHeaderSubtitle","productBody","productSeparation","productPrice","cancelText","contextTypes","childContextTypes","propTypes","string","isRequired"],"sources":["../../../src/molecule/product-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {template} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst ProductCard = (props, context) => {\n  const {title, subtitle, price, currency, checkImage} = props;\n\n  const {translate} = context;\n\n  const descriptionItemTranslationKeys = [\n    translate('product_desc_culture'),\n    translate('product_desc_partnership'),\n    translate('product_desc_battle'),\n    translate('product_desc_coach'),\n    translate('product_desc_forum'),\n    translate('product_desc_certificates')\n  ];\n\n  const priceTemplate = translate('subscription_price');\n  const priceValue = template(priceTemplate)({price, currency});\n\n  const items = descriptionItemTranslationKeys.map((itemDescription, index) => {\n    return (\n      <div className={style.productDescriptionItem} key={index}>\n        <img className={style.productCheckbox} src={checkImage} />\n        <div className={style.productDescriptionText}>{itemDescription}</div>\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.product}>\n      <div className={style.productHeader}>\n        <div className={style.productHeaderTitle}>{title}</div>\n        <div className={style.productHeaderSubtitle}>{subtitle}</div>\n      </div>\n      <div className={style.productBody}>\n        <div className=\"product__description\">{items}</div>\n        <hr className={style.productSeparation} />\n        <div className={style.productPrice}>\n          <div className={style.priceValue}>{priceValue}</div>\n          <div className={style.cancelText}>{translate('product_cancel')}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nProductCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProductCard.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string.isRequired,\n  currency: PropTypes.string.isRequired,\n  price: PropTypes.string.isRequired,\n  checkImage: PropTypes.string.isRequired\n};\n\nexport default ProductCard;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACtC,MAAM;IAACC,KAAK;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGN,KAAK;EAE5D,MAAM;IAACO;EAAS,CAAC,GAAGN,OAAO;EAE3B,MAAMO,8BAA8B,GAAG,CACrCD,SAAS,CAAC,sBAAsB,CAAC,EACjCA,SAAS,CAAC,0BAA0B,CAAC,EACrCA,SAAS,CAAC,qBAAqB,CAAC,EAChCA,SAAS,CAAC,oBAAoB,CAAC,EAC/BA,SAAS,CAAC,oBAAoB,CAAC,EAC/BA,SAAS,CAAC,2BAA2B,CAAC,CACvC;EAED,MAAME,aAAa,GAAGF,SAAS,CAAC,oBAAoB,CAAC;EACrD,MAAMG,UAAU,GAAG,UAASD,aAAa,CAAC,CAAC;IAACL,KAAK;IAAEC;EAAQ,CAAC,CAAC;EAE7D,MAAMM,KAAK,GAAGH,8BAA8B,CAACI,GAAG,CAAC,CAACC,eAAe,EAAEC,KAAK,KAAK;IAC3E,oBACE;MAAK,SAAS,EAAEhB,KAAK,CAACiB,sBAAuB;MAAC,GAAG,EAAED;IAAM,gBACvD;MAAK,SAAS,EAAEhB,KAAK,CAACkB,eAAgB;MAAC,GAAG,EAAEV;IAAW,EAAG,eAC1D;MAAK,SAAS,EAAER,KAAK,CAACmB;IAAuB,GAAEJ,eAAe,CAAO,CACjE;EAEV,CAAC,CAAC;EAEF,oBACE;IAAK,SAAS,EAAEf,KAAK,CAACoB;EAAQ,gBAC5B;IAAK,SAAS,EAAEpB,KAAK,CAACqB;EAAc,gBAClC;IAAK,SAAS,EAAErB,KAAK,CAACsB;EAAmB,GAAElB,KAAK,CAAO,eACvD;IAAK,SAAS,EAAEJ,KAAK,CAACuB;EAAsB,GAAElB,QAAQ,CAAO,CACzD,eACN;IAAK,SAAS,EAAEL,KAAK,CAACwB;EAAY,gBAChC;IAAK,SAAS,EAAC;EAAsB,GAAEX,KAAK,CAAO,eACnD;IAAI,SAAS,EAAEb,KAAK,CAACyB;EAAkB,EAAG,eAC1C;IAAK,SAAS,EAAEzB,KAAK,CAAC0B;EAAa,gBACjC;IAAK,SAAS,EAAE1B,KAAK,CAACY;EAAW,GAAEA,UAAU,CAAO,eACpD;IAAK,SAAS,EAAEZ,KAAK,CAAC2B;EAAW,GAAElB,SAAS,CAAC,gBAAgB,CAAC,CAAO,CACjE,CACF,CACF;AAEV,CAAC;AAEDR,WAAW,CAAC2B,YAAY,GAAG;EACzBnB,SAAS,EAAEV,QAAQ,CAAC8B,iBAAiB,CAACpB;AACxC,CAAC;AAEDR,WAAW,CAAC6B,SAAS,2CAAG;EACtB1B,KAAK,EAAEN,SAAS,CAACiC,MAAM,CAACC,UAAU;EAClC3B,QAAQ,EAAEP,SAAS,CAACiC,MAAM,CAACC,UAAU;EACrCzB,QAAQ,EAAET,SAAS,CAACiC,MAAM,CAACC,UAAU;EACrC1B,KAAK,EAAER,SAAS,CAACiC,MAAM,CAACC,UAAU;EAClCxB,UAAU,EAAEV,SAAS,CAACiC,MAAM,CAACC;AAC/B,CAAC;AAED,eAAe/B,WAAW"}

package/es/molecule/progress-bar/index.js

@@ -1,12 +1,9 @@
 import _times from "lodash/fp/times";
-
 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';
 import style from './style.css';
-
 const ProgressBar = props => {
   const {
     className,
@@ -19,12 +16,10 @@ const ProgressBar = props => {
   const ratio = value / max;
   const percentage = Math.floor(ratio * 100);
   const text = `${percentage}%`;
-
   const stepList = _times(index => /*#__PURE__*/React.createElement("div", {
     className: style.step,
     key: index
   }), steps);
-
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(style.background, className)
   }, /*#__PURE__*/React.createElement("div", {
@@ -42,7 +37,6 @@ const ProgressBar = props => {
     className: style.steps
   }, stepList));
 };
-
 ProgressBar.propTypes = process.env.NODE_ENV !== "production" ? {
   className: PropTypes.string,
   value: PropTypes.number.isRequired,

package/es/molecule/progress-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","style","ProgressBar","props","className","value","max","desc","steps","propsStyle","ratio","percentage","Math","floor","text","stepList","index","step","background","progress","width","texts","description","propTypes","string","number","isRequired","objectOf","oneOfType"],"sources":["../../../src/molecule/progress-bar/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {times} from 'lodash/fp';\nimport style from './style.css';\n\nconst ProgressBar = props => {\n  const {className, value, max, desc = '', steps = 0, style: propsStyle} = props;\n\n  const ratio = value / max;\n  const percentage = Math.floor(ratio * 100);\n  const text = `${percentage}%`;\n  const stepList = times(index => <div className={style.step} key={index} />, steps);\n  return (\n    <div className={classnames(style.background, className)}>\n      <div\n        className={style.progress}\n        style={{\n          ...propsStyle,\n          width: `${ratio * 100}%`\n        }}\n      />\n      <p className={style.texts}>\n        <span className={style.description}>{`${value}/${max} ${desc}`}</span>\n        <span className={style.percentage}>{text}</span>\n      </p>\n      <div className={style.steps}>{stepList}</div>\n    </div>\n  );\n};\n\nProgressBar.propTypes = {\n  className: PropTypes.string,\n  value: PropTypes.number.isRequired,\n  max: PropTypes.number.isRequired,\n  desc: PropTypes.string,\n  steps: PropTypes.number,\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default ProgressBar;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,SAAD;IAAYC,KAAZ;IAAmBC,GAAnB;IAAwBC,IAAI,GAAG,EAA/B;IAAmCC,KAAK,GAAG,CAA3C;IAA8CP,KAAK,EAAEQ;EAArD,IAAmEN,KAAzE;EAEA,MAAMO,KAAK,GAAGL,KAAK,GAAGC,GAAtB;EACA,MAAMK,UAAU,GAAGC,IAAI,CAACC,KAAL,CAAWH,KAAK,GAAG,GAAnB,CAAnB;EACA,MAAMI,IAAI,GAAI,GAAEH,UAAW,GAA3B;;EACA,MAAMI,QAAQ,GAAG,OAAMC,KAAK,iBAAI;IAAK,SAAS,EAAEf,KAAK,CAACgB,IAAtB;IAA4B,GAAG,EAAED;EAAjC,EAAf,EAA2DR,KAA3D,CAAjB;;EACA,oBACE;IAAK,SAAS,EAAER,UAAU,CAACC,KAAK,CAACiB,UAAP,EAAmBd,SAAnB;EAA1B,gBACE;IACE,SAAS,EAAEH,KAAK,CAACkB,QADnB;IAEE,KAAK,eACAV,UADA;MAEHW,KAAK,EAAG,GAAEV,KAAK,GAAG,GAAI;IAFnB;EAFP,EADF,eAQE;IAAG,SAAS,EAAET,KAAK,CAACoB;EAApB,gBACE;IAAM,SAAS,EAAEpB,KAAK,CAACqB;EAAvB,GAAsC,GAAEjB,KAAM,IAAGC,GAAI,IAAGC,IAAK,EAA7D,CADF,eAEE;IAAM,SAAS,EAAEN,KAAK,CAACU;EAAvB,GAAoCG,IAApC,CAFF,CARF,eAYE;IAAK,SAAS,EAAEb,KAAK,CAACO;EAAtB,GAA8BO,QAA9B,CAZF,CADF;AAgBD,CAvBD;;AAyBAb,WAAW,CAACqB,SAAZ,2CAAwB;EACtBnB,SAAS,EAAEL,SAAS,CAACyB,MADC;EAEtBnB,KAAK,EAAEN,SAAS,CAAC0B,MAAV,CAAiBC,UAFF;EAGtBpB,GAAG,EAAEP,SAAS,CAAC0B,MAAV,CAAiBC,UAHA;EAItBnB,IAAI,EAAER,SAAS,CAACyB,MAJM;EAKtBhB,KAAK,EAAET,SAAS,CAAC0B,MALK;EAMtBxB,KAAK,EAAEF,SAAS,CAAC4B,QAAV,CAAmB5B,SAAS,CAAC6B,SAAV,CAAoB,CAAC7B,SAAS,CAACyB,MAAX,EAAmBzB,SAAS,CAAC0B,MAA7B,CAApB,CAAnB;AANe,CAAxB;AASA,eAAevB,WAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","style","ProgressBar","props","className","value","max","desc","steps","propsStyle","ratio","percentage","Math","floor","text","stepList","index","step","background","progress","width","texts","description","propTypes","string","number","isRequired","objectOf","oneOfType"],"sources":["../../../src/molecule/progress-bar/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {times} from 'lodash/fp';\nimport style from './style.css';\n\nconst ProgressBar = props => {\n  const {className, value, max, desc = '', steps = 0, style: propsStyle} = props;\n\n  const ratio = value / max;\n  const percentage = Math.floor(ratio * 100);\n  const text = `${percentage}%`;\n  const stepList = times(index => <div className={style.step} key={index} />, steps);\n  return (\n    <div className={classnames(style.background, className)}>\n      <div\n        className={style.progress}\n        style={{\n          ...propsStyle,\n          width: `${ratio * 100}%`\n        }}\n      />\n      <p className={style.texts}>\n        <span className={style.description}>{`${value}/${max} ${desc}`}</span>\n        <span className={style.percentage}>{text}</span>\n      </p>\n      <div className={style.steps}>{stepList}</div>\n    </div>\n  );\n};\n\nProgressBar.propTypes = {\n  className: PropTypes.string,\n  value: PropTypes.number.isRequired,\n  max: PropTypes.number.isRequired,\n  desc: PropTypes.string,\n  steps: PropTypes.number,\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default ProgressBar;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,SAAS;IAAEC,KAAK;IAAEC,GAAG;IAAEC,IAAI,GAAG,EAAE;IAAEC,KAAK,GAAG,CAAC;IAAEP,KAAK,EAAEQ;EAAU,CAAC,GAAGN,KAAK;EAE9E,MAAMO,KAAK,GAAGL,KAAK,GAAGC,GAAG;EACzB,MAAMK,UAAU,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,GAAG,GAAG,CAAC;EAC1C,MAAMI,IAAI,GAAI,GAAEH,UAAW,GAAE;EAC7B,MAAMI,QAAQ,GAAG,OAAMC,KAAK,iBAAI;IAAK,SAAS,EAAEf,KAAK,CAACgB,IAAK;IAAC,GAAG,EAAED;EAAM,EAAG,EAAER,KAAK,CAAC;EAClF,oBACE;IAAK,SAAS,EAAER,UAAU,CAACC,KAAK,CAACiB,UAAU,EAAEd,SAAS;EAAE,gBACtD;IACE,SAAS,EAAEH,KAAK,CAACkB,QAAS;IAC1B,KAAK,eACAV,UAAU;MACbW,KAAK,EAAG,GAAEV,KAAK,GAAG,GAAI;IAAE;EACxB,EACF,eACF;IAAG,SAAS,EAAET,KAAK,CAACoB;EAAM,gBACxB;IAAM,SAAS,EAAEpB,KAAK,CAACqB;EAAY,GAAG,GAAEjB,KAAM,IAAGC,GAAI,IAAGC,IAAK,EAAC,CAAQ,eACtE;IAAM,SAAS,EAAEN,KAAK,CAACU;EAAW,GAAEG,IAAI,CAAQ,CAC9C,eACJ;IAAK,SAAS,EAAEb,KAAK,CAACO;EAAM,GAAEO,QAAQ,CAAO,CACzC;AAEV,CAAC;AAEDb,WAAW,CAACqB,SAAS,2CAAG;EACtBnB,SAAS,EAAEL,SAAS,CAACyB,MAAM;EAC3BnB,KAAK,EAAEN,SAAS,CAAC0B,MAAM,CAACC,UAAU;EAClCpB,GAAG,EAAEP,SAAS,CAAC0B,MAAM,CAACC,UAAU;EAChCnB,IAAI,EAAER,SAAS,CAACyB,MAAM;EACtBhB,KAAK,EAAET,SAAS,CAAC0B,MAAM;EACvBxB,KAAK,EAAEF,SAAS,CAAC4B,QAAQ,CAAC5B,SAAS,CAAC6B,SAAS,CAAC,CAAC7B,SAAS,CAACyB,MAAM,EAAEzB,SAAS,CAAC0B,MAAM,CAAC,CAAC;AACrF,CAAC;AAED,eAAevB,WAAW"}

package/es/molecule/questions/drop-down/index.js

@@ -3,7 +3,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Select, { SelectOptionPropTypes } from '../../../atom/select';
 import style from './style.css';
-
 const DropDown = props => {
   const {
     options,
@@ -12,9 +11,7 @@ const DropDown = props => {
     'aria-label': ariaLabel,
     groupAriaLabel
   } = props;
-
   const currentSelection = _find('selected', options);
-
   const defaultTheme = !currentSelection || currentSelection.validOption === false ? 'invalid' : 'question';
   const theme = propsTheme || defaultTheme;
   return /*#__PURE__*/React.createElement("div", {
@@ -28,7 +25,6 @@ const DropDown = props => {
     onChange: onChange
   }));
 };
-
 DropDown.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: Select.propTypes.onChange,
   options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),

package/es/molecule/questions/drop-down/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Select","SelectOptionPropTypes","style","DropDown","props","options","onChange","theme","propsTheme","ariaLabel","groupAriaLabel","currentSelection","defaultTheme","validOption","wrapper","propTypes","arrayOf","shape","string"],"sources":["../../../../src/molecule/questions/drop-down/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {find} from 'lodash/fp';\nimport Select, {SelectOptionPropTypes} from '../../../atom/select';\nimport style from './style.css';\n\nconst DropDown = props => {\n  const {options, onChange, theme: propsTheme, 'aria-label': ariaLabel, groupAriaLabel} = props;\n\n  const currentSelection = find('selected', options);\n  const defaultTheme =\n    !currentSelection || currentSelection.validOption === false ? 'invalid' : 'question';\n\n  const theme = propsTheme || defaultTheme;\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel}>\n      <Select aria-label={ariaLabel} theme={theme} options={options} onChange={onChange} />\n    </div>\n  );\n};\n\nDropDown.propTypes = {\n  onChange: Select.propTypes.onChange,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  theme: Select.propTypes.theme,\n  'aria-label': PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default DropDown;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,MAAP,IAAgBC,qBAAhB,QAA4C,sBAA5C;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,OAAD;IAAUC,QAAV;IAAoBC,KAAK,EAAEC,UAA3B;IAAuC,cAAcC,SAArD;IAAgEC;EAAhE,IAAkFN,KAAxF;;EAEA,MAAMO,gBAAgB,GAAG,MAAK,UAAL,EAAiBN,OAAjB,CAAzB;;EACA,MAAMO,YAAY,GAChB,CAACD,gBAAD,IAAqBA,gBAAgB,CAACE,WAAjB,KAAiC,KAAtD,GAA8D,SAA9D,GAA0E,UAD5E;EAGA,MAAMN,KAAK,GAAGC,UAAU,IAAII,YAA5B;EAEA,oBACE;IAAK,SAAS,EAAEV,KAAK,CAACY,OAAtB;IAA+B,IAAI,EAAC,OAApC;IAA4C,cAAYJ;EAAxD,gBACE,oBAAC,MAAD;IAAQ,cAAYD,SAApB;IAA+B,KAAK,EAAEF,KAAtC;IAA6C,OAAO,EAAEF,OAAtD;IAA+D,QAAQ,EAAEC;EAAzE,EADF,CADF;AAKD,CAdD;;AAgBAH,QAAQ,CAACY,SAAT,2CAAqB;EACnBT,QAAQ,EAAEN,MAAM,CAACe,SAAP,CAAiBT,QADR;EAEnBD,OAAO,EAAEN,SAAS,CAACiB,OAAV,CAAkBjB,SAAS,CAACkB,KAAV,CAAgBhB,qBAAhB,CAAlB,CAFU;EAGnBM,KAAK,EAAEP,MAAM,CAACe,SAAP,CAAiBR,KAHL;EAInB,cAAcR,SAAS,CAACmB,MAJL;EAKnBR,cAAc,EAAEX,SAAS,CAACmB;AALP,CAArB;AAQA,eAAef,QAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Select","SelectOptionPropTypes","style","DropDown","props","options","onChange","theme","propsTheme","ariaLabel","groupAriaLabel","currentSelection","defaultTheme","validOption","wrapper","propTypes","arrayOf","shape","string"],"sources":["../../../../src/molecule/questions/drop-down/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {find} from 'lodash/fp';\nimport Select, {SelectOptionPropTypes} from '../../../atom/select';\nimport style from './style.css';\n\nconst DropDown = props => {\n  const {options, onChange, theme: propsTheme, 'aria-label': ariaLabel, groupAriaLabel} = props;\n\n  const currentSelection = find('selected', options);\n  const defaultTheme =\n    !currentSelection || currentSelection.validOption === false ? 'invalid' : 'question';\n\n  const theme = propsTheme || defaultTheme;\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel}>\n      <Select aria-label={ariaLabel} theme={theme} options={options} onChange={onChange} />\n    </div>\n  );\n};\n\nDropDown.propTypes = {\n  onChange: Select.propTypes.onChange,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  theme: Select.propTypes.theme,\n  'aria-label': PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default DropDown;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,MAAM,IAAGC,qBAAqB,QAAO,sBAAsB;AAClE,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,OAAO;IAAEC,QAAQ;IAAEC,KAAK,EAAEC,UAAU;IAAE,YAAY,EAAEC,SAAS;IAAEC;EAAc,CAAC,GAAGN,KAAK;EAE7F,MAAMO,gBAAgB,GAAG,MAAK,UAAU,EAAEN,OAAO,CAAC;EAClD,MAAMO,YAAY,GAChB,CAACD,gBAAgB,IAAIA,gBAAgB,CAACE,WAAW,KAAK,KAAK,GAAG,SAAS,GAAG,UAAU;EAEtF,MAAMN,KAAK,GAAGC,UAAU,IAAII,YAAY;EAExC,oBACE;IAAK,SAAS,EAAEV,KAAK,CAACY,OAAQ;IAAC,IAAI,EAAC,OAAO;IAAC,cAAYJ;EAAe,gBACrE,oBAAC,MAAM;IAAC,cAAYD,SAAU;IAAC,KAAK,EAAEF,KAAM;IAAC,OAAO,EAAEF,OAAQ;IAAC,QAAQ,EAAEC;EAAS,EAAG,CACjF;AAEV,CAAC;AAEDH,QAAQ,CAACY,SAAS,2CAAG;EACnBT,QAAQ,EAAEN,MAAM,CAACe,SAAS,CAACT,QAAQ;EACnCD,OAAO,EAAEN,SAAS,CAACiB,OAAO,CAACjB,SAAS,CAACkB,KAAK,CAAChB,qBAAqB,CAAC,CAAC;EAClEM,KAAK,EAAEP,MAAM,CAACe,SAAS,CAACR,KAAK;EAC7B,YAAY,EAAER,SAAS,CAACmB,MAAM;EAC9BR,cAAc,EAAEX,SAAS,CAACmB;AAC5B,CAAC;AAED,eAAef,QAAQ"}

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

@@ -1,14 +1,11 @@
 import _getOr from "lodash/fp/getOr";
 import _noop from "lodash/fp/noop";
-
 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, { useCallback, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import { convert } from 'css-color-function';
 import Provider, { GetSkinFromContext } from '../../../atom/provider';
 import style from './style.css';
-
 const FreeText = (props, legacyContext) => {
   const skin = GetSkinFromContext(legacyContext);
   const {
@@ -19,9 +16,7 @@ const FreeText = (props, legacyContext) => {
   } = props;
   const [hovered, setHovered] = useState(false);
   const handleChange = useCallback(e => onChange(e.target.value), [onChange]);
-
   const primarySkinColor = _getOr('#00B0FF', 'common.primary', skin);
-
   const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);
   const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);
   const shadowBoxPrimaryColor = useMemo(() => convert(`color(${primarySkinColor} a(12%))`), [primarySkinColor]);
@@ -51,7 +46,6 @@ const FreeText = (props, legacyContext) => {
     })
   }));
 };
-
 FreeText.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","convert","Provider","GetSkinFromContext","style","FreeText","props","legacyContext","skin","placeholder","value","onChange","ariaLabel","hovered","setHovered","handleChange","e","target","primarySkinColor","handleMouseOver","handleMouseLeave","shadowBoxPrimaryColor","wrapper","boxShadow","freeText","color","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../../src/molecule/questions/free-text/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport style from './style.css';\n\nconst FreeText = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const {placeholder = '', value = '', onChange = noop, 'aria-label': ariaLabel} = props;\n  const [hovered, setHovered] = useState(false);\n\n  const handleChange = useCallback(e => onChange(e.target.value), [onChange]);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const shadowBoxPrimaryColor = useMemo(\n    () => convert(`color(${primarySkinColor} a(12%))`),\n    [primarySkinColor]\n  );\n\n  return (\n    <div\n      data-name=\"freeText\"\n      className={style.wrapper}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      style={{\n        ...(value && {\n          boxShadow: hovered ? 'none' : `0 4px 16px ${shadowBoxPrimaryColor}`\n        })\n      }}\n    >\n      <input\n        data-name=\"free-text-input\"\n        type=\"text\"\n        aria-label={ariaLabel || value || placeholder}\n        className={style.freeText}\n        placeholder={placeholder}\n        value={value}\n        onInput={handleChange}\n        onChange={noop}\n        style={{\n          boxShadow: `0 4px 16px ${shadowBoxPrimaryColor}`,\n          ...(value && {\n            boxShadow: `0 4px 16px ${\n              hovered ? convert(`color(${primarySkinColor} a(20%))`) : shadowBoxPrimaryColor\n            }`\n          }),\n          color: primarySkinColor\n        }}\n      />\n    </div>\n  );\n};\n\nFreeText.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nFreeText.propTypes = {\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string\n};\n\nexport default FreeText;\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,EAA4BC,OAA5B,EAAqCC,QAArC,QAAoD,OAApD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,OAAR,QAAsB,oBAAtB;AACA,OAAOC,QAAP,IAAkBC,kBAAlB,QAA2C,wBAA3C;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EACzC,MAAMC,IAAI,GAAGL,kBAAkB,CAACI,aAAD,CAA/B;EACA,MAAM;IAACE,WAAW,GAAG,EAAf;IAAmBC,KAAK,GAAG,EAA3B;IAA+BC,QAAQ,QAAvC;IAAgD,cAAcC;EAA9D,IAA2EN,KAAjF;EACA,MAAM,CAACO,OAAD,EAAUC,UAAV,IAAwBf,QAAQ,CAAC,KAAD,CAAtC;EAEA,MAAMgB,YAAY,GAAGlB,WAAW,CAACmB,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAF,CAASP,KAAV,CAAd,EAAgC,CAACC,QAAD,CAAhC,CAAhC;;EACA,MAAMO,gBAAgB,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCV,IAAnC,CAAzB;;EAEA,MAAMW,eAAe,GAAGtB,WAAW,CAAC,MAAMiB,UAAU,CAAC,IAAD,CAAjB,EAAyB,CAACA,UAAD,CAAzB,CAAnC;EAEA,MAAMM,gBAAgB,GAAGvB,WAAW,CAAC,MAAMiB,UAAU,CAAC,KAAD,CAAjB,EAA0B,CAACA,UAAD,CAA1B,CAApC;EAEA,MAAMO,qBAAqB,GAAGvB,OAAO,CACnC,MAAMG,OAAO,CAAE,SAAQiB,gBAAiB,UAA3B,CADsB,EAEnC,CAACA,gBAAD,CAFmC,CAArC;EAKA,oBACE;IACE,aAAU,UADZ;IAEE,SAAS,EAAEd,KAAK,CAACkB,OAFnB;IAGE,WAAW,EAAEH,eAHf;IAIE,YAAY,EAAEC,gBAJhB;IAKE,KAAK,eACCV,KAAK,IAAI;MACXa,SAAS,EAAEV,OAAO,GAAG,MAAH,GAAa,cAAaQ,qBAAsB;IADvD,CADV;EALP,gBAWE;IACE,aAAU,iBADZ;IAEE,IAAI,EAAC,MAFP;IAGE,cAAYT,SAAS,IAAIF,KAAb,IAAsBD,WAHpC;IAIE,SAAS,EAAEL,KAAK,CAACoB,QAJnB;IAKE,WAAW,EAAEf,WALf;IAME,KAAK,EAAEC,KANT;IAOE,OAAO,EAAEK,YAPX;IAQE,QAAQ,OARV;IASE,KAAK;MACHQ,SAAS,EAAG,cAAaF,qBAAsB;IAD5C,GAECX,KAAK,IAAI;MACXa,SAAS,EAAG,cACVV,OAAO,GAAGZ,OAAO,CAAE,SAAQiB,gBAAiB,UAA3B,CAAV,GAAkDG,qBAC1D;IAHU,CAFV;MAOHI,KAAK,EAAEP;IAPJ;EATP,EAXF,CADF;AAiCD,CAlDD;;AAoDAb,QAAQ,CAACqB,YAAT,GAAwB;EACtBlB,IAAI,EAAEN,QAAQ,CAACyB,iBAAT,CAA2BnB;AADX,CAAxB;AAIAH,QAAQ,CAACuB,SAAT,2CAAqB;EACnBnB,WAAW,EAAET,SAAS,CAAC6B,MADJ;EAEnBnB,KAAK,EAAEV,SAAS,CAAC6B,MAFE;EAGnBlB,QAAQ,EAAEX,SAAS,CAAC8B,IAHD;EAInB,cAAc9B,SAAS,CAAC6B;AAJL,CAArB;AAOA,eAAexB,QAAf"}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","convert","Provider","GetSkinFromContext","style","FreeText","props","legacyContext","skin","placeholder","value","onChange","ariaLabel","hovered","setHovered","handleChange","e","target","primarySkinColor","handleMouseOver","handleMouseLeave","shadowBoxPrimaryColor","wrapper","boxShadow","freeText","color","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../../src/molecule/questions/free-text/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport style from './style.css';\n\nconst FreeText = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const {placeholder = '', value = '', onChange = noop, 'aria-label': ariaLabel} = props;\n  const [hovered, setHovered] = useState(false);\n\n  const handleChange = useCallback(e => onChange(e.target.value), [onChange]);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const shadowBoxPrimaryColor = useMemo(\n    () => convert(`color(${primarySkinColor} a(12%))`),\n    [primarySkinColor]\n  );\n\n  return (\n    <div\n      data-name=\"freeText\"\n      className={style.wrapper}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      style={{\n        ...(value && {\n          boxShadow: hovered ? 'none' : `0 4px 16px ${shadowBoxPrimaryColor}`\n        })\n      }}\n    >\n      <input\n        data-name=\"free-text-input\"\n        type=\"text\"\n        aria-label={ariaLabel || value || placeholder}\n        className={style.freeText}\n        placeholder={placeholder}\n        value={value}\n        onInput={handleChange}\n        onChange={noop}\n        style={{\n          boxShadow: `0 4px 16px ${shadowBoxPrimaryColor}`,\n          ...(value && {\n            boxShadow: `0 4px 16px ${\n              hovered ? convert(`color(${primarySkinColor} a(20%))`) : shadowBoxPrimaryColor\n            }`\n          }),\n          color: primarySkinColor\n        }}\n      />\n    </div>\n  );\n};\n\nFreeText.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nFreeText.propTypes = {\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string\n};\n\nexport default FreeText;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAO,OAAO;AAC3D,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,OAAO,QAAO,oBAAoB;AAC1C,OAAOC,QAAQ,IAAGC,kBAAkB,QAAO,wBAAwB;AACnE,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAG,CAACC,KAAK,EAAEC,aAAa,KAAK;EACzC,MAAMC,IAAI,GAAGL,kBAAkB,CAACI,aAAa,CAAC;EAC9C,MAAM;IAACE,WAAW,GAAG,EAAE;IAAEC,KAAK,GAAG,EAAE;IAAEC,QAAQ,QAAO;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGN,KAAK;EACtF,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMgB,YAAY,GAAGlB,WAAW,CAACmB,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAM,CAACP,KAAK,CAAC,EAAE,CAACC,QAAQ,CAAC,CAAC;EAC3E,MAAMO,gBAAgB,GAAG,OAAM,SAAS,EAAE,gBAAgB,EAAEV,IAAI,CAAC;EAEjE,MAAMW,eAAe,GAAGtB,WAAW,CAAC,MAAMiB,UAAU,CAAC,IAAI,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEzE,MAAMM,gBAAgB,GAAGvB,WAAW,CAAC,MAAMiB,UAAU,CAAC,KAAK,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAE3E,MAAMO,qBAAqB,GAAGvB,OAAO,CACnC,MAAMG,OAAO,CAAE,SAAQiB,gBAAiB,UAAS,CAAC,EAClD,CAACA,gBAAgB,CAAC,CACnB;EAED,oBACE;IACE,aAAU,UAAU;IACpB,SAAS,EAAEd,KAAK,CAACkB,OAAQ;IACzB,WAAW,EAAEH,eAAgB;IAC7B,YAAY,EAAEC,gBAAiB;IAC/B,KAAK,eACCV,KAAK,IAAI;MACXa,SAAS,EAAEV,OAAO,GAAG,MAAM,GAAI,cAAaQ,qBAAsB;IACpE,CAAC;EACD,gBAEF;IACE,aAAU,iBAAiB;IAC3B,IAAI,EAAC,MAAM;IACX,cAAYT,SAAS,IAAIF,KAAK,IAAID,WAAY;IAC9C,SAAS,EAAEL,KAAK,CAACoB,QAAS;IAC1B,WAAW,EAAEf,WAAY;IACzB,KAAK,EAAEC,KAAM;IACb,OAAO,EAAEK,YAAa;IACtB,QAAQ,OAAO;IACf,KAAK;MACHQ,SAAS,EAAG,cAAaF,qBAAsB;IAAC,GAC5CX,KAAK,IAAI;MACXa,SAAS,EAAG,cACVV,OAAO,GAAGZ,OAAO,CAAE,SAAQiB,gBAAiB,UAAS,CAAC,GAAGG,qBAC1D;IACH,CAAC;MACDI,KAAK,EAAEP;IAAgB;EACvB,EACF,CACE;AAEV,CAAC;AAEDb,QAAQ,CAACqB,YAAY,GAAG;EACtBlB,IAAI,EAAEN,QAAQ,CAACyB,iBAAiB,CAACnB;AACnC,CAAC;AAEDH,QAAQ,CAACuB,SAAS,2CAAG;EACnBnB,WAAW,EAAET,SAAS,CAAC6B,MAAM;EAC7BnB,KAAK,EAAEV,SAAS,CAAC6B,MAAM;EACvBlB,QAAQ,EAAEX,SAAS,CAAC8B,IAAI;EACxB,YAAY,EAAE9B,SAAS,CAAC6B;AAC1B,CAAC;AAED,eAAexB,QAAQ"}

package/es/molecule/questions/free-text/index.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Analytics } from '../../../variables/analytics';
-declare type QuestionType = 'basic' | 'template';
+type QuestionType = 'basic' | 'template';
 interface Props {
     fullWidth?: boolean;
     testID: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAuB,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAK7E,aAAK,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzC,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6CD,QAAA,MAAM,QAAQ,UAAW,KAAK,uBA2D7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAuB,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAK7E,KAAK,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzC,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6CD,QAAA,MAAM,QAAQ,UAAW,KAAK,uBA2D7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}