@zonos/elements 1.3.109 → 1.3.111
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/{CheckoutConfig-c97f0f83.js → CheckoutConfig-5d7cf0c0.js} +19 -2
- package/dist/cjs/{cart-d25b699a.js → cart-a3eab220.js} +235 -75
- package/dist/cjs/createCustomEvent-3e982e57.js +16 -0
- package/dist/cjs/index.cjs.js +8 -8
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{paypal-fd423375.js → paypal-ca479c4b.js} +1 -1
- package/dist/cjs/zonos-address_7.cjs.entry.js +9 -9
- package/dist/cjs/zonos-badge.cjs.entry.js +3 -3
- package/dist/cjs/zonos-button_3.cjs.entry.js +3 -3
- package/dist/cjs/zonos-card.cjs.entry.js +4 -4
- package/dist/cjs/zonos-cart-items_13.cjs.entry.js +126 -104
- package/dist/cjs/zonos-checkout.cjs.entry.js +7 -7
- package/dist/cjs/zonos-collapse.cjs.entry.js +2 -2
- package/dist/cjs/zonos-component.cjs.entry.js +1 -1
- package/dist/cjs/zonos-controller.cjs.entry.js +2 -2
- package/dist/cjs/zonos-country-flag.cjs.entry.js +1 -1
- package/dist/cjs/zonos-country-select_4.cjs.entry.js +9 -9
- package/dist/cjs/zonos-elements.cjs.js +1 -1
- package/dist/cjs/zonos-hello-dialog.cjs.entry.js +5 -5
- package/dist/cjs/zonos-hello.cjs.entry.js +1 -1
- package/dist/cjs/zonos-input.cjs.entry.js +4 -4
- package/dist/cjs/zonos-language-select_2.cjs.entry.js +5 -5
- package/dist/cjs/zonos-link.cjs.entry.js +1 -1
- package/dist/cjs/zonos-logo.cjs.entry.js +2 -2
- package/dist/cjs/zonos-notification_3.cjs.entry.js +5 -5
- package/dist/cjs/zonos-toggle.cjs.entry.js +2 -2
- package/dist/cjs/zonos-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/zonos-v-stack.cjs.entry.js +2 -2
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.css +3 -0
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.js +108 -86
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.js +2 -2
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js +2 -2
- package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.js +2 -2
- package/dist/collection/components/common/zonos-badge/zonos-badge.js +3 -3
- package/dist/collection/components/common/zonos-button/zonos-button.js +3 -3
- package/dist/collection/components/common/zonos-card/zonos-card.js +4 -4
- package/dist/collection/components/common/zonos-checkbox/zonos-checkbox.js +3 -3
- package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.js +3 -3
- package/dist/collection/components/common/zonos-collapse/zonos-collapse.js +2 -2
- package/dist/collection/components/common/zonos-confirm-dialog/zonos-confirm-dialog.js +3 -3
- package/dist/collection/components/common/zonos-country-select/zonos-country-select.js +2 -2
- package/dist/collection/components/common/zonos-custom-message/zonos-custom-message.js +2 -2
- package/dist/collection/components/common/zonos-dialog/zonos-dialog.js +3 -3
- package/dist/collection/components/common/zonos-input/zonos-input.js +4 -4
- package/dist/collection/components/common/zonos-language-select/zonos-language-select.js +2 -2
- package/dist/collection/components/common/zonos-link/zonos-link.js +1 -1
- package/dist/collection/components/common/zonos-logo/zonos-logo.js +2 -2
- package/dist/collection/components/common/zonos-rest-state/zonos-rest-state.js +3 -3
- package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.js +2 -2
- package/dist/collection/components/common/zonos-toggle/zonos-toggle.js +2 -2
- package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.js +2 -2
- package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js +2 -2
- package/dist/collection/components/common/zonos-virtual-scroll/zonos-virtual-scroll.js +2 -2
- package/dist/collection/components/component-template/zonos-component/zonos-component.js +1 -1
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.js +2 -2
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js +4 -4
- package/dist/collection/components/main/zonos-controller.js +1 -1
- package/dist/collection/components/paypal/zonos-paypal-payment.js +1 -1
- package/dist/collection/components/store/checkout/stripe.js +11 -1
- package/dist/collection/components/store/translationStore/strings.arabic.js +9 -3
- package/dist/collection/components/store/translationStore/strings.base.js +9 -3
- package/dist/collection/components/store/translationStore/strings.chinese.js +10 -4
- package/dist/collection/components/store/translationStore/strings.danish.js +10 -4
- package/dist/collection/components/store/translationStore/strings.dutch.js +10 -4
- package/dist/collection/components/store/translationStore/strings.french.js +9 -3
- package/dist/collection/components/store/translationStore/strings.german.js +10 -4
- package/dist/collection/components/store/translationStore/strings.hebrew.js +10 -4
- package/dist/collection/components/store/translationStore/strings.indonesian.js +10 -4
- package/dist/collection/components/store/translationStore/strings.italian.js +10 -4
- package/dist/collection/components/store/translationStore/strings.japanese.js +10 -4
- package/dist/collection/components/store/translationStore/strings.korean.js +10 -4
- package/dist/collection/components/store/translationStore/strings.norwegian.js +9 -3
- package/dist/collection/components/store/translationStore/strings.polish.js +9 -3
- package/dist/collection/components/store/translationStore/strings.portuguese.js +10 -4
- package/dist/collection/components/store/translationStore/strings.russian.js +10 -4
- package/dist/collection/components/store/translationStore/strings.spanish.js +10 -4
- package/dist/collection/components/store/translationStore/strings.swedish.js +10 -4
- package/dist/collection/components/store/translationStore/strings.turkish.js +10 -4
- package/dist/collection/components/store/translationStore/strings.vietnamese.js +9 -3
- package/dist/collection/components/stripe/zonos-address/zonos-address.js +1 -1
- package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js +1 -1
- package/dist/collection/components/stripe/zonos-payment/zonos-payment.css +3 -0
- package/dist/collection/components/stripe/zonos-payment/zonos-payment.js +1 -1
- package/dist/collection/scripts/cart/_getIsValidCartId.js +15 -0
- package/dist/collection/scripts/cart/_setupCartData.js +4 -2
- package/dist/esm/{CheckoutConfig-4d2a508c.js → CheckoutConfig-32f33d8b.js} +19 -2
- package/dist/esm/{cart-911ba5dd.js → cart-163f4dd9.js} +235 -76
- package/dist/esm/createCustomEvent-31a792d3.js +13 -0
- package/dist/esm/index.js +9 -9
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{paypal-04a10fc2.js → paypal-77e8eef2.js} +1 -1
- package/dist/esm/zonos-address_7.entry.js +9 -9
- package/dist/esm/zonos-badge.entry.js +3 -3
- package/dist/esm/zonos-button_3.entry.js +3 -3
- package/dist/esm/zonos-card.entry.js +4 -4
- package/dist/esm/zonos-cart-items_13.entry.js +125 -103
- package/dist/esm/zonos-checkout.entry.js +6 -6
- package/dist/esm/zonos-collapse.entry.js +2 -2
- package/dist/esm/zonos-component.entry.js +1 -1
- package/dist/esm/zonos-controller.entry.js +2 -2
- package/dist/esm/zonos-country-flag.entry.js +1 -1
- package/dist/esm/zonos-country-select_4.entry.js +9 -9
- package/dist/esm/zonos-elements.js +1 -1
- package/dist/esm/zonos-hello-dialog.entry.js +5 -5
- package/dist/esm/zonos-hello.entry.js +1 -1
- package/dist/esm/zonos-input.entry.js +4 -4
- package/dist/esm/zonos-language-select_2.entry.js +5 -5
- package/dist/esm/zonos-link.entry.js +1 -1
- package/dist/esm/zonos-logo.entry.js +2 -2
- package/dist/esm/zonos-notification_3.entry.js +5 -5
- package/dist/esm/zonos-toggle.entry.js +2 -2
- package/dist/esm/zonos-tooltip.entry.js +2 -2
- package/dist/esm/zonos-v-stack.entry.js +2 -2
- package/dist/esm-es5/CheckoutConfig-32f33d8b.js +1 -0
- package/dist/esm-es5/cart-163f4dd9.js +1 -0
- package/dist/esm-es5/createCustomEvent-31a792d3.js +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{paypal-04a10fc2.js → paypal-77e8eef2.js} +1 -1
- package/dist/esm-es5/zonos-address_7.entry.js +1 -1
- package/dist/esm-es5/zonos-badge.entry.js +1 -1
- package/dist/esm-es5/zonos-button_3.entry.js +1 -1
- package/dist/esm-es5/zonos-card.entry.js +1 -1
- package/dist/esm-es5/zonos-cart-items_13.entry.js +1 -1
- package/dist/esm-es5/zonos-checkout.entry.js +1 -1
- package/dist/esm-es5/zonos-collapse.entry.js +1 -1
- package/dist/esm-es5/zonos-component.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_4.entry.js +1 -1
- package/dist/esm-es5/zonos-elements.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-input.entry.js +1 -1
- package/dist/esm-es5/zonos-language-select_2.entry.js +1 -1
- package/dist/esm-es5/zonos-link.entry.js +1 -1
- package/dist/esm-es5/zonos-logo.entry.js +1 -1
- package/dist/esm-es5/zonos-notification_3.entry.js +1 -1
- package/dist/esm-es5/zonos-toggle.entry.js +1 -1
- package/dist/esm-es5/zonos-tooltip.entry.js +1 -1
- package/dist/esm-es5/zonos-v-stack.entry.js +1 -1
- package/dist/scripts/index.d.ts +0 -5
- package/dist/scripts/index.js +1 -1
- package/dist/scripts/loadZonos.js +1 -1
- package/dist/scripts/zonos.js +1 -1
- package/dist/types/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.d.ts +0 -1
- package/dist/types/components/store/checkout/stripe.d.ts +6 -0
- package/dist/types/components/store/translationStore/strings.arabic.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.base.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.chinese.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.danish.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.dutch.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.french.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.german.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.hebrew.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.indonesian.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.italian.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.japanese.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.korean.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.norwegian.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.polish.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.portuguese.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.russian.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.spanish.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.swedish.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.turkish.d.ts +9 -3
- package/dist/types/components/store/translationStore/strings.vietnamese.d.ts +9 -3
- package/dist/types/components/store/translationStore.d.ts +1 -1
- package/dist/types/scripts/cart/_getIsValidCartId.d.ts +4 -0
- package/dist/types/types/checkout/CheckoutConfig.d.ts +0 -5
- package/dist/zonos-elements/assets/RemoveIcon.svg +1 -1
- package/dist/zonos-elements/index.esm.js +1 -1
- package/dist/zonos-elements/{p-58832515.entry.js → p-019028d5.entry.js} +1 -1
- package/dist/zonos-elements/{p-939d363c.system.entry.js → p-02b1e030.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-ba3d2965.entry.js → p-06e3c94f.entry.js} +1 -1
- package/dist/zonos-elements/{p-123cabaa.system.entry.js → p-0810568b.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-2a1475a4.system.entry.js → p-0a8b6b4a.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-eaf09ccb.entry.js → p-0ad85ec6.entry.js} +1 -1
- package/dist/zonos-elements/p-110ee9ab.entry.js +1 -0
- package/dist/zonos-elements/{p-1e1397fe.entry.js → p-124f5c21.entry.js} +1 -1
- package/dist/zonos-elements/{p-796dbada.entry.js → p-1605dd48.entry.js} +1 -1
- package/dist/zonos-elements/{p-ee14ba06.system.entry.js → p-189aa06e.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-b8850092.entry.js → p-1a0e138c.entry.js} +1 -1
- package/dist/zonos-elements/{p-32c29205.system.entry.js → p-1c1ab3c8.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-1a9a51bf.entry.js → p-1c7e19f7.entry.js} +1 -1
- package/dist/zonos-elements/p-1dcaf64f.js +17 -0
- package/dist/zonos-elements/{p-6927d227.system.entry.js → p-2a0c4426.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-84d38e0c.entry.js → p-31acf417.entry.js} +1 -1
- package/dist/zonos-elements/p-33b57fab.system.js +1 -0
- package/dist/zonos-elements/{p-bfd73737.system.entry.js → p-3c90f724.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-ff7b0d6b.system.entry.js → p-42b0fca8.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-9f89f828.system.entry.js → p-42d9d3af.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-ae7526a2.system.entry.js → p-442a308c.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-24813754.system.entry.js → p-46a71949.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-e880ab28.system.js → p-49135023.system.js} +1 -1
- package/dist/zonos-elements/p-56d405d0.js +1 -0
- package/dist/zonos-elements/{p-8b0feb0e.entry.js → p-58e6386b.entry.js} +1 -1
- package/dist/zonos-elements/{p-9d678aea.system.js → p-5929ba9e.system.js} +1 -1
- package/dist/zonos-elements/p-5a011a47.system.js +1 -0
- package/dist/zonos-elements/p-605473a3.entry.js +1 -0
- package/dist/zonos-elements/p-64372f93.system.js +1 -0
- package/dist/zonos-elements/p-7b999a40.js +1 -0
- package/dist/zonos-elements/{p-8632c8f1.entry.js → p-8acdac29.entry.js} +1 -1
- package/dist/zonos-elements/{p-adbcf21c.entry.js → p-8cafdbc9.entry.js} +1 -1
- package/dist/zonos-elements/{p-c4b5f123.entry.js → p-8e6bbf2c.entry.js} +1 -1
- package/dist/zonos-elements/{p-76a4a647.system.entry.js → p-8e85c28f.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-45323a2f.system.entry.js → p-932cbdd7.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-1d15c126.entry.js → p-9d7a79e3.entry.js} +1 -1
- package/dist/zonos-elements/{p-c9e8f159.system.entry.js → p-a45bd823.system.entry.js} +1 -1
- package/dist/zonos-elements/p-a828799f.system.entry.js +1 -0
- package/dist/zonos-elements/{p-b7f627ec.system.entry.js → p-ab9af87d.system.entry.js} +1 -1
- package/dist/zonos-elements/p-abc6b881.system.entry.js +1 -0
- package/dist/zonos-elements/{p-71fe8da9.entry.js → p-b34ccbfd.entry.js} +1 -1
- package/dist/zonos-elements/{p-d6de8661.entry.js → p-bcfc229f.entry.js} +1 -1
- package/dist/zonos-elements/p-c44f27be.js +1 -0
- package/dist/zonos-elements/{p-36eaad7e.entry.js → p-c598b3c5.entry.js} +1 -1
- package/dist/zonos-elements/{p-4eb3e354.entry.js → p-c652212b.entry.js} +1 -1
- package/dist/zonos-elements/p-c78dd680.system.js +1 -1
- package/dist/zonos-elements/{p-489029d9.system.entry.js → p-d3c1ad61.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-e5d1d031.system.entry.js → p-d8a45014.system.entry.js} +1 -1
- package/dist/zonos-elements/p-ddcbf41d.entry.js +1 -0
- package/dist/zonos-elements/{p-1b1f2e33.system.entry.js → p-e4a69ce9.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-0962536e.system.entry.js → p-e5e63927.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-4069df3c.entry.js → p-f20b3656.entry.js} +1 -1
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/createCustomEvent-4ea7b6dc.js +0 -51
- package/dist/esm/createCustomEvent-6ba5bcde.js +0 -47
- package/dist/esm-es5/CheckoutConfig-4d2a508c.js +0 -1
- package/dist/esm-es5/cart-911ba5dd.js +0 -1
- package/dist/esm-es5/createCustomEvent-6ba5bcde.js +0 -1
- package/dist/zonos-elements/p-018a4b36.js +0 -1
- package/dist/zonos-elements/p-27188a22.system.entry.js +0 -1
- package/dist/zonos-elements/p-272121e2.js +0 -1
- package/dist/zonos-elements/p-39c09f18.system.entry.js +0 -1
- package/dist/zonos-elements/p-60303c84.js +0 -1
- package/dist/zonos-elements/p-631570f0.system.js +0 -1
- package/dist/zonos-elements/p-64f0fcce.system.js +0 -1
- package/dist/zonos-elements/p-8d98fed0.entry.js +0 -1
- package/dist/zonos-elements/p-a0af6dc1.entry.js +0 -1
- package/dist/zonos-elements/p-e2fa7600.entry.js +0 -1
- package/dist/zonos-elements/p-e9771827.system.js +0 -1
- package/dist/zonos-elements/p-ef9d6106.js +0 -17
|
@@ -59,7 +59,7 @@ export class ZonosDialog {
|
|
|
59
59
|
const borderStyle = getBorderRadius({
|
|
60
60
|
overrideBorderStyle: this.borderStyle,
|
|
61
61
|
});
|
|
62
|
-
return (h(Host, { key: '
|
|
62
|
+
return (h(Host, { key: 'c8ab0781b89349e035d788af2ec4fbc00241bb30', class: classes([
|
|
63
63
|
'zonos--elements',
|
|
64
64
|
this.open && 'open',
|
|
65
65
|
this.isLoading && 'is-loading',
|
|
@@ -71,10 +71,10 @@ export class ZonosDialog {
|
|
|
71
71
|
'--height': this.height || 'initial',
|
|
72
72
|
'--min-height': this.minHeight || '500px',
|
|
73
73
|
'--width': this.width,
|
|
74
|
-
} }, h("div", { key: '
|
|
74
|
+
} }, h("div", { key: '14169030c9b8882ffe9b14383c1dbfa319147d01', class: "zonos--backdrop" }), h("div", { key: 'c361b1520e4fb28e308dd548e139af89c289493d', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '1868e77997d810a0925f365772829668f1ae73c6', class: "zonos--dialog" }, this.isLoading && (h("div", { key: 'ff35aada7dcfe1c5bbfb8eade99ea4af3d29f306', class: "zonos--loading" }, h("zonos-spinner", { key: '2947bba83fafbfb48af54ac92d79aae2330dbbe5', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: 'bfcdc066fb00e472bfe60631f6ee08460bf91045', class: "zonos--header" }, this.headerText && (h("h3", { key: 'a54a43766b3d8742c27d797e2cd0f9925133a6f3', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '176a8d137c9d40ddfed9de5fcf4ba926fcf7b408', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, variant: "subtle" })))), h("div", { key: '5f76d5221d2c075808f3550f28b11581a3a78cfd', class: classes([
|
|
75
75
|
'zonos--body',
|
|
76
76
|
this.noBodyPadding && 'zonos--no-body-padding',
|
|
77
|
-
]) }, h("slot", { key: '
|
|
77
|
+
]) }, h("slot", { key: '53fc24113ac0cfbeb622cb38cea32ebff572f7e8' })), h("slot", { key: '92079f1396304c9966cefc918fcbe87f64a348f3', name: "dialog-footer" })))));
|
|
78
78
|
}
|
|
79
79
|
static get is() { return "zonos-dialog"; }
|
|
80
80
|
static get encapsulation() { return "shadow"; }
|
|
@@ -17,17 +17,17 @@ export class ZonosInput {
|
|
|
17
17
|
this.inputChange.emit(newValue);
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: '41fca8ea9ded7776bd4641f390e3af0bf8465140', class: classes([
|
|
21
21
|
'zonos--input zonos--elements',
|
|
22
22
|
this.inputSize,
|
|
23
23
|
this.isError && 'has-error',
|
|
24
24
|
]), style: {
|
|
25
25
|
'--border-radius': getBorderRadius(),
|
|
26
26
|
'--font-family': zonosStoreFontFamily(),
|
|
27
|
-
} }, h("div", { key: '
|
|
27
|
+
} }, h("div", { key: 'dc964c53ff80c9567f679cf28cf1b962bd7edc8e', class: classes([
|
|
28
28
|
'zonos--label-wrapper',
|
|
29
29
|
this.isDisabled && 'disabled',
|
|
30
|
-
]) }, h("input", { key: '
|
|
30
|
+
]) }, h("input", { key: '5e4912b6be78a12ef33df3d4c640d5187cdafcad', class: classes([
|
|
31
31
|
'zonos--floated-input',
|
|
32
32
|
!!this.inputLabel && 'has-label',
|
|
33
33
|
this.inputValue && 'has-content',
|
|
@@ -35,7 +35,7 @@ export class ZonosInput {
|
|
|
35
35
|
]), disabled: this.isDisabled, onInput: e => {
|
|
36
36
|
const input = e.target;
|
|
37
37
|
this.inputChange.emit(input.value);
|
|
38
|
-
}, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: '
|
|
38
|
+
}, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: '81dab4ff8f061a9b8e0ea8b3219b1a67ff740044', class: "zonos--floated-label", "data-label": this.inputLabel }))));
|
|
39
39
|
}
|
|
40
40
|
static get is() { return "zonos-input"; }
|
|
41
41
|
static get encapsulation() { return "shadow"; }
|
|
@@ -16,9 +16,9 @@ export class ZonosLanguageSelect {
|
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
18
|
const { selectedLocale } = localizationStore;
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: 'd8babed69ce894a20a988c9fcd4f5b986bb7e7a7', class: "zonos--elements", style: {
|
|
20
20
|
'--font-family': zonosStoreFontFamily(),
|
|
21
|
-
} }, h("div", { key: '
|
|
21
|
+
} }, h("div", { key: '3003bf23ed248a452661090cf662c3f431c431dd', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '606429c6d8fc9f0bab2b82bc2e9c1ba029504b1f', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: '571a66206dcf55db38318637af63fbdcc2064f1d', class: "zonos--language-select-content" }, languages.map(language => (h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "zonos-language-select"; }
|
|
24
24
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,7 +7,7 @@ export class ZonosLink {
|
|
|
7
7
|
this.linkTitle = undefined;
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: 'ad8e7bb2e2893d3114a89487ed77068d62315290', class: "zonos--elements" }, h("a", { key: '5d02d48ee043c195d3bb4b7c880e9b202ffc6c28', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: 'bc5f41e64fd3d20a8d84a1daa831e9bb18de8992' }))));
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "zonos-link"; }
|
|
13
13
|
static get encapsulation() { return "shadow"; }
|
|
@@ -10,11 +10,11 @@ export class ZonosLogo {
|
|
|
10
10
|
const filterColor = this.theme === 'DARK'
|
|
11
11
|
? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
|
|
12
12
|
: 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '6d75f5925a83f07e397562c0e209d91f4e2a8bec', class: classes(['zonos--elements zonos--logo']), style: {
|
|
14
14
|
'--filter-color': filterColor,
|
|
15
15
|
'--font-family': zonosStoreFontFamily(),
|
|
16
16
|
'--width': this.width,
|
|
17
|
-
} }, h("img", { key: '
|
|
17
|
+
} }, h("img", { key: '36331f626163498a0990c1515a82155eae6fd0e5', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
|
|
18
18
|
}
|
|
19
19
|
static get is() { return "zonos-logo"; }
|
|
20
20
|
static get encapsulation() { return "shadow"; }
|
|
@@ -14,11 +14,11 @@ export class ZonosRestState {
|
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
16
|
const imageUrl = this.getImageRestState();
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: 'e27bb400718152b275761f858f8667474d452b09', class: classes(['zonos--elements zonos--restState']), style: {
|
|
18
18
|
'--font-family': zonosStoreFontFamily(),
|
|
19
|
-
} }, h("div", { key: '
|
|
19
|
+
} }, h("div", { key: '4b00e2becf4fe8ea79be85e3053a8e60b0c56929', class: "zonos--restState-image" }, h("img", { key: 'ff7cc6756987eb4a1270157b8b8477b01b6c9aca', alt: this.restStateType, onError: () => {
|
|
20
20
|
this.isErrorImageLoad = true;
|
|
21
|
-
}, src: imageUrl })), h("div", { key: '
|
|
21
|
+
}, src: imageUrl })), h("div", { key: '0e941e59df893963592951660017530ae64f5176', class: "content" }, h("zonos-text", { key: '99827682fe5a3c5a55dbb8abffac070a1cfdb3a2', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '9d052f43dc1d5955250e63e231479773d418f8f9', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'd43236e1e2d25636985da4b44761a5dd86ea1f4b', class: "action" }, h("slot", { key: 'c4b89eb985e3a0d9805e67ea6f7e2cdf4cd3560f' }))));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "zonos-rest-state"; }
|
|
24
24
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.js
CHANGED
|
@@ -8,9 +8,9 @@ export class ZonosSelectDialogHeader {
|
|
|
8
8
|
this.label = '';
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h(Host, { key: '
|
|
11
|
+
return (h(Host, { key: 'f19a588ac869bfc887d5aa8f1d08a3cf50e600cd', class: "zonos--elements", style: {
|
|
12
12
|
'--font-family': zonosStoreFontFamily(),
|
|
13
|
-
} }, h("zonos-v-stack", { key: '
|
|
13
|
+
} }, h("zonos-v-stack", { key: '2ce1c3e5ce865164bde7ef29f951eb50a21d9f39', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: 'a9886290aff7a24e03889a9b782fd78d1d8d20b6', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'd5e10c08f839ea1d2288f6e57fdbf3637af608e4', type: "boldLabel" }, this.label), h("zonos-button", { key: '70cee9d0f910c9919b5f045a694835571fcb8ebd', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: '044e7f3ce68caa607ba9dc5fa7643ae9a9fb8082' }))));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "zonos-select-dialog-header"; }
|
|
16
16
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,9 +7,9 @@ export class ZonosToggle {
|
|
|
7
7
|
this.value = undefined;
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: '4db243fca7ab12fcfdf15b310538a911790d5a41', class: classes(['zonos--elements zonos--toggle']), style: {
|
|
11
11
|
'--font-family': zonosStoreFontFamily(),
|
|
12
|
-
} }, h("div", { key: '
|
|
12
|
+
} }, h("div", { key: '3b1c0ebf67d06680ae3a7a3aea4261e538bf475f', class: "wrapper" }, this.options.map(option => {
|
|
13
13
|
const selected = option.value === this.value;
|
|
14
14
|
return (h("button", { class: classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
|
|
15
15
|
this.toggleChanged.emit(option.value);
|
|
@@ -7,10 +7,10 @@ export class ZonosTooltip {
|
|
|
7
7
|
this.showTooltip = false;
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: 'fa16c20a254958721bcc44dbe96f6588545e86f0', class: "zonos--elements" }, h("div", { key: '0e57607df02b12d5df9fb84b64c8345b40b2e823', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '9faf457a730046b789a5b822fb6ab89d88970d59' }), h("div", { key: 'f85dbf49e172f9a1c1b57443b1ea22d819b4099c', class: classes([
|
|
11
11
|
this.showTooltip && 'zonos--show-tooltip',
|
|
12
12
|
'zonos--tooltip-content',
|
|
13
|
-
]) }, h("zonos-text", { key: '
|
|
13
|
+
]) }, h("zonos-text", { key: '6e90bfe3f346cbe5d49aab4e03c868b3138aeca7', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: '1c10f75f13ae427737fcf4ece41b9f7ba13fb76d', size: "xs", textColor: "gray-0" }, this.subtitle)))));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "zonos-tooltip"; }
|
|
16
16
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,9 +7,9 @@ export class VStack {
|
|
|
7
7
|
this.spacing = 24;
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: '68eab1cb4fcc28b5167d993fac6c514c9407b515', style: {
|
|
11
11
|
'--font-family': zonosStoreFontFamily(),
|
|
12
|
-
} }, h("div", { key: '
|
|
12
|
+
} }, h("div", { key: '1b177f1e423b6bca713be84ef4cb079f433fe8c4', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: '7e0e5b409b24ba9ffd9311d7797d012606cf0b98' }))));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "zonos-v-stack"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -56,12 +56,12 @@ export class ZonosVirtualScroll {
|
|
|
56
56
|
} }, this.renderItem(i)));
|
|
57
57
|
accHeight += itemHeight;
|
|
58
58
|
}
|
|
59
|
-
return (h(Host, { key: '
|
|
59
|
+
return (h(Host, { key: '0f132a5b60586fb22d1d5536aa7abef6199e0748' }, h("div", { key: 'a947229cd3d53b79312855cf8ddf8c9985035e1e',
|
|
60
60
|
// to capture scroll action
|
|
61
61
|
class: "scroller", style: {
|
|
62
62
|
height: `${this.totalHeight}px`,
|
|
63
63
|
width: `${W}px`,
|
|
64
|
-
} }), h("div", { key: '
|
|
64
|
+
} }), h("div", { key: '63013fe7bc53d76152fda74e7b6ef054e7c3a9ef',
|
|
65
65
|
// to display items
|
|
66
66
|
class: "item-container", ref: el => (this.container = el), style: {
|
|
67
67
|
height: `${this.totalHeight}px`,
|
|
@@ -10,7 +10,7 @@ export class ZonosComponent {
|
|
|
10
10
|
return format(this.first, this.middle, this.last);
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return h("div", { key: '
|
|
13
|
+
return h("div", { key: '63b0c771133fd495f36e2c67601d64d6e56f5f2b' }, "Hello, World! I'm ", this.getText());
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "zonos-component"; }
|
|
16
16
|
static get encapsulation() { return "shadow"; }
|
|
@@ -18,9 +18,9 @@ export class ZonosHelloDialogFooter {
|
|
|
18
18
|
const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
|
|
19
19
|
// Only use gray-0 (white) when the background color is dark (apply inverted color if the element is using dark theme variable)
|
|
20
20
|
const mainColor = primaryColor && isDarkColor(primaryColor) ? 'white' : 'black';
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: 'f84d021e99271bd6a00da32edd35fdc5e0520c5a', class: "zonos--elements" }, h("div", { key: '96eeeb3df6698a18ae1439c3c35bc2337fe3e83c', class: "zonos--hello-dialog-footer", style: {
|
|
22
22
|
'--primary-color': primaryColor,
|
|
23
|
-
} }, h("a", { key: '
|
|
23
|
+
} }, h("a", { key: 'bb17cee42a3cb6d88e1b064649184c686ef41201', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '9183c662eb9d2dbb63b5149c338d013439767634', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: mainColor, size: 108 })), h("div", { key: 'dd5bed89a4a2ae9386fa39fe15362c42fa7535ee', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'cbe6cb613fb2ca39f772363f8276cbc8c9e28b70', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: 'e05876aa9b1e56f945f810b82163335cd14202d1', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
|
|
24
24
|
}
|
|
25
25
|
static get is() { return "zonos-hello-dialog-footer"; }
|
|
26
26
|
static get encapsulation() { return "shadow"; }
|
|
@@ -232,18 +232,18 @@ export class ZonosHelloDialog {
|
|
|
232
232
|
const defaultMessage = formatStringWithLinks(defaultMessageStr);
|
|
233
233
|
const currentPage = this.getCurrentPageEnum();
|
|
234
234
|
const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
|
|
235
|
-
return (h(Host, { key: '
|
|
235
|
+
return (h(Host, { key: '1fce2b616b062a02f97f711f674836d75ad25035', class: "zonos--elements" }, h("div", { key: 'caa338a462d1c0cde1727e5147268c782d6063f0', class: classes([
|
|
236
236
|
'zonos--hello-dialog',
|
|
237
237
|
animateLeft && 'zonos--hello-dialog-animate-from-left',
|
|
238
238
|
animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
|
|
239
239
|
!!this.mobileLocationOverride &&
|
|
240
240
|
'zonos--hello-dialog-mobile-override',
|
|
241
241
|
this.isOpen && 'zonos--hello-dialog-open',
|
|
242
|
-
]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '
|
|
242
|
+
]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '49968ece06cddb09bf870c7fac18999d9d43ad75' }, h("div", { key: '0557a439e3676dcda4668324e0ed4701a50cb365', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: 'ccf16ff294f2168d1c3b3735a1b364cc71e5d392', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: '7aa4d6322cf48204a4eb4aa62b2ebdaab637e96b', spacing: 24 }, h("zonos-country-flag", { key: '1152da449f95ebd8f2cc3364c2ba742ed0696b0c', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'c449283c10a1e71f1e55d7da04ae51234bb58ccf', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '2adb9745513f6f9041509d07a9584cf421a22ee9', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'ece4b349db2f121b2245090a04327927775162f0', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '30849c1c301eed69fe3d1db06755164d852ef547', spacing: 8 }, this.restrictedItems.map(item => {
|
|
243
243
|
var _a;
|
|
244
244
|
return item && (h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
|
|
245
|
-
}), h("zonos-card", { key: '
|
|
246
|
-
additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '
|
|
245
|
+
}), h("zonos-card", { key: 'fbd14cc231da833e4930a52483f40c32b1e24e2d', spacing: "12px" }, h("zonos-v-stack", { key: '75da2be8ba28555258e8ff50e78c5b1ffa2403ac', spacing: 12 }, hasInclusivePrices ? (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage))) : (h(Fragment, null, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
|
|
246
|
+
additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '6c15ad7d36590e1b93007e3786c0e0db191b4b8d', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'fae16c45b01ed1345d439c77267d1c80ce908598' }, h("zonos-country-select", { key: 'a6abe0661ee91ad227877ebbb5ee21253b110ea0', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '7550bec8646301a4bd5afb94b79b18b62698891b' }, h("zonos-language-select", { key: 'da2e8007ebf7e33723baaf3bdd2818334090c81c', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
|
|
247
247
|
}
|
|
248
248
|
static get is() { return "zonos-hello-dialog"; }
|
|
249
249
|
static get encapsulation() { return "shadow"; }
|
|
@@ -204,7 +204,7 @@ export class ZonosController {
|
|
|
204
204
|
zonosStore.organizationName = organizationName;
|
|
205
205
|
}
|
|
206
206
|
render() {
|
|
207
|
-
return h(Host, { key: '
|
|
207
|
+
return h(Host, { key: 'f2d050c785576dde681a5df55ba24bc42436375f', class: "zonos--elements" });
|
|
208
208
|
}
|
|
209
209
|
static get is() { return "zonos-controller"; }
|
|
210
210
|
static get encapsulation() { return "shadow"; }
|
|
@@ -41,7 +41,7 @@ export class ZonosPaypalPayment {
|
|
|
41
41
|
void this.loadPaypal();
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
|
-
return (h(Host, { key: '
|
|
44
|
+
return (h(Host, { key: '7be3c38f702c8fb105c54e652774f69fbbcfd34c', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: '6845b53c2a5d1f2637f3ae9d867d2c6de48ab1b5', class: "zonos--payment-paypal-container" })));
|
|
45
45
|
}
|
|
46
46
|
static get is() { return "zonos-paypal-payment"; }
|
|
47
47
|
static get encapsulation() { return "scoped"; }
|
|
@@ -4,6 +4,7 @@ import { localizationStore } from "../hello/localization";
|
|
|
4
4
|
import { translate } from "../translationStore";
|
|
5
5
|
import { zonosStore } from "../zonosStore";
|
|
6
6
|
import { calculateLandedCostNormalized } from "../../utils/api/calculateLandedCostNormaliz";
|
|
7
|
+
import { trackConversionEvent } from "../../utils/api/trackConversionEvent";
|
|
7
8
|
import { buildTranslateRequest } from "../../utils/checkout/buildTranslateRequest";
|
|
8
9
|
import { sortServiceLevelOptionsByAmount } from "../../utils/checkout/sortServiceLevelOptionsByAmount";
|
|
9
10
|
import { handleFetch } from "../../utils/handleFetch";
|
|
@@ -371,7 +372,9 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
|
|
|
371
372
|
return {
|
|
372
373
|
error: isError,
|
|
373
374
|
messages,
|
|
375
|
+
paymentIntentId: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.id,
|
|
374
376
|
paymentMethod: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.payment_method,
|
|
377
|
+
status,
|
|
375
378
|
};
|
|
376
379
|
};
|
|
377
380
|
const stripeStoreConfirmPayment = async () => {
|
|
@@ -384,13 +387,16 @@ const stripeStoreConfirmPayment = async () => {
|
|
|
384
387
|
throw new Error('Attempted to confirm the payment when no landed cost is found in store');
|
|
385
388
|
}
|
|
386
389
|
if (stripe && stripeElements && stripePaymentReady && stripeClientSecret) {
|
|
387
|
-
const { error } = await stripe.confirmPayment({
|
|
390
|
+
const { error, paymentIntent } = await stripe.confirmPayment({
|
|
388
391
|
confirmParams: {
|
|
389
392
|
return_url: window.location.href,
|
|
390
393
|
},
|
|
391
394
|
elements: stripeElements,
|
|
392
395
|
redirect: 'if_required',
|
|
393
396
|
});
|
|
397
|
+
void trackConversionEvent('checkout_paymentInfoCompleted', {
|
|
398
|
+
paymentMethod: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.payment_method,
|
|
399
|
+
});
|
|
394
400
|
if (error) {
|
|
395
401
|
if (error.type === 'card_error' || error.type === 'validation_error') {
|
|
396
402
|
throw new Error(error.message);
|
|
@@ -404,6 +410,10 @@ const stripeStoreConfirmPayment = async () => {
|
|
|
404
410
|
}
|
|
405
411
|
throw new Error('An unexpected error occurred.');
|
|
406
412
|
}
|
|
413
|
+
if (paymentIntent.status === 'requires_payment_method') {
|
|
414
|
+
// Failed to confirm payment, allows user to try another payment method
|
|
415
|
+
throw new Error(translate('Payment failed. Please try another payment method.'));
|
|
416
|
+
}
|
|
407
417
|
}
|
|
408
418
|
};
|
|
409
419
|
/**
|
|
@@ -149,9 +149,6 @@ export const stringsArabic = {
|
|
|
149
149
|
'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
|
|
150
150
|
value: 'يبدو أنك قدمت طلبًا قبل بضع دقائق فقط ([date] في [time]). تحقق من بريدك الإلكتروني لتأكيد الطلب. هل أنت متأكد أنك تريد تقديم طلب آخر؟',
|
|
151
151
|
},
|
|
152
|
-
'Keep shopping': {
|
|
153
|
-
value: 'متابعة التسوق',
|
|
154
|
-
},
|
|
155
152
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
156
153
|
value: 'تعرف على الرسوم والضرائب قبل الشراء. اشترِ بثقة!',
|
|
157
154
|
},
|
|
@@ -185,6 +182,9 @@ export const stringsArabic = {
|
|
|
185
182
|
'Nothing due at the door': {
|
|
186
183
|
value: 'لا شيء مستحق عند الباب',
|
|
187
184
|
},
|
|
185
|
+
'Order complete!': {
|
|
186
|
+
value: 'اكتمل الطلب!',
|
|
187
|
+
},
|
|
188
188
|
'Order total': {
|
|
189
189
|
value: 'إجمالي الطلبية',
|
|
190
190
|
},
|
|
@@ -374,12 +374,18 @@ export const stringsArabic = {
|
|
|
374
374
|
'You may incur additional fees from the shipping carrier by not prepaying.': {
|
|
375
375
|
value: 'قد تتكبد رسومًا إضافية من شركة الشحن إذا لم تدفع مسبقًا.',
|
|
376
376
|
},
|
|
377
|
+
"You will be redirected back to the merchant's site in a few seconds.": {
|
|
378
|
+
value: 'سيتم إعادة توجيهك إلى موقع التاجر في غضون ثوانٍ قليلة.',
|
|
379
|
+
},
|
|
377
380
|
"You're all set!": {
|
|
378
381
|
value: 'أنت جاهز!',
|
|
379
382
|
},
|
|
380
383
|
'Your checkout session has expired. Please reload the page to continue.': {
|
|
381
384
|
value: 'انتهت جلستك الدفعية. يرجى إعادة تحميل الصفحة للمتابعة.',
|
|
382
385
|
},
|
|
386
|
+
'Your order has been successfully placed.': {
|
|
387
|
+
value: 'تم تقديم طلبك بنجاح.',
|
|
388
|
+
},
|
|
383
389
|
'Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.': {
|
|
384
390
|
value: 'تمت عملية الدفع بنجاح! شكرا لتسوقك معنا! نأمل أن تكون قد استمتعت بتجربة رائعة ودعمك يعني لنا الكثير.',
|
|
385
391
|
},
|
|
@@ -149,9 +149,6 @@ export const stringsBase = {
|
|
|
149
149
|
'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
|
|
150
150
|
value: 'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?',
|
|
151
151
|
},
|
|
152
|
-
'Keep shopping': {
|
|
153
|
-
value: 'Keep shopping',
|
|
154
|
-
},
|
|
155
152
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
156
153
|
value: 'Know about duties and taxes before you buy. Shop with confidence!',
|
|
157
154
|
},
|
|
@@ -185,6 +182,9 @@ export const stringsBase = {
|
|
|
185
182
|
'Nothing due at the door': {
|
|
186
183
|
value: 'Nothing due at the door',
|
|
187
184
|
},
|
|
185
|
+
'Order complete!': {
|
|
186
|
+
value: 'Order complete!',
|
|
187
|
+
},
|
|
188
188
|
'Order total': {
|
|
189
189
|
value: 'Order total',
|
|
190
190
|
},
|
|
@@ -374,12 +374,18 @@ export const stringsBase = {
|
|
|
374
374
|
'You may incur additional fees from the shipping carrier by not prepaying.': {
|
|
375
375
|
value: 'You may incur additional fees from the shipping carrier by not prepaying.',
|
|
376
376
|
},
|
|
377
|
+
"You will be redirected back to the merchant's site in a few seconds.": {
|
|
378
|
+
value: "You will be redirected back to the merchant's site in a few seconds.",
|
|
379
|
+
},
|
|
377
380
|
"You're all set!": {
|
|
378
381
|
value: "You're all set!",
|
|
379
382
|
},
|
|
380
383
|
'Your checkout session has expired. Please reload the page to continue.': {
|
|
381
384
|
value: 'Your checkout session has expired. Please reload the page to continue.',
|
|
382
385
|
},
|
|
386
|
+
'Your order has been successfully placed.': {
|
|
387
|
+
value: 'Your order has been successfully placed.',
|
|
388
|
+
},
|
|
383
389
|
'Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.': {
|
|
384
390
|
value: 'Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.',
|
|
385
391
|
},
|
|
@@ -149,9 +149,6 @@ export const stringsChinese = {
|
|
|
149
149
|
'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
|
|
150
150
|
value: '您似乎在几分钟前下了订单([date] [time])。请检查您的电子邮件以获取订单确认。您确定要再下一个订单吗?',
|
|
151
151
|
},
|
|
152
|
-
'Keep shopping': {
|
|
153
|
-
value: '继续购物',
|
|
154
|
-
},
|
|
155
152
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
156
153
|
value: '在购买之前了解关税和税款。放心购物!',
|
|
157
154
|
},
|
|
@@ -185,6 +182,9 @@ export const stringsChinese = {
|
|
|
185
182
|
'Nothing due at the door': {
|
|
186
183
|
value: '门口无需付款',
|
|
187
184
|
},
|
|
185
|
+
'Order complete!': {
|
|
186
|
+
value: '订单完成!',
|
|
187
|
+
},
|
|
188
188
|
'Order total': {
|
|
189
189
|
value: '订单总计',
|
|
190
190
|
},
|
|
@@ -374,12 +374,18 @@ export const stringsChinese = {
|
|
|
374
374
|
'You may incur additional fees from the shipping carrier by not prepaying.': {
|
|
375
375
|
value: '如果不预付,您可能会产生来自运输公司的额外费用。',
|
|
376
376
|
},
|
|
377
|
+
"You will be redirected back to the merchant's site in a few seconds.": {
|
|
378
|
+
value: '您将在几秒钟内被重定向回商家网站。',
|
|
379
|
+
},
|
|
377
380
|
"You're all set!": {
|
|
378
|
-
value: '
|
|
381
|
+
value: '你准备好了!',
|
|
379
382
|
},
|
|
380
383
|
'Your checkout session has expired. Please reload the page to continue.': {
|
|
381
384
|
value: '您的结账会话已过期。请重新加载页面以继续。',
|
|
382
385
|
},
|
|
386
|
+
'Your order has been successfully placed.': {
|
|
387
|
+
value: '您的订单已成功下达。',
|
|
388
|
+
},
|
|
383
389
|
'Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.': {
|
|
384
390
|
value: '您的付款已成功完成!感谢您与我们购物!我们希望您拥有愉快的购物体验,您的支持对我们来说意义非凡。',
|
|
385
391
|
},
|
|
@@ -149,9 +149,6 @@ export const stringsDanish = {
|
|
|
149
149
|
'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
|
|
150
150
|
value: 'Det ser ud til, at du har afgivet en ordre for få minutter siden ([date] kl. [time]). Tjek din e-mail for ordrebekræftelsen. Er du sikker på, at du vil afgive en til?',
|
|
151
151
|
},
|
|
152
|
-
'Keep shopping': {
|
|
153
|
-
value: 'Fortsæt med at handle',
|
|
154
|
-
},
|
|
155
152
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
156
153
|
value: 'Lær om told og skatter, før du køber. Handle trygt!',
|
|
157
154
|
},
|
|
@@ -185,6 +182,9 @@ export const stringsDanish = {
|
|
|
185
182
|
'Nothing due at the door': {
|
|
186
183
|
value: 'Intet at betale ved døren',
|
|
187
184
|
},
|
|
185
|
+
'Order complete!': {
|
|
186
|
+
value: 'Bestilling fuldført!',
|
|
187
|
+
},
|
|
188
188
|
'Order total': {
|
|
189
189
|
value: 'Ordresum',
|
|
190
190
|
},
|
|
@@ -374,12 +374,18 @@ export const stringsDanish = {
|
|
|
374
374
|
'You may incur additional fees from the shipping carrier by not prepaying.': {
|
|
375
375
|
value: 'Du kan pådrage dig ekstra gebyrer fra fragtfirmaet ved ikke at forudbetale.',
|
|
376
376
|
},
|
|
377
|
+
"You will be redirected back to the merchant's site in a few seconds.": {
|
|
378
|
+
value: 'Du vil blive omdirigeret tilbage til forhandlerens side om få sekunder.',
|
|
379
|
+
},
|
|
377
380
|
"You're all set!": {
|
|
378
|
-
value: 'Du er klar
|
|
381
|
+
value: 'Du er klar!',
|
|
379
382
|
},
|
|
380
383
|
'Your checkout session has expired. Please reload the page to continue.': {
|
|
381
384
|
value: 'Din betalingssession er udløbet. Genindlæs siden for at fortsætte.',
|
|
382
385
|
},
|
|
386
|
+
'Your order has been successfully placed.': {
|
|
387
|
+
value: 'Din ordre er blevet afgivet med succes.',
|
|
388
|
+
},
|
|
383
389
|
'Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.': {
|
|
384
390
|
value: 'Din betaling gik igennem! Tak fordi du handler hos os! Vi håber, du havde en god oplevelse, og din støtte betyder meget for os.',
|
|
385
391
|
},
|
|
@@ -149,9 +149,6 @@ export const stringsDutch = {
|
|
|
149
149
|
'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
|
|
150
150
|
value: 'Het lijkt erop dat je een paar minuten geleden een bestelling hebt geplaatst ([date] om [time]). Controleer je e-mail voor de orderbevestiging. Weet je zeker dat je er nog een wilt plaatsen?',
|
|
151
151
|
},
|
|
152
|
-
'Keep shopping': {
|
|
153
|
-
value: 'Blijf winkelen',
|
|
154
|
-
},
|
|
155
152
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
156
153
|
value: 'Weet wat de heffingen en belastingen zijn voordat je koopt. Winkel met vertrouwen!',
|
|
157
154
|
},
|
|
@@ -185,6 +182,9 @@ export const stringsDutch = {
|
|
|
185
182
|
'Nothing due at the door': {
|
|
186
183
|
value: 'Niets te betalen aan de deur',
|
|
187
184
|
},
|
|
185
|
+
'Order complete!': {
|
|
186
|
+
value: 'Bestelling voltooid!',
|
|
187
|
+
},
|
|
188
188
|
'Order total': {
|
|
189
189
|
value: 'Totaal bestelling',
|
|
190
190
|
},
|
|
@@ -374,12 +374,18 @@ export const stringsDutch = {
|
|
|
374
374
|
'You may incur additional fees from the shipping carrier by not prepaying.': {
|
|
375
375
|
value: 'U kunt extra kosten van de vervoerder krijgen als u niet vooraf betaalt.',
|
|
376
376
|
},
|
|
377
|
+
"You will be redirected back to the merchant's site in a few seconds.": {
|
|
378
|
+
value: 'U wordt binnen enkele seconden teruggeleid naar de site van de handelaar.',
|
|
379
|
+
},
|
|
377
380
|
"You're all set!": {
|
|
378
|
-
value: 'Je bent
|
|
381
|
+
value: 'Je bent klaar!',
|
|
379
382
|
},
|
|
380
383
|
'Your checkout session has expired. Please reload the page to continue.': {
|
|
381
384
|
value: 'Uw afrekensessie is verlopen. Ververs de pagina om door te gaan.',
|
|
382
385
|
},
|
|
386
|
+
'Your order has been successfully placed.': {
|
|
387
|
+
value: 'Uw bestelling is succesvol geplaatst.',
|
|
388
|
+
},
|
|
383
389
|
'Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.': {
|
|
384
390
|
value: 'Je betaling is succesvol verwerkt! Bedankt voor het winkelen bij ons! We hopen dat je een prettige ervaring hebt gehad en je steun betekent veel voor ons.',
|
|
385
391
|
},
|
|
@@ -149,9 +149,6 @@ export const stringsFrench = {
|
|
|
149
149
|
'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
|
|
150
150
|
value: 'Il semble que vous ayez passé une commande il y a quelques minutes ([date] à [time]). Vérifiez votre e-mail pour la confirmation de commande. Êtes-vous sûr de vouloir en passer une autre?',
|
|
151
151
|
},
|
|
152
|
-
'Keep shopping': {
|
|
153
|
-
value: 'Continuer à faire du shopping',
|
|
154
|
-
},
|
|
155
152
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
156
153
|
value: "Renseignez-vous sur les droits et taxes avant d'acheter. Achetez en toute confiance !",
|
|
157
154
|
},
|
|
@@ -185,6 +182,9 @@ export const stringsFrench = {
|
|
|
185
182
|
'Nothing due at the door': {
|
|
186
183
|
value: 'Rien à payer à la porte',
|
|
187
184
|
},
|
|
185
|
+
'Order complete!': {
|
|
186
|
+
value: 'Commande terminée!',
|
|
187
|
+
},
|
|
188
188
|
'Order total': {
|
|
189
189
|
value: 'Total de la commande',
|
|
190
190
|
},
|
|
@@ -374,12 +374,18 @@ export const stringsFrench = {
|
|
|
374
374
|
'You may incur additional fees from the shipping carrier by not prepaying.': {
|
|
375
375
|
value: "Vous pourriez encourir des frais supplémentaires de la part du transporteur si vous ne payez pas à l'avance.",
|
|
376
376
|
},
|
|
377
|
+
"You will be redirected back to the merchant's site in a few seconds.": {
|
|
378
|
+
value: 'Vous serez redirigé vers le site du marchand dans quelques secondes.',
|
|
379
|
+
},
|
|
377
380
|
"You're all set!": {
|
|
378
381
|
value: 'Vous êtes prêt!',
|
|
379
382
|
},
|
|
380
383
|
'Your checkout session has expired. Please reload the page to continue.': {
|
|
381
384
|
value: 'Votre session de paiement a expiré. Veuillez recharger la page pour continuer.',
|
|
382
385
|
},
|
|
386
|
+
'Your order has been successfully placed.': {
|
|
387
|
+
value: 'Votre commande a été passée avec succès.',
|
|
388
|
+
},
|
|
383
389
|
'Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.': {
|
|
384
390
|
value: 'Votre paiement a bien été effectué ! Merci de votre achat chez nous ! Nous espérons que vous avez passé un bon moment et votre soutien compte beaucoup pour nous.',
|
|
385
391
|
},
|
|
@@ -149,9 +149,6 @@ export const stringsGerman = {
|
|
|
149
149
|
'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
|
|
150
150
|
value: 'Es sieht so aus, als hätten Sie vor ein paar Minuten eine Bestellung aufgegeben ([date] um [time]). Überprüfen Sie Ihre E-Mails auf die Bestellbestätigung. Sind Sie sicher, dass Sie eine weitere aufgeben möchten?',
|
|
151
151
|
},
|
|
152
|
-
'Keep shopping': {
|
|
153
|
-
value: 'Einkauf fortsetzen',
|
|
154
|
-
},
|
|
155
152
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
156
153
|
value: 'Informieren Sie sich vor dem Kauf über Zölle und Steuern. Kaufen Sie vertrauensvoll!',
|
|
157
154
|
},
|
|
@@ -185,6 +182,9 @@ export const stringsGerman = {
|
|
|
185
182
|
'Nothing due at the door': {
|
|
186
183
|
value: 'An der Tür nichts zu bezahlen',
|
|
187
184
|
},
|
|
185
|
+
'Order complete!': {
|
|
186
|
+
value: 'Bestellung abgeschlossen!',
|
|
187
|
+
},
|
|
188
188
|
'Order total': {
|
|
189
189
|
value: 'Bestellsumme',
|
|
190
190
|
},
|
|
@@ -374,12 +374,18 @@ export const stringsGerman = {
|
|
|
374
374
|
'You may incur additional fees from the shipping carrier by not prepaying.': {
|
|
375
375
|
value: 'Sie können zusätzliche Gebühren vom Versanddienstleister erhalten, wenn Sie nicht im Voraus bezahlen.',
|
|
376
376
|
},
|
|
377
|
+
"You will be redirected back to the merchant's site in a few seconds.": {
|
|
378
|
+
value: 'Sie werden in wenigen Sekunden zurück zur Website des Händlers weitergeleitet.',
|
|
379
|
+
},
|
|
377
380
|
"You're all set!": {
|
|
378
|
-
value: '
|
|
381
|
+
value: 'Du bist startklar!',
|
|
379
382
|
},
|
|
380
383
|
'Your checkout session has expired. Please reload the page to continue.': {
|
|
381
384
|
value: 'Ihre Kassensitzung ist abgelaufen. Bitte laden Sie die Seite neu, um fortzufahren.',
|
|
382
385
|
},
|
|
386
|
+
'Your order has been successfully placed.': {
|
|
387
|
+
value: 'Ihre Bestellung wurde erfolgreich aufgegeben.',
|
|
388
|
+
},
|
|
383
389
|
'Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.': {
|
|
384
390
|
value: 'Ihre Zahlung war erfolgreich! Vielen Dank, dass Sie bei uns eingekauft haben! Wir hoffen, Sie hatten eine angenehme Erfahrung und Ihre Unterstützung bedeutet uns sehr viel.',
|
|
385
391
|
},
|