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

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

@@ -2,17 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class PaymentForm extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -22,7 +16,6 @@ class PaymentForm extends _react.default.Component {
     this.handleCardCvcChange = this.handleCardCvcChange.bind(this);
     this.handleSubmit = this.handleSubmit.bind(this);
   }
-
   componentDidMount() {
     if (this.stripe) {
       const elements = this.stripe.elements();
@@ -52,36 +45,30 @@ class PaymentForm extends _react.default.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
   }) {
@@ -90,7 +77,6 @@ class PaymentForm extends _react.default.Component {
     } = this.props;
     onCardNumberChange(error);
   }
-
   handleCardExpiryChange({
     error
   }) {
@@ -99,7 +85,6 @@ class PaymentForm extends _react.default.Component {
     } = this.props;
     onCardExpiryChange(error);
   }
-
   handleCardCvcChange({
     error
   }) {
@@ -108,7 +93,6 @@ class PaymentForm extends _react.default.Component {
     } = this.props;
     onCardCvcChange(error);
   }
-
   render() {
     const {
       checkImage,
@@ -180,9 +164,7 @@ class PaymentForm extends _react.default.Component {
       disabled: !submitButtonEnabled
     }, translate('payment_form_submit'))));
   }
-
 }
-
 PaymentForm.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PaymentForm","React","Component","constructor","props","stripe","stripeInstance","stripeKeyPublic","handleCardNumberChange","bind","handleCardExpiryChange","handleCardCvcChange","handleSubmit","componentDidMount","elements","elementOptions","style","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","Provider","childContextTypes","propTypes","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;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,WAAN,SAA0BC,cAAA,CAAMC,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;QACrBC,KAAK,EAAE;UACLC,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,GAAkBR,QAAQ,CAACS,MAAT,CAAgB,YAAhB,EAA8BR,cAA9B,CAAlB;MACA,KAAKS,UAAL,GAAkBV,QAAQ,CAACS,MAAT,CAAgB,YAAhB,EAA8BR,cAA9B,CAAlB;MACA,KAAKU,OAAL,GAAeX,QAAQ,CAACS,MAAT,CAAgB,SAAhB,EAA2BR,cAA3B,CAAf;MAEA,KAAKO,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,KAAKnB,sBAAlC;MACA,KAAKgB,UAAL,CAAgBG,EAAhB,CAAmB,QAAnB,EAA6B,KAAKjB,sBAAlC;MACA,KAAKe,OAAL,CAAaE,EAAb,CAAgB,QAAhB,EAA0B,KAAKhB,mBAA/B;IACD;EACF;;EAEDiB,oBAAoB,GAAG;IACrB,IAAI,KAAKC,SAAT,EAAoB;MAClB,KAAKP,UAAL,CAAgBQ,OAAhB;MACA,KAAKR,UAAL,CAAgBS,GAAhB,CAAoB,QAApB,EAA8B,KAAKvB,sBAAnC;IACD;;IACD,IAAI,KAAKgB,UAAT,EAAqB;MACnB,KAAKA,UAAL,CAAgBM,OAAhB;MACA,KAAKN,UAAL,CAAgBO,GAAhB,CAAoB,QAApB,EAA8B,KAAKrB,sBAAnC;IACD;;IACD,IAAI,KAAKe,OAAT,EAAkB;MAChB,KAAKA,OAAL,CAAaK,OAAb;MACA,KAAKL,OAAL,CAAaM,GAAb,CAAiB,QAAjB,EAA2B,KAAKpB,mBAAhC;IACD;EACF;;EAEDC,YAAY,GAAG;IACb,MAAM;MAACoB;IAAD,IAAmB,KAAK5B,KAA9B;;IACA,IAAI,KAAKC,MAAT,EAAiB;MACf,OAAO,KAAKA,MAAL,CAAY4B,WAAZ,CAAwB,KAAKX,UAA7B,EAAyCY,IAAzC,CAA8CC,QAAQ,IAAI;QAC/D,OAAOH,cAAc,CAACG,QAAD,CAArB;MACD,CAFM,CAAP;IAGD;EACF;;EAED3B,sBAAsB,CAAC;IAAC4B;EAAD,CAAD,EAAU;IAC9B,MAAM;MAACC,kBAAkB,GAAG,MAAM,CAAE;IAA9B,IAAkC,KAAKjC,KAA7C;IACAiC,kBAAkB,CAACD,KAAD,CAAlB;EACD;;EAED1B,sBAAsB,CAAC;IAAC0B;EAAD,CAAD,EAAU;IAC9B,MAAM;MAACE,kBAAkB,GAAG,MAAM,CAAE;IAA9B,IAAkC,KAAKlC,KAA7C;IACAkC,kBAAkB,CAACF,KAAD,CAAlB;EACD;;EAEDzB,mBAAmB,CAAC;IAACyB;EAAD,CAAD,EAAU;IAC3B,MAAM;MAACG,eAAe,GAAG,MAAM,CAAE;IAA3B,IAA+B,KAAKnC,KAA1C;IACAmC,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,KAAK9C,KAXT;IAaA,MAAM;MAAC+C;IAAD,IAAc,KAAKC,OAAzB;IAEA,oBACE;MAAK,SAAS,EAAEpC,cAAA,CAAMqC;IAAtB,gBACE;MAAK,SAAS,EAAErC,cAAA,CAAMsC;IAAtB,gBACE;MAAK,SAAS,EAAEtC,cAAA,CAAMuC,kBAAtB;MAA0C,GAAG,EAAEd;IAA/C,EADF,eAEE;MAAK,SAAS,EAAEzB,cAAA,CAAMwC;IAAtB,GAA0CL,SAAS,CAAC,gBAAD,CAAnD,CAFF,eAGE;MAAK,SAAS,EAAEnC,cAAA,CAAMyC,kBAAtB;MAA0C,GAAG,EAAEf;IAA/C,EAHF,CADF,eAME;MAAK,SAAS,EAAE1B,cAAA,CAAM0C;IAAtB,gBACE;MAAI,SAAS,EAAE1C,cAAA,CAAM2C;IAArB,EADF,eAEE;MAAK,SAAS,EAAE3C,cAAA,CAAM4C;IAAtB,GAAiDjB,cAAjD,CAFF,eAGE;MAAI,SAAS,EAAE3B,cAAA,CAAM2C;IAArB,EAHF,CANF,EAWGd,MAAM,gBAAG;MAAK,SAAS,EAAE7B,cAAA,CAAM6C;IAAtB,QAAuChB,MAAvC,CAAH,GAA0D,IAXnE,EAYGC,OAAO,gBAAG;MAAK,SAAS,EAAE9B,cAAA,CAAM8C;IAAtB,QAAwChB,OAAxC,CAAH,GAA4D,IAZtE,eAaE;MAAK,SAAS,EAAE9B,cAAA,CAAM+C;IAAtB,gBACE;MAAK,SAAS,EAAE/C,cAAA,CAAM4B,mBAAtB;MAA2C,GAAG,EAAEA;IAAhD,EADF,eAEE;MAAK,SAAS,EAAE5B,cAAA,CAAMgD;IAAtB,GAA2Cb,SAAS,CAAC,iBAAD,CAApD,CAFF,CAbF,eAiBE;MAAK,SAAS,EAAEnC,cAAA,CAAMiD;IAAtB,gBACE;MACE,SAAS,EAAG,GAAEjD,cAAA,CAAMM,UAAW,IAAG0B,kBAAkB,IAAIhC,cAAA,CAAMkD,cAAe,EAD/E;MAEE,EAAE,EAAC;IAFL,EADF,CAjBF,eAuBE;MAAK,SAAS,EAAElD,cAAA,CAAMiD;IAAtB,gBACE;MACE,SAAS,EAAG,GAAEjD,cAAA,CAAMQ,UAAW,IAAGyB,kBAAkB,IAAIjC,cAAA,CAAMkD,cAAe,EAD/E;MAEE,EAAE,EAAC;IAFL,EADF,eAKE;MACE,SAAS,EAAG,GAAElD,cAAA,CAAMS,OAAQ,IAAGyB,eAAe,IAAIlC,cAAA,CAAMkD,cAAe,EADzE;MAEE,EAAE,EAAC;IAFL,EALF,CAvBF,eAiCE;MAAK,SAAS,EAAElD,cAAA,CAAMmD;IAAtB,GAA+ChB,SAAS,CAAC,yBAAD,CAAxD,CAjCF,eAkCE;MAAK,SAAS,EAAEnC,cAAA,CAAMoD;IAAtB,gBACE;MACE,SAAS,EAAEpD,cAAA,CAAMqD,eADnB;MAEE,IAAI,EAAC,QAFP;MAGE,OAAO,EAAE,KAAKzD,YAHhB;MAIE,QAAQ,EAAE,CAACmC;IAJb,GAMGI,SAAS,CAAC,qBAAD,CANZ,CADF,CAlCF,CADF;EA+CD;;AAzKuC;;AAApCnD,W,CAoBGsE,Y,GAAe;EACpBnB,SAAS,EAAEoB,iBAAA,CAASC,iBAAT,CAA2BrB;AADlB,C;AApBlBnD,W,CACGyE,S,2CAAY;EACjBlE,eAAe,EAAEmE,kBAAA,CAAUC,MAAV,CAAiBC,UADjB;EAEjBtE,cAAc,EAAEoE,kBAAA,CAAUG,IAAV,CAAeD,UAFd;EAGjB5C,cAAc,EAAE0C,kBAAA,CAAUG,IAAV,CAAeD,UAHd;EAIjBnC,UAAU,EAAEiC,kBAAA,CAAUC,MAAV,CAAiBC,UAJZ;EAKjBlC,UAAU,EAAEgC,kBAAA,CAAUC,MAAV,CAAiBC,UALZ;EAMjBjC,cAAc,EAAE+B,kBAAA,CAAUC,MANT;EAOjB/B,mBAAmB,EAAE8B,kBAAA,CAAUC,MAPd;EAQjB9B,MAAM,EAAE6B,kBAAA,CAAUC,MARD;EASjB7B,OAAO,EAAE4B,kBAAA,CAAUC,MATF;EAUjBtC,kBAAkB,EAAEqC,kBAAA,CAAUG,IAVb;EAWjB7B,kBAAkB,EAAE0B,kBAAA,CAAUI,IAXb;EAYjBxC,kBAAkB,EAAEoC,kBAAA,CAAUG,IAZb;EAajB5B,kBAAkB,EAAEyB,kBAAA,CAAUI,IAbb;EAcjBvC,eAAe,EAAEmC,kBAAA,CAAUG,IAdV;EAejB3B,eAAe,EAAEwB,kBAAA,CAAUI,IAfV;EAgBjB/B,mBAAmB,EAAE2B,kBAAA,CAAUI;AAhBd,C;eA2KN9E,W"}
