@coorpacademy/components 10.4.6-alpha.2 → 10.4.6
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.
- package/es/atom/autocomplete/style.css +4 -4
- package/es/atom/button/style.css +1 -1
- package/es/atom/catalog-section/style.css +1 -1
- package/es/atom/clue/style.css +2 -2
- package/es/atom/cta/style.css +1 -1
- package/es/atom/difficulty-level/style.css +1 -1
- package/es/atom/drag-and-drop/style.css +5 -6
- package/es/atom/input-checkbox/style.css +1 -1
- package/es/atom/input-doublestep/style.css +5 -5
- package/es/atom/input-html/input-preview.css +2 -2
- package/es/atom/input-html/style.css +2 -2
- package/es/atom/input-readonly/style.css +3 -3
- package/es/atom/input-search/style.css +1 -1
- package/es/atom/input-switch/style.css +2 -2
- package/es/atom/input-text/style.css +5 -5
- package/es/atom/input-textarea/style.css +5 -5
- package/es/atom/life/style.css +1 -1
- package/es/atom/notification/style.css +1 -1
- package/es/atom/radio-group/item.css +1 -1
- package/es/atom/resource-miniature/style.css +1 -1
- package/es/atom/select/style.css +7 -7
- package/es/atom/slide/style.css +1 -1
- package/es/molecule/add-to-my-list/style.css +3 -3
- package/es/molecule/audio/style.css +1 -1
- package/es/molecule/battle-request/style.css +4 -4
- package/es/molecule/brand-card/description.css +1 -1
- package/es/molecule/brand-card/style.css +2 -2
- package/es/molecule/brand-card-create/style.css +1 -1
- package/es/molecule/brand-create-form/style.css +6 -6
- package/es/molecule/brand-download-box/style.css +2 -2
- package/es/molecule/brand-tabs/style.css +1 -1
- package/es/molecule/brand-upload-box/style.css +2 -2
- package/es/molecule/breadcrumbs/style.css +3 -3
- package/es/molecule/card/customer.css +1 -1
- package/es/molecule/card/favorite.css +1 -1
- package/es/molecule/card/notification.css +1 -1
- package/es/molecule/card/style.css +1 -1
- package/es/molecule/card/test/fixtures.js +0 -2
- package/es/molecule/card/test/fixtures.js.map +1 -1
- package/es/molecule/card-content/style.css +4 -4
- package/es/molecule/card-with-button/style.css +2 -2
- package/es/molecule/cookie-banner/style.css +2 -2
- package/es/molecule/dashboard/cards-list/style.css +2 -2
- package/es/molecule/dashboard/news-list/style.css +2 -2
- package/es/molecule/dashboard/start-battle/style.css +4 -4
- package/es/molecule/discipline-cta/style.css +2 -2
- package/es/molecule/discipline-header/style.css +4 -4
- package/es/molecule/discipline-partners/style.css +2 -2
- package/es/molecule/drag-and-drop/common.css +1 -1
- package/es/molecule/drag-and-drop/overlay.css +1 -1
- package/es/molecule/drag-and-drop/style.css +1 -1
- package/es/molecule/drag-and-drop/upload-report.css +4 -4
- package/es/molecule/external-content-button/style.css +2 -2
- package/es/molecule/feedback/style.css +3 -4
- package/es/molecule/filters/filters-wapper.css +2 -2
- package/es/molecule/filters/style.css +2 -2
- package/es/molecule/forum/forum-comment/style.css +1 -1
- package/es/molecule/forum/forum-post/style.css +5 -5
- package/es/molecule/menu-list/style.css +1 -1
- package/es/molecule/message-popin/style.css +2 -2
- package/es/molecule/modal/style.css +2 -2
- package/es/molecule/module-card/style.css +2 -2
- package/es/molecule/news/style.css +3 -3
- package/es/molecule/notification-banner/style.css +3 -3
- package/es/molecule/pagination/style.css +1 -1
- package/es/molecule/payment-form/index.js +2 -2
- package/es/molecule/payment-form/index.js.map +1 -1
- package/es/molecule/pdf/style.css +2 -2
- package/es/molecule/popin/style.css +2 -2
- package/es/molecule/progress-bar/style.css +1 -1
- package/es/molecule/questions/free-text/style.css +1 -1
- package/es/molecule/questions/qcm/style.css +1 -1
- package/es/molecule/questions/qcm-drag/style.css +2 -2
- package/es/molecule/questions/qcm-graphic/style.css +1 -1
- package/es/molecule/questions/question-range/style.css +2 -2
- package/es/molecule/questions/template/style.css +1 -1
- package/es/molecule/resource-player/style.css +1 -1
- package/es/molecule/scope-content/style.css +6 -6
- package/es/molecule/scope-tabs/style.css +1 -1
- package/es/molecule/select-multiple/style.css +2 -2
- package/es/molecule/setup-cohort-item/style.css +1 -1
- package/es/molecule/setup-section/style.css +2 -2
- package/es/molecule/setup-sections/style.css +1 -1
- package/es/molecule/share/style.css +3 -3
- package/es/molecule/ssmenu-list/style.css +1 -1
- package/es/molecule/table/style.css +5 -5
- package/es/molecule/teams-popin/style.css +2 -2
- package/es/molecule/titled-checkbox/style.css +1 -1
- package/es/molecule/video-player/jwplayer.css +1 -1
- package/es/organism/accordion/part/style.css +1 -1
- package/es/organism/brand-analytics/analytics-popin.css +0 -1
- package/es/organism/brand-analytics/style.css +1 -1
- package/es/organism/brand-table/style.css +2 -2
- package/es/organism/brand-upload/style.css +2 -2
- package/es/organism/discussion/style.css +1 -1
- package/es/organism/get-the-app/style.css +1 -1
- package/es/organism/hero/style.css +1 -1
- package/es/organism/mooc-footer/style.css +2 -2
- package/es/organism/mooc-header/style.css +8 -8
- package/es/organism/popin/style.css +0 -1
- package/es/organism/sidebar/style.css +2 -2
- package/es/organism/user-preferences/style.css +1 -1
- package/es/template/activity/engine-stars.css +3 -3
- package/es/template/activity/progression-item.css +4 -5
- package/es/template/activity/stars-summary.css +2 -2
- package/es/template/activity/style.css +3 -3
- package/es/template/app-player/player/slides/footer/style.css +1 -1
- package/es/template/app-player/player/slides/header/learner.css +4 -4
- package/es/template/app-player/player/slides/header/microlearning.css +1 -1
- package/es/template/app-player/player/slides/style.css +8 -9
- package/es/template/app-player/popin-correction/style.css +3 -3
- package/es/template/app-player/popin-end/summary.css +4 -4
- package/es/template/app-player/popin-header/style.css +5 -5
- package/es/template/back-office/dashboard-preview/dashboard-popin.css +0 -1
- package/es/template/back-office/dashboard-preview/style.css +1 -1
- package/es/template/cockpit/jw-uploader/style.css +0 -1
- package/es/template/common/authors/style.css +4 -5
- package/es/template/common/layout.css +1 -1
- package/es/template/common/search-page/style.css +1 -2
- package/es/template/external-course/style.css +1 -1
- package/es/variables/fonts.css +1 -1
- package/lib/atom/autocomplete/style.css +4 -4
- package/lib/atom/button/style.css +1 -1
- package/lib/atom/catalog-section/style.css +1 -1
- package/lib/atom/clue/style.css +2 -2
- package/lib/atom/cta/style.css +1 -1
- package/lib/atom/difficulty-level/style.css +1 -1
- package/lib/atom/drag-and-drop/style.css +5 -6
- package/lib/atom/input-checkbox/style.css +1 -1
- package/lib/atom/input-doublestep/style.css +5 -5
- package/lib/atom/input-html/input-preview.css +2 -2
- package/lib/atom/input-html/style.css +2 -2
- package/lib/atom/input-readonly/style.css +3 -3
- package/lib/atom/input-search/style.css +1 -1
- package/lib/atom/input-switch/style.css +2 -2
- package/lib/atom/input-text/style.css +5 -5
- package/lib/atom/input-textarea/style.css +5 -5
- package/lib/atom/life/style.css +1 -1
- package/lib/atom/notification/style.css +1 -1
- package/lib/atom/radio-group/item.css +1 -1
- package/lib/atom/resource-miniature/style.css +1 -1
- package/lib/atom/select/style.css +7 -7
- package/lib/atom/slide/style.css +1 -1
- package/lib/molecule/add-to-my-list/style.css +3 -3
- package/lib/molecule/audio/style.css +1 -1
- package/lib/molecule/battle-request/style.css +4 -4
- package/lib/molecule/brand-card/description.css +1 -1
- package/lib/molecule/brand-card/style.css +2 -2
- package/lib/molecule/brand-card-create/style.css +1 -1
- package/lib/molecule/brand-create-form/style.css +6 -6
- package/lib/molecule/brand-download-box/style.css +2 -2
- package/lib/molecule/brand-tabs/style.css +1 -1
- package/lib/molecule/brand-upload-box/style.css +2 -2
- package/lib/molecule/breadcrumbs/style.css +3 -3
- package/lib/molecule/card/customer.css +1 -1
- package/lib/molecule/card/favorite.css +1 -1
- package/lib/molecule/card/notification.css +1 -1
- package/lib/molecule/card/style.css +1 -1
- package/lib/molecule/card/test/fixtures.js +0 -3
- package/lib/molecule/card/test/fixtures.js.map +1 -1
- package/lib/molecule/card-content/style.css +4 -4
- package/lib/molecule/card-with-button/style.css +2 -2
- package/lib/molecule/cookie-banner/style.css +2 -2
- package/lib/molecule/dashboard/cards-list/style.css +2 -2
- package/lib/molecule/dashboard/news-list/style.css +2 -2
- package/lib/molecule/dashboard/start-battle/style.css +4 -4
- package/lib/molecule/discipline-cta/style.css +2 -2
- package/lib/molecule/discipline-header/style.css +4 -4
- package/lib/molecule/discipline-partners/style.css +2 -2
- package/lib/molecule/drag-and-drop/common.css +1 -1
- package/lib/molecule/drag-and-drop/overlay.css +1 -1
- package/lib/molecule/drag-and-drop/style.css +1 -1
- package/lib/molecule/drag-and-drop/upload-report.css +4 -4
- package/lib/molecule/external-content-button/style.css +2 -2
- package/lib/molecule/feedback/style.css +3 -4
- package/lib/molecule/filters/filters-wapper.css +2 -2
- package/lib/molecule/filters/style.css +2 -2
- package/lib/molecule/forum/forum-comment/style.css +1 -1
- package/lib/molecule/forum/forum-post/style.css +5 -5
- package/lib/molecule/menu-list/style.css +1 -1
- package/lib/molecule/message-popin/style.css +2 -2
- package/lib/molecule/modal/style.css +2 -2
- package/lib/molecule/module-card/style.css +2 -2
- package/lib/molecule/news/style.css +3 -3
- package/lib/molecule/notification-banner/style.css +3 -3
- package/lib/molecule/pagination/style.css +1 -1
- package/lib/molecule/payment-form/index.js +2 -2
- package/lib/molecule/payment-form/index.js.map +1 -1
- package/lib/molecule/pdf/style.css +2 -2
- package/lib/molecule/popin/style.css +2 -2
- package/lib/molecule/progress-bar/style.css +1 -1
- package/lib/molecule/questions/free-text/style.css +1 -1
- package/lib/molecule/questions/qcm/style.css +1 -1
- package/lib/molecule/questions/qcm-drag/style.css +2 -2
- package/lib/molecule/questions/qcm-graphic/style.css +1 -1
- package/lib/molecule/questions/question-range/style.css +2 -2
- package/lib/molecule/questions/template/style.css +1 -1
- package/lib/molecule/resource-player/style.css +1 -1
- package/lib/molecule/scope-content/style.css +6 -6
- package/lib/molecule/scope-tabs/style.css +1 -1
- package/lib/molecule/select-multiple/style.css +2 -2
- package/lib/molecule/setup-cohort-item/style.css +1 -1
- package/lib/molecule/setup-section/style.css +2 -2
- package/lib/molecule/setup-sections/style.css +1 -1
- package/lib/molecule/share/style.css +3 -3
- package/lib/molecule/ssmenu-list/style.css +1 -1
- package/lib/molecule/table/style.css +5 -5
- package/lib/molecule/teams-popin/style.css +2 -2
- package/lib/molecule/titled-checkbox/style.css +1 -1
- package/lib/molecule/video-player/jwplayer.css +1 -1
- package/lib/organism/accordion/part/style.css +1 -1
- package/lib/organism/brand-analytics/analytics-popin.css +0 -1
- package/lib/organism/brand-analytics/style.css +1 -1
- package/lib/organism/brand-table/style.css +2 -2
- package/lib/organism/brand-upload/style.css +2 -2
- package/lib/organism/discussion/style.css +1 -1
- package/lib/organism/get-the-app/style.css +1 -1
- package/lib/organism/hero/style.css +1 -1
- package/lib/organism/mooc-footer/style.css +2 -2
- package/lib/organism/mooc-header/style.css +8 -8
- package/lib/organism/popin/style.css +0 -1
- package/lib/organism/sidebar/style.css +2 -2
- package/lib/organism/user-preferences/style.css +1 -1
- package/lib/template/activity/engine-stars.css +3 -3
- package/lib/template/activity/progression-item.css +4 -5
- package/lib/template/activity/stars-summary.css +2 -2
- package/lib/template/activity/style.css +3 -3
- package/lib/template/app-player/player/slides/footer/style.css +1 -1
- package/lib/template/app-player/player/slides/header/learner.css +4 -4
- package/lib/template/app-player/player/slides/header/microlearning.css +1 -1
- package/lib/template/app-player/player/slides/style.css +8 -9
- package/lib/template/app-player/popin-correction/style.css +3 -3
- package/lib/template/app-player/popin-end/summary.css +4 -4
- package/lib/template/app-player/popin-header/style.css +5 -5
- package/lib/template/back-office/dashboard-preview/dashboard-popin.css +0 -1
- package/lib/template/back-office/dashboard-preview/style.css +1 -1
- package/lib/template/cockpit/jw-uploader/style.css +0 -1
- package/lib/template/common/authors/style.css +4 -5
- package/lib/template/common/layout.css +1 -1
- package/lib/template/common/search-page/style.css +1 -2
- package/lib/template/external-course/style.css +1 -1
- package/lib/variables/fonts.css +1 -1
- package/package.json +2 -2
- package/es/organism/playlist-translation/test/fixtures.js +0 -15
- package/es/organism/playlist-translation/test/fixtures.js.map +0 -1
- package/lib/organism/playlist-translation/test/fixtures.js +0 -25
- package/lib/organism/playlist-translation/test/fixtures.js.map +0 -1
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
display: flex;
|
|
26
26
|
align-items: center;
|
|
27
27
|
position: fixed;
|
|
28
|
-
font-family: '
|
|
28
|
+
font-family: 'Open Sans';
|
|
29
29
|
top: 0;
|
|
30
30
|
left: 0;
|
|
31
31
|
right: 0;
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
|
|
83
83
|
.title {
|
|
84
84
|
height: 15px;
|
|
85
|
-
font-family: '
|
|
85
|
+
font-family: 'Open Sans';
|
|
86
86
|
font-size: 11px;
|
|
87
87
|
font-weight: bold;
|
|
88
88
|
font-stretch: normal;
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
.message {
|
|
95
|
-
font-family: '
|
|
95
|
+
font-family: 'Open Sans';
|
|
96
96
|
font-size: 14px;
|
|
97
97
|
font-weight: bold;
|
|
98
98
|
font-stretch: normal;
|
|
@@ -24,11 +24,11 @@ class PaymentForm extends React.Component {
|
|
|
24
24
|
iconStyle: 'solid',
|
|
25
25
|
color: '#546E7A',
|
|
26
26
|
fontSize: '16px',
|
|
27
|
-
fontFamily: '
|
|
27
|
+
fontFamily: '"Open Sans"',
|
|
28
28
|
'::placeholder': {
|
|
29
29
|
color: '#546E7A',
|
|
30
30
|
fontSize: '16px',
|
|
31
|
-
fontFamily: '
|
|
31
|
+
fontFamily: '"Open Sans"'
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/molecule/payment-form/index.js"],"names":["React","PropTypes","Provider","style","PaymentForm","Component","constructor","props","stripe","stripeInstance","stripeKeyPublic","handleCardNumberChange","bind","handleCardExpiryChange","handleCardCvcChange","handleSubmit","componentDidMount","elements","elementOptions","base","iconStyle","color","fontSize","fontFamily","cardNumber","create","cardExpiry","cardCvc","mount","on","componentWillUnmount","cardNumer","unmount","off","onSubscription","createToken","then","response","error","onCardNumberChange","onCardExpiryChange","onCardCvcChange","render","checkImage","cardsImage","cardOwnerEmail","securedPaymentImage","errors","warning","submitButtonEnabled","cardNumberHasError","cardExpiryHasError","cardCvcHasError","translate","context","paymentForm","acceptedCards","acceptedCardsCheck","acceptedCardsText","acceptedCardsImage","creditCardOwnerEmail","creditCardOwnerEmailSeparator","creditCardOwnerEmailText","paymentErrors","paymentWarning","securedPayment","securedPaymentText","cardBlock","invalidElement","subscriptionDisclaimer","subscribeButtonContainer","subscribeButton","childContextTypes","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"}
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/payment-form/index.js"],"names":["React","PropTypes","Provider","style","PaymentForm","Component","constructor","props","stripe","stripeInstance","stripeKeyPublic","handleCardNumberChange","bind","handleCardExpiryChange","handleCardCvcChange","handleSubmit","componentDidMount","elements","elementOptions","base","iconStyle","color","fontSize","fontFamily","cardNumber","create","cardExpiry","cardCvc","mount","on","componentWillUnmount","cardNumer","unmount","off","onSubscription","createToken","then","response","error","onCardNumberChange","onCardExpiryChange","onCardCvcChange","render","checkImage","cardsImage","cardOwnerEmail","securedPaymentImage","errors","warning","submitButtonEnabled","cardNumberHasError","cardExpiryHasError","cardCvcHasError","translate","context","paymentForm","acceptedCards","acceptedCardsCheck","acceptedCardsText","acceptedCardsImage","creditCardOwnerEmail","creditCardOwnerEmailSeparator","creditCardOwnerEmailText","paymentErrors","paymentWarning","securedPayment","securedPaymentText","cardBlock","invalidElement","subscriptionDisclaimer","subscribeButtonContainer","subscribeButton","childContextTypes","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: '\"Open Sans\"',\n '::placeholder': {\n color: '#546E7A',\n fontSize: '16px',\n fontFamily: '\"Open Sans\"'\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"}
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.pdfDescription {
|
|
35
|
-
font-family: '
|
|
35
|
+
font-family: 'Open Sans';
|
|
36
36
|
font-weight: 600;
|
|
37
37
|
text-align: center;
|
|
38
38
|
font-size: 12px;
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
left: 0;
|
|
73
73
|
right: 0;
|
|
74
74
|
text-align: center;
|
|
75
|
-
font-family: '
|
|
75
|
+
font-family: 'Open Sans';
|
|
76
76
|
font-size: 12px;
|
|
77
77
|
font-weight: bold;
|
|
78
78
|
color: inherit;
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.header {
|
|
51
|
-
font-family: '
|
|
51
|
+
font-family: 'Open Sans';
|
|
52
52
|
font-size: 24px;
|
|
53
53
|
font-weight: bold;
|
|
54
54
|
color: black;
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.content {
|
|
60
|
-
font-family: '
|
|
60
|
+
font-family: 'Open Sans';
|
|
61
61
|
font-size: 16px;
|
|
62
62
|
font-weight: normal;
|
|
63
63
|
color: black;
|
|
@@ -43,14 +43,14 @@
|
|
|
43
43
|
.emptySpan {
|
|
44
44
|
width: 100%;
|
|
45
45
|
text-align: center;
|
|
46
|
-
font-family: '
|
|
46
|
+
font-family: 'Open Sans';
|
|
47
47
|
font-size: 13px;
|
|
48
48
|
font-weight: 600;
|
|
49
49
|
color: medium;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
.answer {
|
|
53
|
-
font-family: '
|
|
53
|
+
font-family: 'Open Sans';
|
|
54
54
|
font-size: 13px;
|
|
55
55
|
font-weight: 600;
|
|
56
56
|
color: black;
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
.title {
|
|
12
12
|
color: brand;
|
|
13
13
|
display: table;
|
|
14
|
-
font-family: "
|
|
14
|
+
font-family: "Open Sans";
|
|
15
15
|
font-size: 24px;
|
|
16
16
|
font-weight: 700;
|
|
17
17
|
margin: 0 auto 15px;
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.label {
|
|
29
|
-
font-family: "
|
|
29
|
+
font-family: "Open Sans";
|
|
30
30
|
color: black;
|
|
31
31
|
font-size: 15px;
|
|
32
32
|
font-weight: 700;
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
|
|
33
33
|
.title {
|
|
34
34
|
display: inline-block;
|
|
35
|
-
font-family: "
|
|
35
|
+
font-family: "Open Sans";
|
|
36
36
|
font-weight: 600;
|
|
37
37
|
font-size: 20px;
|
|
38
38
|
color: dark;
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
padding: 3px 13px;
|
|
48
48
|
background: dark;
|
|
49
49
|
border-radius: 15px;
|
|
50
|
-
font-family: "
|
|
50
|
+
font-family: "Open Sans";
|
|
51
51
|
font-weight: 800;
|
|
52
52
|
font-size: 10px;
|
|
53
53
|
color: white;
|
|
@@ -58,14 +58,14 @@
|
|
|
58
58
|
display: inline-block;
|
|
59
59
|
vertical-align: top;
|
|
60
60
|
width: 50%;
|
|
61
|
-
font-family: "
|
|
61
|
+
font-family: "Open Sans";
|
|
62
62
|
font-size: 12px;
|
|
63
63
|
padding-right: 40px;
|
|
64
64
|
color: grey;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
.coltitle {
|
|
68
|
-
font-family: "
|
|
68
|
+
font-family: "Open Sans";
|
|
69
69
|
font-weight: 800;
|
|
70
70
|
text-transform: uppercase;
|
|
71
71
|
margin-bottom: 15px;
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
.dottedlist li {
|
|
92
92
|
line-height: 26px;
|
|
93
93
|
font-size: 14px;
|
|
94
|
-
font-family: "
|
|
94
|
+
font-family: "Open Sans";
|
|
95
95
|
color: dark;
|
|
96
96
|
}
|
|
97
97
|
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
.roundedlist li {
|
|
107
107
|
line-height: 26px;
|
|
108
108
|
font-size: 14px;
|
|
109
|
-
font-family: "
|
|
109
|
+
font-family: "Open Sans";
|
|
110
110
|
color: dark;
|
|
111
111
|
}
|
|
112
112
|
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
.title {
|
|
59
|
-
font-family: "
|
|
59
|
+
font-family: "Open Sans";
|
|
60
60
|
font-size: 15px;
|
|
61
61
|
text-transform: none;
|
|
62
62
|
color: dark;
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
.description {
|
|
132
|
-
font-family: '
|
|
132
|
+
font-family: 'Open Sans';
|
|
133
133
|
font-weight: 500;
|
|
134
134
|
font-size: 12px;
|
|
135
135
|
color: medium;
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.title {
|
|
20
|
-
font-family: '
|
|
20
|
+
font-family: 'Open Sans';
|
|
21
21
|
font-size: 14px;
|
|
22
22
|
color: brand;
|
|
23
23
|
font-weight: 700;
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.label {
|
|
33
|
-
font-family: '
|
|
33
|
+
font-family: 'Open Sans';
|
|
34
34
|
font-weight: 600;
|
|
35
35
|
font-size: 14px;
|
|
36
36
|
color: brand;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
display: flex;
|
|
15
15
|
align-items: center;
|
|
16
16
|
margin: 15px 0;
|
|
17
|
-
font-family:
|
|
17
|
+
font-family: Open Sans, sans-serif;
|
|
18
18
|
font-weight: bold;
|
|
19
19
|
font-size: 13px;
|
|
20
20
|
overflow: inherit;
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
text-transform: inherit;
|
|
29
29
|
background-color: xtraLightGrey;
|
|
30
30
|
color: dark;
|
|
31
|
-
font-family:
|
|
31
|
+
font-family: Open Sans, sans-serif;
|
|
32
32
|
font-weight: 600;
|
|
33
33
|
font-size: 13px;
|
|
34
34
|
text-decoration: none;
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
align-items: center;
|
|
74
74
|
color: white;
|
|
75
75
|
text-align: center;
|
|
76
|
-
font-family:
|
|
76
|
+
font-family: Open Sans, sans-serif;
|
|
77
77
|
font-weight: bold;
|
|
78
78
|
font-size: 13px;
|
|
79
79
|
box-shadow: 0 -1px 20px 0 rgba(0, 0, 0, 0.25);
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
.table {
|
|
15
15
|
border: 1px solid light;
|
|
16
|
-
font-family: '
|
|
16
|
+
font-family: 'Open Sans';
|
|
17
17
|
border-spacing: 0;
|
|
18
18
|
}
|
|
19
19
|
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
.noOptions label {
|
|
76
76
|
display: inline-block;
|
|
77
77
|
cursor: pointer;
|
|
78
|
-
font-family: '
|
|
78
|
+
font-family: 'Open Sans';
|
|
79
79
|
font-size: 15px;
|
|
80
80
|
font-weight: 700;
|
|
81
81
|
color: medium;
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
outline: 0;
|
|
125
125
|
padding: 0;
|
|
126
126
|
background: none;
|
|
127
|
-
font-family: '
|
|
127
|
+
font-family: 'Open Sans';
|
|
128
128
|
font-weight: 600;
|
|
129
129
|
font-size: 15px;
|
|
130
130
|
line-height: 25px;
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
text-align: center;
|
|
156
156
|
width: 100%;
|
|
157
157
|
margin: 0 auto;
|
|
158
|
-
font-family: '
|
|
158
|
+
font-family: 'Open Sans';
|
|
159
159
|
color: dark;
|
|
160
160
|
}
|
|
161
161
|
|
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
border-radius: 4px;
|
|
167
167
|
overflow: scroll;
|
|
168
168
|
box-shadow: 0 0 2px 0 rgba(0,0,0,.19);
|
|
169
|
-
font-family: '
|
|
169
|
+
font-family: 'Open Sans';
|
|
170
170
|
background-color: white;
|
|
171
171
|
}
|
|
172
172
|
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
.header {
|
|
50
|
-
font-family: '
|
|
50
|
+
font-family: 'Open Sans';
|
|
51
51
|
font-size: 24px;
|
|
52
52
|
font-weight: bold;
|
|
53
53
|
color: black;
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
.content {
|
|
61
|
-
font-family: '
|
|
61
|
+
font-family: 'Open Sans';
|
|
62
62
|
font-size: 16px;
|
|
63
63
|
font-weight: normal;
|
|
64
64
|
color: black;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.refresh {
|
|
15
|
-
font-family: '
|
|
15
|
+
font-family: 'Open Sans';
|
|
16
16
|
color: dark;
|
|
17
17
|
font-size: 15px;
|
|
18
18
|
font-weight: 700;
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
|
|
45
45
|
.empty {
|
|
46
46
|
height: 200px;
|
|
47
|
-
font-family: '
|
|
47
|
+
font-family: 'Open Sans';
|
|
48
48
|
color: dark;
|
|
49
49
|
font-size: 15px;
|
|
50
50
|
font-weight: 700;
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
.title h3 {
|
|
24
|
-
font-family: '
|
|
24
|
+
font-family: 'Open Sans';
|
|
25
25
|
font-size: 17px;
|
|
26
26
|
font-weight: 700;
|
|
27
27
|
color: dark;
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.notification span {
|
|
45
|
-
font-family: '
|
|
45
|
+
font-family: 'Open Sans';
|
|
46
46
|
font-size: 12px;
|
|
47
47
|
font-weight: 400;
|
|
48
48
|
color: white;
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
line-height: normal;
|
|
48
48
|
letter-spacing: 1px;
|
|
49
49
|
color: white;
|
|
50
|
-
font-family: "
|
|
50
|
+
font-family: "Open Sans";
|
|
51
51
|
font-size: 14px;
|
|
52
52
|
text-transform: uppercase;
|
|
53
53
|
}
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
display: flex;
|
|
69
69
|
flex-wrap: nowrap;
|
|
70
70
|
flex-direction: row;
|
|
71
|
-
font-family: "
|
|
71
|
+
font-family: "Open Sans";
|
|
72
72
|
background-color: black;
|
|
73
73
|
}
|
|
74
74
|
|