@zonos/elements 1.3.7-alpha.1 → 1.3.7
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/dist/cjs/{cart-89d9fff4.js → cart-eee85bda.js} +3 -13
- package/dist/cjs/{submitGtag-24740560.js → submitGtag-a2e1f652.js} +1 -1
- package/dist/cjs/zonos-address_4.cjs.entry.js +3 -4
- package/dist/cjs/zonos-card_2.cjs.entry.js +1 -1
- package/dist/cjs/zonos-cart-items_9.cjs.entry.js +2 -2
- package/dist/cjs/zonos-checkout.cjs.entry.js +3 -4
- package/dist/cjs/zonos-controller.cjs.entry.js +2 -3
- package/dist/cjs/zonos-country-flag.cjs.entry.js +1 -1
- package/dist/cjs/zonos-country-select_3.cjs.entry.js +1 -1
- package/dist/cjs/zonos-hello-dialog.cjs.entry.js +1 -1
- package/dist/cjs/zonos-hello.cjs.entry.js +2 -3
- package/dist/cjs/zonos-payment.cjs.entry.js +3 -4
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js +2 -2
- package/dist/collection/components/hello/zonos-hello/zonos-hello.js +2 -2
- package/dist/collection/components/main/zonos-controller.js +1 -2
- package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js +3 -3
- package/dist/collection/components/stripe/zonos-payment/zonos-payment.js +3 -3
- package/dist/collection/components/utils/api/getLocaleMessages.js +2 -2
- package/dist/collection/components/utils/hello/currencyConversion/getCurrencyElements.js +0 -2
- package/dist/collection/components/utils/logging/log.js +2 -8
- package/dist/collection/components/utils/logging/logError.js +0 -1
- package/dist/collection/scripts/zonosBase.js +0 -3
- package/dist/components/stripe.js +3 -13
- package/dist/components/zonos-checkout.js +1 -2
- package/dist/components/zonos-controller.js +1 -2
- package/dist/components/zonos-hello.js +1 -2
- package/dist/components/zonos-link-authentication2.js +3 -4
- package/dist/components/zonos-payment2.js +3 -4
- package/dist/esm/{cart-1bbb7662.js → cart-e261efc1.js} +3 -13
- package/dist/esm/{submitGtag-d3d11f1a.js → submitGtag-dfc6f1dc.js} +1 -1
- package/dist/esm/zonos-address_4.entry.js +3 -4
- package/dist/esm/zonos-card_2.entry.js +1 -1
- package/dist/esm/zonos-cart-items_9.entry.js +2 -2
- package/dist/esm/zonos-checkout.entry.js +3 -4
- package/dist/esm/zonos-controller.entry.js +2 -3
- package/dist/esm/zonos-country-flag.entry.js +1 -1
- package/dist/esm/zonos-country-select_3.entry.js +1 -1
- package/dist/esm/zonos-hello-dialog.entry.js +1 -1
- package/dist/esm/zonos-hello.entry.js +2 -3
- package/dist/esm/zonos-payment.entry.js +3 -4
- package/dist/esm-es5/{cart-1bbb7662.js → cart-e261efc1.js} +1 -1
- package/dist/esm-es5/{submitGtag-d3d11f1a.js → submitGtag-dfc6f1dc.js} +1 -1
- package/dist/esm-es5/zonos-address_4.entry.js +1 -1
- package/dist/esm-es5/zonos-card_2.entry.js +1 -1
- package/dist/esm-es5/zonos-cart-items_9.entry.js +1 -1
- package/dist/esm-es5/zonos-checkout.entry.js +1 -1
- package/dist/esm-es5/zonos-controller.entry.js +1 -1
- package/dist/esm-es5/zonos-country-flag.entry.js +1 -1
- package/dist/esm-es5/zonos-country-select_3.entry.js +1 -1
- package/dist/esm-es5/zonos-hello-dialog.entry.js +1 -1
- package/dist/esm-es5/zonos-hello.entry.js +1 -1
- package/dist/esm-es5/zonos-payment.entry.js +1 -1
- package/dist/scripts/loadStripe.js +1 -1
- package/dist/scripts/loadZonos.js +1 -1
- package/dist/scripts/stripe.js +1 -1
- package/dist/scripts/zonos.js +1 -1
- package/dist/scripts/zonosBase.js +1 -1
- package/dist/types/components/store/hello/localization.d.ts +1 -2
- package/dist/zonos-elements/p-066c5893.system.js +1 -1
- package/dist/zonos-elements/{p-87e9c42f.entry.js → p-0c91720b.entry.js} +1 -1
- package/dist/zonos-elements/{p-fdb72530.system.entry.js → p-1119dddf.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-fd642725.entry.js → p-14c3ef38.entry.js} +1 -1
- package/dist/zonos-elements/{p-5ee03db0.system.entry.js → p-165d469e.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-b2c0ec71.system.entry.js → p-389599d3.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-ec37439e.entry.js → p-3a1e685f.entry.js} +1 -1
- package/dist/zonos-elements/p-3b23e462.entry.js +1 -0
- package/dist/zonos-elements/{p-f862b97f.system.entry.js → p-4fb77a38.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-58c1ddef.system.js → p-5496951a.system.js} +1 -1
- package/dist/zonos-elements/{p-f478c814.system.entry.js → p-5c176b23.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-57b65321.system.entry.js → p-5d9a000a.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-0318632a.entry.js → p-5f4ba44c.entry.js} +1 -1
- package/dist/zonos-elements/p-69e2c59e.entry.js +1 -0
- package/dist/zonos-elements/p-745cd869.system.entry.js +1 -0
- package/dist/zonos-elements/{p-d054788b.system.js → p-78ba2928.system.js} +1 -1
- package/dist/zonos-elements/{p-d407c93a.system.entry.js → p-79b24786.system.entry.js} +1 -1
- package/dist/zonos-elements/p-7f4f45b3.entry.js +1 -0
- package/dist/zonos-elements/{p-135ab559.system.entry.js → p-9e6b489d.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-bef54fb1.entry.js → p-9f4e02a1.entry.js} +1 -1
- package/dist/zonos-elements/p-c060d475.js +1 -0
- package/dist/zonos-elements/{p-b0462325.system.entry.js → p-c2e58ee1.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-ae82a9ae.js → p-da767f8b.js} +1 -1
- package/dist/zonos-elements/p-dd9e8589.entry.js +1 -0
- package/dist/zonos-elements/{p-84f4f00f.entry.js → p-f11a3d9e.entry.js} +1 -1
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/package.json +1 -1
- package/dist/zonos-elements/p-15a80c4a.entry.js +0 -1
- package/dist/zonos-elements/p-7a32526c.entry.js +0 -1
- package/dist/zonos-elements/p-a5f12396.entry.js +0 -1
- package/dist/zonos-elements/p-c0d431f6.system.entry.js +0 -1
- package/dist/zonos-elements/p-e55dd932.js +0 -1
- package/dist/zonos-elements/p-edace42b.entry.js +0 -1
|
@@ -3571,8 +3571,8 @@ const getCountries = async () => {
|
|
|
3571
3571
|
|
|
3572
3572
|
const log = (message, type, ...additionalInfo) => {
|
|
3573
3573
|
var _a, _b;
|
|
3574
|
-
const isDebug =
|
|
3575
|
-
|
|
3574
|
+
const isDebug = !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.debug) ||
|
|
3575
|
+
!!window.location.search.match(/\?.*(&*)zonosDebug=1/);
|
|
3576
3576
|
// if debug is false, do not log
|
|
3577
3577
|
if (!isDebug) {
|
|
3578
3578
|
// log errors to the console if the type is error
|
|
@@ -3603,30 +3603,23 @@ const log = (message, type, ...additionalInfo) => {
|
|
|
3603
3603
|
const zConsole = ((_b = loggingIframe.contentWindow) === null || _b === void 0 ? void 0 : _b.window.console) || window.console;
|
|
3604
3604
|
switch (type) {
|
|
3605
3605
|
case 'warn':
|
|
3606
|
-
// eslint-disable-next-line no-console
|
|
3607
3606
|
zConsole.warn(message, ...additionalInfo);
|
|
3608
3607
|
break;
|
|
3609
3608
|
case 'info':
|
|
3610
|
-
// eslint-disable-next-line no-console
|
|
3611
3609
|
zConsole.info(message, ...additionalInfo);
|
|
3612
3610
|
break;
|
|
3613
3611
|
case 'error':
|
|
3614
|
-
// eslint-disable-next-line no-console
|
|
3615
3612
|
zConsole.error(message, ...additionalInfo);
|
|
3616
3613
|
break;
|
|
3617
3614
|
default:
|
|
3618
|
-
// eslint-disable-next-line no-console
|
|
3619
3615
|
zConsole.groupCollapsed(message, ...additionalInfo);
|
|
3620
|
-
// eslint-disable-next-line no-console
|
|
3621
3616
|
zConsole.trace();
|
|
3622
|
-
// eslint-disable-next-line no-console
|
|
3623
3617
|
zConsole.groupEnd();
|
|
3624
3618
|
break;
|
|
3625
3619
|
}
|
|
3626
3620
|
};
|
|
3627
3621
|
|
|
3628
3622
|
const logError = (message, ...rest) => {
|
|
3629
|
-
// eslint-disable-next-line no-console
|
|
3630
3623
|
log(message, 'error', ...rest);
|
|
3631
3624
|
};
|
|
3632
3625
|
|
|
@@ -3670,8 +3663,7 @@ const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
|
|
|
3670
3663
|
const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/locale-messages?countryCode=${countryCode}&storeId=${storeId}&localeTo=${localeTo}`;
|
|
3671
3664
|
const { errors, json } = await handleFetch(url);
|
|
3672
3665
|
if (errors.length || !json) {
|
|
3673
|
-
|
|
3674
|
-
console.error('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
|
|
3666
|
+
logError('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
|
|
3675
3667
|
return [];
|
|
3676
3668
|
}
|
|
3677
3669
|
return json.locale_countryCodesPage;
|
|
@@ -3792,13 +3784,11 @@ const isValidSelector = (selector) => {
|
|
|
3792
3784
|
const getCurrencyElements = (selector) => {
|
|
3793
3785
|
const currencySelector = selector || '.money';
|
|
3794
3786
|
if (!isValidSelector(currencySelector)) {
|
|
3795
|
-
// eslint-disable-next-line no-console
|
|
3796
3787
|
logError(`Currency element selector "${currencySelector}" is not valid.`);
|
|
3797
3788
|
return null;
|
|
3798
3789
|
}
|
|
3799
3790
|
const currencyElements = document.querySelectorAll(currencySelector);
|
|
3800
3791
|
if (!currencyElements.length) {
|
|
3801
|
-
// eslint-disable-next-line no-console
|
|
3802
3792
|
log(`No currency elements found with selector "${currencySelector}"`, 'warn');
|
|
3803
3793
|
return null;
|
|
3804
3794
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-72767498.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-eee85bda.js');
|
|
7
7
|
const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
|
|
8
8
|
const zonosStore = require('./zonosStore-138c5555.js');
|
|
9
9
|
const classes = require('./classes-b7918f56.js');
|
|
@@ -274,8 +274,7 @@ const ZonosLinkAuthentication = class {
|
|
|
274
274
|
cart.stripeStore.stripeElements.create('linkAuthentication');
|
|
275
275
|
const linkAuthenticationElementContainer = this.el.querySelector('.zonos--link-authentication-component');
|
|
276
276
|
if (!linkAuthenticationElementContainer) {
|
|
277
|
-
|
|
278
|
-
console.error('Cannot find container element for linkAuthenticationElement');
|
|
277
|
+
cart.logError('Cannot find container element for linkAuthenticationElement');
|
|
279
278
|
return;
|
|
280
279
|
}
|
|
281
280
|
linkAuthenticationElement.mount(linkAuthenticationElementContainer);
|
|
@@ -292,7 +291,7 @@ const ZonosLinkAuthentication = class {
|
|
|
292
291
|
}
|
|
293
292
|
render() {
|
|
294
293
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
295
|
-
return (index.h(index.Host, { key: '
|
|
294
|
+
return (index.h(index.Host, { key: '671681b3ca3e95ab25a70cb44e84db7e2b3903e8', class: "zonos--link-authentication zonos--elements" }, index.h("zonos-text", { key: '8d20c795500e3ce27b92cdeb0446908e550f9f13', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'b8374d7d7a4844b4c2cf6363b8d2d225bb52b21d', class: "zonos--link-authentication-component" })));
|
|
296
295
|
}
|
|
297
296
|
get el() { return index.getElement(this); }
|
|
298
297
|
static get watchers() { return {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-72767498.js');
|
|
6
6
|
const zonosStore = require('./zonosStore-138c5555.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
|
-
const cart = require('./cart-
|
|
8
|
+
const cart = require('./cart-eee85bda.js');
|
|
9
9
|
const ILanguage = require('./ILanguage-d247b45b.js');
|
|
10
10
|
require('./isDarkColor-57860b44.js');
|
|
11
11
|
require('./getBorderRadius-d8f18958.js');
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-72767498.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-eee85bda.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-138c5555.js');
|
|
8
|
-
const submitGtag = require('./submitGtag-
|
|
8
|
+
const submitGtag = require('./submitGtag-a2e1f652.js');
|
|
9
9
|
const getBorderRadius = require('./getBorderRadius-d8f18958.js');
|
|
10
10
|
const classes = require('./classes-b7918f56.js');
|
|
11
11
|
const isDarkColor = require('./isDarkColor-57860b44.js');
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-72767498.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-eee85bda.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-138c5555.js');
|
|
8
|
-
const submitGtag = require('./submitGtag-
|
|
8
|
+
const submitGtag = require('./submitGtag-a2e1f652.js');
|
|
9
9
|
const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
|
|
10
10
|
const classes = require('./classes-b7918f56.js');
|
|
11
11
|
const getBorderRadius = require('./getBorderRadius-d8f18958.js');
|
|
@@ -416,8 +416,7 @@ const ZonosCheckout = class {
|
|
|
416
416
|
cart.cartStoreNextStep();
|
|
417
417
|
}
|
|
418
418
|
catch (err) {
|
|
419
|
-
|
|
420
|
-
console.error(err);
|
|
419
|
+
cart.logError(err);
|
|
421
420
|
this.paymentError = true;
|
|
422
421
|
}
|
|
423
422
|
this.submitLoading = false;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-72767498.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-eee85bda.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-138c5555.js');
|
|
8
8
|
require('./isDarkColor-57860b44.js');
|
|
9
9
|
require('./getBorderRadius-d8f18958.js');
|
|
@@ -94,7 +94,6 @@ const ZonosController = class {
|
|
|
94
94
|
*/
|
|
95
95
|
async initCheckoutElement(stripe) {
|
|
96
96
|
if (!stripe) {
|
|
97
|
-
// eslint-disable-next-line no-console
|
|
98
97
|
cart.log('Stripe is not loaded yet - cannot init checkout element', 'warn');
|
|
99
98
|
return;
|
|
100
99
|
}
|
|
@@ -230,7 +229,7 @@ const ZonosController = class {
|
|
|
230
229
|
zonosStore.zonosStore.organizationName = organizationName;
|
|
231
230
|
}
|
|
232
231
|
render() {
|
|
233
|
-
return index.h(index.Host, { key: '
|
|
232
|
+
return index.h(index.Host, { key: '0b734aaa82bd08277fb3a2694197b13242a4d0a6', class: "zonos--elements" });
|
|
234
233
|
}
|
|
235
234
|
};
|
|
236
235
|
ZonosController.style = ZonosControllerStyle0;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-72767498.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-eee85bda.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-138c5555.js');
|
|
8
8
|
const classes = require('./classes-b7918f56.js');
|
|
9
9
|
require('./isDarkColor-57860b44.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-72767498.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-eee85bda.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-138c5555.js');
|
|
8
8
|
const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
|
|
9
9
|
const isDarkColor = require('./isDarkColor-57860b44.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-72767498.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-eee85bda.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-138c5555.js');
|
|
8
8
|
const classes = require('./classes-b7918f56.js');
|
|
9
9
|
const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-72767498.js');
|
|
6
6
|
const zonosStore = require('./zonosStore-138c5555.js');
|
|
7
|
-
const cart = require('./cart-
|
|
7
|
+
const cart = require('./cart-eee85bda.js');
|
|
8
8
|
const classes = require('./classes-b7918f56.js');
|
|
9
9
|
const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
|
|
10
10
|
require('./isDarkColor-57860b44.js');
|
|
@@ -671,8 +671,7 @@ const ZonosHello = class {
|
|
|
671
671
|
*/
|
|
672
672
|
async displayCurrency() {
|
|
673
673
|
if (!cart.localizationStore.exchangeRate) {
|
|
674
|
-
|
|
675
|
-
console.error('Could not display currency. Exchange rate and format data is not available.');
|
|
674
|
+
cart.logError('Could not display currency. Exchange rate and format data is not available.');
|
|
676
675
|
return;
|
|
677
676
|
}
|
|
678
677
|
cart.currencyDisplay();
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-72767498.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-eee85bda.js');
|
|
7
7
|
require('./zonosStore-138c5555.js');
|
|
8
8
|
require('./isDarkColor-57860b44.js');
|
|
9
9
|
require('./getBorderRadius-d8f18958.js');
|
|
@@ -29,8 +29,7 @@ const ZonosPayment = class {
|
|
|
29
29
|
});
|
|
30
30
|
const paymentElementContainer = this.el.querySelector('.zonos--payment-component');
|
|
31
31
|
if (!paymentElementContainer) {
|
|
32
|
-
|
|
33
|
-
console.error('Cannot find container element for paymentElement');
|
|
32
|
+
cart.logError('Cannot find container element for paymentElement');
|
|
34
33
|
return;
|
|
35
34
|
}
|
|
36
35
|
paymentElement.mount(paymentElementContainer);
|
|
@@ -45,7 +44,7 @@ const ZonosPayment = class {
|
|
|
45
44
|
}
|
|
46
45
|
render() {
|
|
47
46
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
48
|
-
return (index.h(index.Host, { key: '
|
|
47
|
+
return (index.h(index.Host, { key: 'e10a4ce1a9ecf05ad8efaceeb861284a92e475d2', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: 'a1b52de6a2cec2f707e00c39ebcd7752ad191af6', class: "zonos--payment-component" })));
|
|
49
48
|
}
|
|
50
49
|
get el() { return index.getElement(this); }
|
|
51
50
|
static get watchers() { return {
|
|
@@ -12,6 +12,7 @@ import { classes } from "../../utils/classes";
|
|
|
12
12
|
import { getBorderRadius } from "../../utils/getBorderRadius";
|
|
13
13
|
import { isDarkColor } from "../../utils/isDarkColor";
|
|
14
14
|
import { log } from "../../utils/logging/log";
|
|
15
|
+
import { logError } from "../../utils/logging/logError";
|
|
15
16
|
import { mergeConfig } from "../../utils/mergeConfig";
|
|
16
17
|
import { submitGtag } from "../../utils/submitGtag";
|
|
17
18
|
/** These assets neet to be in relative path as https://www.npmjs.com/package/stencil-inline-svg suggested */
|
|
@@ -293,8 +294,7 @@ export class ZonosCheckout {
|
|
|
293
294
|
cartStoreNextStep();
|
|
294
295
|
}
|
|
295
296
|
catch (err) {
|
|
296
|
-
|
|
297
|
-
console.error(err);
|
|
297
|
+
logError(err);
|
|
298
298
|
this.paymentError = true;
|
|
299
299
|
}
|
|
300
300
|
this.submitLoading = false;
|
|
@@ -15,6 +15,7 @@ import { getProductsOnPage } from "../../utils/hello/getProductsOnPage";
|
|
|
15
15
|
import { getZCountryUrlParam } from "../../utils/hello/getZCountryUrlParam";
|
|
16
16
|
import { setZCountryUrlParam } from "../../utils/hello/setZCountryUrlParam";
|
|
17
17
|
import { log } from "../../utils/logging/log";
|
|
18
|
+
import { logError } from "../../utils/logging/logError";
|
|
18
19
|
import { mergeConfig } from "../../utils/mergeConfig";
|
|
19
20
|
const PEEK_MESSAGE_CLOSE_DELAY_MS = 3000;
|
|
20
21
|
const RESIZE_DEBOUNCE_DELAY_MS = 500;
|
|
@@ -213,8 +214,7 @@ export class ZonosHello {
|
|
|
213
214
|
*/
|
|
214
215
|
async displayCurrency() {
|
|
215
216
|
if (!localizationStore.exchangeRate) {
|
|
216
|
-
|
|
217
|
-
console.error('Could not display currency. Exchange rate and format data is not available.');
|
|
217
|
+
logError('Could not display currency. Exchange rate and format data is not available.');
|
|
218
218
|
return;
|
|
219
219
|
}
|
|
220
220
|
currencyDisplay();
|
|
@@ -17,7 +17,6 @@ export class ZonosController {
|
|
|
17
17
|
*/
|
|
18
18
|
async initCheckoutElement(stripe) {
|
|
19
19
|
if (!stripe) {
|
|
20
|
-
// eslint-disable-next-line no-console
|
|
21
20
|
log('Stripe is not loaded yet - cannot init checkout element', 'warn');
|
|
22
21
|
return;
|
|
23
22
|
}
|
|
@@ -153,7 +152,7 @@ export class ZonosController {
|
|
|
153
152
|
zonosStore.organizationName = organizationName;
|
|
154
153
|
}
|
|
155
154
|
render() {
|
|
156
|
-
return h(Host, { key: '
|
|
155
|
+
return h(Host, { key: '0b734aaa82bd08277fb3a2694197b13242a4d0a6', class: "zonos--elements" });
|
|
157
156
|
}
|
|
158
157
|
static get is() { return "zonos-controller"; }
|
|
159
158
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2
2
|
import { h, Host } from "@stencil/core";
|
|
3
3
|
import { stripeStore, stripeStorePrefetchLandedCost, } from "../../store/checkout/stripe";
|
|
4
|
+
import { logError } from "../../utils/logging/logError";
|
|
4
5
|
/**
|
|
5
6
|
* This component is a wrapper for the stripe authentication element that would render default style object
|
|
6
7
|
*/
|
|
@@ -18,8 +19,7 @@ export class ZonosLinkAuthentication {
|
|
|
18
19
|
stripeStore.stripeElements.create('linkAuthentication');
|
|
19
20
|
const linkAuthenticationElementContainer = this.el.querySelector('.zonos--link-authentication-component');
|
|
20
21
|
if (!linkAuthenticationElementContainer) {
|
|
21
|
-
|
|
22
|
-
console.error('Cannot find container element for linkAuthenticationElement');
|
|
22
|
+
logError('Cannot find container element for linkAuthenticationElement');
|
|
23
23
|
return;
|
|
24
24
|
}
|
|
25
25
|
linkAuthenticationElement.mount(linkAuthenticationElementContainer);
|
|
@@ -36,7 +36,7 @@ export class ZonosLinkAuthentication {
|
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
38
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
39
|
-
return (h(Host, { key: '
|
|
39
|
+
return (h(Host, { key: '671681b3ca3e95ab25a70cb44e84db7e2b3903e8', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: '8d20c795500e3ce27b92cdeb0446908e550f9f13', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'b8374d7d7a4844b4c2cf6363b8d2d225bb52b21d', class: "zonos--link-authentication-component" })));
|
|
40
40
|
}
|
|
41
41
|
static get is() { return "zonos-link-authentication"; }
|
|
42
42
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2
2
|
import { h, Host } from "@stencil/core";
|
|
3
3
|
import { stripeStore } from "../../store/checkout/stripe";
|
|
4
|
+
import { logError } from "../../utils/logging/logError";
|
|
4
5
|
/**
|
|
5
6
|
* This component is a wrapper for the stripe authentication element that would render default style object
|
|
6
7
|
*/
|
|
@@ -21,8 +22,7 @@ export class ZonosPayment {
|
|
|
21
22
|
});
|
|
22
23
|
const paymentElementContainer = this.el.querySelector('.zonos--payment-component');
|
|
23
24
|
if (!paymentElementContainer) {
|
|
24
|
-
|
|
25
|
-
console.error('Cannot find container element for paymentElement');
|
|
25
|
+
logError('Cannot find container element for paymentElement');
|
|
26
26
|
return;
|
|
27
27
|
}
|
|
28
28
|
paymentElement.mount(paymentElementContainer);
|
|
@@ -37,7 +37,7 @@ export class ZonosPayment {
|
|
|
37
37
|
}
|
|
38
38
|
render() {
|
|
39
39
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
40
|
-
return (h(Host, { key: '
|
|
40
|
+
return (h(Host, { key: 'e10a4ce1a9ecf05ad8efaceeb861284a92e475d2', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'a1b52de6a2cec2f707e00c39ebcd7752ad191af6', class: "zonos--payment-component" })));
|
|
41
41
|
}
|
|
42
42
|
static get is() { return "zonos-payment"; }
|
|
43
43
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { handleFetch } from "../handleFetch";
|
|
2
|
+
import { logError } from "../logging/logError";
|
|
2
3
|
export const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
|
|
3
4
|
var _a;
|
|
4
5
|
const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/locale-messages?countryCode=${countryCode}&storeId=${storeId}&localeTo=${localeTo}`;
|
|
5
6
|
const { errors, json } = await handleFetch(url);
|
|
6
7
|
if (errors.length || !json) {
|
|
7
|
-
|
|
8
|
-
console.error('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
|
|
8
|
+
logError('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
|
|
9
9
|
return [];
|
|
10
10
|
}
|
|
11
11
|
return json.locale_countryCodesPage;
|
|
@@ -4,13 +4,11 @@ import { logError } from "../../logging/logError";
|
|
|
4
4
|
export const getCurrencyElements = (selector) => {
|
|
5
5
|
const currencySelector = selector || '.money';
|
|
6
6
|
if (!isValidSelector(currencySelector)) {
|
|
7
|
-
// eslint-disable-next-line no-console
|
|
8
7
|
logError(`Currency element selector "${currencySelector}" is not valid.`);
|
|
9
8
|
return null;
|
|
10
9
|
}
|
|
11
10
|
const currencyElements = document.querySelectorAll(currencySelector);
|
|
12
11
|
if (!currencyElements.length) {
|
|
13
|
-
// eslint-disable-next-line no-console
|
|
14
12
|
log(`No currency elements found with selector "${currencySelector}"`, 'warn');
|
|
15
13
|
return null;
|
|
16
14
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export const log = (message, type, ...additionalInfo) => {
|
|
2
2
|
var _a, _b;
|
|
3
|
-
const isDebug =
|
|
4
|
-
|
|
3
|
+
const isDebug = !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.debug) ||
|
|
4
|
+
!!window.location.search.match(/\?.*(&*)zonosDebug=1/);
|
|
5
5
|
// if debug is false, do not log
|
|
6
6
|
if (!isDebug) {
|
|
7
7
|
// log errors to the console if the type is error
|
|
@@ -32,23 +32,17 @@ export const log = (message, type, ...additionalInfo) => {
|
|
|
32
32
|
const zConsole = ((_b = loggingIframe.contentWindow) === null || _b === void 0 ? void 0 : _b.window.console) || window.console;
|
|
33
33
|
switch (type) {
|
|
34
34
|
case 'warn':
|
|
35
|
-
// eslint-disable-next-line no-console
|
|
36
35
|
zConsole.warn(message, ...additionalInfo);
|
|
37
36
|
break;
|
|
38
37
|
case 'info':
|
|
39
|
-
// eslint-disable-next-line no-console
|
|
40
38
|
zConsole.info(message, ...additionalInfo);
|
|
41
39
|
break;
|
|
42
40
|
case 'error':
|
|
43
|
-
// eslint-disable-next-line no-console
|
|
44
41
|
zConsole.error(message, ...additionalInfo);
|
|
45
42
|
break;
|
|
46
43
|
default:
|
|
47
|
-
// eslint-disable-next-line no-console
|
|
48
44
|
zConsole.groupCollapsed(message, ...additionalInfo);
|
|
49
|
-
// eslint-disable-next-line no-console
|
|
50
45
|
zConsole.trace();
|
|
51
|
-
// eslint-disable-next-line no-console
|
|
52
46
|
zConsole.groupEnd();
|
|
53
47
|
break;
|
|
54
48
|
}
|
|
@@ -180,7 +180,6 @@ Zonos.injectSentryScript = () => {
|
|
|
180
180
|
return !!script;
|
|
181
181
|
};
|
|
182
182
|
if (findScript()) {
|
|
183
|
-
// eslint-disable-next-line no-console
|
|
184
183
|
log('Sentry script already exists in the document', 'warn');
|
|
185
184
|
return;
|
|
186
185
|
}
|
|
@@ -213,7 +212,6 @@ Zonos.injectScript = ({ fallBackDomain, isModule, scriptDomain, theRestUrl, }) =
|
|
|
213
212
|
return !!script;
|
|
214
213
|
};
|
|
215
214
|
if (findScript()) {
|
|
216
|
-
// eslint-disable-next-line no-console
|
|
217
215
|
log(`Zonos script "${fullScriptUrl}" already exists in the document`, 'warn');
|
|
218
216
|
return;
|
|
219
217
|
}
|
|
@@ -263,7 +261,6 @@ Zonos.injectZonosCdn = () => {
|
|
|
263
261
|
scriptDomain: ZONOS_URL,
|
|
264
262
|
theRestUrl: 'dist/zonos-elements/zonos-elements.js',
|
|
265
263
|
});
|
|
266
|
-
// eslint-disable-next-line no-console
|
|
267
264
|
log('Zonos cdn script injected!');
|
|
268
265
|
};
|
|
269
266
|
Zonos.injectStylesheet = ({ fallBackDomain, stylesheetDomain, theRestUrl, }) => {
|
|
@@ -3569,8 +3569,8 @@ const getCountries = async () => {
|
|
|
3569
3569
|
|
|
3570
3570
|
const log = (message, type, ...additionalInfo) => {
|
|
3571
3571
|
var _a, _b;
|
|
3572
|
-
const isDebug =
|
|
3573
|
-
|
|
3572
|
+
const isDebug = !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.debug) ||
|
|
3573
|
+
!!window.location.search.match(/\?.*(&*)zonosDebug=1/);
|
|
3574
3574
|
// if debug is false, do not log
|
|
3575
3575
|
if (!isDebug) {
|
|
3576
3576
|
// log errors to the console if the type is error
|
|
@@ -3601,30 +3601,23 @@ const log = (message, type, ...additionalInfo) => {
|
|
|
3601
3601
|
const zConsole = ((_b = loggingIframe.contentWindow) === null || _b === void 0 ? void 0 : _b.window.console) || window.console;
|
|
3602
3602
|
switch (type) {
|
|
3603
3603
|
case 'warn':
|
|
3604
|
-
// eslint-disable-next-line no-console
|
|
3605
3604
|
zConsole.warn(message, ...additionalInfo);
|
|
3606
3605
|
break;
|
|
3607
3606
|
case 'info':
|
|
3608
|
-
// eslint-disable-next-line no-console
|
|
3609
3607
|
zConsole.info(message, ...additionalInfo);
|
|
3610
3608
|
break;
|
|
3611
3609
|
case 'error':
|
|
3612
|
-
// eslint-disable-next-line no-console
|
|
3613
3610
|
zConsole.error(message, ...additionalInfo);
|
|
3614
3611
|
break;
|
|
3615
3612
|
default:
|
|
3616
|
-
// eslint-disable-next-line no-console
|
|
3617
3613
|
zConsole.groupCollapsed(message, ...additionalInfo);
|
|
3618
|
-
// eslint-disable-next-line no-console
|
|
3619
3614
|
zConsole.trace();
|
|
3620
|
-
// eslint-disable-next-line no-console
|
|
3621
3615
|
zConsole.groupEnd();
|
|
3622
3616
|
break;
|
|
3623
3617
|
}
|
|
3624
3618
|
};
|
|
3625
3619
|
|
|
3626
3620
|
const logError = (message, ...rest) => {
|
|
3627
|
-
// eslint-disable-next-line no-console
|
|
3628
3621
|
log(message, 'error', ...rest);
|
|
3629
3622
|
};
|
|
3630
3623
|
|
|
@@ -3668,8 +3661,7 @@ const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
|
|
|
3668
3661
|
const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/locale-messages?countryCode=${countryCode}&storeId=${storeId}&localeTo=${localeTo}`;
|
|
3669
3662
|
const { errors, json } = await handleFetch(url);
|
|
3670
3663
|
if (errors.length || !json) {
|
|
3671
|
-
|
|
3672
|
-
console.error('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
|
|
3664
|
+
logError('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
|
|
3673
3665
|
return [];
|
|
3674
3666
|
}
|
|
3675
3667
|
return json.locale_countryCodesPage;
|
|
@@ -3790,13 +3782,11 @@ const isValidSelector = (selector) => {
|
|
|
3790
3782
|
const getCurrencyElements = (selector) => {
|
|
3791
3783
|
const currencySelector = selector || '.money';
|
|
3792
3784
|
if (!isValidSelector(currencySelector)) {
|
|
3793
|
-
// eslint-disable-next-line no-console
|
|
3794
3785
|
logError(`Currency element selector "${currencySelector}" is not valid.`);
|
|
3795
3786
|
return null;
|
|
3796
3787
|
}
|
|
3797
3788
|
const currencyElements = document.querySelectorAll(currencySelector);
|
|
3798
3789
|
if (!currencyElements.length) {
|
|
3799
|
-
// eslint-disable-next-line no-console
|
|
3800
3790
|
log(`No currency elements found with selector "${currencySelector}"`, 'warn');
|
|
3801
3791
|
return null;
|
|
3802
3792
|
}
|
|
@@ -441,8 +441,7 @@ const ZonosCheckout$1 = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout ext
|
|
|
441
441
|
cartStoreNextStep();
|
|
442
442
|
}
|
|
443
443
|
catch (err) {
|
|
444
|
-
|
|
445
|
-
console.error(err);
|
|
444
|
+
logError(err);
|
|
446
445
|
this.paymentError = true;
|
|
447
446
|
}
|
|
448
447
|
this.submitLoading = false;
|
|
@@ -92,7 +92,6 @@ const ZonosController$1 = /*@__PURE__*/ proxyCustomElement(class ZonosController
|
|
|
92
92
|
*/
|
|
93
93
|
async initCheckoutElement(stripe) {
|
|
94
94
|
if (!stripe) {
|
|
95
|
-
// eslint-disable-next-line no-console
|
|
96
95
|
log('Stripe is not loaded yet - cannot init checkout element', 'warn');
|
|
97
96
|
return;
|
|
98
97
|
}
|
|
@@ -228,7 +227,7 @@ const ZonosController$1 = /*@__PURE__*/ proxyCustomElement(class ZonosController
|
|
|
228
227
|
zonosStore.organizationName = organizationName;
|
|
229
228
|
}
|
|
230
229
|
render() {
|
|
231
|
-
return h(Host, { key: '
|
|
230
|
+
return h(Host, { key: '0b734aaa82bd08277fb3a2694197b13242a4d0a6', class: "zonos--elements" });
|
|
232
231
|
}
|
|
233
232
|
static get style() { return ZonosControllerStyle0; }
|
|
234
233
|
}, [1, "zonos-controller", {
|
|
@@ -680,8 +680,7 @@ const ZonosHello$1 = /*@__PURE__*/ proxyCustomElement(class ZonosHello extends H
|
|
|
680
680
|
*/
|
|
681
681
|
async displayCurrency() {
|
|
682
682
|
if (!localizationStore.exchangeRate) {
|
|
683
|
-
|
|
684
|
-
console.error('Could not display currency. Exchange rate and format data is not available.');
|
|
683
|
+
logError('Could not display currency. Exchange rate and format data is not available.');
|
|
685
684
|
return;
|
|
686
685
|
}
|
|
687
686
|
currencyDisplay();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
-
import { s as stripeStore, a as stripeStorePrefetchLandedCost } from './stripe.js';
|
|
2
|
+
import { s as stripeStore, l as logError, a as stripeStorePrefetchLandedCost } from './stripe.js';
|
|
3
3
|
import { d as defineCustomElement$1 } from './zonos-text2.js';
|
|
4
4
|
|
|
5
5
|
const zonosLinkAuthenticationCss = ".sc-zonos-link-authentication-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-link-authentication-h *.sc-zonos-link-authentication{font-family:var(--font-family, Inter), Inter}.sc-zonos-link-authentication-h img.sc-zonos-link-authentication{max-width:100%}.sc-zonos-link-authentication-h dl.sc-zonos-link-authentication,.sc-zonos-link-authentication-h dd.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h1.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h2.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h3.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h4.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h5.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h6.sc-zonos-link-authentication,.sc-zonos-link-authentication-h hr.sc-zonos-link-authentication,.sc-zonos-link-authentication-h figure.sc-zonos-link-authentication,.sc-zonos-link-authentication-h p.sc-zonos-link-authentication,.sc-zonos-link-authentication-h pre.sc-zonos-link-authentication{margin:0}.sc-zonos-link-authentication-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-link-authentication-h .zonos--title.sc-zonos-link-authentication{margin-bottom:var(--amino-space-16)}";
|
|
@@ -21,8 +21,7 @@ const ZonosLinkAuthentication = /*@__PURE__*/ proxyCustomElement(class ZonosLink
|
|
|
21
21
|
stripeStore.stripeElements.create('linkAuthentication');
|
|
22
22
|
const linkAuthenticationElementContainer = this.el.querySelector('.zonos--link-authentication-component');
|
|
23
23
|
if (!linkAuthenticationElementContainer) {
|
|
24
|
-
|
|
25
|
-
console.error('Cannot find container element for linkAuthenticationElement');
|
|
24
|
+
logError('Cannot find container element for linkAuthenticationElement');
|
|
26
25
|
return;
|
|
27
26
|
}
|
|
28
27
|
linkAuthenticationElement.mount(linkAuthenticationElementContainer);
|
|
@@ -39,7 +38,7 @@ const ZonosLinkAuthentication = /*@__PURE__*/ proxyCustomElement(class ZonosLink
|
|
|
39
38
|
}
|
|
40
39
|
render() {
|
|
41
40
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
42
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: '671681b3ca3e95ab25a70cb44e84db7e2b3903e8', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: '8d20c795500e3ce27b92cdeb0446908e550f9f13', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'b8374d7d7a4844b4c2cf6363b8d2d225bb52b21d', class: "zonos--link-authentication-component" })));
|
|
43
42
|
}
|
|
44
43
|
get el() { return this; }
|
|
45
44
|
static get watchers() { return {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
-
import { s as stripeStore } from './stripe.js';
|
|
2
|
+
import { s as stripeStore, l as logError } from './stripe.js';
|
|
3
3
|
import { d as defineCustomElement$1 } from './zonos-text2.js';
|
|
4
4
|
|
|
5
5
|
const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:var(--amino-space-16)}";
|
|
@@ -24,8 +24,7 @@ const ZonosPayment = /*@__PURE__*/ proxyCustomElement(class ZonosPayment extends
|
|
|
24
24
|
});
|
|
25
25
|
const paymentElementContainer = this.el.querySelector('.zonos--payment-component');
|
|
26
26
|
if (!paymentElementContainer) {
|
|
27
|
-
|
|
28
|
-
console.error('Cannot find container element for paymentElement');
|
|
27
|
+
logError('Cannot find container element for paymentElement');
|
|
29
28
|
return;
|
|
30
29
|
}
|
|
31
30
|
paymentElement.mount(paymentElementContainer);
|
|
@@ -40,7 +39,7 @@ const ZonosPayment = /*@__PURE__*/ proxyCustomElement(class ZonosPayment extends
|
|
|
40
39
|
}
|
|
41
40
|
render() {
|
|
42
41
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
43
|
-
return (h(Host, { key: '
|
|
42
|
+
return (h(Host, { key: 'e10a4ce1a9ecf05ad8efaceeb861284a92e475d2', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'a1b52de6a2cec2f707e00c39ebcd7752ad191af6', class: "zonos--payment-component" })));
|
|
44
43
|
}
|
|
45
44
|
get el() { return this; }
|
|
46
45
|
static get watchers() { return {
|