@mirai/core 0.4.580 → 0.4.581
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.
|
@@ -49,7 +49,7 @@ const FormStripe = _ref => {
|
|
|
49
49
|
async: false,
|
|
50
50
|
domain,
|
|
51
51
|
id,
|
|
52
|
-
src: "https://js.stripe.com/
|
|
52
|
+
src: "https://js.stripe.com/dahlia/stripe.js",
|
|
53
53
|
onLoad: handleLoad
|
|
54
54
|
});
|
|
55
55
|
})();
|
|
@@ -75,7 +75,7 @@ const FormStripe = _ref => {
|
|
|
75
75
|
(async () => {
|
|
76
76
|
checkout = window.Stripe(publicKey, {
|
|
77
77
|
stripeAccount
|
|
78
|
-
}).
|
|
78
|
+
}).initCheckoutElementsSdk({
|
|
79
79
|
clientSecret,
|
|
80
80
|
elementsOptions: {
|
|
81
81
|
appearance: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormStripe.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormStripe","style","_herlpes","_loadScript","_helpers","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AUTO","CARD","DEFAULT_BILLING_DETAILS","address","country","name","checkout","FormStripe","_ref","publicKey","response","translate","useLocale","busy","setBusy","useState","setCountry","setName","nameError","setNameError","ready","setReady","stripeReady","setStripeReady","type","setType","refElements","useRef","useEffect","domain","id","loadScript","async","src","onLoad","handleLoad","el","document","getElementById","concat","parentNode","removeChild","configuration","cardHolderName","clientCountry","clientSecret","stripeAccountId","stripeAccount","window","Stripe","initCheckout","elementsOptions","appearance","theme","variables","getStyle","loadFonts","cssSrc","paymentElement","createPaymentElement","layout","fields","billingDetails","on","event","value","getPaymentElement","update","mount","current","handleNameChange","handlePress","loadActionsResult","loadActions","session","actions","getSession","canConfirm","error","confirm","billingAddress","undefined","Event","publish","EVENT","NOTIFICATION","defaultMessage","L10N","NOTIFICATION_ERROR","createElement","Fragment","Progress","indeterminate","visible","View","className","container","ref","form","Text","action","LABEL_CARD_NAME","Input","onChange","styles","LABEL_CARD_NAME_ERROR","Button","onPress","button","ACTION_PAY","exports","displayName","propTypes","PropTypes","string","isRequired","object"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormStripe/FormStripe.jsx"],"sourcesContent":["import { Event } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Input, Progress, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { L10N } from './FormStripe.l10n';\nimport * as style from './FormStripe.module.css';\nimport { getStyle } from './herlpes';\nimport { loadScript } from '../../../../../helpers/loadScript';\nimport { EVENT } from '../../../../helpers';\n\nconst AUTO = 'auto';\nconst CARD = 'card';\nconst DEFAULT_BILLING_DETAILS = { address: { country: 'never' }, name: 'never' };\n\nlet checkout;\n\nexport const FormStripe = ({ publicKey, response }) => {\n const { translate } = useLocale();\n\n const [busy, setBusy] = useState();\n const [country, setCountry] = useState();\n const [name, setName] = useState();\n const [nameError, setNameError] = useState();\n const [ready, setReady] = useState();\n const [stripeReady, setStripeReady] = useState();\n const [type, setType] = useState();\n\n const refElements = useRef();\n\n useEffect(() => {\n const domain = 'payments';\n const id = 'stripeScript';\n (async () => {\n await loadScript({\n async: false,\n domain,\n id,\n src: `https://js.stripe.com/clover/stripe.js`,\n onLoad: handleLoad,\n });\n })();\n\n return () => {\n const el = document.getElementById(`${domain}-${id}`);\n el && el.parentNode.removeChild(el);\n };\n }, [response]);\n\n useEffect(() => {\n if (!response || !ready) return;\n\n setBusy();\n setStripeReady();\n\n const { configuration: { cardHolderName, clientCountry, clientSecret, stripeAccountId: stripeAccount } = {} } =\n response;\n setCountry(clientCountry);\n if (cardHolderName) setName(cardHolderName);\n\n (async () => {\n checkout = window\n .Stripe(publicKey, { stripeAccount })\n .initCheckout({ clientSecret, elementsOptions: { appearance: { theme: 'stripe', variables: getStyle() } } });\n checkout.loadFonts([\n { cssSrc: 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap' },\n ]);\n\n const paymentElement = checkout.createPaymentElement({\n layout: 'tabs',\n fields: { billingDetails: clientCountry ? DEFAULT_BILLING_DETAILS : AUTO },\n });\n\n paymentElement.on('ready', () => {\n setStripeReady(true);\n });\n\n paymentElement.on('change', (event) => {\n const { value = {} } = event;\n setType(value.type);\n\n checkout.getPaymentElement().update({\n fields: { billingDetails: value.type === CARD && clientCountry ? DEFAULT_BILLING_DETAILS : AUTO },\n });\n });\n\n paymentElement.mount(refElements.current);\n })();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ready, response]);\n\n const handleNameChange = (value) => {\n if (value) setNameError();\n setName(value);\n };\n\n const handleLoad = async () => {\n setReady(true);\n };\n\n const handlePress = async () => {\n if (!checkout) return;\n\n setBusy(true);\n\n const loadActionsResult = await checkout.loadActions();\n if (loadActionsResult.type === 'success') {\n const session = await loadActionsResult.actions.getSession();\n if (!name && type === CARD && country) {\n setNameError(true);\n if (session.canConfirm) return setBusy(false);\n }\n\n const { error } = await loadActionsResult.actions.confirm(\n name ? { billingAddress: { name, address: { country } } } : undefined,\n );\n\n if (session.canConfirm && error) {\n Event.publish(EVENT.NOTIFICATION, {\n error: true,\n defaultMessage: translate(L10N.NOTIFICATION_ERROR),\n });\n }\n }\n\n setBusy(false);\n };\n\n return (\n <>\n <Progress indeterminate visible={!stripeReady} />\n <View className={style.container}>\n <View ref={refElements} />\n {type === CARD && country && (\n <View className={style.form}>\n <Text action label-for=\"name\">\n {translate(L10N.LABEL_CARD_NAME)}\n </Text>\n <Input\n name=\"name\"\n value={name}\n onChange={handleNameChange}\n className={styles(style.name, nameError && style.error)}\n />\n {nameError && (\n <Text action error>\n {translate(L10N.LABEL_CARD_NAME_ERROR)}\n </Text>\n )}\n </View>\n )}\n </View>\n {!!stripeReady && (\n <Button busy={busy} onPress={handlePress} className={style.button}>\n {translate(L10N.ACTION_PAY)}\n </Button>\n )}\n </>\n );\n};\n\nFormStripe.displayName = 'Mirai:Payments:ButtonPayment:FormStripe';\n\nFormStripe.propTypes = {\n publicKey: PropTypes.string.isRequired,\n response: PropTypes.object,\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"FormStripe.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormStripe","style","_herlpes","_loadScript","_helpers","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AUTO","CARD","DEFAULT_BILLING_DETAILS","address","country","name","checkout","FormStripe","_ref","publicKey","response","translate","useLocale","busy","setBusy","useState","setCountry","setName","nameError","setNameError","ready","setReady","stripeReady","setStripeReady","type","setType","refElements","useRef","useEffect","domain","id","loadScript","async","src","onLoad","handleLoad","el","document","getElementById","concat","parentNode","removeChild","configuration","cardHolderName","clientCountry","clientSecret","stripeAccountId","stripeAccount","window","Stripe","initCheckoutElementsSdk","elementsOptions","appearance","theme","variables","getStyle","loadFonts","cssSrc","paymentElement","createPaymentElement","layout","fields","billingDetails","on","event","value","getPaymentElement","update","mount","current","handleNameChange","handlePress","loadActionsResult","loadActions","session","actions","getSession","canConfirm","error","confirm","billingAddress","undefined","Event","publish","EVENT","NOTIFICATION","defaultMessage","L10N","NOTIFICATION_ERROR","createElement","Fragment","Progress","indeterminate","visible","View","className","container","ref","form","Text","action","LABEL_CARD_NAME","Input","onChange","styles","LABEL_CARD_NAME_ERROR","Button","onPress","button","ACTION_PAY","exports","displayName","propTypes","PropTypes","string","isRequired","object"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormStripe/FormStripe.jsx"],"sourcesContent":["import { Event } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Input, Progress, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { L10N } from './FormStripe.l10n';\nimport * as style from './FormStripe.module.css';\nimport { getStyle } from './herlpes';\nimport { loadScript } from '../../../../../helpers/loadScript';\nimport { EVENT } from '../../../../helpers';\n\nconst AUTO = 'auto';\nconst CARD = 'card';\nconst DEFAULT_BILLING_DETAILS = { address: { country: 'never' }, name: 'never' };\n\nlet checkout;\n\nexport const FormStripe = ({ publicKey, response }) => {\n const { translate } = useLocale();\n\n const [busy, setBusy] = useState();\n const [country, setCountry] = useState();\n const [name, setName] = useState();\n const [nameError, setNameError] = useState();\n const [ready, setReady] = useState();\n const [stripeReady, setStripeReady] = useState();\n const [type, setType] = useState();\n\n const refElements = useRef();\n\n useEffect(() => {\n const domain = 'payments';\n const id = 'stripeScript';\n (async () => {\n await loadScript({\n async: false,\n domain,\n id,\n src: `https://js.stripe.com/dahlia/stripe.js`,\n onLoad: handleLoad,\n });\n })();\n\n return () => {\n const el = document.getElementById(`${domain}-${id}`);\n el && el.parentNode.removeChild(el);\n };\n }, [response]);\n\n useEffect(() => {\n if (!response || !ready) return;\n\n setBusy();\n setStripeReady();\n\n const { configuration: { cardHolderName, clientCountry, clientSecret, stripeAccountId: stripeAccount } = {} } =\n response;\n setCountry(clientCountry);\n if (cardHolderName) setName(cardHolderName);\n\n (async () => {\n checkout = window.Stripe(publicKey, { stripeAccount }).initCheckoutElementsSdk({\n clientSecret,\n elementsOptions: { appearance: { theme: 'stripe', variables: getStyle() } },\n });\n checkout.loadFonts([\n { cssSrc: 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap' },\n ]);\n\n const paymentElement = checkout.createPaymentElement({\n layout: 'tabs',\n fields: { billingDetails: clientCountry ? DEFAULT_BILLING_DETAILS : AUTO },\n });\n\n paymentElement.on('ready', () => {\n setStripeReady(true);\n });\n\n paymentElement.on('change', (event) => {\n const { value = {} } = event;\n setType(value.type);\n\n checkout.getPaymentElement().update({\n fields: { billingDetails: value.type === CARD && clientCountry ? DEFAULT_BILLING_DETAILS : AUTO },\n });\n });\n\n paymentElement.mount(refElements.current);\n })();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ready, response]);\n\n const handleNameChange = (value) => {\n if (value) setNameError();\n setName(value);\n };\n\n const handleLoad = async () => {\n setReady(true);\n };\n\n const handlePress = async () => {\n if (!checkout) return;\n\n setBusy(true);\n\n const loadActionsResult = await checkout.loadActions();\n if (loadActionsResult.type === 'success') {\n const session = await loadActionsResult.actions.getSession();\n if (!name && type === CARD && country) {\n setNameError(true);\n if (session.canConfirm) return setBusy(false);\n }\n\n const { error } = await loadActionsResult.actions.confirm(\n name ? { billingAddress: { name, address: { country } } } : undefined,\n );\n\n if (session.canConfirm && error) {\n Event.publish(EVENT.NOTIFICATION, {\n error: true,\n defaultMessage: translate(L10N.NOTIFICATION_ERROR),\n });\n }\n }\n\n setBusy(false);\n };\n\n return (\n <>\n <Progress indeterminate visible={!stripeReady} />\n <View className={style.container}>\n <View ref={refElements} />\n {type === CARD && country && (\n <View className={style.form}>\n <Text action label-for=\"name\">\n {translate(L10N.LABEL_CARD_NAME)}\n </Text>\n <Input\n name=\"name\"\n value={name}\n onChange={handleNameChange}\n className={styles(style.name, nameError && style.error)}\n />\n {nameError && (\n <Text action error>\n {translate(L10N.LABEL_CARD_NAME_ERROR)}\n </Text>\n )}\n </View>\n )}\n </View>\n {!!stripeReady && (\n <Button busy={busy} onPress={handlePress} className={style.button}>\n {translate(L10N.ACTION_PAY)}\n </Button>\n )}\n </>\n );\n};\n\nFormStripe.displayName = 'Mirai:Payments:ButtonPayment:FormStripe';\n\nFormStripe.propTypes = {\n publicKey: PropTypes.string.isRequired,\n response: PropTypes.object,\n};\n"],"mappings":"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","ignoreList":[]}
|