@coorpacademy/components 11.32.52-alpha.65 → 11.33.0

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":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAN,SAA0BJ,KAAK,CAACK,SAAhC,CAA0C;EAwBxCC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IACA,KAAKC,MAAL,GAAcD,KAAK,CAACE,cAAN,GAAuBF,KAAK,CAACE,cAAN,CAAqBF,KAAK,CAACG,eAA3B,CAAvB,GAAqE,IAAnF;IACA,KAAKC,sBAAL,GAA8B,KAAKA,sBAAL,CAA4BC,IAA5B,CAAiC,IAAjC,CAA9B;IACA,KAAKC,sBAAL,GAA8B,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAA9B;IACA,KAAKE,mBAAL,GAA2B,KAAKA,mBAAL,CAAyBF,IAAzB,CAA8B,IAA9B,CAA3B;IACA,KAAKG,YAAL,GAAoB,KAAKA,YAAL,CAAkBH,IAAlB,CAAuB,IAAvB,CAApB;EACD;;EAEDI,iBAAiB,GAAG;IAClB,IAAI,KAAKR,MAAT,EAAiB;MACf,MAAMS,QAAQ,GAAG,KAAKT,MAAL,CAAYS,QAAZ,EAAjB;MAEA,MAAMC,cAAc,GAAG;QACrBf,KAAK,EAAE;UACLgB,IAAI,EAAE;YACJC,SAAS,EAAE,OADP;YAEJC,KAAK,EAAE,SAFH;YAGJC,QAAQ,EAAE,MAHN;YAIJC,UAAU,EAAE,QAJR;YAKJ,iBAAiB;cACfF,KAAK,EAAE,SADQ;cAEfC,QAAQ,EAAE,MAFK;cAGfC,UAAU,EAAE;YAHG;UALb;QADD;MADc,CAAvB;MAgBA,KAAKC,UAAL,GAAkBP,QAAQ,CAACQ,MAAT,CAAgB,YAAhB,EAA8BP,cAA9B,CAAlB;MACA,KAAKQ,UAAL,GAAkBT,QAAQ,CAACQ,MAAT,CAAgB,YAAhB,EAA8BP,cAA9B,CAAlB;MACA,KAAKS,OAAL,GAAeV,QAAQ,CAACQ,MAAT,CAAgB,SAAhB,EAA2BP,cAA3B,CAAf;MAEA,KAAKM,UAAL,CAAgBI,KAAhB,CAAsB,cAAtB;MACA,KAAKF,UAAL,CAAgBE,KAAhB,CAAsB,cAAtB;MACA,KAAKD,OAAL,CAAaC,KAAb,CAAmB,WAAnB;MAEA,KAAKJ,UAAL,CAAgBK,EAAhB,CAAmB,QAAnB,EAA6B,KAAKlB,sBAAlC;MACA,KAAKe,UAAL,CAAgBG,EAAhB,CAAmB,QAAnB,EAA6B,KAAKhB,sBAAlC;MACA,KAAKc,OAAL,CAAaE,EAAb,CAAgB,QAAhB,EAA0B,KAAKf,mBAA/B;IACD;EACF;;EAEDgB,oBAAoB,GAAG;IACrB,IAAI,KAAKC,SAAT,EAAoB;MAClB,KAAKP,UAAL,CAAgBQ,OAAhB;MACA,KAAKR,UAAL,CAAgBS,GAAhB,CAAoB,QAApB,EAA8B,KAAKtB,sBAAnC;IACD;;IACD,IAAI,KAAKe,UAAT,EAAqB;MACnB,KAAKA,UAAL,CAAgBM,OAAhB;MACA,KAAKN,UAAL,CAAgBO,GAAhB,CAAoB,QAApB,EAA8B,KAAKpB,sBAAnC;IACD;;IACD,IAAI,KAAKc,OAAT,EAAkB;MAChB,KAAKA,OAAL,CAAaK,OAAb;MACA,KAAKL,OAAL,CAAaM,GAAb,CAAiB,QAAjB,EAA2B,KAAKnB,mBAAhC;IACD;EACF;;EAEDC,YAAY,GAAG;IACb,MAAM;MAACmB;IAAD,IAAmB,KAAK3B,KAA9B;;IACA,IAAI,KAAKC,MAAT,EAAiB;MACf,OAAO,KAAKA,MAAL,CAAY2B,WAAZ,CAAwB,KAAKX,UAA7B,EAAyCY,IAAzC,CAA8CC,QAAQ,IAAI;QAC/D,OAAOH,cAAc,CAACG,QAAD,CAArB;MACD,CAFM,CAAP;IAGD;EACF;;EAED1B,sBAAsB,CAAC;IAAC2B;EAAD,CAAD,EAAU;IAC9B,MAAM;MAACC,kBAAkB,GAAG,MAAM,CAAE;IAA9B,IAAkC,KAAKhC,KAA7C;IACAgC,kBAAkB,CAACD,KAAD,CAAlB;EACD;;EAEDzB,sBAAsB,CAAC;IAACyB;EAAD,CAAD,EAAU;IAC9B,MAAM;MAACE,kBAAkB,GAAG,MAAM,CAAE;IAA9B,IAAkC,KAAKjC,KAA7C;IACAiC,kBAAkB,CAACF,KAAD,CAAlB;EACD;;EAEDxB,mBAAmB,CAAC;IAACwB;EAAD,CAAD,EAAU;IAC3B,MAAM;MAACG,eAAe,GAAG,MAAM,CAAE;IAA3B,IAA+B,KAAKlC,KAA1C;IACAkC,eAAe,CAACH,KAAD,CAAf;EACD;;EAEDI,MAAM,GAAG;IACP,MAAM;MACJC,UADI;MAEJC,UAFI;MAGJC,cAHI;MAIJC,mBAJI;MAKJC,MALI;MAMJC,OANI;MAOJC,mBAPI;MAQJC,kBARI;MASJC,kBATI;MAUJC;IAVI,IAWF,KAAK7C,KAXT;IAaA,MAAM;MAAC8C;IAAD,IAAc,KAAKC,OAAzB;IAEA,oBACE;MAAK,SAAS,EAAEnD,KAAK,CAACoD;IAAtB,gBACE;MAAK,SAAS,EAAEpD,KAAK,CAACqD;IAAtB,gBACE;MAAK,SAAS,EAAErD,KAAK,CAACsD,kBAAtB;MAA0C,GAAG,EAAEd;IAA/C,EADF,eAEE;MAAK,SAAS,EAAExC,KAAK,CAACuD;IAAtB,GAA0CL,SAAS,CAAC,gBAAD,CAAnD,CAFF,eAGE;MAAK,SAAS,EAAElD,KAAK,CAACwD,kBAAtB;MAA0C,GAAG,EAAEf;IAA/C,EAHF,CADF,eAME;MAAK,SAAS,EAAEzC,KAAK,CAACyD;IAAtB,gBACE;MAAI,SAAS,EAAEzD,KAAK,CAAC0D;IAArB,EADF,eAEE;MAAK,SAAS,EAAE1D,KAAK,CAAC2D;IAAtB,GAAiDjB,cAAjD,CAFF,eAGE;MAAI,SAAS,EAAE1C,KAAK,CAAC0D;IAArB,EAHF,CANF,EAWGd,MAAM,gBAAG;MAAK,SAAS,EAAE5C,KAAK,CAAC4D;IAAtB,QAAuChB,MAAvC,CAAH,GAA0D,IAXnE,EAYGC,OAAO,gBAAG;MAAK,SAAS,EAAE7C,KAAK,CAAC6D;IAAtB,QAAwChB,OAAxC,CAAH,GAA4D,IAZtE,eAaE;MAAK,SAAS,EAAE7C,KAAK,CAAC8D;IAAtB,gBACE;MAAK,SAAS,EAAE9D,KAAK,CAAC2C,mBAAtB;MAA2C,GAAG,EAAEA;IAAhD,EADF,eAEE;MAAK,SAAS,EAAE3C,KAAK,CAAC+D;IAAtB,GAA2Cb,SAAS,CAAC,iBAAD,CAApD,CAFF,CAbF,eAiBE;MAAK,SAAS,EAAElD,KAAK,CAACgE;IAAtB,gBACE;MACE,SAAS,EAAG,GAAEhE,KAAK,CAACqB,UAAW,IAAG0B,kBAAkB,IAAI/C,KAAK,CAACiE,cAAe,EAD/E;MAEE,EAAE,EAAC;IAFL,EADF,CAjBF,eAuBE;MAAK,SAAS,EAAEjE,KAAK,CAACgE;IAAtB,gBACE;MACE,SAAS,EAAG,GAAEhE,KAAK,CAACuB,UAAW,IAAGyB,kBAAkB,IAAIhD,KAAK,CAACiE,cAAe,EAD/E;MAEE,EAAE,EAAC;IAFL,EADF,eAKE;MACE,SAAS,EAAG,GAAEjE,KAAK,CAACwB,OAAQ,IAAGyB,eAAe,IAAIjD,KAAK,CAACiE,cAAe,EADzE;MAEE,EAAE,EAAC;IAFL,EALF,CAvBF,eAiCE;MAAK,SAAS,EAAEjE,KAAK,CAACkE;IAAtB,GAA+ChB,SAAS,CAAC,yBAAD,CAAxD,CAjCF,eAkCE;MAAK,SAAS,EAAElD,KAAK,CAACmE;IAAtB,gBACE;MACE,SAAS,EAAEnE,KAAK,CAACoE,eADnB;MAEE,IAAI,EAAC,QAFP;MAGE,OAAO,EAAE,KAAKxD,YAHhB;MAIE,QAAQ,EAAE,CAACkC;IAJb,GAMGI,SAAS,CAAC,qBAAD,CANZ,CADF,CAlCF,CADF;EA+CD;;AAzKuC;;AAApCjD,W,CAoBGoE,Y,GAAe;EACpBnB,SAAS,EAAEnD,QAAQ,CAACuE,iBAAT,CAA2BpB;AADlB,C;AApBlBjD,W,CACGsE,S,2CAAY;EACjBhE,eAAe,EAAET,SAAS,CAAC0E,MAAV,CAAiBC,UADjB;EAEjBnE,cAAc,EAAER,SAAS,CAAC4E,IAAV,CAAeD,UAFd;EAGjB1C,cAAc,EAAEjC,SAAS,CAAC4E,IAAV,CAAeD,UAHd;EAIjBjC,UAAU,EAAE1C,SAAS,CAAC0E,MAAV,CAAiBC,UAJZ;EAKjBhC,UAAU,EAAE3C,SAAS,CAAC0E,MAAV,CAAiBC,UALZ;EAMjB/B,cAAc,EAAE5C,SAAS,CAAC0E,MANT;EAOjB7B,mBAAmB,EAAE7C,SAAS,CAAC0E,MAPd;EAQjB5B,MAAM,EAAE9C,SAAS,CAAC0E,MARD;EASjB3B,OAAO,EAAE/C,SAAS,CAAC0E,MATF;EAUjBpC,kBAAkB,EAAEtC,SAAS,CAAC4E,IAVb;EAWjB3B,kBAAkB,EAAEjD,SAAS,CAAC6E,IAXb;EAYjBtC,kBAAkB,EAAEvC,SAAS,CAAC4E,IAZb;EAajB1B,kBAAkB,EAAElD,SAAS,CAAC6E,IAbb;EAcjBrC,eAAe,EAAExC,SAAS,CAAC4E,IAdV;EAejBzB,eAAe,EAAEnD,SAAS,CAAC6E,IAfV;EAgBjB7B,mBAAmB,EAAEhD,SAAS,CAAC6E;AAhBd,C;AA2KrB,eAAe1E,WAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PaymentForm","Component","contextTypes","translate","childContextTypes","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","context","createElement","className","paymentForm","acceptedCards","acceptedCardsCheck","src","acceptedCardsText","acceptedCardsImage","creditCardOwnerEmail","creditCardOwnerEmailSeparator","creditCardOwnerEmailText","paymentErrors","paymentWarning","securedPayment","securedPaymentText","cardBlock","invalidElement","id","subscriptionDisclaimer","subscribeButtonContainer","subscribeButton","type","onClick","disabled","propTypes","process","env","NODE_ENV","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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,SAASJ,KAAK,CAACK,SAAS,CAAC;EAoBxC,OAAOC,YAAY,GAAG;IACpBC,SAAS,EAAEL,QAAQ,CAACM,iBAAiB,CAACD;EACxC,CAAC;EAEDE,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,MAAM,GAAGD,KAAK,CAACE,cAAc,GAAGF,KAAK,CAACE,cAAc,CAACF,KAAK,CAACG,eAAe,CAAC,GAAG,IAAI;IACvF,IAAI,CAACC,sBAAsB,GAAG,IAAI,CAACA,sBAAsB,CAACC,IAAI,CAAC,IAAI,CAAC;IACpE,IAAI,CAACC,sBAAsB,GAAG,IAAI,CAACA,sBAAsB,CAACD,IAAI,CAAC,IAAI,CAAC;IACpE,IAAI,CAACE,mBAAmB,GAAG,IAAI,CAACA,mBAAmB,CAACF,IAAI,CAAC,IAAI,CAAC;IAC9D,IAAI,CAACG,YAAY,GAAG,IAAI,CAACA,YAAY,CAACH,IAAI,CAAC,IAAI,CAAC;EAClD;EAEAI,iBAAiBA,CAAA,EAAG;IAClB,IAAI,IAAI,CAACR,MAAM,EAAE;MACf,MAAMS,QAAQ,GAAG,IAAI,CAACT,MAAM,CAACS,QAAQ,CAAC,CAAC;MAEvC,MAAMC,cAAc,GAAG;QACrBlB,KAAK,EAAE;UACLmB,IAAI,EAAE;YACJC,SAAS,EAAE,OAAO;YAClBC,KAAK,EAAE,SAAS;YAChBC,QAAQ,EAAE,MAAM;YAChBC,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE;cACfF,KAAK,EAAE,SAAS;cAChBC,QAAQ,EAAE,MAAM;cAChBC,UAAU,EAAE;YACd;UACF;QACF;MACF,CAAC;MAED,IAAI,CAACC,UAAU,GAAGP,QAAQ,CAACQ,MAAM,CAAC,YAAY,EAAEP,cAAc,CAAC;MAC/D,IAAI,CAACQ,UAAU,GAAGT,QAAQ,CAACQ,MAAM,CAAC,YAAY,EAAEP,cAAc,CAAC;MAC/D,IAAI,CAACS,OAAO,GAAGV,QAAQ,CAACQ,MAAM,CAAC,SAAS,EAAEP,cAAc,CAAC;MAEzD,IAAI,CAACM,UAAU,CAACI,KAAK,CAAC,cAAc,CAAC;MACrC,IAAI,CAACF,UAAU,CAACE,KAAK,CAAC,cAAc,CAAC;MACrC,IAAI,CAACD,OAAO,CAACC,KAAK,CAAC,WAAW,CAAC;MAE/B,IAAI,CAACJ,UAAU,CAACK,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAClB,sBAAsB,CAAC;MACzD,IAAI,CAACe,UAAU,CAACG,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAChB,sBAAsB,CAAC;MACzD,IAAI,CAACc,OAAO,CAACE,EAAE,CAAC,QAAQ,EAAE,IAAI,CAACf,mBAAmB,CAAC;IACrD;EACF;EAEAgB,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACC,SAAS,EAAE;MAClB,IAAI,CAACP,UAAU,CAACQ,OAAO,CAAC,CAAC;MACzB,IAAI,CAACR,UAAU,CAACS,GAAG,CAAC,QAAQ,EAAE,IAAI,CAACtB,sBAAsB,CAAC;IAC5D;IACA,IAAI,IAAI,CAACe,UAAU,EAAE;MACnB,IAAI,CAACA,UAAU,CAACM,OAAO,CAAC,CAAC;MACzB,IAAI,CAACN,UAAU,CAACO,GAAG,CAAC,QAAQ,EAAE,IAAI,CAACpB,sBAAsB,CAAC;IAC5D;IACA,IAAI,IAAI,CAACc,OAAO,EAAE;MAChB,IAAI,CAACA,OAAO,CAACK,OAAO,CAAC,CAAC;MACtB,IAAI,CAACL,OAAO,CAACM,GAAG,CAAC,QAAQ,EAAE,IAAI,CAACnB,mBAAmB,CAAC;IACtD;EACF;EAEAC,YAAYA,CAAA,EAAG;IACb,MAAM;MAACmB;IAAc,CAAC,GAAG,IAAI,CAAC3B,KAAK;IACnC,IAAI,IAAI,CAACC,MAAM,EAAE;MACf,OAAO,IAAI,CAACA,MAAM,CAAC2B,WAAW,CAAC,IAAI,CAACX,UAAU,CAAC,CAACY,IAAI,CAACC,QAAQ,IAAI;QAC/D,OAAOH,cAAc,CAACG,QAAQ,CAAC;MACjC,CAAC,CAAC;IACJ;EACF;EAEA1B,sBAAsBA,CAAC;IAAC2B;EAAK,CAAC,EAAE;IAC9B,MAAM;MAACC,kBAAkB,GAAGA,CAAA,KAAM,CAAC;IAAC,CAAC,GAAG,IAAI,CAAChC,KAAK;IAClDgC,kBAAkB,CAACD,KAAK,CAAC;EAC3B;EAEAzB,sBAAsBA,CAAC;IAACyB;EAAK,CAAC,EAAE;IAC9B,MAAM;MAACE,kBAAkB,GAAGA,CAAA,KAAM,CAAC;IAAC,CAAC,GAAG,IAAI,CAACjC,KAAK;IAClDiC,kBAAkB,CAACF,KAAK,CAAC;EAC3B;EAEAxB,mBAAmBA,CAAC;IAACwB;EAAK,CAAC,EAAE;IAC3B,MAAM;MAACG,eAAe,GAAGA,CAAA,KAAM,CAAC;IAAC,CAAC,GAAG,IAAI,CAAClC,KAAK;IAC/CkC,eAAe,CAACH,KAAK,CAAC;EACxB;EAEAI,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,UAAU;MACVC,UAAU;MACVC,cAAc;MACdC,mBAAmB;MACnBC,MAAM;MACNC,OAAO;MACPC,mBAAmB;MACnBC,kBAAkB;MAClBC,kBAAkB;MAClBC;IACF,CAAC,GAAG,IAAI,CAAC7C,KAAK;IAEd,MAAM;MAACH;IAAS,CAAC,GAAG,IAAI,CAACiD,OAAO;IAEhC,oBACExD,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAACwD;IAAY,gBAChC3D,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAACyD;IAAc,gBAClC5D,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAAC0D,kBAAmB;MAACC,GAAG,EAAEhB;IAAW,CAAE,CAAC,eAC7D9C,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAAC4D;IAAkB,GAAExD,SAAS,CAAC,gBAAgB,CAAO,CAAC,eAC5EP,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAAC6D,kBAAmB;MAACF,GAAG,EAAEf;IAAW,CAAE,CACzD,CAAC,eACN/C,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAAC8D;IAAqB,gBACzCjE,KAAA,CAAAyD,aAAA;MAAIC,SAAS,EAAEvD,KAAK,CAAC+D;IAA8B,CAAE,CAAC,eACtDlE,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAACgE;IAAyB,GAAEnB,cAAoB,CAAC,eACtEhD,KAAA,CAAAyD,aAAA;MAAIC,SAAS,EAAEvD,KAAK,CAAC+D;IAA8B,CAAE,CAClD,CAAC,EACLhB,MAAM,gBAAGlD,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAACiE;IAAc,GAAC,GAAC,EAAClB,MAAY,CAAC,GAAG,IAAI,EACpEC,OAAO,gBAAGnD,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAACkE;IAAe,GAAC,GAAC,EAAClB,OAAa,CAAC,GAAG,IAAI,eACxEnD,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAACmE;IAAe,gBACnCtE,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAAC8C,mBAAoB;MAACa,GAAG,EAAEb;IAAoB,CAAE,CAAC,eACvEjD,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAACoE;IAAmB,GAAEhE,SAAS,CAAC,iBAAiB,CAAO,CAC1E,CAAC,eACNP,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAACqE;IAAU,gBAC9BxE,KAAA,CAAAyD,aAAA;MACEC,SAAS,EAAE,GAAGvD,KAAK,CAACwB,UAAU,IAAI0B,kBAAkB,IAAIlD,KAAK,CAACsE,cAAc,EAAG;MAC/EC,EAAE,EAAC;IAAa,CACjB,CACE,CAAC,eACN1E,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAACqE;IAAU,gBAC9BxE,KAAA,CAAAyD,aAAA;MACEC,SAAS,EAAE,GAAGvD,KAAK,CAAC0B,UAAU,IAAIyB,kBAAkB,IAAInD,KAAK,CAACsE,cAAc,EAAG;MAC/EC,EAAE,EAAC;IAAa,CACjB,CAAC,eACF1E,KAAA,CAAAyD,aAAA;MACEC,SAAS,EAAE,GAAGvD,KAAK,CAAC2B,OAAO,IAAIyB,eAAe,IAAIpD,KAAK,CAACsE,cAAc,EAAG;MACzEC,EAAE,EAAC;IAAU,CACd,CACE,CAAC,eACN1E,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAACwE;IAAuB,GAAEpE,SAAS,CAAC,yBAAyB,CAAO,CAAC,eAC1FP,KAAA,CAAAyD,aAAA;MAAKC,SAAS,EAAEvD,KAAK,CAACyE;IAAyB,gBAC7C5E,KAAA,CAAAyD,aAAA;MACEC,SAAS,EAAEvD,KAAK,CAAC0E,eAAgB;MACjCC,IAAI,EAAC,QAAQ;MACbC,OAAO,EAAE,IAAI,CAAC7D,YAAa;MAC3B8D,QAAQ,EAAE,CAAC5B;IAAoB,GAE9B7C,SAAS,CAAC,qBAAqB,CAC1B,CACL,CACF,CAAC;EAEV;AACF;AA1KMH,WAAW,CACR6E,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACjBvE,eAAe,EAAEZ,SAAS,CAACoF,MAAM,CAACC,UAAU;EAC5C1E,cAAc,EAAEX,SAAS,CAACsF,IAAI,CAACD,UAAU;EACzCjD,cAAc,EAAEpC,SAAS,CAACsF,IAAI,CAACD,UAAU;EACzCxC,UAAU,EAAE7C,SAAS,CAACoF,MAAM,CAACC,UAAU;EACvCvC,UAAU,EAAE9C,SAAS,CAACoF,MAAM,CAACC,UAAU;EACvCtC,cAAc,EAAE/C,SAAS,CAACoF,MAAM;EAChCpC,mBAAmB,EAAEhD,SAAS,CAACoF,MAAM;EACrCnC,MAAM,EAAEjD,SAAS,CAACoF,MAAM;EACxBlC,OAAO,EAAElD,SAAS,CAACoF,MAAM;EACzB3C,kBAAkB,EAAEzC,SAAS,CAACsF,IAAI;EAClClC,kBAAkB,EAAEpD,SAAS,CAACuF,IAAI;EAClC7C,kBAAkB,EAAE1C,SAAS,CAACsF,IAAI;EAClCjC,kBAAkB,EAAErD,SAAS,CAACuF,IAAI;EAClC5C,eAAe,EAAE3C,SAAS,CAACsF,IAAI;EAC/BhC,eAAe,EAAEtD,SAAS,CAACuF,IAAI;EAC/BpC,mBAAmB,EAAEnD,SAAS,CAACuF;AACjC,CAAC;AA0JH,eAAepF,WAAW","ignoreList":[]}

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: {
@@ -35,7 +31,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
@@ -55,7 +52,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","color","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 style={{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,EAAE;MAACQ,KAAK,EAAEJ;IAAR,CAAhB;IAAgC,SAAS,EAAEV,KAAK,CAACe;EAAjD,EANF,eAOE;IACE,SAAS,EAAEpB,UAAU,CAACK,KAAK,CAACgB,cAAP,EAAuBhB,KAAK,CAACiB,SAA7B,CADvB;IAEE,aAAU,gBAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEd;IAAT;EAJ3B,EAPF,eAcE,oBAAC,IAAD;IAAM,IAAI,EAAEC,QAAZ;IAAsB,MAAM,EAAC,QAA7B;IAAsC,OAAO,EAAEE;EAA/C,gBACE;IAAK,SAAS,EAAEP,KAAK,CAACmB;EAAtB,gBACE;IAAK,SAAS,EAAEnB,KAAK,CAACoB,uBAAtB;IAA+C,KAAK,EAAE;MAACC,eAAe,EAAEV;IAAlB;EAAtD,EADF,eAEE;IAAO,SAAS,EAAEX,KAAK,CAACsB;EAAxB,GAA6Cd,SAAS,CAAC,MAAD,CAAtD,CAFF,CADF,CAdF,CADF;AAuBD,CA9BD;;AAgCAP,GAAG,CAACsB,YAAJ,GAAmB;EACjBf,SAAS,EAAET,QAAQ,CAACyB,iBAAT,CAA2BhB,SADrB;EAEjBC,IAAI,EAAEV,QAAQ,CAACyB,iBAAT,CAA2Bf;AAFhB,CAAnB;AAKAR,GAAG,CAACwB,SAAJ,2CAAgB;EACdrB,WAAW,EAAEV,SAAS,CAACgC,MADT;EAEdrB,QAAQ,EAAEX,SAAS,CAACgC,MAFN;EAGdpB,MAAM,EAAEZ,SAAS,CAACgC,MAHJ;EAIdnB,MAAM,EAAEb,SAAS,CAACiC;AAJJ,CAAhB;AAOA,eAAe1B,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","_get","primary","createElement","className","pdfFrame","backgroundImage","color","pdfIcon","pdfDescription","innerHTML","dangerouslySetInnerHTML","__html","href","target","onClick","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","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 style={{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,GAAGA,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,GAAGC,IAAA,CAAI,cAAc,EAAEF,IAAI,CAAC;EACvC,MAAMG,OAAO,GAAGD,IAAA,CAAI,gBAAgB,EAAEF,IAAI,CAAC;EAE3C,oBACEhB,KAAA,CAAAoB,aAAA;IACEC,SAAS,EAAEd,KAAK,CAACe,QAAS;IAC1Bf,KAAK,EAAE;MACLgB,eAAe,EAAE,OAAOV,MAAM;IAChC;EAAE,gBAEFb,KAAA,CAAAoB,aAAA,CAAChB,OAAO;IAACG,KAAK,EAAE;MAACiB,KAAK,EAAEP;IAAK,CAAE;IAACI,SAAS,EAAEd,KAAK,CAACkB;EAAQ,CAAE,CAAC,eAC5DzB,KAAA,CAAAoB,aAAA;IACEC,SAAS,EAAEnB,UAAU,CAACK,KAAK,CAACmB,cAAc,EAAEnB,KAAK,CAACoB,SAAS,CAAE;IAC7D,aAAU;IACV;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAElB;IAAW;EAAE,CAChD,CAAC,eAEFX,KAAA,CAAAoB,aAAA,CAACf,IAAI;IAACyB,IAAI,EAAElB,QAAS;IAACmB,MAAM,EAAC,QAAQ;IAACC,OAAO,EAAElB;EAAO,gBACpDd,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEd,KAAK,CAAC0B;EAAc,gBAClCjC,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEd,KAAK,CAAC2B,uBAAwB;IAAC3B,KAAK,EAAE;MAAC4B,eAAe,EAAEhB;IAAO;EAAE,CAAE,CAAC,eACpFnB,KAAA,CAAAoB,aAAA;IAAOC,SAAS,EAAEd,KAAK,CAAC6B;EAAmB,GAAErB,SAAS,CAAC,MAAM,CAAS,CACnE,CACD,CACH,CAAC;AAEV,CAAC;AAEDP,GAAG,CAAC6B,YAAY,GAAG;EACjBtB,SAAS,EAAET,QAAQ,CAACgC,iBAAiB,CAACvB,SAAS;EAC/CC,IAAI,EAAEV,QAAQ,CAACgC,iBAAiB,CAACtB;AACnC,CAAC;AAEDR,GAAG,CAAC+B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACd/B,WAAW,EAAEV,SAAS,CAAC0C,MAAM;EAC7B/B,QAAQ,EAAEX,SAAS,CAAC0C,MAAM;EAC1B9B,MAAM,EAAEZ,SAAS,CAAC0C,MAAM;EACxB7B,MAAM,EAAEb,SAAS,CAAC2C;AACpB,CAAC;AAED,eAAepC,GAAG","ignoreList":[]}

package/es/molecule/playlist-detail-cover/index.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import { EXTERNAL_COURSE_TYPES } from '../../util/external-content';
 import style from './style.css';
 const FALLBACK_PATH = 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/cover-fallback-external-$TYPE.png';
-
 const PlaylistDetailCover = ({
   images
 }) => {
@@ -41,7 +40,6 @@ const PlaylistDetailCover = ({
     style: buildImageStyle(image)
   })))));
 };
-
 PlaylistDetailCover.propTypes = process.env.NODE_ENV !== "production" ? {
   images: PropTypes.arrayOf(PropTypes.shape({
     type: PropTypes.oneOf(EXTERNAL_COURSE_TYPES),

package/es/molecule/playlist-detail-cover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useCallback","PropTypes","EXTERNAL_COURSE_TYPES","style","FALLBACK_PATH","PlaylistDetailCover","images","firstColumnImages","secondColumnImages","imagesClone","splice","length","buildImageStyle","type","image","imageUrl","replace","backgroundImage","backgroundSize","backgroundPosition","container","imagesWrapper","map","index","propTypes","arrayOf","shape","oneOf","string","isRequired"],"sources":["../../../src/molecule/playlist-detail-cover/index.js"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_COURSE_TYPES} from '../../util/external-content';\nimport style from './style.css';\n\nconst FALLBACK_PATH =\n  'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/cover-fallback-external-$TYPE.png';\n\nconst PlaylistDetailCover = ({images}) => {\n  const [firstColumnImages, secondColumnImages] = useMemo(() => {\n    const imagesClone = [...images];\n    return [imagesClone.splice(0, imagesClone.length / 2), imagesClone];\n  }, [images]);\n\n  const buildImageStyle = useCallback(({type, image}) => {\n    const imageUrl = image || FALLBACK_PATH.replace('$TYPE', type);\n\n    return {\n      backgroundImage: `url(${imageUrl})`,\n      backgroundSize: 'cover',\n      backgroundPosition: 'center'\n    };\n  }, []);\n\n  return (\n    <div className={style.container}>\n      {images.length === 1 ? (\n        <div className={style.image} style={buildImageStyle(images[0])} />\n      ) : (\n        <>\n          <div className={style.imagesWrapper}>\n            {firstColumnImages.map((image, index) => (\n              <div key={index} className={style.image} style={buildImageStyle(image)} />\n            ))}\n          </div>\n          <div className={style.imagesWrapper}>\n            {secondColumnImages.map((image, index) => (\n              <div key={index} className={style.image} style={buildImageStyle(image)} />\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nPlaylistDetailCover.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(EXTERNAL_COURSE_TYPES),\n      image: PropTypes.string\n    })\n  ).isRequired\n};\n\nexport default PlaylistDetailCover;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,EAAwBC,WAAxB,QAA0C,OAA1C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,qBAAR,QAAoC,6BAApC;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,aAAa,GACjB,4GADF;;AAGA,MAAMC,mBAAmB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAc;EACxC,MAAM,CAACC,iBAAD,EAAoBC,kBAApB,IAA0CT,OAAO,CAAC,MAAM;IAC5D,MAAMU,WAAW,GAAG,CAAC,GAAGH,MAAJ,CAApB;IACA,OAAO,CAACG,WAAW,CAACC,MAAZ,CAAmB,CAAnB,EAAsBD,WAAW,CAACE,MAAZ,GAAqB,CAA3C,CAAD,EAAgDF,WAAhD,CAAP;EACD,CAHsD,EAGpD,CAACH,MAAD,CAHoD,CAAvD;EAKA,MAAMM,eAAe,GAAGZ,WAAW,CAAC,CAAC;IAACa,IAAD;IAAOC;EAAP,CAAD,KAAmB;IACrD,MAAMC,QAAQ,GAAGD,KAAK,IAAIV,aAAa,CAACY,OAAd,CAAsB,OAAtB,EAA+BH,IAA/B,CAA1B;IAEA,OAAO;MACLI,eAAe,EAAG,OAAMF,QAAS,GAD5B;MAELG,cAAc,EAAE,OAFX;MAGLC,kBAAkB,EAAE;IAHf,CAAP;EAKD,CARkC,EAQhC,EARgC,CAAnC;EAUA,oBACE;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAtB,GACGd,MAAM,CAACK,MAAP,KAAkB,CAAlB,gBACC;IAAK,SAAS,EAAER,KAAK,CAACW,KAAtB;IAA6B,KAAK,EAAEF,eAAe,CAACN,MAAM,CAAC,CAAD,CAAP;EAAnD,EADD,gBAGC,uDACE;IAAK,SAAS,EAAEH,KAAK,CAACkB;EAAtB,GACGd,iBAAiB,CAACe,GAAlB,CAAsB,CAACR,KAAD,EAAQS,KAAR,kBACrB;IAAK,GAAG,EAAEA,KAAV;IAAiB,SAAS,EAAEpB,KAAK,CAACW,KAAlC;IAAyC,KAAK,EAAEF,eAAe,CAACE,KAAD;EAA/D,EADD,CADH,CADF,eAME;IAAK,SAAS,EAAEX,KAAK,CAACkB;EAAtB,GACGb,kBAAkB,CAACc,GAAnB,CAAuB,CAACR,KAAD,EAAQS,KAAR,kBACtB;IAAK,GAAG,EAAEA,KAAV;IAAiB,SAAS,EAAEpB,KAAK,CAACW,KAAlC;IAAyC,KAAK,EAAEF,eAAe,CAACE,KAAD;EAA/D,EADD,CADH,CANF,CAJJ,CADF;AAoBD,CApCD;;AAsCAT,mBAAmB,CAACmB,SAApB,2CAAgC;EAC9BlB,MAAM,EAAEL,SAAS,CAACwB,OAAV,CACNxB,SAAS,CAACyB,KAAV,CAAgB;IACdb,IAAI,EAAEZ,SAAS,CAAC0B,KAAV,CAAgBzB,qBAAhB,CADQ;IAEdY,KAAK,EAAEb,SAAS,CAAC2B;EAFH,CAAhB,CADM,EAKNC;AAN4B,CAAhC;AASA,eAAexB,mBAAf"}
+{"version":3,"file":"index.js","names":["React","useMemo","useCallback","PropTypes","EXTERNAL_COURSE_TYPES","style","FALLBACK_PATH","PlaylistDetailCover","images","firstColumnImages","secondColumnImages","imagesClone","splice","length","buildImageStyle","type","image","imageUrl","replace","backgroundImage","backgroundSize","backgroundPosition","createElement","className","container","Fragment","imagesWrapper","map","index","key","propTypes","process","env","NODE_ENV","arrayOf","shape","oneOf","string","isRequired"],"sources":["../../../src/molecule/playlist-detail-cover/index.js"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_COURSE_TYPES} from '../../util/external-content';\nimport style from './style.css';\n\nconst FALLBACK_PATH =\n  'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/cover-fallback-external-$TYPE.png';\n\nconst PlaylistDetailCover = ({images}) => {\n  const [firstColumnImages, secondColumnImages] = useMemo(() => {\n    const imagesClone = [...images];\n    return [imagesClone.splice(0, imagesClone.length / 2), imagesClone];\n  }, [images]);\n\n  const buildImageStyle = useCallback(({type, image}) => {\n    const imageUrl = image || FALLBACK_PATH.replace('$TYPE', type);\n\n    return {\n      backgroundImage: `url(${imageUrl})`,\n      backgroundSize: 'cover',\n      backgroundPosition: 'center'\n    };\n  }, []);\n\n  return (\n    <div className={style.container}>\n      {images.length === 1 ? (\n        <div className={style.image} style={buildImageStyle(images[0])} />\n      ) : (\n        <>\n          <div className={style.imagesWrapper}>\n            {firstColumnImages.map((image, index) => (\n              <div key={index} className={style.image} style={buildImageStyle(image)} />\n            ))}\n          </div>\n          <div className={style.imagesWrapper}>\n            {secondColumnImages.map((image, index) => (\n              <div key={index} className={style.image} style={buildImageStyle(image)} />\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nPlaylistDetailCover.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(EXTERNAL_COURSE_TYPES),\n      image: PropTypes.string\n    })\n  ).isRequired\n};\n\nexport default PlaylistDetailCover;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,WAAW,QAAO,OAAO;AACjD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,qBAAqB,QAAO,6BAA6B;AACjE,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,aAAa,GACjB,4GAA4G;AAE9G,MAAMC,mBAAmB,GAAGA,CAAC;EAACC;AAAM,CAAC,KAAK;EACxC,MAAM,CAACC,iBAAiB,EAAEC,kBAAkB,CAAC,GAAGT,OAAO,CAAC,MAAM;IAC5D,MAAMU,WAAW,GAAG,CAAC,GAAGH,MAAM,CAAC;IAC/B,OAAO,CAACG,WAAW,CAACC,MAAM,CAAC,CAAC,EAAED,WAAW,CAACE,MAAM,GAAG,CAAC,CAAC,EAAEF,WAAW,CAAC;EACrE,CAAC,EAAE,CAACH,MAAM,CAAC,CAAC;EAEZ,MAAMM,eAAe,GAAGZ,WAAW,CAAC,CAAC;IAACa,IAAI;IAAEC;EAAK,CAAC,KAAK;IACrD,MAAMC,QAAQ,GAAGD,KAAK,IAAIV,aAAa,CAACY,OAAO,CAAC,OAAO,EAAEH,IAAI,CAAC;IAE9D,OAAO;MACLI,eAAe,EAAE,OAAOF,QAAQ,GAAG;MACnCG,cAAc,EAAE,OAAO;MACvBC,kBAAkB,EAAE;IACtB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACErB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAElB,KAAK,CAACmB;EAAU,GAC7BhB,MAAM,CAACK,MAAM,KAAK,CAAC,gBAClBb,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAElB,KAAK,CAACW,KAAM;IAACX,KAAK,EAAES,eAAe,CAACN,MAAM,CAAC,CAAC,CAAC;EAAE,CAAE,CAAC,gBAElER,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAyB,QAAA,qBACEzB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAElB,KAAK,CAACqB;EAAc,GACjCjB,iBAAiB,CAACkB,GAAG,CAAC,CAACX,KAAK,EAAEY,KAAK,kBAClC5B,KAAA,CAAAsB,aAAA;IAAKO,GAAG,EAAED,KAAM;IAACL,SAAS,EAAElB,KAAK,CAACW,KAAM;IAACX,KAAK,EAAES,eAAe,CAACE,KAAK;EAAE,CAAE,CAC1E,CACE,CAAC,eACNhB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAElB,KAAK,CAACqB;EAAc,GACjChB,kBAAkB,CAACiB,GAAG,CAAC,CAACX,KAAK,EAAEY,KAAK,kBACnC5B,KAAA,CAAAsB,aAAA;IAAKO,GAAG,EAAED,KAAM;IAACL,SAAS,EAAElB,KAAK,CAACW,KAAM;IAACX,KAAK,EAAES,eAAe,CAACE,KAAK;EAAE,CAAE,CAC1E,CACE,CACL,CAED,CAAC;AAEV,CAAC;AAEDT,mBAAmB,CAACuB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC9BzB,MAAM,EAAEL,SAAS,CAAC+B,OAAO,CACvB/B,SAAS,CAACgC,KAAK,CAAC;IACdpB,IAAI,EAAEZ,SAAS,CAACiC,KAAK,CAAChC,qBAAqB,CAAC;IAC5CY,KAAK,EAAEb,SAAS,CAACkC;EACnB,CAAC,CACH,CAAC,CAACC;AACJ,CAAC;AAED,eAAe/B,mBAAmB","ignoreList":[]}

package/es/molecule/popin/index.js

@@ -1,21 +1,15 @@
 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,
@@ -43,9 +37,10 @@ const Popin = (props, context) => {
     email: ''
   });
   const handleChange = useMemo(() => event => {
-    setValue(_extends({}, value, {
+    setValue({
+      ...value,
       [event.target.name]: event.target.value
-    }));
+    });
   }, [value]);
   const isAssistancePopin = type === 'assistance';
   const handleClickOnSecondButton = useMemo(() => {
@@ -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","_getOr","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","createElement","className","background","loader","popin","popinHeader","onClick","headerCloseIcon","icon","color","dangerouslySetInnerHTML","__html","width","inputText","placeholder","onChange","inputTextArea","lastInputText","buttonContainer","submitValue","button","backgroundColor","disabled","propTypes","process","env","NODE_ENV","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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","ignoreList":[]}

package/es/molecule/privacy-policy-contact/index.js

@@ -5,7 +5,6 @@ import styles from './style.css';
 export const ICONS = {
   arrow: ArrowIcon
 };
-
 const PrivacyPolicyContact = ({
   title,
   content
@@ -13,7 +12,8 @@ const PrivacyPolicyContact = ({
   return /*#__PURE__*/React.createElement("div", {
     className: styles.container
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles.title // eslint-disable-next-line react/no-danger
+    className: styles.title
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -22,7 +22,6 @@ const PrivacyPolicyContact = ({
     className: styles.content
   }, content));
 };
-
 PrivacyPolicyContact.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default PrivacyPolicyContact;
 //# sourceMappingURL=index.js.map

package/es/molecule/privacy-policy-contact/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","NovaCompositionNavigationArrowDown","ArrowIcon","propTypes","styles","ICONS","arrow","PrivacyPolicyContact","title","content","container","__html"],"sources":["../../../src/molecule/privacy-policy-contact/index.tsx"],"sourcesContent":["import React from 'react';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nexport const ICONS = {\n  arrow: ArrowIcon\n};\n\nconst PrivacyPolicyContact = ({title, content}: Props) => {\n  return (\n    <div className={styles.container}>\n      <div\n        className={styles.title}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n      <p className={styles.content}>{content}</p>\n    </div>\n  );\n};\n\nPrivacyPolicyContact.propTypes = propTypes;\n\nexport default PrivacyPolicyContact;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;AAEA,OAAO,MAAMC,KAAK,GAAG;EACnBC,KAAK,EAAEJ;AADY,CAAd;;AAIP,MAAMK,oBAAoB,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAA6B;EACxD,oBACE;IAAK,SAAS,EAAEL,MAAM,CAACM;EAAvB,gBACE;IACE,SAAS,EAAEN,MAAM,CAACI,KADpB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACG,MAAM,EAAEH;IAAT;EAH3B,EADF,eAME;IAAG,SAAS,EAAEJ,MAAM,CAACK;EAArB,GAA+BA,OAA/B,CANF,CADF;AAUD,CAXD;;AAaAF,oBAAoB,CAACJ,SAArB,2CAAiCA,SAAjC;AAEA,eAAeI,oBAAf"}
+{"version":3,"file":"index.js","names":["React","NovaCompositionNavigationArrowDown","ArrowIcon","propTypes","styles","ICONS","arrow","PrivacyPolicyContact","title","content","createElement","className","container","dangerouslySetInnerHTML","__html","process","env","NODE_ENV"],"sources":["../../../src/molecule/privacy-policy-contact/index.tsx"],"sourcesContent":["import React from 'react';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nexport const ICONS = {\n  arrow: ArrowIcon\n};\n\nconst PrivacyPolicyContact = ({title, content}: Props) => {\n  return (\n    <div className={styles.container}>\n      <div\n        className={styles.title}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n      <p className={styles.content}>{content}</p>\n    </div>\n  );\n};\n\nPrivacyPolicyContact.propTypes = propTypes;\n\nexport default PrivacyPolicyContact;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,kCAAkC,IAAIC,SAAS,QAAO,0BAA0B;AACxF,SAAQC,SAAS,QAAc,SAAS;AACxC,OAAOC,MAAM,MAAM,aAAa;AAEhC,OAAO,MAAMC,KAAK,GAAG;EACnBC,KAAK,EAAEJ;AACT,CAAC;AAED,MAAMK,oBAAoB,GAAGA,CAAC;EAACC,KAAK;EAAEC;AAAc,CAAC,KAAK;EACxD,oBACET,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEP,MAAM,CAACQ;EAAU,gBAC/BZ,KAAA,CAAAU,aAAA;IACEC,SAAS,EAAEP,MAAM,CAACI;IAClB;IAAA;IACAK,uBAAuB,EAAE;MAACC,MAAM,EAAEN;IAAK;EAAE,CAC1C,CAAC,eACFR,KAAA,CAAAU,aAAA;IAAGC,SAAS,EAAEP,MAAM,CAACK;EAAQ,GAAEA,OAAW,CACvC,CAAC;AAEV,CAAC;AAEDF,oBAAoB,CAACJ,SAAS,GAAAY,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGd,SAAS;AAE1C,eAAeI,oBAAoB","ignoreList":[]}

package/es/molecule/privacy-policy-contact/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","propTypes","title","string","content"],"sources":["../../../src/molecule/privacy-policy-contact/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  title: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport type Props = {\n  title: string;\n  content: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEF,SAAS,CAACG,MADM;EAEvBC,OAAO,EAAEJ,SAAS,CAACG;AAFI,CAAlB"}
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","title","string","content"],"sources":["../../../src/molecule/privacy-policy-contact/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  title: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport type Props = {\n  title: string;\n  content: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEF,SAAS,CAACG,MAAM;EACvBC,OAAO,EAAEJ,SAAS,CAACG;AACrB,CAAC","ignoreList":[]}

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","_template","items","map","itemDescription","index","createElement","className","productDescriptionItem","key","productCheckbox","src","productDescriptionText","product","productHeader","productHeaderTitle","productHeaderSubtitle","productBody","productSeparation","productPrice","cancelText","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","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":"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","ignoreList":[]}

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

@@ -1,12 +1,8 @@
 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,
@@ -20,21 +16,20 @@ 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),
     "data-name": "progress-bar-wrapper",
     "data-content": `${text}`
   }, /*#__PURE__*/React.createElement("div", {
     className: style.progress,
-    style: _extends({}, propsStyle, {
+    style: {
+      ...propsStyle,
       width: `${ratio * 100}%`
-    })
+    }
   }), displayInfo ? /*#__PURE__*/React.createElement("p", {
     className: style.texts
   }, /*#__PURE__*/React.createElement("span", {
@@ -45,7 +40,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","displayInfo","ratio","percentage","Math","floor","text","stepList","index","step","background","progress","width","texts","description","propTypes","string","number","isRequired","objectOf","oneOfType","bool"],"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 {\n    className,\n    value,\n    max,\n    desc = '',\n    steps = 0,\n    style: propsStyle,\n    displayInfo = true\n  } = 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\n      className={classnames(style.background, className)}\n      data-name=\"progress-bar-wrapper\"\n      data-content={`${text}`}\n    >\n      <div\n        className={style.progress}\n        style={{\n          ...propsStyle,\n          width: `${ratio * 100}%`\n        }}\n      />\n      {displayInfo ? (\n        <p className={style.texts}>\n          <span className={style.description}>{`${value}/${max} ${desc}`}</span>\n          <span className={style.percentage}>{text}</span>\n        </p>\n      ) : null}\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  displayInfo: PropTypes.bool\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;IACJC,SADI;IAEJC,KAFI;IAGJC,GAHI;IAIJC,IAAI,GAAG,EAJH;IAKJC,KAAK,GAAG,CALJ;IAMJP,KAAK,EAAEQ,UANH;IAOJC,WAAW,GAAG;EAPV,IAQFP,KARJ;EAUA,MAAMQ,KAAK,GAAGN,KAAK,GAAGC,GAAtB;EACA,MAAMM,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,EAAEhB,KAAK,CAACiB,IAAtB;IAA4B,GAAG,EAAED;EAAjC,EAAf,EAA2DT,KAA3D,CAAjB;;EACA,oBACE;IACE,SAAS,EAAER,UAAU,CAACC,KAAK,CAACkB,UAAP,EAAmBf,SAAnB,CADvB;IAEE,aAAU,sBAFZ;IAGE,gBAAe,GAAEW,IAAK;EAHxB,gBAKE;IACE,SAAS,EAAEd,KAAK,CAACmB,QADnB;IAEE,KAAK,eACAX,UADA;MAEHY,KAAK,EAAG,GAAEV,KAAK,GAAG,GAAI;IAFnB;EAFP,EALF,EAYGD,WAAW,gBACV;IAAG,SAAS,EAAET,KAAK,CAACqB;EAApB,gBACE;IAAM,SAAS,EAAErB,KAAK,CAACsB;EAAvB,GAAsC,GAAElB,KAAM,IAAGC,GAAI,IAAGC,IAAK,EAA7D,CADF,eAEE;IAAM,SAAS,EAAEN,KAAK,CAACW;EAAvB,GAAoCG,IAApC,CAFF,CADU,GAKR,IAjBN,eAkBE;IAAK,SAAS,EAAEd,KAAK,CAACO;EAAtB,GAA8BQ,QAA9B,CAlBF,CADF;AAsBD,CArCD;;AAuCAd,WAAW,CAACsB,SAAZ,2CAAwB;EACtBpB,SAAS,EAAEL,SAAS,CAAC0B,MADC;EAEtBpB,KAAK,EAAEN,SAAS,CAAC2B,MAAV,CAAiBC,UAFF;EAGtBrB,GAAG,EAAEP,SAAS,CAAC2B,MAAV,CAAiBC,UAHA;EAItBpB,IAAI,EAAER,SAAS,CAAC0B,MAJM;EAKtBjB,KAAK,EAAET,SAAS,CAAC2B,MALK;EAMtBzB,KAAK,EAAEF,SAAS,CAAC6B,QAAV,CAAmB7B,SAAS,CAAC8B,SAAV,CAAoB,CAAC9B,SAAS,CAAC0B,MAAX,EAAmB1B,SAAS,CAAC2B,MAA7B,CAApB,CAAnB,CANe;EAOtBhB,WAAW,EAAEX,SAAS,CAAC+B;AAPD,CAAxB;AAUA,eAAe5B,WAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","style","ProgressBar","props","className","value","max","desc","steps","propsStyle","displayInfo","ratio","percentage","Math","floor","text","stepList","_times","index","createElement","step","key","background","progress","width","texts","description","propTypes","process","env","NODE_ENV","string","number","isRequired","objectOf","oneOfType","bool"],"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 {\n    className,\n    value,\n    max,\n    desc = '',\n    steps = 0,\n    style: propsStyle,\n    displayInfo = true\n  } = 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\n      className={classnames(style.background, className)}\n      data-name=\"progress-bar-wrapper\"\n      data-content={`${text}`}\n    >\n      <div\n        className={style.progress}\n        style={{\n          ...propsStyle,\n          width: `${ratio * 100}%`\n        }}\n      />\n      {displayInfo ? (\n        <p className={style.texts}>\n          <span className={style.description}>{`${value}/${max} ${desc}`}</span>\n          <span className={style.percentage}>{text}</span>\n        </p>\n      ) : null}\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  displayInfo: PropTypes.bool\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;IACJC,SAAS;IACTC,KAAK;IACLC,GAAG;IACHC,IAAI,GAAG,EAAE;IACTC,KAAK,GAAG,CAAC;IACTP,KAAK,EAAEQ,UAAU;IACjBC,WAAW,GAAG;EAChB,CAAC,GAAGP,KAAK;EAET,MAAMQ,KAAK,GAAGN,KAAK,GAAGC,GAAG;EACzB,MAAMM,UAAU,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,GAAG,GAAG,CAAC;EAC1C,MAAMI,IAAI,GAAG,GAAGH,UAAU,GAAG;EAC7B,MAAMI,QAAQ,GAAGC,MAAA,CAAMC,KAAK,iBAAIpB,KAAA,CAAAqB,aAAA;IAAKf,SAAS,EAAEH,KAAK,CAACmB,IAAK;IAACC,GAAG,EAAEH;EAAM,CAAE,CAAC,EAAEV,KAAK,CAAC;EAClF,oBACEV,KAAA,CAAAqB,aAAA;IACEf,SAAS,EAAEJ,UAAU,CAACC,KAAK,CAACqB,UAAU,EAAElB,SAAS,CAAE;IACnD,aAAU,sBAAsB;IAChC,gBAAc,GAAGW,IAAI;EAAG,gBAExBjB,KAAA,CAAAqB,aAAA;IACEf,SAAS,EAAEH,KAAK,CAACsB,QAAS;IAC1BtB,KAAK,EAAE;MACL,GAAGQ,UAAU;MACbe,KAAK,EAAE,GAAGb,KAAK,GAAG,GAAG;IACvB;EAAE,CACH,CAAC,EACDD,WAAW,gBACVZ,KAAA,CAAAqB,aAAA;IAAGf,SAAS,EAAEH,KAAK,CAACwB;EAAM,gBACxB3B,KAAA,CAAAqB,aAAA;IAAMf,SAAS,EAAEH,KAAK,CAACyB;EAAY,GAAE,GAAGrB,KAAK,IAAIC,GAAG,IAAIC,IAAI,EAAS,CAAC,eACtET,KAAA,CAAAqB,aAAA;IAAMf,SAAS,EAAEH,KAAK,CAACW;EAAW,GAAEG,IAAW,CAC9C,CAAC,GACF,IAAI,eACRjB,KAAA,CAAAqB,aAAA;IAAKf,SAAS,EAAEH,KAAK,CAACO;EAAM,GAAEQ,QAAc,CACzC,CAAC;AAEV,CAAC;AAEDd,WAAW,CAACyB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtB1B,SAAS,EAAEL,SAAS,CAACgC,MAAM;EAC3B1B,KAAK,EAAEN,SAAS,CAACiC,MAAM,CAACC,UAAU;EAClC3B,GAAG,EAAEP,SAAS,CAACiC,MAAM,CAACC,UAAU;EAChC1B,IAAI,EAAER,SAAS,CAACgC,MAAM;EACtBvB,KAAK,EAAET,SAAS,CAACiC,MAAM;EACvB/B,KAAK,EAAEF,SAAS,CAACmC,QAAQ,CAACnC,SAAS,CAACoC,SAAS,CAAC,CAACpC,SAAS,CAACgC,MAAM,EAAEhC,SAAS,CAACiC,MAAM,CAAC,CAAC,CAAC;EACpFtB,WAAW,EAAEX,SAAS,CAACqC;AACzB,CAAC;AAED,eAAelC,WAAW","ignoreList":[]}

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

@@ -1,9 +1,7 @@
 import _get from "lodash/fp/get";
 import _map from "lodash/fp/map";
 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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import { convert } from 'css-color-function';
@@ -13,14 +11,12 @@ import { COLORS } from '../../variables/colors';
 import Tag from '../../atom/tag';
 import ButtonLink from '../../atom/button-link';
 import Icon from '../../atom/icon';
-import Provider, { GetSkinFromContext } from '../../atom/provider'; // eslint-disable-next-line css-modules/no-unused-class
-
+import Provider, { GetSkinFromContext } from '../../atom/provider';
+// eslint-disable-next-line css-modules/no-unused-class
 import style from './style.css';
-
 const uncappedMap = _map.convert({
   cap: false
 });
-
 const DetailSection = ({
   index,
   type,
@@ -32,9 +28,7 @@ const DetailSection = ({
     translate
   } = context;
   const skin = GetSkinFromContext(context);
-
   const primarySkinColor = _get('common.primary', skin);
-
   const isTypeStars = type === 'stars';
   const downloadButtonProps = {
     label: translate('download'),
@@ -112,7 +106,6 @@ const DetailSection = ({
     className: style.buttonContainer
   }, /*#__PURE__*/React.createElement(ButtonLink, downloadButtonProps))));
 };
-
 const ProgressWrapper = ({
   completedModules,
   mandatoryModules,
@@ -169,7 +162,6 @@ const ProgressWrapper = ({
     index: index
   })), sections)));
 };
-
 const commonDetailSectionPropTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.oneOf(['diploma', 'badge', 'stars']),
   downloadUrl: PropTypes.string,
@@ -179,10 +171,11 @@ DetailSection.contextTypes = {
   translate: Provider.childContextTypes.translate,
   skin: Provider.childContextTypes.skin
 };
-DetailSection.propTypes = process.env.NODE_ENV !== "production" ? _extends({
+DetailSection.propTypes = process.env.NODE_ENV !== "production" ? {
   index: PropTypes.number,
-  isLocked: PropTypes.bool
-}, commonDetailSectionPropTypes) : {};
+  isLocked: PropTypes.bool,
+  ...commonDetailSectionPropTypes
+} : {};
 ProgressWrapper.contextTypes = {
   translate: Provider.childContextTypes.translate
 };