+{"version":3,"file":"index.js","names":["PaymentForm","React","Component","constructor","props","stripe","stripeInstance","stripeKeyPublic","handleCardNumberChange","bind","handleCardExpiryChange","handleCardCvcChange","handleSubmit","componentDidMount","elements","elementOptions","style","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","Provider","childContextTypes","propTypes","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/lib/molecule/pdf/index.js

@@ -2,25 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _link = _interopRequireDefault(require("../../atom/link"));
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const PDF = (props, context) => {
   const {
     description,
@@ -44,7 +34,8 @@ const PDF = (props, context) => {
     className: _style.default.pdfIcon
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.pdfDescription, _style.default.innerHTML),
-    "data-name": "pdfDescription" // eslint-disable-next-line react/no-danger
+    "data-name": "pdfDescription"
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description
@@ -64,7 +55,6 @@ const PDF = (props, context) => {
     className: _style.default.openPDFButtonLabel
   }, translate('Open')))));
 };
-
 PDF.contextTypes = {
   translate: _provider.default.childContextTypes.translate,
   skin: _provider.default.childContextTypes.skin

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","style","pdfFrame","backgroundImage","pdfIcon","classnames","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","Provider","childContextTypes","propTypes","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;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;EACA,MAAME,OAAO,GAAG,mBAAI,gBAAJ,EAAsBF,IAAtB,CAAhB;EAEA,oBACE;IACE,SAAS,EAAEG,cAAA,CAAMC,QADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMR,MAAO;IAD1B;EAFT,gBAME,6BAAC,2CAAD;IAAS,KAAK,EAAEI,KAAhB;IAAuB,SAAS,EAAEE,cAAA,CAAMG;EAAxC,EANF,eAOE;IACE,SAAS,EAAE,IAAAC,mBAAA,EAAWJ,cAAA,CAAMK,cAAjB,EAAiCL,cAAA,CAAMM,SAAvC,CADb;IAEE,aAAU,gBAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEf;IAAT;EAJ3B,EAPF,eAcE,6BAAC,aAAD;IAAM,IAAI,EAAEC,QAAZ;IAAsB,MAAM,EAAC,QAA7B;IAAsC,OAAO,EAAEE;EAA/C,gBACE;IAAK,SAAS,EAAEK,cAAA,CAAMQ;EAAtB,gBACE;IAAK,SAAS,EAAER,cAAA,CAAMS,uBAAtB;IAA+C,KAAK,EAAE;MAACC,eAAe,EAAEX;IAAlB;EAAtD,EADF,eAEE;IAAO,SAAS,EAAEC,cAAA,CAAMW;EAAxB,GAA6Cf,SAAS,CAAC,MAAD,CAAtD,CAFF,CADF,CAdF,CADF;AAuBD,CA9BD;;AAgCAP,GAAG,CAACuB,YAAJ,GAAmB;EACjBhB,SAAS,EAAEiB,iBAAA,CAASC,iBAAT,CAA2BlB,SADrB;EAEjBC,IAAI,EAAEgB,iBAAA,CAASC,iBAAT,CAA2BjB;AAFhB,CAAnB;AAKAR,GAAG,CAAC0B,SAAJ,2CAAgB;EACdvB,WAAW,EAAEwB,kBAAA,CAAUC,MADT;EAEdxB,QAAQ,EAAEuB,kBAAA,CAAUC,MAFN;EAGdvB,MAAM,EAAEsB,kBAAA,CAAUC,MAHJ;EAIdtB,MAAM,EAAEqB,kBAAA,CAAUE;AAJJ,CAAhB;eAOe7B,G"}
+{"version":3,"file":"index.js","names":["PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","style","pdfFrame","backgroundImage","pdfIcon","classnames","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","Provider","childContextTypes","propTypes","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;AAEA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,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,mBAAI,cAAc,EAAED,IAAI,CAAC;EACvC,MAAME,OAAO,GAAG,mBAAI,gBAAgB,EAAEF,IAAI,CAAC;EAE3C,oBACE;IACE,SAAS,EAAEG,cAAK,CAACC,QAAS;IAC1B,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMR,MAAO;IACjC;EAAE,gBAEF,6BAAC,2CAAO;IAAC,KAAK,EAAEI,KAAM;IAAC,SAAS,EAAEE,cAAK,CAACG;EAAQ,EAAG,eACnD;IACE,SAAS,EAAE,IAAAC,mBAAU,EAACJ,cAAK,CAACK,cAAc,EAAEL,cAAK,CAACM,SAAS,CAAE;IAC7D,aAAU;IACV;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEf;IAAW;EAAE,EAC/C,eAEF,6BAAC,aAAI;IAAC,IAAI,EAAEC,QAAS;IAAC,MAAM,EAAC,QAAQ;IAAC,OAAO,EAAEE;EAAO,gBACpD;IAAK,SAAS,EAAEK,cAAK,CAACQ;EAAc,gBAClC;IAAK,SAAS,EAAER,cAAK,CAACS,uBAAwB;IAAC,KAAK,EAAE;MAACC,eAAe,EAAEX;IAAO;EAAE,EAAG,eACpF;IAAO,SAAS,EAAEC,cAAK,CAACW;EAAmB,GAAEf,SAAS,CAAC,MAAM,CAAC,CAAS,CACnE,CACD,CACH;AAEV,CAAC;AAEDP,GAAG,CAACuB,YAAY,GAAG;EACjBhB,SAAS,EAAEiB,iBAAQ,CAACC,iBAAiB,CAAClB,SAAS;EAC/CC,IAAI,EAAEgB,iBAAQ,CAACC,iBAAiB,CAACjB;AACnC,CAAC;AAEDR,GAAG,CAAC0B,SAAS,2CAAG;EACdvB,WAAW,EAAEwB,kBAAS,CAACC,MAAM;EAC7BxB,QAAQ,EAAEuB,kBAAS,CAACC,MAAM;EAC1BvB,MAAM,EAAEsB,kBAAS,CAACC,MAAM;EACxBtB,MAAM,EAAEqB,kBAAS,CAACE;AACpB,CAAC;AAAC,eAEa7B,GAAG;AAAA"}

package/lib/molecule/popin/index.js

@@ -2,29 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _button = _interopRequireDefault(require("../../atom/button"));
-
 var _loader = _interopRequireDefault(require("../../atom/loader"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const Popin = (props, context) => {
   const {
     skin
@@ -89,7 +77,8 @@ const Popin = (props, context) => {
     "data-name": `cockpit-popin-header-${type}`
   }, header), /*#__PURE__*/_react.default.createElement("p", {
     className: _style.default.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
@@ -144,7 +133,6 @@ const Popin = (props, context) => {
     disabled: isAssistancePopin && !value.message
   }) : null)));
 };
-
 Popin.propTypes = process.env.NODE_ENV !== "production" ? {
   header: _propTypes.default.string,
   content: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Popin","props","context","skin","primaryColor","header","content","firstButtonLabel","onFirstButtonClick","secondeButtonLabel","onSecondeButtonClick","onClose","type","isLoading","backgroundImageUrl","logo","hiddenStateManagment","Hide","deleteContent","Bin","videoTranslate","LocalesIcon","LogoComponent","backgroundImageStyle","backgroundImage","value","setValue","useState","object","message","email","handleChange","useMemo","event","target","name","isAssistancePopin","handleClickOnSecondButton","style","background","loader","popin","popinHeader","headerCloseIcon","icon","color","__html","width","inputText","inputTextArea","lastInputText","buttonContainer","button","backgroundColor","propTypes","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":["Popin","props","context","skin","primaryColor","header","content","firstButtonLabel","onFirstButtonClick","secondeButtonLabel","onSecondeButtonClick","onClose","type","isLoading","backgroundImageUrl","logo","hiddenStateManagment","Hide","deleteContent","Bin","videoTranslate","LocalesIcon","LogoComponent","backgroundImageStyle","backgroundImage","value","setValue","useState","object","message","email","handleChange","useMemo","event","target","name","isAssistancePopin","handleClickOnSecondButton","style","background","loader","popin","popinHeader","headerCloseIcon","icon","color","__html","width","inputText","inputTextArea","lastInputText","buttonContainer","button","backgroundColor","propTypes","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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"}

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

@@ -2,19 +2,12 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _template2 = _interopRequireDefault(require("lodash/fp/template"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ProductCard = (props, context) => {
   const {
     title,
@@ -65,7 +58,6 @@ const ProductCard = (props, context) => {
     className: _style.default.cancelText
   }, translate('product_cancel')))));
 };
-
 ProductCard.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ProductCard","props","context","title","subtitle","price","currency","checkImage","translate","descriptionItemTranslationKeys","priceTemplate","priceValue","items","map","itemDescription","index","style","productDescriptionItem","productCheckbox","productDescriptionText","product","productHeader","productHeaderTitle","productHeaderSubtitle","productBody","productSeparation","productPrice","cancelText","contextTypes","Provider","childContextTypes","propTypes","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;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,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,wBAASD,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,EAAEC,cAAA,CAAMC,sBAAtB;MAA8C,GAAG,EAAEF;IAAnD,gBACE;MAAK,SAAS,EAAEC,cAAA,CAAME,eAAtB;MAAuC,GAAG,EAAEX;IAA5C,EADF,eAEE;MAAK,SAAS,EAAES,cAAA,CAAMG;IAAtB,GAA+CL,eAA/C,CAFF,CADF;EAMD,CAPa,CAAd;EASA,oBACE;IAAK,SAAS,EAAEE,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMK;EAAtB,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMM;EAAtB,GAA2CnB,KAA3C,CADF,eAEE;IAAK,SAAS,EAAEa,cAAA,CAAMO;EAAtB,GAA8CnB,QAA9C,CAFF,CADF,eAKE;IAAK,SAAS,EAAEY,cAAA,CAAMQ;EAAtB,gBACE;IAAK,SAAS,EAAC;EAAf,GAAuCZ,KAAvC,CADF,eAEE;IAAI,SAAS,EAAEI,cAAA,CAAMS;EAArB,EAFF,eAGE;IAAK,SAAS,EAAET,cAAA,CAAMU;EAAtB,gBACE;IAAK,SAAS,EAAEV,cAAA,CAAML;EAAtB,GAAmCA,UAAnC,CADF,eAEE;IAAK,SAAS,EAAEK,cAAA,CAAMW;EAAtB,GAAmCnB,SAAS,CAAC,gBAAD,CAA5C,CAFF,CAHF,CALF,CADF;AAgBD,CA1CD;;AA4CAR,WAAW,CAAC4B,YAAZ,GAA2B;EACzBpB,SAAS,EAAEqB,iBAAA,CAASC,iBAAT,CAA2BtB;AADb,CAA3B;AAIAR,WAAW,CAAC+B,SAAZ,2CAAwB;EACtB5B,KAAK,EAAE6B,kBAAA,CAAUC,MAAV,CAAiBC,UADF;EAEtB9B,QAAQ,EAAE4B,kBAAA,CAAUC,MAAV,CAAiBC,UAFL;EAGtB5B,QAAQ,EAAE0B,kBAAA,CAAUC,MAAV,CAAiBC,UAHL;EAItB7B,KAAK,EAAE2B,kBAAA,CAAUC,MAAV,CAAiBC,UAJF;EAKtB3B,UAAU,EAAEyB,kBAAA,CAAUC,MAAV,CAAiBC;AALP,CAAxB;eAQelC,W"}
+{"version":3,"file":"index.js","names":["ProductCard","props","context","title","subtitle","price","currency","checkImage","translate","descriptionItemTranslationKeys","priceTemplate","priceValue","items","map","itemDescription","index","style","productDescriptionItem","productCheckbox","productDescriptionText","product","productHeader","productHeaderTitle","productHeaderSubtitle","productBody","productSeparation","productPrice","cancelText","contextTypes","Provider","childContextTypes","propTypes","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;AACA;AAEA;AACA;AAAgC;AAEhC,MAAMA,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,wBAASD,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,EAAEC,cAAK,CAACC,sBAAuB;MAAC,GAAG,EAAEF;IAAM,gBACvD;MAAK,SAAS,EAAEC,cAAK,CAACE,eAAgB;MAAC,GAAG,EAAEX;IAAW,EAAG,eAC1D;MAAK,SAAS,EAAES,cAAK,CAACG;IAAuB,GAAEL,eAAe,CAAO,CACjE;EAEV,CAAC,CAAC;EAEF,oBACE;IAAK,SAAS,EAAEE,cAAK,CAACI;EAAQ,gBAC5B;IAAK,SAAS,EAAEJ,cAAK,CAACK;EAAc,gBAClC;IAAK,SAAS,EAAEL,cAAK,CAACM;EAAmB,GAAEnB,KAAK,CAAO,eACvD;IAAK,SAAS,EAAEa,cAAK,CAACO;EAAsB,GAAEnB,QAAQ,CAAO,CACzD,eACN;IAAK,SAAS,EAAEY,cAAK,CAACQ;EAAY,gBAChC;IAAK,SAAS,EAAC;EAAsB,GAAEZ,KAAK,CAAO,eACnD;IAAI,SAAS,EAAEI,cAAK,CAACS;EAAkB,EAAG,eAC1C;IAAK,SAAS,EAAET,cAAK,CAACU;EAAa,gBACjC;IAAK,SAAS,EAAEV,cAAK,CAACL;EAAW,GAAEA,UAAU,CAAO,eACpD;IAAK,SAAS,EAAEK,cAAK,CAACW;EAAW,GAAEnB,SAAS,CAAC,gBAAgB,CAAC,CAAO,CACjE,CACF,CACF;AAEV,CAAC;AAEDR,WAAW,CAAC4B,YAAY,GAAG;EACzBpB,SAAS,EAAEqB,iBAAQ,CAACC,iBAAiB,CAACtB;AACxC,CAAC;AAEDR,WAAW,CAAC+B,SAAS,2CAAG;EACtB5B,KAAK,EAAE6B,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClC9B,QAAQ,EAAE4B,kBAAS,CAACC,MAAM,CAACC,UAAU;EACrC5B,QAAQ,EAAE0B,kBAAS,CAACC,MAAM,CAACC,UAAU;EACrC7B,KAAK,EAAE2B,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClC3B,UAAU,EAAEyB,kBAAS,CAACC,MAAM,CAACC;AAC/B,CAAC;AAAC,eAEalC,WAAW;AAAA"}

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

@@ -2,21 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _times2 = _interopRequireDefault(require("lodash/fp/times"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const ProgressBar = props => {
   const {
     className,
@@ -50,7 +42,6 @@ const ProgressBar = props => {
     className: _style.default.steps
   }, stepList));
 };
-
 ProgressBar.propTypes = process.env.NODE_ENV !== "production" ? {
   className: _propTypes.default.string,
   value: _propTypes.default.number.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ProgressBar","props","className","value","max","desc","steps","style","propsStyle","ratio","percentage","Math","floor","text","stepList","index","step","classnames","background","progress","width","texts","description","propTypes","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;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,SAAD;IAAYC,KAAZ;IAAmBC,GAAnB;IAAwBC,IAAI,GAAG,EAA/B;IAAmCC,KAAK,GAAG,CAA3C;IAA8CC,KAAK,EAAEC;EAArD,IAAmEP,KAAzE;EAEA,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,qBAAMC,KAAK,iBAAI;IAAK,SAAS,EAAER,cAAA,CAAMS,IAAtB;IAA4B,GAAG,EAAED;EAAjC,EAAf,EAA2DT,KAA3D,CAAjB;EACA,oBACE;IAAK,SAAS,EAAE,IAAAW,mBAAA,EAAWV,cAAA,CAAMW,UAAjB,EAA6BhB,SAA7B;EAAhB,gBACE;IACE,SAAS,EAAEK,cAAA,CAAMY,QADnB;IAEE,KAAK,eACAX,UADA;MAEHY,KAAK,EAAG,GAAEX,KAAK,GAAG,GAAI;IAFnB;EAFP,EADF,eAQE;IAAG,SAAS,EAAEF,cAAA,CAAMc;EAApB,gBACE;IAAM,SAAS,EAAEd,cAAA,CAAMe;EAAvB,GAAsC,GAAEnB,KAAM,IAAGC,GAAI,IAAGC,IAAK,EAA7D,CADF,eAEE;IAAM,SAAS,EAAEE,cAAA,CAAMG;EAAvB,GAAoCG,IAApC,CAFF,CARF,eAYE;IAAK,SAAS,EAAEN,cAAA,CAAMD;EAAtB,GAA8BQ,QAA9B,CAZF,CADF;AAgBD,CAvBD;;AAyBAd,WAAW,CAACuB,SAAZ,2CAAwB;EACtBrB,SAAS,EAAEsB,kBAAA,CAAUC,MADC;EAEtBtB,KAAK,EAAEqB,kBAAA,CAAUE,MAAV,CAAiBC,UAFF;EAGtBvB,GAAG,EAAEoB,kBAAA,CAAUE,MAAV,CAAiBC,UAHA;EAItBtB,IAAI,EAAEmB,kBAAA,CAAUC,MAJM;EAKtBnB,KAAK,EAAEkB,kBAAA,CAAUE,MALK;EAMtBnB,KAAK,EAAEiB,kBAAA,CAAUI,QAAV,CAAmBJ,kBAAA,CAAUK,SAAV,CAAoB,CAACL,kBAAA,CAAUC,MAAX,EAAmBD,kBAAA,CAAUE,MAA7B,CAApB,CAAnB;AANe,CAAxB;eASe1B,W"}
+{"version":3,"file":"index.js","names":["ProgressBar","props","className","value","max","desc","steps","style","propsStyle","ratio","percentage","Math","floor","text","stepList","index","step","classnames","background","progress","width","texts","description","propTypes","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;AACA;AACA;AAEA;AAAgC;AAAA;AAEhC,MAAMA,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,SAAS;IAAEC,KAAK;IAAEC,GAAG;IAAEC,IAAI,GAAG,EAAE;IAAEC,KAAK,GAAG,CAAC;IAAEC,KAAK,EAAEC;EAAU,CAAC,GAAGP,KAAK;EAE9E,MAAMQ,KAAK,GAAGN,KAAK,GAAGC,GAAG;EACzB,MAAMM,UAAU,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,GAAG,GAAG,CAAC;EAC1C,MAAMI,IAAI,GAAI,GAAEH,UAAW,GAAE;EAC7B,MAAMI,QAAQ,GAAG,qBAAMC,KAAK,iBAAI;IAAK,SAAS,EAAER,cAAK,CAACS,IAAK;IAAC,GAAG,EAAED;EAAM,EAAG,EAAET,KAAK,CAAC;EAClF,oBACE;IAAK,SAAS,EAAE,IAAAW,mBAAU,EAACV,cAAK,CAACW,UAAU,EAAEhB,SAAS;EAAE,gBACtD;IACE,SAAS,EAAEK,cAAK,CAACY,QAAS;IAC1B,KAAK,eACAX,UAAU;MACbY,KAAK,EAAG,GAAEX,KAAK,GAAG,GAAI;IAAE;EACxB,EACF,eACF;IAAG,SAAS,EAAEF,cAAK,CAACc;EAAM,gBACxB;IAAM,SAAS,EAAEd,cAAK,CAACe;EAAY,GAAG,GAAEnB,KAAM,IAAGC,GAAI,IAAGC,IAAK,EAAC,CAAQ,eACtE;IAAM,SAAS,EAAEE,cAAK,CAACG;EAAW,GAAEG,IAAI,CAAQ,CAC9C,eACJ;IAAK,SAAS,EAAEN,cAAK,CAACD;EAAM,GAAEQ,QAAQ,CAAO,CACzC;AAEV,CAAC;AAEDd,WAAW,CAACuB,SAAS,2CAAG;EACtBrB,SAAS,EAAEsB,kBAAS,CAACC,MAAM;EAC3BtB,KAAK,EAAEqB,kBAAS,CAACE,MAAM,CAACC,UAAU;EAClCvB,GAAG,EAAEoB,kBAAS,CAACE,MAAM,CAACC,UAAU;EAChCtB,IAAI,EAAEmB,kBAAS,CAACC,MAAM;EACtBnB,KAAK,EAAEkB,kBAAS,CAACE,MAAM;EACvBnB,KAAK,EAAEiB,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACE,MAAM,CAAC,CAAC;AACrF,CAAC;AAAC,eAEa1B,WAAW;AAAA"}

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

@@ -2,23 +2,14 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _find2 = _interopRequireDefault(require("lodash/fp/find"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _select = _interopRequireWildcard(require("../../../atom/select"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const DropDown = props => {
   const {
     options,
@@ -41,7 +32,6 @@ const DropDown = props => {
     onChange: onChange
   }));
 };
-
 DropDown.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: _select.default.propTypes.onChange,
   options: _propTypes.default.arrayOf(_propTypes.default.shape(_select.SelectOptionPropTypes)),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DropDown","props","options","onChange","theme","propsTheme","ariaLabel","groupAriaLabel","currentSelection","defaultTheme","validOption","style","wrapper","propTypes","Select","PropTypes","arrayOf","shape","SelectOptionPropTypes","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;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,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,oBAAK,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,EAAEE,cAAA,CAAMC,OAAtB;IAA+B,IAAI,EAAC,OAApC;IAA4C,cAAYL;EAAxD,gBACE,6BAAC,eAAD;IAAQ,cAAYD,SAApB;IAA+B,KAAK,EAAEF,KAAtC;IAA6C,OAAO,EAAEF,OAAtD;IAA+D,QAAQ,EAAEC;EAAzE,EADF,CADF;AAKD,CAdD;;AAgBAH,QAAQ,CAACa,SAAT,2CAAqB;EACnBV,QAAQ,EAAEW,eAAA,CAAOD,SAAP,CAAiBV,QADR;EAEnBD,OAAO,EAAEa,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,6BAAhB,CAAlB,CAFU;EAGnBd,KAAK,EAAEU,eAAA,CAAOD,SAAP,CAAiBT,KAHL;EAInB,cAAcW,kBAAA,CAAUI,MAJL;EAKnBZ,cAAc,EAAEQ,kBAAA,CAAUI;AALP,CAArB;eAQenB,Q"}
+{"version":3,"file":"index.js","names":["DropDown","props","options","onChange","theme","propsTheme","ariaLabel","groupAriaLabel","currentSelection","defaultTheme","validOption","style","wrapper","propTypes","Select","PropTypes","arrayOf","shape","SelectOptionPropTypes","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;AACA;AAEA;AACA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,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,oBAAK,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,EAAEE,cAAK,CAACC,OAAQ;IAAC,IAAI,EAAC,OAAO;IAAC,cAAYL;EAAe,gBACrE,6BAAC,eAAM;IAAC,cAAYD,SAAU;IAAC,KAAK,EAAEF,KAAM;IAAC,OAAO,EAAEF,OAAQ;IAAC,QAAQ,EAAEC;EAAS,EAAG,CACjF;AAEV,CAAC;AAEDH,QAAQ,CAACa,SAAS,2CAAG;EACnBV,QAAQ,EAAEW,eAAM,CAACD,SAAS,CAACV,QAAQ;EACnCD,OAAO,EAAEa,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,6BAAqB,CAAC,CAAC;EAClEd,KAAK,EAAEU,eAAM,CAACD,SAAS,CAACT,KAAK;EAC7B,YAAY,EAAEW,kBAAS,CAACI,MAAM;EAC9BZ,cAAc,EAAEQ,kBAAS,CAACI;AAC5B,CAAC;AAAC,eAEanB,QAAQ;AAAA"}

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

@@ -2,29 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
-
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _cssColorFunction = require("css-color-function");
-
 var _provider = _interopRequireWildcard(require("../../../atom/provider"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const FreeText = (props, legacyContext) => {
   const skin = (0, _provider.GetSkinFromContext)(legacyContext);
   const {
@@ -65,7 +53,6 @@ const FreeText = (props, legacyContext) => {
     })
   }));
 };
-
 FreeText.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FreeText","props","legacyContext","skin","GetSkinFromContext","placeholder","value","onChange","ariaLabel","hovered","setHovered","useState","handleChange","useCallback","e","target","primarySkinColor","handleMouseOver","handleMouseLeave","shadowBoxPrimaryColor","useMemo","convert","style","wrapper","boxShadow","freeText","color","contextTypes","Provider","childContextTypes","propTypes","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;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EACzC,MAAMC,IAAI,GAAG,IAAAC,4BAAA,EAAmBF,aAAnB,CAAb;EACA,MAAM;IAACG,WAAW,GAAG,EAAf;IAAmBC,KAAK,GAAG,EAA3B;IAA+BC,QAAQ,iBAAvC;IAAgD,cAAcC;EAA9D,IAA2EP,KAAjF;EACA,MAAM,CAACQ,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAS,KAAT,CAA9B;EAEA,MAAMC,YAAY,GAAG,IAAAC,kBAAA,EAAYC,CAAC,IAAIP,QAAQ,CAACO,CAAC,CAACC,MAAF,CAAST,KAAV,CAAzB,EAA2C,CAACC,QAAD,CAA3C,CAArB;EACA,MAAMS,gBAAgB,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCb,IAAnC,CAAzB;EAEA,MAAMc,eAAe,GAAG,IAAAJ,kBAAA,EAAY,MAAMH,UAAU,CAAC,IAAD,CAA5B,EAAoC,CAACA,UAAD,CAApC,CAAxB;EAEA,MAAMQ,gBAAgB,GAAG,IAAAL,kBAAA,EAAY,MAAMH,UAAU,CAAC,KAAD,CAA5B,EAAqC,CAACA,UAAD,CAArC,CAAzB;EAEA,MAAMS,qBAAqB,GAAG,IAAAC,cAAA,EAC5B,MAAM,IAAAC,yBAAA,EAAS,SAAQL,gBAAiB,UAAlC,CADsB,EAE5B,CAACA,gBAAD,CAF4B,CAA9B;EAKA,oBACE;IACE,aAAU,UADZ;IAEE,SAAS,EAAEM,cAAA,CAAMC,OAFnB;IAGE,WAAW,EAAEN,eAHf;IAIE,YAAY,EAAEC,gBAJhB;IAKE,KAAK,eACCZ,KAAK,IAAI;MACXkB,SAAS,EAAEf,OAAO,GAAG,MAAH,GAAa,cAAaU,qBAAsB;IADvD,CADV;EALP,gBAWE;IACE,aAAU,iBADZ;IAEE,IAAI,EAAC,MAFP;IAGE,cAAYX,SAAS,IAAIF,KAAb,IAAsBD,WAHpC;IAIE,SAAS,EAAEiB,cAAA,CAAMG,QAJnB;IAKE,WAAW,EAAEpB,WALf;IAME,KAAK,EAAEC,KANT;IAOE,OAAO,EAAEM,YAPX;IAQE,QAAQ,gBARV;IASE,KAAK;MACHY,SAAS,EAAG,cAAaL,qBAAsB;IAD5C,GAECb,KAAK,IAAI;MACXkB,SAAS,EAAG,cACVf,OAAO,GAAG,IAAAY,yBAAA,EAAS,SAAQL,gBAAiB,UAAlC,CAAH,GAAkDG,qBAC1D;IAHU,CAFV;MAOHO,KAAK,EAAEV;IAPJ;EATP,EAXF,CADF;AAiCD,CAlDD;;AAoDAhB,QAAQ,CAAC2B,YAAT,GAAwB;EACtBxB,IAAI,EAAEyB,iBAAA,CAASC,iBAAT,CAA2B1B;AADX,CAAxB;AAIAH,QAAQ,CAAC8B,SAAT,2CAAqB;EACnBzB,WAAW,EAAE0B,kBAAA,CAAUC,MADJ;EAEnB1B,KAAK,EAAEyB,kBAAA,CAAUC,MAFE;EAGnBzB,QAAQ,EAAEwB,kBAAA,CAAUE,IAHD;EAInB,cAAcF,kBAAA,CAAUC;AAJL,CAArB;eAOehC,Q"}
+{"version":3,"file":"index.js","names":["FreeText","props","legacyContext","skin","GetSkinFromContext","placeholder","value","onChange","ariaLabel","hovered","setHovered","useState","handleChange","useCallback","e","target","primarySkinColor","handleMouseOver","handleMouseLeave","shadowBoxPrimaryColor","useMemo","convert","style","wrapper","boxShadow","freeText","color","contextTypes","Provider","childContextTypes","propTypes","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;AACA;AAEA;AACA;AACA;AAAgC;AAAA;AAAA;AAAA;AAEhC,MAAMA,QAAQ,GAAG,CAACC,KAAK,EAAEC,aAAa,KAAK;EACzC,MAAMC,IAAI,GAAG,IAAAC,4BAAkB,EAACF,aAAa,CAAC;EAC9C,MAAM;IAACG,WAAW,GAAG,EAAE;IAAEC,KAAK,GAAG,EAAE;IAAEC,QAAQ,iBAAO;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGP,KAAK;EACtF,MAAM,CAACQ,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7C,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAACC,CAAC,IAAIP,QAAQ,CAACO,CAAC,CAACC,MAAM,CAACT,KAAK,CAAC,EAAE,CAACC,QAAQ,CAAC,CAAC;EAC3E,MAAMS,gBAAgB,GAAG,qBAAM,SAAS,EAAE,gBAAgB,EAAEb,IAAI,CAAC;EAEjE,MAAMc,eAAe,GAAG,IAAAJ,kBAAW,EAAC,MAAMH,UAAU,CAAC,IAAI,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEzE,MAAMQ,gBAAgB,GAAG,IAAAL,kBAAW,EAAC,MAAMH,UAAU,CAAC,KAAK,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAE3E,MAAMS,qBAAqB,GAAG,IAAAC,cAAO,EACnC,MAAM,IAAAC,yBAAO,EAAE,SAAQL,gBAAiB,UAAS,CAAC,EAClD,CAACA,gBAAgB,CAAC,CACnB;EAED,oBACE;IACE,aAAU,UAAU;IACpB,SAAS,EAAEM,cAAK,CAACC,OAAQ;IACzB,WAAW,EAAEN,eAAgB;IAC7B,YAAY,EAAEC,gBAAiB;IAC/B,KAAK,eACCZ,KAAK,IAAI;MACXkB,SAAS,EAAEf,OAAO,GAAG,MAAM,GAAI,cAAaU,qBAAsB;IACpE,CAAC;EACD,gBAEF;IACE,aAAU,iBAAiB;IAC3B,IAAI,EAAC,MAAM;IACX,cAAYX,SAAS,IAAIF,KAAK,IAAID,WAAY;IAC9C,SAAS,EAAEiB,cAAK,CAACG,QAAS;IAC1B,WAAW,EAAEpB,WAAY;IACzB,KAAK,EAAEC,KAAM;IACb,OAAO,EAAEM,YAAa;IACtB,QAAQ,gBAAO;IACf,KAAK;MACHY,SAAS,EAAG,cAAaL,qBAAsB;IAAC,GAC5Cb,KAAK,IAAI;MACXkB,SAAS,EAAG,cACVf,OAAO,GAAG,IAAAY,yBAAO,EAAE,SAAQL,gBAAiB,UAAS,CAAC,GAAGG,qBAC1D;IACH,CAAC;MACDO,KAAK,EAAEV;IAAgB;EACvB,EACF,CACE;AAEV,CAAC;AAEDhB,QAAQ,CAAC2B,YAAY,GAAG;EACtBxB,IAAI,EAAEyB,iBAAQ,CAACC,iBAAiB,CAAC1B;AACnC,CAAC;AAEDH,QAAQ,CAAC8B,SAAS,2CAAG;EACnBzB,WAAW,EAAE0B,kBAAS,CAACC,MAAM;EAC7B1B,KAAK,EAAEyB,kBAAS,CAACC,MAAM;EACvBzB,QAAQ,EAAEwB,kBAAS,CAACE,IAAI;EACxB,YAAY,EAAEF,kBAAS,CAACC;AAC1B,CAAC;AAAC,eAEahC,QAAQ;AAAA"}

package/lib/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/lib/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"}