npm - @coorpacademy/components - Versions diffs - 10.27.4 → 10.27.5-alpha.31 - Mend

@coorpacademy/components 10.27.4 → 10.27.5-alpha.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1165) hide show

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

	@@ -1 +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":"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"}
1	+ {"version":3,"sources":["../../../src/molecule/payment-form/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"],"mappings":"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","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"],"file":"index.js"}

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

	@@ -1 +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"}
1	+ {"version":3,"sources":["../../../src/molecule/pdf/index.js"],"names":["PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","style","pdfFrame","backgroundImage","pdfIcon","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,GAAG,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC9B,QAAM;AAACC,IAAAA,WAAD;AAAcC,IAAAA,QAAd;AAAwBC,IAAAA,MAAxB;AAAgCC,IAAAA;AAAhC,MAA0CL,KAAhD;AACA,QAAM;AAACM,IAAAA,SAAD;AAAYC,IAAAA;AAAZ,MAAoBN,OAA1B;AAEA,QAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;AACA,QAAME,OAAO,GAAG,mBAAI,gBAAJ,EAAsBF,IAAtB,CAAhB;AAEA,sBACE;AACE,IAAA,SAAS,EAAEG,eAAMC,QADnB;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,eAAe,EAAG,OAAMR,MAAO;AAD1B;AAFT,kBAME,6BAAC,2CAAD;AAAS,IAAA,KAAK,EAAEI,KAAhB;AAAuB,IAAA,SAAS,EAAEE,eAAMG;AAAxC,IANF,eAOE;AACE,IAAA,SAAS,EAAE,yBAAWH,eAAMI,cAAjB,EAAiCJ,eAAMK,SAAvC,CADb;AAEE,iBAAU,gBAFZ,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEd;AAAT;AAJ3B,IAPF,eAcE,6BAAC,aAAD;AAAM,IAAA,IAAI,EAAEC,QAAZ;AAAsB,IAAA,MAAM,EAAC,QAA7B;AAAsC,IAAA,OAAO,EAAEE;AAA/C,kBACE;AAAK,IAAA,SAAS,EAAEK,eAAMO;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEP,eAAMQ,uBAAtB;AAA+C,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEV;AAAlB;AAAtD,IADF,eAEE;AAAO,IAAA,SAAS,EAAEC,eAAMU;AAAxB,KAA6Cd,SAAS,CAAC,MAAD,CAAtD,CAFF,CADF,CAdF,CADF;AAuBD,CA9BD;;AAgCAP,GAAG,CAACsB,YAAJ,GAAmB;AACjBf,EAAAA,SAAS,EAAEgB,kBAASC,iBAAT,CAA2BjB,SADrB;AAEjBC,EAAAA,IAAI,EAAEe,kBAASC,iBAAT,CAA2BhB;AAFhB,CAAnB;AAKAR,GAAG,CAACyB,SAAJ,2CAAgB;AACdtB,EAAAA,WAAW,EAAEuB,mBAAUC,MADT;AAEdvB,EAAAA,QAAQ,EAAEsB,mBAAUC,MAFN;AAGdtB,EAAAA,MAAM,EAAEqB,mBAAUC,MAHJ;AAIdrB,EAAAA,MAAM,EAAEoB,mBAAUE;AAJJ,CAAhB;eAOe5B,G","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"],"file":"index.js"}

package/lib/molecule/popin/index.js CHANGED Viewed

