@mirai/core 0.4.538 → 0.4.540
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/build/components/__shared__/ButtonPayment/components/FormAdyen/FormAdyen.js +4 -0
- package/build/components/__shared__/ButtonPayment/components/FormAdyen/FormAdyen.js.map +1 -1
- package/build/components/__shared__/ButtonPayment/components/FormStripe/FormStripe.js +2 -0
- package/build/components/__shared__/ButtonPayment/components/FormStripe/FormStripe.js.map +1 -1
- package/build/contexts/PerformanceManager/PerformanceManager.scripts.js +1 -1
- package/build/contexts/PerformanceManager/PerformanceManager.scripts.js.map +1 -1
- package/package.json +1 -1
|
@@ -69,6 +69,7 @@ const FormAdyen = _ref => {
|
|
|
69
69
|
const {
|
|
70
70
|
configuration: {
|
|
71
71
|
amount,
|
|
72
|
+
cardHolderName: holderName,
|
|
72
73
|
clientKey,
|
|
73
74
|
countryCode,
|
|
74
75
|
environment = 'test',
|
|
@@ -108,6 +109,9 @@ const FormAdyen = _ref => {
|
|
|
108
109
|
new Dropin(checkout, {
|
|
109
110
|
paymentMethodsConfiguration: {
|
|
110
111
|
card: {
|
|
112
|
+
data: {
|
|
113
|
+
holderName
|
|
114
|
+
},
|
|
111
115
|
hasHolderName: true,
|
|
112
116
|
holderNameRequired: true
|
|
113
117
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormAdyen.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormAdyen","_FormAdyen2","style","_loadScript","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormAdyen","_ref","response","translate","useLocale","error","setError","useState","ready","setReady","refContainer","useRef","useEffect","configuration","environment","url","URL","replace","exists","document","getElementById","css","createElement","crossOrigin","id","integrity","rel","href","concat","head","appendChild","remove","loadScript","async","domain","src","onLoad","handleLoad","el","parentNode","removeChild","AdyenCheckout","Dropin","window","AdyenWeb","amount","clientKey","countryCode","returnUrl","shopperLocale","locale","sessionData","checkout","session","onPaymentCompleted","result","component","console","info","location","URLSearchParams","toString","onPaymentFailed","onError","name","message","stack","paymentMethodsConfiguration","card","hasHolderName","holderNameRequired","mount","current","Fragment","View","ref","className","container","Progress","indeterminate","visible","Notification","large","wide","L10N","NOTIFICATION_ERROR","exports","displayName","propTypes","cards","PropTypes","array","object"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormAdyen/FormAdyen.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Notification, Progress, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { URL } from './FormAdyen.constants';\nimport { L10N } from './FormAdyen.l10n';\nimport * as style from './FormAdyen.module.css';\nimport { loadScript } from '../../../../../helpers/loadScript';\n\nexport const FormAdyen = ({ response }) => {\n const { translate } = useLocale();\n\n const [error, setError] = useState();\n const [ready, setReady] = useState();\n\n const refContainer = useRef();\n\n useEffect(() => {\n const { configuration: { environment = 'test' } = {} } = response || {};\n const url = URL.replace('{environment}', environment);\n\n const exists = document.getElementById('addyenCSS');\n if (!exists) {\n const css = document.createElement('link');\n css.crossOrigin = 'anonymous';\n css.id = 'addyenCSS';\n css.integrity = 'sha384-pC2TKxh6gMtWIUiXzlw5Jnq9ZtnyuPT0ymaHY6skdegLVNDMNiiQ7/NFixA87/Wb';\n css.rel = 'stylesheet';\n css.href = `${url}adyen.css`;\n\n document.head.appendChild(css);\n }\n\n let remove;\n (async () => {\n remove = await loadScript({\n async: false,\n crossOrigin: 'anonymous',\n domain: 'payments',\n id: 'addyenScript',\n integrity: 'sha384-PpkKjJdtlCZuAK7HWeMaOwzrQMGgAWThLG+QZe0sxlohYwfVPP+G65HBrWbgwSoE',\n src: `${url}adyen.js`,\n onLoad: handleLoad,\n });\n })();\n\n return () => {\n const el = document.getElementById('addyenCSS');\n el.parentNode.removeChild(el);\n remove && remove();\n };\n }, [response]);\n\n useEffect(() => {\n if (!response || !ready) return;\n\n (async () => {\n const { AdyenCheckout, Dropin } = window.AdyenWeb || {};\n const {\n configuration: {\n amount,\n clientKey,\n countryCode,\n environment = 'test',\n id,\n returnUrl,\n shopperLocale: locale,\n sessionData,\n } = {},\n } = response;\n\n const checkout = await AdyenCheckout({\n amount,\n clientKey,\n countryCode,\n environment,\n locale,\n returnUrl,\n session: { id, sessionData },\n onPaymentCompleted: (result, component) => {\n // eslint-disable-next-line no-console\n console.info(result, component);\n document.location.href = `${returnUrl}?${new URLSearchParams(result).toString()}`;\n },\n onPaymentFailed: (result, component) => {\n setError(error);\n // eslint-disable-next-line no-console\n console.info(result, component);\n },\n onError: (error, component) => {\n setError(error);\n // eslint-disable-next-line no-console\n console.error(error.name, error.message, error.stack, component);\n },\n });\n new Dropin(checkout, {\n paymentMethodsConfiguration: { card: { hasHolderName: true, holderNameRequired: true } },\n }).mount(refContainer.current);\n })();\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ready, response]);\n\n const handleLoad = async () => {\n setReady(true);\n };\n\n return (\n <>\n <View ref={refContainer} className={style.container}>\n <Progress indeterminate visible={!ready} />\n {error && (\n <Notification error large wide>\n {translate(L10N.NOTIFICATION_ERROR)}\n </Notification>\n )}\n </View>\n </>\n );\n};\n\nFormAdyen.displayName = 'Mirai:Payments:ButtonPayment:FormAdyen';\n\nFormAdyen.propTypes = {\n cards: PropTypes.array,\n response: PropTypes.object,\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"FormAdyen.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormAdyen","_FormAdyen2","style","_loadScript","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormAdyen","_ref","response","translate","useLocale","error","setError","useState","ready","setReady","refContainer","useRef","useEffect","configuration","environment","url","URL","replace","exists","document","getElementById","css","createElement","crossOrigin","id","integrity","rel","href","concat","head","appendChild","remove","loadScript","async","domain","src","onLoad","handleLoad","el","parentNode","removeChild","AdyenCheckout","Dropin","window","AdyenWeb","amount","cardHolderName","holderName","clientKey","countryCode","returnUrl","shopperLocale","locale","sessionData","checkout","session","onPaymentCompleted","result","component","console","info","location","URLSearchParams","toString","onPaymentFailed","onError","name","message","stack","paymentMethodsConfiguration","card","data","hasHolderName","holderNameRequired","mount","current","Fragment","View","ref","className","container","Progress","indeterminate","visible","Notification","large","wide","L10N","NOTIFICATION_ERROR","exports","displayName","propTypes","cards","PropTypes","array","object"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormAdyen/FormAdyen.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Notification, Progress, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { URL } from './FormAdyen.constants';\nimport { L10N } from './FormAdyen.l10n';\nimport * as style from './FormAdyen.module.css';\nimport { loadScript } from '../../../../../helpers/loadScript';\n\nexport const FormAdyen = ({ response }) => {\n const { translate } = useLocale();\n\n const [error, setError] = useState();\n const [ready, setReady] = useState();\n\n const refContainer = useRef();\n\n useEffect(() => {\n const { configuration: { environment = 'test' } = {} } = response || {};\n const url = URL.replace('{environment}', environment);\n\n const exists = document.getElementById('addyenCSS');\n if (!exists) {\n const css = document.createElement('link');\n css.crossOrigin = 'anonymous';\n css.id = 'addyenCSS';\n css.integrity = 'sha384-pC2TKxh6gMtWIUiXzlw5Jnq9ZtnyuPT0ymaHY6skdegLVNDMNiiQ7/NFixA87/Wb';\n css.rel = 'stylesheet';\n css.href = `${url}adyen.css`;\n\n document.head.appendChild(css);\n }\n\n let remove;\n (async () => {\n remove = await loadScript({\n async: false,\n crossOrigin: 'anonymous',\n domain: 'payments',\n id: 'addyenScript',\n integrity: 'sha384-PpkKjJdtlCZuAK7HWeMaOwzrQMGgAWThLG+QZe0sxlohYwfVPP+G65HBrWbgwSoE',\n src: `${url}adyen.js`,\n onLoad: handleLoad,\n });\n })();\n\n return () => {\n const el = document.getElementById('addyenCSS');\n el.parentNode.removeChild(el);\n remove && remove();\n };\n }, [response]);\n\n useEffect(() => {\n if (!response || !ready) return;\n\n (async () => {\n const { AdyenCheckout, Dropin } = window.AdyenWeb || {};\n const {\n configuration: {\n amount,\n cardHolderName: holderName,\n clientKey,\n countryCode,\n environment = 'test',\n id,\n returnUrl,\n shopperLocale: locale,\n sessionData,\n } = {},\n } = response;\n\n const checkout = await AdyenCheckout({\n amount,\n clientKey,\n countryCode,\n environment,\n locale,\n returnUrl,\n session: { id, sessionData },\n onPaymentCompleted: (result, component) => {\n // eslint-disable-next-line no-console\n console.info(result, component);\n document.location.href = `${returnUrl}?${new URLSearchParams(result).toString()}`;\n },\n onPaymentFailed: (result, component) => {\n setError(error);\n // eslint-disable-next-line no-console\n console.info(result, component);\n },\n onError: (error, component) => {\n setError(error);\n // eslint-disable-next-line no-console\n console.error(error.name, error.message, error.stack, component);\n },\n });\n new Dropin(checkout, {\n paymentMethodsConfiguration: {\n card: { data: { holderName }, hasHolderName: true, holderNameRequired: true },\n },\n }).mount(refContainer.current);\n })();\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ready, response]);\n\n const handleLoad = async () => {\n setReady(true);\n };\n\n return (\n <>\n <View ref={refContainer} className={style.container}>\n <Progress indeterminate visible={!ready} />\n {error && (\n <Notification error large wide>\n {translate(L10N.NOTIFICATION_ERROR)}\n </Notification>\n )}\n </View>\n </>\n );\n};\n\nFormAdyen.displayName = 'Mirai:Payments:ButtonPayment:FormAdyen';\n\nFormAdyen.propTypes = {\n cards: PropTypes.array,\n response: PropTypes.object,\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -64,12 +64,14 @@ const FormStripe = _ref => {
|
|
|
64
64
|
setStripeReady();
|
|
65
65
|
const {
|
|
66
66
|
configuration: {
|
|
67
|
+
cardHolderName,
|
|
67
68
|
clientCountry,
|
|
68
69
|
clientSecret,
|
|
69
70
|
stripeAccountId: stripeAccount
|
|
70
71
|
} = {}
|
|
71
72
|
} = response;
|
|
72
73
|
setCountry(clientCountry);
|
|
74
|
+
if (cardHolderName) setName(cardHolderName);
|
|
73
75
|
(async () => {
|
|
74
76
|
checkout = window.Stripe(publicKey, {
|
|
75
77
|
stripeAccount
|
|
@@ -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","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: { clientCountry, clientSecret, stripeAccountId: stripeAccount } = {} } = response;\n setCountry(clientCountry);\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":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAC,uBAAA,CAAAN,OAAA;AAEA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAF,uBAAA,CAAAN,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,QAAA,GAAAX,OAAA;AAA4C,SAAAM,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAT,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAE5C,MAAMmB,IAAI,GAAG,MAAM;AACnB,MAAMC,IAAI,GAAG,MAAM;AACnB,MAAMC,uBAAuB,GAAG;EAAEC,OAAO,EAAE;IAAEC,OAAO,EAAE;EAAQ,CAAC;EAAEC,IAAI,EAAE;AAAQ,CAAC;AAEhF,IAAIC,QAAQ;AAEL,MAAMC,UAAU,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAAF,IAAA;EAChD,MAAM;IAAEG;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAEjC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAClC,MAAM,CAACX,OAAO,EAAEY,UAAU,CAAC,GAAG,IAAAD,eAAQ,EAAC,CAAC;EACxC,MAAM,CAACV,IAAI,EAAEY,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,CAAC;EAClC,MAAM,CAACG,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAJ,eAAQ,EAAC,CAAC;EAC5C,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAN,eAAQ,EAAC,CAAC;EACpC,MAAM,CAACO,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAR,eAAQ,EAAC,CAAC;EAChD,MAAM,CAACS,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAV,eAAQ,EAAC,CAAC;EAElC,MAAMW,WAAW,GAAG,IAAAC,aAAM,EAAC,CAAC;EAE5B,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,MAAM,GAAG,UAAU;IACzB,MAAMC,EAAE,GAAG,cAAc;IACzB,CAAC,YAAY;MACX,MAAM,IAAAC,sBAAU,EAAC;QACfC,KAAK,EAAE,KAAK;QACZH,MAAM;QACNC,EAAE;QACFG,GAAG,0CAA0C;QAC7CC,MAAM,EAAEC;MACV,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC;IAEJ,OAAO,MAAM;MACX,MAAMC,EAAE,GAAGC,QAAQ,CAACC,cAAc,IAAAC,MAAA,CAAIV,MAAM,OAAAU,MAAA,CAAIT,EAAE,CAAE,CAAC;MACrDM,EAAE,IAAIA,EAAE,CAACI,UAAU,CAACC,WAAW,CAACL,EAAE,CAAC;IACrC,CAAC;EACH,CAAC,EAAE,CAAC1B,QAAQ,CAAC,CAAC;EAEd,IAAAkB,gBAAS,EAAC,MAAM;IACd,IAAI,CAAClB,QAAQ,IAAI,CAACU,KAAK,EAAE;IAEzBN,OAAO,CAAC,CAAC;IACTS,cAAc,CAAC,CAAC;IAEhB,MAAM;MAAEmB,aAAa,EAAE;QAAEC,aAAa;QAAEC,YAAY;QAAEC,eAAe,EAAEC;MAAc,CAAC,GAAG,CAAC;IAAE,CAAC,GAAGpC,QAAQ;IACxGM,UAAU,CAAC2B,aAAa,CAAC;IAEzB,CAAC,YAAY;MACXrC,QAAQ,GAAGyC,MAAM,CACdC,MAAM,CAACvC,SAAS,EAAE;QAAEqC;MAAc,CAAC,CAAC,CACpCG,YAAY,CAAC;QAAEL,YAAY;QAAEM,eAAe,EAAE;UAAEC,UAAU,EAAE;YAAEC,KAAK,EAAE,QAAQ;YAAEC,SAAS,EAAE,IAAAC,iBAAQ,EAAC;UAAE;QAAE;MAAE,CAAC,CAAC;MAC9GhD,QAAQ,CAACiD,SAAS,CAAC,CACjB;QAAEC,MAAM,EAAE;MAAiF,CAAC,CAC7F,CAAC;MAEF,MAAMC,cAAc,GAAGnD,QAAQ,CAACoD,oBAAoB,CAAC;QACnDC,MAAM,EAAE,MAAM;QACdC,MAAM,EAAE;UAAEC,cAAc,EAAElB,aAAa,GAAGzC,uBAAuB,GAAGF;QAAK;MAC3E,CAAC,CAAC;MAEFyD,cAAc,CAACK,EAAE,CAAC,OAAO,EAAE,MAAM;QAC/BvC,cAAc,CAAC,IAAI,CAAC;MACtB,CAAC,CAAC;MAEFkC,cAAc,CAACK,EAAE,CAAC,QAAQ,EAAGC,KAAK,IAAK;QACrC,MAAM;UAAEC,KAAK,GAAG,CAAC;QAAE,CAAC,GAAGD,KAAK;QAC5BtC,OAAO,CAACuC,KAAK,CAACxC,IAAI,CAAC;QAEnBlB,QAAQ,CAAC2D,iBAAiB,CAAC,CAAC,CAACC,MAAM,CAAC;UAClCN,MAAM,EAAE;YAAEC,cAAc,EAAEG,KAAK,CAACxC,IAAI,KAAKvB,IAAI,IAAI0C,aAAa,GAAGzC,uBAAuB,GAAGF;UAAK;QAClG,CAAC,CAAC;MACJ,CAAC,CAAC;MAEFyD,cAAc,CAACU,KAAK,CAACzC,WAAW,CAAC0C,OAAO,CAAC;IAC3C,CAAC,EAAE,CAAC;IACJ;EACF,CAAC,EAAE,CAAChD,KAAK,EAAEV,QAAQ,CAAC,CAAC;EAErB,MAAM2D,gBAAgB,GAAIL,KAAK,IAAK;IAClC,IAAIA,KAAK,EAAE7C,YAAY,CAAC,CAAC;IACzBF,OAAO,CAAC+C,KAAK,CAAC;EAChB,CAAC;EAED,MAAM7B,UAAU,GAAG,MAAAA,CAAA,KAAY;IAC7Bd,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC;EAED,MAAMiD,WAAW,GAAG,MAAAA,CAAA,KAAY;IAC9B,IAAI,CAAChE,QAAQ,EAAE;IAEfQ,OAAO,CAAC,IAAI,CAAC;IAEb,MAAMyD,iBAAiB,GAAG,MAAMjE,QAAQ,CAACkE,WAAW,CAAC,CAAC;IACtD,IAAID,iBAAiB,CAAC/C,IAAI,KAAK,SAAS,EAAE;MACxC,MAAMiD,OAAO,GAAG,MAAMF,iBAAiB,CAACG,OAAO,CAACC,UAAU,CAAC,CAAC;MAC5D,IAAI,CAACtE,IAAI,IAAImB,IAAI,KAAKvB,IAAI,IAAIG,OAAO,EAAE;QACrCe,YAAY,CAAC,IAAI,CAAC;QAClB,IAAIsD,OAAO,CAACG,UAAU,EAAE,OAAO9D,OAAO,CAAC,KAAK,CAAC;MAC/C;MAEA,MAAM;QAAE+D;MAAM,CAAC,GAAG,MAAMN,iBAAiB,CAACG,OAAO,CAACI,OAAO,CACvDzE,IAAI,GAAG;QAAE0E,cAAc,EAAE;UAAE1E,IAAI;UAAEF,OAAO,EAAE;YAAEC;UAAQ;QAAE;MAAE,CAAC,GAAG4E,SAC9D,CAAC;MAED,IAAIP,OAAO,CAACG,UAAU,IAAIC,KAAK,EAAE;QAC/BI,kBAAK,CAACC,OAAO,CAACC,cAAK,CAACC,YAAY,EAAE;UAChCP,KAAK,EAAE,IAAI;UACXQ,cAAc,EAAE1E,SAAS,CAAC2E,gBAAI,CAACC,kBAAkB;QACnD,CAAC,CAAC;MACJ;IACF;IAEAzE,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC;EAED,oBACExC,MAAA,CAAAiB,OAAA,CAAAiG,aAAA,CAAAlH,MAAA,CAAAiB,OAAA,CAAAkG,QAAA,qBACEnH,MAAA,CAAAiB,OAAA,CAAAiG,aAAA,CAACrH,GAAA,CAAAuH,QAAQ;IAACC,aAAa;IAACC,OAAO,EAAE,CAACtE;EAAY,CAAE,CAAC,eACjDhD,MAAA,CAAAiB,OAAA,CAAAiG,aAAA,CAACrH,GAAA,CAAA0H,IAAI;IAACC,SAAS,EAAErH,KAAK,CAACsH;EAAU,gBAC/BzH,MAAA,CAAAiB,OAAA,CAAAiG,aAAA,CAACrH,GAAA,CAAA0H,IAAI;IAACG,GAAG,EAAEtE;EAAY,CAAE,CAAC,EACzBF,IAAI,KAAKvB,IAAI,IAAIG,OAAO,iBACvB9B,MAAA,CAAAiB,OAAA,CAAAiG,aAAA,CAACrH,GAAA,CAAA0H,IAAI;IAACC,SAAS,EAAErH,KAAK,CAACwH;EAAK,gBAC1B3H,MAAA,CAAAiB,OAAA,CAAAiG,aAAA,CAACrH,GAAA,CAAA+H,IAAI;IAACC,MAAM;IAAC,aAAU;EAAM,GAC1BxF,SAAS,CAAC2E,gBAAI,CAACc,eAAe,CAC3B,CAAC,eACP9H,MAAA,CAAAiB,OAAA,CAAAiG,aAAA,CAACrH,GAAA,CAAAkI,KAAK;IACJhG,IAAI,EAAC,MAAM;IACX2D,KAAK,EAAE3D,IAAK;IACZiG,QAAQ,EAAEjC,gBAAiB;IAC3ByB,SAAS,EAAE,IAAAS,UAAM,EAAC9H,KAAK,CAAC4B,IAAI,EAAEa,SAAS,IAAIzC,KAAK,CAACoG,KAAK;EAAE,CACzD,CAAC,EACD3D,SAAS,iBACR5C,MAAA,CAAAiB,OAAA,CAAAiG,aAAA,CAACrH,GAAA,CAAA+H,IAAI;IAACC,MAAM;IAACtB,KAAK;EAAA,GACflE,SAAS,CAAC2E,gBAAI,CAACkB,qBAAqB,CACjC,CAEJ,CAEJ,CAAC,EACN,CAAC,CAAClF,WAAW,iBACZhD,MAAA,CAAAiB,OAAA,CAAAiG,aAAA,CAACrH,GAAA,CAAAsI,MAAM;IAAC5F,IAAI,EAAEA,IAAK;IAAC6F,OAAO,EAAEpC,WAAY;IAACwB,SAAS,EAAErH,KAAK,CAACkI;EAAO,GAC/DhG,SAAS,CAAC2E,gBAAI,CAACsB,UAAU,CACpB,CAEV,CAAC;AAEP,CAAC;AAACC,OAAA,CAAAtG,UAAA,GAAAA,UAAA;AAEFA,UAAU,CAACuG,WAAW,GAAG,yCAAyC;AAElEvG,UAAU,CAACwG,SAAS,GAAG;EACrBtG,SAAS,EAAEuG,kBAAS,CAACC,MAAM,CAACC,UAAU;EACtCxG,QAAQ,EAAEsG,kBAAS,CAACG;AACtB,CAAC","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","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":[]}
|
|
@@ -78,7 +78,7 @@ const SCRIPTS = exports.SCRIPTS = {
|
|
|
78
78
|
loadedComponents = []
|
|
79
79
|
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
80
80
|
return {
|
|
81
|
-
src: instanceId === '10030559' && conversionLabel === 's54-COOp2_sbEOqysPkD' ||
|
|
81
|
+
src: instanceId === '10030559' && conversionLabel === 's54-COOp2_sbEOqysPkD' || ['500255', '100376306', '100376307'].includes(instanceId) && conversionLabel === 'B5UuCL7nsP8bEKDAwr8C' && idAdwords === '670081056' || ['66392129', '100122077', '100131206', '500163', '501196'].includes(instanceId) && conversionLabel === 'CDClCM62goIcEJ6o59gD' && idAdwords === '991548446' ? '/metrics/' : "https://www.googletagmanager.com/gtag/js?id=AW-".concat(idAdwords),
|
|
82
82
|
onLoad: () => {
|
|
83
83
|
window.dataLayer = window.dataLayer || [];
|
|
84
84
|
window.gtag = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PerformanceManager.scripts.js","names":["_helpers","require","_Core","SCRIPTS","exports","PERFORMANCE","AFFILIRED","components","init","src","once","ANALYTICS","idAnalytics","arguments","length","undefined","concat","onLoad","window","dataLayer","gtag","push","Date","linker","accept_incoming","BING","_ref","idBing","uetq","UET","ti","q","ad_storage","COMPARE","document","addEventListener","CmprmInit","InitMirai","GOOGLE_ADS","conversionLabel","cookiePrefix","idAdwords","instanceId","loadedComponents","
|
|
1
|
+
{"version":3,"file":"PerformanceManager.scripts.js","names":["_helpers","require","_Core","SCRIPTS","exports","PERFORMANCE","AFFILIRED","components","init","src","once","ANALYTICS","idAnalytics","arguments","length","undefined","concat","onLoad","window","dataLayer","gtag","push","Date","linker","accept_incoming","BING","_ref","idBing","uetq","UET","ti","q","ad_storage","COMPARE","document","addEventListener","CmprmInit","InitMirai","GOOGLE_ADS","conversionLabel","cookiePrefix","idAdwords","instanceId","loadedComponents","includes","conversion_cookie_prefix","allow_enhanced_conversions","GTM","idGTM","id","dataLayerPush","event","getTime","FACEBOOK","MIRAI","hotel","place","hotelId","isHotel","THE_HOTEL_NETWORK","_ref2"],"sources":["../../../src/contexts/PerformanceManager/PerformanceManager.scripts.js"],"sourcesContent":["import { dataLayerPush } from './helpers';\nimport { PERFORMANCE } from '../../Core.constants';\n\nconst SCRIPTS = {\n [PERFORMANCE.AFFILIRED]: {\n components: ['booking'],\n init: () => ({\n src: 'https://scripts.affilired.com/v2/tracking.php',\n }),\n once: true,\n },\n\n [PERFORMANCE.ANALYTICS]: {\n init: ({ idAnalytics } = {}) => ({\n src: `https://www.googletagmanager.com/gtag/js?id=${idAnalytics}`,\n onLoad: () => {\n window.dataLayer = window.dataLayer || [];\n window.gtag = function () {\n window.dataLayer.push(arguments);\n };\n window.gtag('js', new Date());\n window.gtag('config', idAnalytics, { linker: { accept_incoming: true } });\n },\n }),\n },\n\n [PERFORMANCE.BING]: {\n init: ({ idBing }) => ({\n src: '//bat.bing.com/bat.js',\n onLoad: () => {\n const uetq = `uetq_${idBing}`;\n // eslint-disable-next-line no-undef\n window[uetq] = new UET({ ti: idBing, q: window[uetq] || [] });\n window[uetq].push('consent', 'update', { ad_storage: 'granted' });\n window[uetq].push('pageLoad');\n },\n }),\n },\n\n [PERFORMANCE.COMPARE]: {\n components: ['rates', 'checkout', 'booking'],\n init: () => ({\n src: 'https://static.hotelmonitor.info/CmprmInit-min.js',\n onLoad: () => {\n document.addEventListener('CmprmInitLoaded', window.CmprmInit.InitMirai, false);\n },\n }),\n once: true,\n },\n\n [PERFORMANCE.GOOGLE_ADS]: {\n init: ({ conversionLabel, cookiePrefix, idAdwords, instanceId, loadedComponents = [] } = {}) => ({\n src:\n (instanceId === '10030559' && conversionLabel === 's54-COOp2_sbEOqysPkD') ||\n (['500255', '100376306', '100376307'].includes(instanceId) &&\n conversionLabel === 'B5UuCL7nsP8bEKDAwr8C' &&\n idAdwords === '670081056') ||\n (['66392129', '100122077', '100131206', '500163', '501196'].includes(instanceId) &&\n conversionLabel === 'CDClCM62goIcEJ6o59gD' &&\n idAdwords === '991548446')\n ? '/metrics/'\n : `https://www.googletagmanager.com/gtag/js?id=AW-${idAdwords}`,\n onLoad: () => {\n window.dataLayer = window.dataLayer || [];\n window.gtag = function () {\n window.dataLayer.push(arguments);\n };\n window.gtag('config', `AW-${idAdwords}`, {\n conversion_cookie_prefix: cookiePrefix,\n allow_enhanced_conversions: loadedComponents.includes('booking'),\n });\n },\n }),\n },\n\n [PERFORMANCE.GTM]: {\n init: ({ idGTM: id } = {}) => ({\n src: `https://www.googletagmanager.com/gtm.js?id=${id}`,\n onLoad: () => {\n window.dataLayer = window.dataLayer || [];\n dataLayerPush({ event: 'gtm.js', 'gtm.start': new Date().getTime() });\n },\n }),\n },\n\n [PERFORMANCE.FACEBOOK]: {\n components: ['rates', 'checkout', 'booking'],\n },\n\n [PERFORMANCE.MIRAI]: {\n init: ({ hotel: { id } = {}, instanceId, loadedComponents, place: { id: [hotelId] = [], isHotel } = {} } = {}) => ({\n src: `https://metas.mirai.com/connectivity/gtag/b2c?hotelId=${\n isHotel && hotelId && !loadedComponents.includes('finder') ? hotelId : id || instanceId\n }`,\n }),\n once: true,\n },\n\n [PERFORMANCE.THE_HOTEL_NETWORK]: {\n init: ({ id = '7' }) => ({\n src: `https://www.thehotelsnetwork.com/js/hotel_price_widget.js?partnership_id=${id}`,\n }),\n },\n};\n\nexport { SCRIPTS };\n"],"mappings":"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","ignoreList":[]}
|