@@ -17,13 +17,13 @@ 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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); }
+function _extends() { _extends = Object.assign || 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 {
@@ -57,7 +57,7 @@ const Popin = (props, context) => {
     email: ''
   });
   const handleChange = (0, _react.useMemo)(() => event => {
-    setValue(_extends({}, value, {
+    setValue(_extends(_extends({}, value), {}, {
       [event.target.name]: event.target.value
     }));
   }, [value]);

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

	@@ -1 +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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"}
1	+ {"version":3,"sources":["../../../src/molecule/popin/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","object","message","email","handleChange","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"],"mappings":"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","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"],"file":"index.js"}

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

	@@ -1 +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"}
1	+ {"version":3,"sources":["../../../src/molecule/product-card/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"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACtC,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,KAAlB;AAAyBC,IAAAA,QAAzB;AAAmCC,IAAAA;AAAnC,MAAiDN,KAAvD;AAEA,QAAM;AAACO,IAAAA;AAAD,MAAcN,OAApB;AAEA,QAAMO,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;AASA,QAAME,aAAa,GAAGF,SAAS,CAAC,oBAAD,CAA/B;AACA,QAAMG,UAAU,GAAG,wBAASD,aAAT,EAAwB;AAACL,IAAAA,KAAD;AAAQC,IAAAA;AAAR,GAAxB,CAAnB;AAEA,QAAMM,KAAK,GAAGH,8BAA8B,CAACI,GAA/B,CAAmC,CAACC,eAAD,EAAkBC,KAAlB,KAA4B;AAC3E,wBACE;AAAK,MAAA,SAAS,EAAEC,eAAMC,sBAAtB;AAA8C,MAAA,GAAG,EAAEF;AAAnD,oBACE;AAAK,MAAA,SAAS,EAAEC,eAAME,eAAtB;AAAuC,MAAA,GAAG,EAAEX;AAA5C,MADF,eAEE;AAAK,MAAA,SAAS,EAAES,eAAMG;AAAtB,OAA+CL,eAA/C,CAFF,CADF;AAMD,GAPa,CAAd;AASA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAMI;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEL,eAAMM;AAAtB,KAA2CnB,KAA3C,CADF,eAEE;AAAK,IAAA,SAAS,EAAEa,eAAMO;AAAtB,KAA8CnB,QAA9C,CAFF,CADF,eAKE;AAAK,IAAA,SAAS,EAAEY,eAAMQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAuCZ,KAAvC,CADF,eAEE;AAAI,IAAA,SAAS,EAAEI,eAAMS;AAArB,IAFF,eAGE;AAAK,IAAA,SAAS,EAAET,eAAMU;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEV,eAAML;AAAtB,KAAmCA,UAAnC,CADF,eAEE;AAAK,IAAA,SAAS,EAAEK,eAAMW;AAAtB,KAAmCnB,SAAS,CAAC,gBAAD,CAA5C,CAFF,CAHF,CALF,CADF;AAgBD,CA1CD;;AA4CAR,WAAW,CAAC4B,YAAZ,GAA2B;AACzBpB,EAAAA,SAAS,EAAEqB,kBAASC,iBAAT,CAA2BtB;AADb,CAA3B;AAIAR,WAAW,CAAC+B,SAAZ,2CAAwB;AACtB5B,EAAAA,KAAK,EAAE6B,mBAAUC,MAAV,CAAiBC,UADF;AAEtB9B,EAAAA,QAAQ,EAAE4B,mBAAUC,MAAV,CAAiBC,UAFL;AAGtB5B,EAAAA,QAAQ,EAAE0B,mBAAUC,MAAV,CAAiBC,UAHL;AAItB7B,EAAAA,KAAK,EAAE2B,mBAAUC,MAAV,CAAiBC,UAJF;AAKtB3B,EAAAA,UAAU,EAAEyB,mBAAUC,MAAV,CAAiBC;AALP,CAAxB;eAQelC,W","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"],"file":"index.js"}

package/lib/molecule/progress-bar/index.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ declare namespace ProgressBar {
         const desc: PropTypes.Requireable<string>;
         const steps: PropTypes.Requireable<number>;
         const style: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: string | number | null | undefined;
         }>;
     }
 }

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

@@ -15,7 +15,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || 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 {
@@ -37,7 +37,7 @@ const ProgressBar = props => {
     className: (0, _classnames.default)(_style.default.background, className)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.progress,
-    style: _extends({}, propsStyle, {
+    style: _extends(_extends({}, propsStyle), {}, {
       width: `${ratio * 100}%`
     })
   }), /*#__PURE__*/_react.default.createElement("p", {

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

	@@ -1 +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"}
1	+ {"version":3,"sources":["../../../src/molecule/progress-bar/index.js"],"names":["ProgressBar","props","className","value","max","desc","steps","style","propsStyle","ratio","percentage","Math","floor","text","stepList","index","step","background","progress","width","texts","description","propTypes","PropTypes","string","number","isRequired","objectOf","oneOfType"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACC,IAAAA,SAAD;AAAYC,IAAAA,KAAZ;AAAmBC,IAAAA,GAAnB;AAAwBC,IAAAA,IAAI,GAAG,EAA/B;AAAmCC,IAAAA,KAAK,GAAG,CAA3C;AAA8CC,IAAAA,KAAK,EAAEC;AAArD,MAAmEP,KAAzE;AAEA,QAAMQ,KAAK,GAAGN,KAAK,GAAGC,GAAtB;AACA,QAAMM,UAAU,GAAGC,IAAI,CAACC,KAAL,CAAWH,KAAK,GAAG,GAAnB,CAAnB;AACA,QAAMI,IAAI,GAAI,GAAEH,UAAW,GAA3B;AACA,QAAMI,QAAQ,GAAG,qBAAMC,KAAK,iBAAI;AAAK,IAAA,SAAS,EAAER,eAAMS,IAAtB;AAA4B,IAAA,GAAG,EAAED;AAAjC,IAAf,EAA2DT,KAA3D,CAAjB;AACA,sBACE;AAAK,IAAA,SAAS,EAAE,yBAAWC,eAAMU,UAAjB,EAA6Bf,SAA7B;AAAhB,kBACE;AACE,IAAA,SAAS,EAAEK,eAAMW,QADnB;AAEE,IAAA,KAAK,wBACAV,UADA;AAEHW,MAAAA,KAAK,EAAG,GAAEV,KAAK,GAAG,GAAI;AAFnB;AAFP,IADF,eAQE;AAAG,IAAA,SAAS,EAAEF,eAAMa;AAApB,kBACE;AAAM,IAAA,SAAS,EAAEb,eAAMc;AAAvB,KAAsC,GAAElB,KAAM,IAAGC,GAAI,IAAGC,IAAK,EAA7D,CADF,eAEE;AAAM,IAAA,SAAS,EAAEE,eAAMG;AAAvB,KAAoCG,IAApC,CAFF,CARF,eAYE;AAAK,IAAA,SAAS,EAAEN,eAAMD;AAAtB,KAA8BQ,QAA9B,CAZF,CADF;AAgBD,CAvBD;;AAyBAd,WAAW,CAACsB,SAAZ,2CAAwB;AACtBpB,EAAAA,SAAS,EAAEqB,mBAAUC,MADC;AAEtBrB,EAAAA,KAAK,EAAEoB,mBAAUE,MAAV,CAAiBC,UAFF;AAGtBtB,EAAAA,GAAG,EAAEmB,mBAAUE,MAAV,CAAiBC,UAHA;AAItBrB,EAAAA,IAAI,EAAEkB,mBAAUC,MAJM;AAKtBlB,EAAAA,KAAK,EAAEiB,mBAAUE,MALK;AAMtBlB,EAAAA,KAAK,EAAEgB,mBAAUI,QAAV,CAAmBJ,mBAAUK,SAAV,CAAoB,CAACL,mBAAUC,MAAX,EAAmBD,mBAAUE,MAA7B,CAApB,CAAnB;AANe,CAAxB;eASezB,W","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"],"file":"index.js"}

package/lib/molecule/questions/drop-down/index.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ declare namespace DropDown {
         const onChange: PropTypes.Requireable<(...args: any[]) => any>;
         const options: PropTypes.Requireable<(PropTypes.InferProps<{
             name: PropTypes.Validator<string>;
-            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+            value: PropTypes.Requireable<string | number>;
             selected: PropTypes.Requireable<boolean>;
             validOption: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;

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

@@ -13,9 +13,9 @@ 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 }; }

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":["DropDown","props","options","onChange","theme","propsTheme","currentSelection","defaultTheme","validOption","style","wrapper","propTypes","Select","PropTypes","arrayOf","shape","SelectOptionPropTypes"],"~~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} = 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}>\n <Select 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};\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;EAA3B,IAAyCJ,KAA/C;EAEA,MAAMK,gBAAgB,GAAG,oBAAK,UAAL,EAAiBJ,OAAjB,CAAzB;EACA,MAAMK,YAAY,GAChB,CAACD,gBAAD,IAAqBA,gBAAgB,CAACE,WAAjB,KAAiC,KAAtD,GAA8D,SAA9D,GAA0E,UAD5E;EAGA,MAAMJ,KAAK,GAAGC,UAAU,IAAIE,YAA5B;EAEA,oBACE;IAAK,SAAS,EAAEE,cAAA,CAAMC;EAAtB,gBACE,6BAAC,eAAD;IAAQ,KAAK,EAAEN,KAAf;IAAsB,OAAO,EAAEF,OAA/B;IAAwC,QAAQ,EAAEC;EAAlD,EADF,CADF;AAKD,CAdD;;AAgBAH,QAAQ,CAACW,SAAT,2CAAqB;EACnBR,QAAQ,EAAES,eAAA,CAAOD,SAAP,CAAiBR,QADR;EAEnBD,OAAO,EAAEW,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,6BAAhB,CAAlB,CAFU;EAGnBZ,KAAK,EAAEQ,eAAA,CAAOD,SAAP,CAAiBP;AAHL,CAArB;eAMeJ,Q"}
1	+ {"version":3,"sources":["../../../../src/molecule/questions/drop-down/index.js"],"names":["DropDown","props","options","onChange","theme","propsTheme","currentSelection","defaultTheme","validOption","style","wrapper","propTypes","Select","PropTypes","arrayOf","shape","SelectOptionPropTypes"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;AACxB,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA,QAAV;AAAoBC,IAAAA,KAAK,EAAEC;AAA3B,MAAyCJ,KAA/C;AAEA,QAAMK,gBAAgB,GAAG,oBAAK,UAAL,EAAiBJ,OAAjB,CAAzB;AACA,QAAMK,YAAY,GAChB,CAACD,gBAAD,IAAqBA,gBAAgB,CAACE,WAAjB,KAAiC,KAAtD,GAA8D,SAA9D,GAA0E,UAD5E;AAGA,QAAMJ,KAAK,GAAGC,UAAU,IAAIE,YAA5B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAMC;AAAtB,kBACE,6BAAC,eAAD;AAAQ,IAAA,KAAK,EAAEN,KAAf;AAAsB,IAAA,OAAO,EAAEF,OAA/B;AAAwC,IAAA,QAAQ,EAAEC;AAAlD,IADF,CADF;AAKD,CAdD;;AAgBAH,QAAQ,CAACW,SAAT,2CAAqB;AACnBR,EAAAA,QAAQ,EAAES,gBAAOD,SAAP,CAAiBR,QADR;AAEnBD,EAAAA,OAAO,EAAEW,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,6BAAhB,CAAlB,CAFU;AAGnBZ,EAAAA,KAAK,EAAEQ,gBAAOD,SAAP,CAAiBP;AAHL,CAArB;eAMeJ,Q","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} = 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}>\n <Select 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};\n\nexport default DropDown;\n"],"file":"index.js"}

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

@@ -17,13 +17,13 @@ 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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); }
+function _extends() { _extends = Object.assign || 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);
@@ -56,11 +56,11 @@ const FreeText = (props, legacyContext) => {
     value: value,
     onInput: handleChange,
     onChange: _noop2.default,
-    style: _extends({
+    style: _extends(_extends({
       boxShadow: `0 4px 16px ${shadowBoxPrimaryColor}`
     }, value && {
       boxShadow: `0 4px 16px ${hovered ? (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(20%))`) : shadowBoxPrimaryColor}`
-    }, {
+    }), {}, {
       color: primarySkinColor
     })
   }));

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

	@@ -1 +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"}
1	+ {"version":3,"sources":["../../../../src/molecule/questions/free-text/index.js"],"names":["FreeText","props","legacyContext","skin","placeholder","value","onChange","ariaLabel","hovered","setHovered","handleChange","e","target","primarySkinColor","handleMouseOver","handleMouseLeave","shadowBoxPrimaryColor","style","wrapper","boxShadow","freeText","color","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;AACzC,QAAMC,IAAI,GAAG,kCAAmBD,aAAnB,CAAb;AACA,QAAM;AAACE,IAAAA,WAAW,GAAG,EAAf;AAAmBC,IAAAA,KAAK,GAAG,EAA3B;AAA+BC,IAAAA,QAAQ,iBAAvC;AAAgD,kBAAcC;AAA9D,MAA2EN,KAAjF;AACA,QAAM,CAACO,OAAD,EAAUC,UAAV,IAAwB,qBAAS,KAAT,CAA9B;AAEA,QAAMC,YAAY,GAAG,wBAAYC,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAF,CAASP,KAAV,CAAzB,EAA2C,CAACC,QAAD,CAA3C,CAArB;AACA,QAAMO,gBAAgB,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCV,IAAnC,CAAzB;AAEA,QAAMW,eAAe,GAAG,wBAAY,MAAML,UAAU,CAAC,IAAD,CAA5B,EAAoC,CAACA,UAAD,CAApC,CAAxB;AAEA,QAAMM,gBAAgB,GAAG,wBAAY,MAAMN,UAAU,CAAC,KAAD,CAA5B,EAAqC,CAACA,UAAD,CAArC,CAAzB;AAEA,QAAMO,qBAAqB,GAAG,oBAC5B,MAAM,+BAAS,SAAQH,gBAAiB,UAAlC,CADsB,EAE5B,CAACA,gBAAD,CAF4B,CAA9B;AAKA,sBACE;AACE,iBAAU,UADZ;AAEE,IAAA,SAAS,EAAEI,eAAMC,OAFnB;AAGE,IAAA,WAAW,EAAEJ,eAHf;AAIE,IAAA,YAAY,EAAEC,gBAJhB;AAKE,IAAA,KAAK,eACCV,KAAK,IAAI;AACXc,MAAAA,SAAS,EAAEX,OAAO,GAAG,MAAH,GAAa,cAAaQ,qBAAsB;AADvD,KADV;AALP,kBAWE;AACE,iBAAU,iBADZ;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,kBAAYT,SAAS,IAAIF,KAAb,IAAsBD,WAHpC;AAIE,IAAA,SAAS,EAAEa,eAAMG,QAJnB;AAKE,IAAA,WAAW,EAAEhB,WALf;AAME,IAAA,KAAK,EAAEC,KANT;AAOE,IAAA,OAAO,EAAEK,YAPX;AAQE,IAAA,QAAQ,gBARV;AASE,IAAA,KAAK;AACHS,MAAAA,SAAS,EAAG,cAAaH,qBAAsB;AAD5C,OAECX,KAAK,IAAI;AACXc,MAAAA,SAAS,EAAG,cACVX,OAAO,GAAG,+BAAS,SAAQK,gBAAiB,UAAlC,CAAH,GAAkDG,qBAC1D;AAHU,KAFV;AAOHK,MAAAA,KAAK,EAAER;AAPJ;AATP,IAXF,CADF;AAiCD,CAlDD;;AAoDAb,QAAQ,CAACsB,YAAT,GAAwB;AACtBnB,EAAAA,IAAI,EAAEoB,kBAASC,iBAAT,CAA2BrB;AADX,CAAxB;AAIAH,QAAQ,CAACyB,SAAT,2CAAqB;AACnBrB,EAAAA,WAAW,EAAEsB,mBAAUC,MADJ;AAEnBtB,EAAAA,KAAK,EAAEqB,mBAAUC,MAFE;AAGnBrB,EAAAA,QAAQ,EAAEoB,mBAAUE,IAHD;AAInB,gBAAcF,mBAAUC;AAJL,CAArB;eAOe3B,Q","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"],"file":"index.js"}

package/lib/molecule/questions/free-text/index.native.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Analytics } from '../../../variables/analytics';
 declare type QuestionType = 'basic' | 'template';
 interface Props {

package/lib/molecule/questions/free-text/index.native.d.ts.map CHANGED Viewed

	@@ -1 +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"}
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"}

package/lib/molecule/questions/free-text/index.native.js CHANGED Viewed

@@ -13,22 +13,22 @@ var _analytics = require("../../../variables/analytics");
 var _shadow = require("../../../variables/shadow");
-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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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() { _extends = Object.assign || 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 createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
   // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread
-  input: _extends({
+  input: _extends(_extends({
     padding: theme.spacing.tiny,
     borderColor: theme.colors.gray.lightMedium,
     borderRadius: theme.radius.regular,
     minWidth: 175,
     marginHorizontal: 12,
     paddingVertical: 16
-  }, _shadow.BOX_STYLE, {
+  }, _shadow.BOX_STYLE), {}, {
     backgroundColor: theme.colors.white
   }),
   text: {

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

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.native.js","names":["createStyleSheet","brandTheme","theme","StyleSheet","create","input","padding","spacing","tiny","borderColor","colors","gray","lightMedium","borderRadius","radius","regular","minWidth","marginHorizontal","paddingVertical","BOX_STYLE","backgroundColor","white","text","primary","color","medium","fontWeight","bold","fontSize","textAlign","spaced","fullWitdh","width","logEvent","eventName","analytics","questionType","id","FreeText","props","templateContext","~~useTemplateContext","~~styleSheet","setStylesheet","~~useState","~~translations","PLACEHOLDER_COLOR","fullWidth","testID","onChange","isDisabled","value","handleFocus","~~useCallback","~~ANALYTICS_EVENT_TYPE","INPUT_FOCUS","handleBlur","INPUT_BLUR","~~useEffect","~~_stylesheet","typeHere"],"~~sources~~":["~~../../../../src/molecule/questions/free-text/index.native.tsx~~"],"sourcesContent":["import {View, StyleSheet, TextInput, ViewStyle} from 'react-native';\nimport React, {useState, useEffect, useCallback} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../../variables/analytics';\nimport {Theme} from '../../../variables/theme.native';\nimport {BOX_STYLE} from '../../../variables/shadow';\nimport {Brand} from '../../../variables/brand.native';\n\ntype QuestionType = 'basic' \| 'template';\n\ninterface Props {\n fullWidth?: boolean;\n testID: string;\n questionType: QuestionType;\n analytics?: Analytics;\n onChange: (text: string) => void;\n isDisabled?: boolean;\n value?: string; // when value is undefined, TextInput acts as not controlled\n}\n\ntype StyleSheetType = {\n input: ViewStyle;\n text: ViewStyle;\n spaced: ViewStyle;\n fullWitdh: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n StyleSheet.create({\n // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n input: {\n padding: theme.spacing.tiny,\n borderColor: theme.colors.gray.lightMedium,\n borderRadius: theme.radius.regular,\n minWidth: 175,\n marginHorizontal: 12,\n paddingVertical: 16,\n ...BOX_STYLE,\n backgroundColor: theme.colors.white\n },\n text: {\n borderColor: brandTheme?.colors?.primary,\n color: brandTheme?.colors?.primary \|\| theme.colors.gray.medium,\n fontWeight: theme.fontWeight.bold,\n fontSize: theme.fontSize.regular,\n textAlign: 'center'\n },\n spaced: {\n paddingVertical: theme.spacing.tiny\n },\n fullWitdh: {\n width: '100%'\n }\n });\n\nconst logEvent = (eventName: string, analytics: Analytics, questionType: QuestionType) => {\n analytics &&\n analytics.logEvent(eventName, {\n id: `question-input-text`,\n questionType\n });\n};\n\nconst FreeText = (props: Props) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {brandTheme, theme, translations} = templateContext;\n const PLACEHOLDER_COLOR = theme.colors.gray.medium;\n\n // ------------------------------------\n\n const {\n analytics,\n questionType,\n fullWidth = false,\n testID,\n onChange,\n isDisabled = false,\n value\n } = props;\n\n // ------------------------------------\n\n const handleFocus = useCallback(\n () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType),\n [analytics, questionType]\n );\n\n const handleBlur = useCallback(\n () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType),\n [analytics, questionType]\n );\n\n // ------------------------------------\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(brandTheme, theme);\n setStylesheet(_stylesheet);\n }, [brandTheme, theme]);\n\n // ------------------------------------\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={[styleSheet.spaced, fullWidth && styleSheet.fullWitdh]}>\n <TextInput\n style={[styleSheet.input, styleSheet.text]}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChangeText={onChange}\n placeholder={translations.typeHere}\n placeholderTextColor={PLACEHOLDER_COLOR}\n value={value}\n testID={testID}\n editable={!isDisabled}\n selectTextOnFocus={!isDisabled}\n />\n </View>\n );\n};\n\nexport default FreeText;\n"],"~~mappings~~":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAsBA,MAAMA,gBAAgB,GAAG,CAACC,UAAD,EAAoBC,KAApB,KACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChB;EACAC,KAAK;IACHC,OAAO,EAAEJ,KAAK,CAACK,OAAN,CAAcC,IADpB;IAEHC,WAAW,EAAEP,KAAK,CAACQ,MAAN,CAAaC,IAAb,CAAkBC,WAF5B;IAGHC,YAAY,EAAEX,KAAK,CAACY,MAAN,CAAaC,OAHxB;IAIHC,QAAQ,EAAE,GAJP;IAKHC,gBAAgB,EAAE,EALf;IAMHC,eAAe,EAAE;EANd,GAOAC,iBAPA;IAQHC,eAAe,EAAElB,KAAK,CAACQ,MAAN,CAAaW;EAR3B,EAFW;EAYhBC,IAAI,EAAE;IACJb,WAAW,EAAER,UAAU,EAAES,MAAZ,EAAoBa,OAD7B;IAEJC,KAAK,EAAEvB,UAAU,EAAES,MAAZ,EAAoBa,OAApB,IAA+BrB,KAAK,CAACQ,MAAN,CAAaC,IAAb,CAAkBc,MAFpD;IAGJC,UAAU,EAAExB,KAAK,CAACwB,UAAN,CAAiBC,IAHzB;IAIJC,QAAQ,EAAE1B,KAAK,CAAC0B,QAAN,CAAeb,OAJrB;IAKJc,SAAS,EAAE;EALP,CAZU;EAmBhBC,MAAM,EAAE;IACNZ,eAAe,EAAEhB,KAAK,CAACK,OAAN,CAAcC;EADzB,CAnBQ;EAsBhBuB,SAAS,EAAE;IACTC,KAAK,EAAE;EADE;AAtBK,CAAlB,CADF;;AA4BA,MAAMC,QAAQ,GAAG,CAACC,SAAD,EAAoBC,SAApB,EAA0CC,YAA1C,KAAyE;EACxFD,SAAS,IACPA,SAAS,CAACF,QAAV,CAAmBC,SAAnB,EAA8B;IAC5BG,EAAE,EAAG,qBADuB;IAE5BD;EAF4B,CAA9B,CADF;AAKD,CAND;;AAQA,MAAME,QAAQ,GAAIC,KAAD,IAAkB;EACjC,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAAC3C,UAAD;IAAaC,KAAb;IAAoB2C;EAApB,IAAoCL,eAA1C;EACA,MAAMM,iBAAiB,GAAG5C,KAAK,CAACQ,MAAN,CAAaC,IAAb,CAAkBc,MAA5C,CAJiC,CAMjC;;EAEA,MAAM;IACJU,SADI;IAEJC,YAFI;IAGJW,SAAS,GAAG,KAHR;IAIJC,MAJI;IAKJC,QALI;IAMJC,UAAU,GAAG,KANT;IAOJC;EAPI,IAQFZ,KARJ,CARiC,CAkBjC;;EAEA,MAAMa,WAAW,GAAG,IAAAC,kBAAA,EAClB,MAAMlB,SAAS,IAAIF,QAAQ,CAACqB,+BAAA,CAAqBC,WAAtB,EAAmCpB,SAAnC,EAA8CC,YAA9C,CADT,EAElB,CAACD,SAAD,EAAYC,YAAZ,CAFkB,CAApB;EAKA,MAAMoB,UAAU,GAAG,IAAAH,kBAAA,EACjB,MAAMlB,SAAS,IAAIF,QAAQ,CAACqB,+BAAA,CAAqBG,UAAtB,EAAkCtB,SAAlC,EAA6CC,YAA7C,CADV,EAEjB,CAACD,SAAD,EAAYC,YAAZ,CAFiB,CAAnB,CAzBiC,CA8BjC;;EAEA,IAAAsB,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG3D,gBAAgB,CAACC,UAAD,EAAaC,KAAb,CAApC;;IACAyC,aAAa,CAACgB,WAAD,CAAb;EACD,CAHD,EAGG,CAAC1D,UAAD,EAAaC,KAAb,CAHH,EAhCiC,CAqCjC;;EAEA,IAAI,CAACwC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACA,UAAU,CAACZ,MAAZ,EAAoBiB,SAAS,IAAIL,UAAU,CAACX,SAA5C;EAAb,gBACE,6BAAC,sBAAD;IACE,KAAK,EAAE,CAACW,UAAU,CAACrC,KAAZ,EAAmBqC,UAAU,CAACpB,IAA9B,CADT;IAEE,OAAO,EAAE8B,WAFX;IAGE,MAAM,EAAEI,UAHV;IAIE,YAAY,EAAEP,QAJhB;IAKE,WAAW,EAAEJ,YAAY,CAACe,QAL5B;IAME,oBAAoB,EAAEd,iBANxB;IAOE,KAAK,EAAEK,KAPT;IAQE,MAAM,EAAEH,MARV;IASE,QAAQ,EAAE,CAACE,UATb;IAUE,iBAAiB,EAAE,CAACA;EAVtB,EADF,CADF;AAgBD,CA3DD;;eA6DeZ,Q"}
1	+ {"version":3,"sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"names":["createStyleSheet","brandTheme","theme","StyleSheet","create","input","padding","spacing","tiny","borderColor","colors","gray","lightMedium","borderRadius","radius","regular","minWidth","marginHorizontal","paddingVertical","BOX_STYLE","backgroundColor","white","text","primary","color","medium","fontWeight","bold","fontSize","textAlign","spaced","fullWitdh","width","logEvent","eventName","analytics","questionType","id","FreeText","props","templateContext","styleSheet","setStylesheet","translations","PLACEHOLDER_COLOR","fullWidth","testID","onChange","isDisabled","value","handleFocus","ANALYTICS_EVENT_TYPE","INPUT_FOCUS","handleBlur","INPUT_BLUR","_stylesheet","typeHere"],"mappings":"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","sourcesContent":["import {View, StyleSheet, TextInput, ViewStyle} from 'react-native';\nimport React, {useState, useEffect, useCallback} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../../variables/analytics';\nimport {Theme} from '../../../variables/theme.native';\nimport {BOX_STYLE} from '../../../variables/shadow';\nimport {Brand} from '../../../variables/brand.native';\n\ntype QuestionType = 'basic' \| 'template';\n\ninterface Props {\n fullWidth?: boolean;\n testID: string;\n questionType: QuestionType;\n analytics?: Analytics;\n onChange: (text: string) => void;\n isDisabled?: boolean;\n value?: string; // when value is undefined, TextInput acts as not controlled\n}\n\ntype StyleSheetType = {\n input: ViewStyle;\n text: ViewStyle;\n spaced: ViewStyle;\n fullWitdh: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n StyleSheet.create({\n // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n input: {\n padding: theme.spacing.tiny,\n borderColor: theme.colors.gray.lightMedium,\n borderRadius: theme.radius.regular,\n minWidth: 175,\n marginHorizontal: 12,\n paddingVertical: 16,\n ...BOX_STYLE,\n backgroundColor: theme.colors.white\n },\n text: {\n borderColor: brandTheme?.colors?.primary,\n color: brandTheme?.colors?.primary \|\| theme.colors.gray.medium,\n fontWeight: theme.fontWeight.bold,\n fontSize: theme.fontSize.regular,\n textAlign: 'center'\n },\n spaced: {\n paddingVertical: theme.spacing.tiny\n },\n fullWitdh: {\n width: '100%'\n }\n });\n\nconst logEvent = (eventName: string, analytics: Analytics, questionType: QuestionType) => {\n analytics &&\n analytics.logEvent(eventName, {\n id: `question-input-text`,\n questionType\n });\n};\n\nconst FreeText = (props: Props) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n const {brandTheme, theme, translations} = templateContext;\n const PLACEHOLDER_COLOR = theme.colors.gray.medium;\n\n // ------------------------------------\n\n const {\n analytics,\n questionType,\n fullWidth = false,\n testID,\n onChange,\n isDisabled = false,\n value\n } = props;\n\n // ------------------------------------\n\n const handleFocus = useCallback(\n () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType),\n [analytics, questionType]\n );\n\n const handleBlur = useCallback(\n () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType),\n [analytics, questionType]\n );\n\n // ------------------------------------\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(brandTheme, theme);\n setStylesheet(_stylesheet);\n }, [brandTheme, theme]);\n\n // ------------------------------------\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={[styleSheet.spaced, fullWidth && styleSheet.fullWitdh]}>\n <TextInput\n style={[styleSheet.input, styleSheet.text]}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChangeText={onChange}\n placeholder={translations.typeHere}\n placeholderTextColor={PLACEHOLDER_COLOR}\n value={value}\n testID={testID}\n editable={!isDisabled}\n selectTextOnFocus={!isDisabled}\n />\n </View>\n );\n};\n\nexport default FreeText;\n"],"file":"index.native.js"}

package/lib/molecule/questions/mobile/draggable/index.native.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SelectableChoice } from '../../types';
 export interface DropZoneProps {
     choices: Array<SelectableChoice>;

package/lib/molecule/questions/mobile/draggable/index.native.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,IAAI,CAAC;CACjD;AAgFD,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,IAAI,CAAC;CACjD;AAkBD,QAAA,MAAM,iBAAiB,UAAW,KAAK,uBAuCtC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1	+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,IAAI,CAAC;CACjD;AAgFD,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,IAAI,CAAC;CACjD;AAkBD,QAAA,MAAM,iBAAiB,UAAW,KAAK,uBAuCtC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/molecule/questions/mobile/draggable/index.native.js CHANGED Viewed

@@ -13,9 +13,9 @@ var _templateContext = require("../../../../template/app-review/template-context
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const createDropZoneStyle = theme => _reactNative.StyleSheet.create({
   choice: {

package/lib/molecule/questions/mobile/draggable/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.native.js","names":["createDropZoneStyle","theme","StyleSheet","create","choice","margin","spacing","micro","dropZone","flexWrap","flexDirection","borderStyle","borderWidth","padding","borderColor","colors","gray","light","backgroundColor","extra","borderRadius","radius","common","marginBottom","tiny","emptyContent","justifyContent","alignContent","alignItems","height","text","color","medium","DropZone","props","templateContext","~~useTemplateContext","~~translations","onPress","styleSheet","setStylesheet","~~useState","useEffect","~~_stylesheet","choices","mappedSortedChoices","map","item","_id","label","hasNoSelectedChoices","length","selectSomethingBelow","createStyleSheet","pickableChoices","QuestionDraggable","testID","selectedChoices","filter","selected"],"~~sources~~":["~~../../../../../src/molecule/questions/mobile/draggable/index.native.tsx~~"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\n\nimport type {SelectableChoice} from '../../types';\n\nexport interface DropZoneProps {\n choices: Array<SelectableChoice>;\n onPress: (item: SelectableChoice) => () => void;\n}\n\ntype DropZoneStyleSheet = {\n choice: ViewStyle;\n dropZone: ViewStyle;\n emptyContent: ViewStyle;\n text: TextStyle;\n};\n\nconst createDropZoneStyle = (theme: Theme): DropZoneStyleSheet =>\n StyleSheet.create({\n choice: {\n margin: theme.spacing.micro\n },\n dropZone: {\n flexWrap: 'wrap',\n flexDirection: 'row',\n borderStyle: 'dashed',\n borderWidth: 2,\n padding: theme.spacing.micro,\n borderColor: theme.colors.gray.light,\n backgroundColor: theme.colors.gray.extra,\n borderRadius: theme.radius.common,\n marginBottom: theme.spacing.tiny\n },\n emptyContent: {\n justifyContent: 'center',\n alignContent: 'center',\n alignItems: 'center',\n height: 60\n },\n text: {\n color: theme.colors.gray.medium\n }\n });\n\nconst DropZone = (props: DropZoneProps) => {\n const templateContext = useTemplateContext();\n const {theme, translations} = templateContext;\n const {onPress} = props;\n\n const [styleSheet, setStylesheet] = useState<DropZoneStyleSheet \| null>(null);\n\n useEffect(() => {\n const _stylesheet = createDropZoneStyle(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const {choices} = props;\n const mappedSortedChoices = choices.map(item => (\n <QuestionChoice\n style={styleSheet.choice}\n key={item._id}\n squeezed\n isSelected\n testID={`choice-${item._id}`}\n onPress={onPress(item)}\n questionType=\"qcmDrag\"\n >\n {item.label}\n </QuestionChoice>\n ));\n\n const hasNoSelectedChoices = mappedSortedChoices.length === 0;\n\n return (\n <View style={[styleSheet.dropZone, hasNoSelectedChoices && styleSheet.emptyContent]}>\n {hasNoSelectedChoices ? (\n <Text style={styleSheet.text}>{translations.selectSomethingBelow}</Text>\n ) : null}\n\n {!hasNoSelectedChoices && mappedSortedChoices}\n </View>\n );\n};\n\nexport interface Props {\n choices: Array<SelectableChoice>;\n testID?: string;\n onPress: (item: SelectableChoice) => () => void;\n}\n\ntype QuestionDraggableStyleSheet = {\n pickableChoices: ViewStyle;\n choice: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): QuestionDraggableStyleSheet =>\n StyleSheet.create({\n pickableChoices: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n choice: {\n margin: theme.spacing.micro\n }\n });\n\nconst QuestionDraggable = (props: Props) => {\n const templateContext = useTemplateContext();\n const {theme} = templateContext;\n\n const [styleSheet, setStylesheet] = useState<QuestionDraggableStyleSheet \| null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const {choices, onPress, testID} = props;\n const selectedChoices = choices.filter(item => item.selected);\n\n const pickableChoices = choices\n .filter(item => !item.selected)\n .map((item: SelectableChoice) => (\n <QuestionChoice\n style={styleSheet.choice}\n key={item._id}\n squeezed\n testID={`choice-${item._id}-unselected`}\n onPress={onPress(item)}\n questionType=\"qcmDrag\"\n >\n {item.label}\n </QuestionChoice>\n ));\n\n return (\n <View testID={testID}>\n <DropZone choices={selectedChoices} onPress={onPress} />\n <View style={styleSheet.pickableChoices}>{pickableChoices}</View>\n </View>\n );\n};\n\nexport default QuestionDraggable;\n"],"~~mappings~~":"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"}
1	+ {"version":3,"sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"names":["createDropZoneStyle","theme","StyleSheet","create","choice","margin","spacing","micro","dropZone","flexWrap","flexDirection","borderStyle","borderWidth","padding","borderColor","colors","gray","light","backgroundColor","extra","borderRadius","radius","common","marginBottom","tiny","emptyContent","justifyContent","alignContent","alignItems","height","text","color","medium","DropZone","props","templateContext","translations","onPress","styleSheet","setStylesheet","_stylesheet","choices","mappedSortedChoices","map","item","_id","label","hasNoSelectedChoices","length","selectSomethingBelow","createStyleSheet","pickableChoices","QuestionDraggable","testID","selectedChoices","filter","selected"],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\n\nimport type {SelectableChoice} from '../../types';\n\nexport interface DropZoneProps {\n choices: Array<SelectableChoice>;\n onPress: (item: SelectableChoice) => () => void;\n}\n\ntype DropZoneStyleSheet = {\n choice: ViewStyle;\n dropZone: ViewStyle;\n emptyContent: ViewStyle;\n text: TextStyle;\n};\n\nconst createDropZoneStyle = (theme: Theme): DropZoneStyleSheet =>\n StyleSheet.create({\n choice: {\n margin: theme.spacing.micro\n },\n dropZone: {\n flexWrap: 'wrap',\n flexDirection: 'row',\n borderStyle: 'dashed',\n borderWidth: 2,\n padding: theme.spacing.micro,\n borderColor: theme.colors.gray.light,\n backgroundColor: theme.colors.gray.extra,\n borderRadius: theme.radius.common,\n marginBottom: theme.spacing.tiny\n },\n emptyContent: {\n justifyContent: 'center',\n alignContent: 'center',\n alignItems: 'center',\n height: 60\n },\n text: {\n color: theme.colors.gray.medium\n }\n });\n\nconst DropZone = (props: DropZoneProps) => {\n const templateContext = useTemplateContext();\n const {theme, translations} = templateContext;\n const {onPress} = props;\n\n const [styleSheet, setStylesheet] = useState<DropZoneStyleSheet \| null>(null);\n\n useEffect(() => {\n const _stylesheet = createDropZoneStyle(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const {choices} = props;\n const mappedSortedChoices = choices.map(item => (\n <QuestionChoice\n style={styleSheet.choice}\n key={item._id}\n squeezed\n isSelected\n testID={`choice-${item._id}`}\n onPress={onPress(item)}\n questionType=\"qcmDrag\"\n >\n {item.label}\n </QuestionChoice>\n ));\n\n const hasNoSelectedChoices = mappedSortedChoices.length === 0;\n\n return (\n <View style={[styleSheet.dropZone, hasNoSelectedChoices && styleSheet.emptyContent]}>\n {hasNoSelectedChoices ? (\n <Text style={styleSheet.text}>{translations.selectSomethingBelow}</Text>\n ) : null}\n\n {!hasNoSelectedChoices && mappedSortedChoices}\n </View>\n );\n};\n\nexport interface Props {\n choices: Array<SelectableChoice>;\n testID?: string;\n onPress: (item: SelectableChoice) => () => void;\n}\n\ntype QuestionDraggableStyleSheet = {\n pickableChoices: ViewStyle;\n choice: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): QuestionDraggableStyleSheet =>\n StyleSheet.create({\n pickableChoices: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n choice: {\n margin: theme.spacing.micro\n }\n });\n\nconst QuestionDraggable = (props: Props) => {\n const templateContext = useTemplateContext();\n const {theme} = templateContext;\n\n const [styleSheet, setStylesheet] = useState<QuestionDraggableStyleSheet \| null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const {choices, onPress, testID} = props;\n const selectedChoices = choices.filter(item => item.selected);\n\n const pickableChoices = choices\n .filter(item => !item.selected)\n .map((item: SelectableChoice) => (\n <QuestionChoice\n style={styleSheet.choice}\n key={item._id}\n squeezed\n testID={`choice-${item._id}-unselected`}\n onPress={onPress(item)}\n questionType=\"qcmDrag\"\n >\n {item.label}\n </QuestionChoice>\n ));\n\n return (\n <View testID={testID}>\n <DropZone choices={selectedChoices} onPress={onPress} />\n <View style={styleSheet.pickableChoices}>{pickableChoices}</View>\n </View>\n );\n};\n\nexport default QuestionDraggable;\n"],"file":"index.native.js"}

package/lib/molecule/questions/mobile/slider/index.native.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ViewStyle } from 'react-native';
 export declare type OnSlidingCompleteFunction = (value: number) => void;
 export declare type Props = {

package/lib/molecule/questions/mobile/slider/index.native.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAQpE,oBAAY,yBAAyB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEhE,oBAAY,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA0DF,QAAA,MAAM,cAAc,UAAW,KAAK,uBA4DnC,CAAC;AAEF,eAAe,cAAc,CAAC"}
1	+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAQpE,oBAAY,yBAAyB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEhE,oBAAY,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA0DF,QAAA,MAAM,cAAc,UAAW,KAAK,uBA4DnC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/molecule/questions/mobile/slider/index.native.js CHANGED Viewed

@@ -17,11 +17,11 @@ var _shadow = require("../../../../variables/shadow");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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() { _extends = Object.assign || 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 createStyleSheet = theme => _reactNative.StyleSheet.create({
   container: {
@@ -57,7 +57,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     height: 10,
     borderRadius: theme.radius.button
   },
-  thumb: _extends({}, _shadow.BOX_STYLE, {
+  thumb: _extends(_extends({}, _shadow.BOX_STYLE), {}, {
     width: 30,
     height: 30,
     borderRadius: 30 / 2,