@zonos/elements 1.3.15-alpha.0 → 1.3.15-alpha.1
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-b1c89065.js → cart-1b1d39af.js} +131 -63
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{sendErrorLog-f7172707.js → sendErrorLog-29e50f7e.js} +1 -1
- package/dist/cjs/{submitGtag-219f4e54.js → submitGtag-ab287a34.js} +1 -1
- package/dist/cjs/zonos-address_4.cjs.entry.js +9 -9
- package/dist/cjs/zonos-badge_2.cjs.entry.js +5 -5
- package/dist/cjs/zonos-button_2.cjs.entry.js +3 -3
- package/dist/cjs/zonos-card_2.cjs.entry.js +6 -6
- package/dist/cjs/zonos-cart-items_10.cjs.entry.js +89 -68
- package/dist/cjs/zonos-checkout.cjs.entry.js +3 -3
- 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_3.cjs.entry.js +7 -7
- package/dist/cjs/zonos-elements.cjs.js +1 -1
- package/dist/cjs/zonos-hello-dialog.cjs.entry.js +4 -4
- package/dist/cjs/zonos-hello.cjs.entry.js +1 -1
- package/dist/cjs/zonos-link.cjs.entry.js +1 -1
- package/dist/cjs/zonos-logo.cjs.entry.js +2 -2
- package/dist/cjs/zonos-payment.cjs.entry.js +2 -2
- package/dist/cjs/zonos-select-dialog-header_2.cjs.entry.js +4 -4
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.css +3 -0
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.js +17 -17
- package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.css +3 -0
- package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.js +40 -28
- package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.css +3 -0
- package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.js +23 -23
- package/dist/collection/components/common/component-template/zonos-link/zonos-link.js +1 -1
- 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 +3 -3
- 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-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-language-select/zonos-language-select.js +2 -2
- package/dist/collection/components/common/zonos-logo/zonos-logo.js +2 -2
- package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.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/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 +3 -3
- package/dist/collection/components/main/zonos-controller.js +1 -1
- package/dist/collection/components/store/checkout/stripe.js +4 -1
- package/dist/collection/components/store/translationStore/strings.arabic.js +6 -3
- package/dist/collection/components/store/translationStore/strings.base.js +6 -3
- package/dist/collection/components/store/translationStore/strings.chinese.js +6 -3
- package/dist/collection/components/store/translationStore/strings.danish.js +6 -3
- package/dist/collection/components/store/translationStore/strings.dutch.js +6 -3
- package/dist/collection/components/store/translationStore/strings.french.js +6 -3
- package/dist/collection/components/store/translationStore/strings.german.js +6 -3
- package/dist/collection/components/store/translationStore/strings.hebrew.js +6 -3
- package/dist/collection/components/store/translationStore/strings.indonesian.js +6 -3
- package/dist/collection/components/store/translationStore/strings.italian.js +6 -3
- package/dist/collection/components/store/translationStore/strings.japanese.js +6 -3
- package/dist/collection/components/store/translationStore/strings.korean.js +6 -3
- package/dist/collection/components/store/translationStore/strings.norwegian.js +6 -3
- package/dist/collection/components/store/translationStore/strings.polish.js +6 -3
- package/dist/collection/components/store/translationStore/strings.portuguese.js +6 -3
- package/dist/collection/components/store/translationStore/strings.russian.js +6 -3
- package/dist/collection/components/store/translationStore/strings.spanish.js +6 -3
- package/dist/collection/components/store/translationStore/strings.swedish.js +6 -3
- package/dist/collection/components/store/translationStore/strings.turkish.js +6 -3
- package/dist/collection/components/store/translationStore/strings.vietnamese.js +6 -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.js +1 -1
- package/dist/collection/components/utils/api/triggerBuildLandedCost.js +1 -0
- package/dist/collection/components/utils/formatDate.js +6 -2
- package/dist/collection/types/generated/graphql.customer.types.js +45 -44
- package/dist/collection/types/generated/graphql.frontend.types.js +48 -48
- package/dist/components/stripe.js +131 -63
- package/dist/components/zonos-address2.js +1 -1
- package/dist/components/zonos-badge2.js +3 -3
- package/dist/components/zonos-button2.js +3 -3
- package/dist/components/zonos-card2.js +3 -3
- package/dist/components/zonos-checkbox2.js +3 -3
- package/dist/components/zonos-checkout-payment2.js +18 -17
- package/dist/components/zonos-checkout-progress-tabs2.js +3 -3
- package/dist/components/zonos-collapse2.js +2 -2
- package/dist/components/zonos-component.js +1 -1
- package/dist/components/zonos-controller.js +1 -1
- package/dist/components/zonos-country-select2.js +2 -2
- package/dist/components/zonos-custom-message2.js +2 -2
- package/dist/components/zonos-customer-info2.js +41 -28
- package/dist/components/zonos-dialog2.js +3 -3
- package/dist/components/zonos-hello-dialog-footer2.js +2 -2
- package/dist/components/zonos-hello-dialog2.js +3 -3
- package/dist/components/zonos-language-select2.js +2 -2
- package/dist/components/zonos-link-authentication2.js +1 -1
- package/dist/components/zonos-link.js +1 -1
- package/dist/components/zonos-logo.js +2 -2
- package/dist/components/zonos-payment2.js +1 -1
- package/dist/components/zonos-select-dialog-header2.js +2 -2
- package/dist/components/zonos-shipping2.js +24 -23
- package/dist/components/zonos-tooltip2.js +2 -2
- package/dist/components/zonos-v-stack2.js +2 -2
- package/dist/esm/{cart-1b0aaea9.js → cart-10bcd2e0.js} +131 -63
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{sendErrorLog-4e7a8e6e.js → sendErrorLog-8642e94a.js} +1 -1
- package/dist/esm/{submitGtag-ce1c25e6.js → submitGtag-84886899.js} +1 -1
- package/dist/esm/zonos-address_4.entry.js +9 -9
- package/dist/esm/zonos-badge_2.entry.js +5 -5
- package/dist/esm/zonos-button_2.entry.js +3 -3
- package/dist/esm/zonos-card_2.entry.js +6 -6
- package/dist/esm/zonos-cart-items_10.entry.js +89 -68
- package/dist/esm/zonos-checkout.entry.js +3 -3
- 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_3.entry.js +7 -7
- package/dist/esm/zonos-elements.js +1 -1
- package/dist/esm/zonos-hello-dialog.entry.js +4 -4
- package/dist/esm/zonos-hello.entry.js +1 -1
- package/dist/esm/zonos-link.entry.js +1 -1
- package/dist/esm/zonos-logo.entry.js +2 -2
- package/dist/esm/zonos-payment.entry.js +2 -2
- package/dist/esm/zonos-select-dialog-header_2.entry.js +4 -4
- package/dist/esm-es5/cart-10bcd2e0.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/sendErrorLog-8642e94a.js +1 -0
- package/dist/esm-es5/{submitGtag-ce1c25e6.js → submitGtag-84886899.js} +1 -1
- package/dist/esm-es5/zonos-address_4.entry.js +1 -1
- package/dist/esm-es5/zonos-badge_2.entry.js +1 -1
- package/dist/esm-es5/zonos-button_2.entry.js +1 -1
- package/dist/esm-es5/zonos-card_2.entry.js +1 -1
- package/dist/esm-es5/zonos-cart-items_10.entry.js +1 -1
- package/dist/esm-es5/zonos-checkout.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_3.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-link.entry.js +1 -1
- package/dist/esm-es5/zonos-logo.entry.js +1 -1
- package/dist/esm-es5/zonos-payment.entry.js +1 -1
- package/dist/esm-es5/zonos-select-dialog-header_2.entry.js +1 -1
- package/dist/scripts/loadZonos.js +1 -1
- package/dist/scripts/zonos.js +1 -1
- package/dist/scripts/zonosBase.js +1 -1
- package/dist/types/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.d.ts +4 -4
- package/dist/types/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.d.ts +3 -4
- package/dist/types/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.d.ts +4 -4
- package/dist/types/components/store/translationStore/strings.arabic.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.base.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.chinese.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.danish.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.dutch.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.french.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.german.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.hebrew.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.indonesian.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.italian.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.japanese.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.korean.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.norwegian.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.polish.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.portuguese.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.russian.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.spanish.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.swedish.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.turkish.d.ts +6 -3
- package/dist/types/components/store/translationStore/strings.vietnamese.d.ts +6 -3
- package/dist/types/components/store/translationStore.d.ts +1 -1
- package/dist/types/components/utils/api/triggerBuildLandedCost.d.ts +1 -0
- package/dist/types/components/utils/formatDate.d.ts +1 -1
- package/dist/types/types/generated/graphql.customer.types.d.ts +36 -35
- package/dist/types/types/generated/graphql.customer.types.ts +100 -99
- package/dist/types/types/generated/graphql.frontend.types.d.ts +34 -34
- package/dist/types/types/generated/graphql.frontend.types.ts +110 -110
- package/dist/zonos-elements/{p-81df5a1b.entry.js → p-056a453e.entry.js} +1 -1
- package/dist/zonos-elements/{p-85c2b823.entry.js → p-0fc08944.entry.js} +1 -1
- package/dist/zonos-elements/{p-30d04ce6.system.entry.js → p-19f0392f.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-c93c8ecc.entry.js → p-1a5f8df7.entry.js} +1 -1
- package/dist/zonos-elements/{p-cd449b56.entry.js → p-24bd40ec.entry.js} +1 -1
- package/dist/zonos-elements/{p-393a8412.system.entry.js → p-262b8e1e.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-4fbc3ea7.system.entry.js → p-26c55472.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-1f5c2d7b.entry.js → p-2ffcc816.entry.js} +1 -1
- package/dist/zonos-elements/{p-ef8affe4.js → p-33abdb30.js} +1 -1
- package/dist/zonos-elements/{p-e412387c.system.entry.js → p-34565753.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-d8c5b848.entry.js → p-440eb12c.entry.js} +1 -1
- package/dist/zonos-elements/{p-ae707165.entry.js → p-44e8e803.entry.js} +1 -1
- package/dist/zonos-elements/p-450942a3.system.js +1 -0
- package/dist/zonos-elements/{p-bc2bd266.system.entry.js → p-51afdc14.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-b5b09a07.system.entry.js → p-536b62a8.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-2aa3c0e8.system.entry.js → p-596a4beb.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-16b59229.system.entry.js → p-5c41ac7d.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-fe83fc20.js → p-5ff27485.js} +1 -1
- package/dist/zonos-elements/{p-257af88b.entry.js → p-66b42924.entry.js} +1 -1
- package/dist/zonos-elements/{p-3921d516.entry.js → p-6adbe3e4.entry.js} +1 -1
- package/dist/zonos-elements/p-6f5761e8.js +1 -0
- package/dist/zonos-elements/{p-94226f90.system.entry.js → p-6fb15797.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-ac1bccb6.system.entry.js → p-7411d43e.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-9ee65a0b.system.entry.js → p-7432179a.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-8cb8fa93.entry.js → p-74c8aa64.entry.js} +1 -1
- package/dist/zonos-elements/{p-78983c23.entry.js → p-8126011d.entry.js} +1 -1
- package/dist/zonos-elements/{p-c5bc49b5.system.entry.js → p-8b44b059.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-6847b4e8.system.js → p-8b44e558.system.js} +1 -1
- package/dist/zonos-elements/{p-def5023c.entry.js → p-8d1f81e1.entry.js} +1 -1
- package/dist/zonos-elements/{p-6a429588.system.entry.js → p-8e5796a8.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-4f626a90.system.entry.js → p-b2f56dcb.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-6fd110c3.entry.js → p-b4c3dcda.entry.js} +1 -1
- package/dist/zonos-elements/p-b4e704c7.entry.js +1 -0
- package/dist/zonos-elements/{p-808413f8.entry.js → p-b6393a04.entry.js} +1 -1
- package/dist/zonos-elements/p-b8e8330b.system.js +1 -1
- package/dist/zonos-elements/p-c6170bec.system.js +1 -0
- package/dist/zonos-elements/{p-3d8254a2.system.entry.js → p-ca8ae8a4.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-a48e7c84.entry.js → p-dd1ba8fb.entry.js} +1 -1
- package/dist/zonos-elements/p-e7b5cf0d.system.entry.js +1 -0
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/package.json +1 -1
- package/dist/esm-es5/cart-1b0aaea9.js +0 -1
- package/dist/esm-es5/sendErrorLog-4e7a8e6e.js +0 -1
- package/dist/zonos-elements/p-5247c5ab.entry.js +0 -1
- package/dist/zonos-elements/p-659e81b2.js +0 -1
- package/dist/zonos-elements/p-86867593.system.js +0 -1
- package/dist/zonos-elements/p-8cfec6b6.system.entry.js +0 -1
- package/dist/zonos-elements/p-f28970e2.system.js +0 -1
|
@@ -12,12 +12,12 @@ export class ZonosCard {
|
|
|
12
12
|
this.spacing = '24px';
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: 'e45c790b27e1991c005156ad6e53b1c8754d4dc5', style: {
|
|
16
16
|
'--font-family': zonosStoreFontFamily(),
|
|
17
|
-
} }, h("div", { key: '
|
|
17
|
+
} }, h("div", { key: 'efb85ca20d87be834dfe8dd0a80ba590e34480f3', class: classes(['styled-card']), style: { padding: this.spacing } }, this.label && (h("header", { key: 'edf7aa372e011fc76b14628b7a850fbb4577040e', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: 'ed7202d01519374129dc9f20f4c0914f2af311f8', type: "subheader" }, this.label), h("h-stack", { key: 'f3d041b3a96cfd5df4395efb7cbc958fb4ff3140', spacing: 8 }, this.actions))), h("slot", { key: '5957af957d0f2b1d9974dee154d050089dee574b' }), (this.footerActions || this.footerContent) && (h("footer", { key: '723c690483ebbe294c132fe39482180051bb7b8e', class: "card-footer", style: {
|
|
18
18
|
height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
|
|
19
19
|
padding: this.spacing,
|
|
20
|
-
} }, h("div", { key: '
|
|
20
|
+
} }, h("div", { key: '12a11f8192e9bdd95afd52a7b58ad99b6300c830' }, this.footerContent), h("h-stack", { key: '60cb2397fbe8f81a4248ab0581380ba125d08797', spacing: 8 }, this.footerActions))))));
|
|
21
21
|
}
|
|
22
22
|
static get is() { return "zonos-card"; }
|
|
23
23
|
static get encapsulation() { return "shadow"; }
|
|
@@ -27,14 +27,14 @@ export class ZonosCheckbox {
|
|
|
27
27
|
? 'var(--amino-gray-800)'
|
|
28
28
|
: 'var(--amino-gray-0)';
|
|
29
29
|
const borderStyle = getBorderRadius(this.borderStyle, '4px');
|
|
30
|
-
return (h(Host, { key: '
|
|
30
|
+
return (h(Host, { key: '3cf37521b3f7dc267bdcd23f0c023cdff9f73048', class: classes(['zonos--elements zonos--checkbox']), style: {
|
|
31
31
|
'--background-color': backgroundColor,
|
|
32
32
|
'--border-radius': borderStyle,
|
|
33
33
|
'--font-family': zonosStoreFontFamily(),
|
|
34
34
|
'--size': `${this.size}px`,
|
|
35
|
-
} }, h("label", { key: '
|
|
35
|
+
} }, h("label", { key: '6771cc475d111684518492cbff6204a9cad5ec33', class: classes([this.isDisabled && 'disabled']) }, h("input", { key: '832a30d4aa546a5c7b5ab9e8437428aa08f20c17', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
|
|
36
36
|
this.checkboxSelected.emit(e.target.checked);
|
|
37
|
-
}, type: "checkbox" }), h("span", { key: '
|
|
37
|
+
}, type: "checkbox" }), h("span", { key: '9fe422aee5af96df40176d7d96006c578fe9273f', class: "checkmark-container" }, h("svg", { key: '7097c01f50d8cca92ee1bb531e0ac316cfca1036', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2fb6af94baa97412ce3dd49ceca12397886ce50b', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: 'f1c02b4377be2e48936a6e32049117b7a81a292b', size: this.fontSize }, this.label)))));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "zonos-checkbox"; }
|
|
40
40
|
static get encapsulation() { return "shadow"; }
|
|
@@ -63,17 +63,17 @@ export class ZonosCheckoutProgressTabs {
|
|
|
63
63
|
color: labelSelectedColor,
|
|
64
64
|
})
|
|
65
65
|
: labelSelectedColor;
|
|
66
|
-
return (h(Host, { key: '
|
|
66
|
+
return (h(Host, { key: '419ccd73b029f2bbb92824f9398249d69cfd22aa', class: "zonos--elements", style: {
|
|
67
67
|
'--color': contrastLabelColor,
|
|
68
68
|
'--progress-percent': this.getTotalSuccessStep(),
|
|
69
|
-
} }, h("div", { key: '
|
|
69
|
+
} }, h("div", { key: '2dccf47e6211a6d25f2f8a4ece84c2759d06dc5a', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
|
|
70
70
|
const isSelected = tab.value === selectedStep;
|
|
71
71
|
return (h("button", { class: classes([
|
|
72
72
|
'zonos--tab-item',
|
|
73
73
|
tab.value === selectedStep && 'selected',
|
|
74
74
|
tab.isDone && 'done',
|
|
75
75
|
]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => (cartStore.step = tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1200' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, translate(tab.label))));
|
|
76
|
-
})), h("div", { key: '
|
|
76
|
+
})), h("div", { key: '8f70a570e14fe00d855081a5a00607cdbbe87f1b', class: "zonos--tab-progress" }, h("div", { key: '85dd90b7a571ee92035bc6a03ce1d97af85e1e0d', class: "zonos--progress-bar-fill" }))));
|
|
77
77
|
}
|
|
78
78
|
static get is() { return "zonos-checkout-progress-tabs"; }
|
|
79
79
|
static get encapsulation() { return "shadow"; }
|
|
@@ -42,10 +42,10 @@ export class ZonosCollapse {
|
|
|
42
42
|
// set overflow to hidden to prevent content from showing when collapsed
|
|
43
43
|
this.el.style.overflow = 'hidden';
|
|
44
44
|
}
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: '7e0d608d6bfe0ffa5b04b2a30fb27e956c7cb255', class: 'zonos--elements zonos--collapse', style: {
|
|
46
46
|
'--font-family': zonosStoreFontFamily(),
|
|
47
47
|
height: this.getElementHeight(),
|
|
48
|
-
} }, h("div", { key: '
|
|
48
|
+
} }, h("div", { key: '94f69d9e0e6c849a9b609567036ff5cfd2f8ce9c' }, h("iframe", { key: '66ad13c9e08d2ece856543af98c440fec4fd5975', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '9d0f92e6d22f3e365bc3cec1e5d23325e045bc1a' }))));
|
|
49
49
|
}
|
|
50
50
|
static get is() { return "zonos-collapse"; }
|
|
51
51
|
static get encapsulation() { return "shadow"; }
|
|
@@ -35,9 +35,9 @@ export class ZonosCountrySelect {
|
|
|
35
35
|
const filteredCountries = this.inputValue
|
|
36
36
|
? fuseObject.map(country => country.item)
|
|
37
37
|
: countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
|
|
38
|
-
return (h(Host, { key: '
|
|
38
|
+
return (h(Host, { key: 'd7397a52b23af00e87b88f3869798ea17de7efa3', class: "zonos--elements", style: {
|
|
39
39
|
'--font-family': zonosStoreFontFamily(),
|
|
40
|
-
} }, h("div", { key: '
|
|
40
|
+
} }, h("div", { key: '6bf32f3ab45ac6640da6b375539e78afe9e730bc', class: "zonos--country-select" }, h("zonos-v-stack", { key: '95203326a2ead88bef76d91a545b89b2a497eb21', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'b2b120a3a4e5fe69466e2d0803181cb83cf6aec3', handleOnClose: () => this.handleOnClose(), label: "Select a country" }, h("input", { key: '4269dfc717b0e2397449a15053da7036cefc03ec', class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: "Search countries", value: this.inputValue }))), h("div", { key: 'dc7e39c2ee17ff3e5a2ebca1c69e6c399b848f4b', class: "zonos--country-select-content" }, filteredCountries.map(country => (h("button", { class: "zonos--country-select-country", onClick: () => this.countrySelected(country.code) }, h("zonos-country-flag", { class: "zonos--country-flag", countryCode: country.code }), h("zonos-text", { textColor: "gray-800" }, country.displayName), country.code === localizationStore.selectedCountryCode && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 20 })))))))));
|
|
41
41
|
}
|
|
42
42
|
static get is() { return "zonos-country-select"; }
|
|
43
43
|
static get encapsulation() { return "shadow"; }
|
|
@@ -8,9 +8,9 @@ export class ZonosCustomMessage {
|
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
10
|
const messageWithLinks = formatStringWithLinks(this.message);
|
|
11
|
-
return (h(Host, { key: '
|
|
11
|
+
return (h(Host, { key: '493a7967c460956be2c539e887c839950aea92e9', class: "zonos--elements", style: {
|
|
12
12
|
'--font-family': zonosStoreFontFamily(),
|
|
13
|
-
} }, this.message && (h("zonos-card", { key: '
|
|
13
|
+
} }, this.message && (h("zonos-card", { key: '056de7926b3f8a1c0126a465abbc0962cc7f2f64', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '992ed280cb9d44abf872698fd54acbf9b384255b', class: "zonos--flex-message" }, h("zonos-icon", { key: '5a3fe5a438ab1e5ab10ed831cc65a4783a36f195', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: 'b5fcefeeae68c3d4bd60a36c039050e6d4f2927a', innerHTML: messageWithLinks }))))));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "zonos-custom-message"; }
|
|
16
16
|
static get encapsulation() { return "shadow"; }
|
|
@@ -47,7 +47,7 @@ export class ZonosDialog {
|
|
|
47
47
|
document.body.style.overflow = 'auto';
|
|
48
48
|
}
|
|
49
49
|
const borderStyle = getBorderRadius(this.borderStyle);
|
|
50
|
-
return (h(Host, { key: '
|
|
50
|
+
return (h(Host, { key: 'c97c24de2950d418d1aec4738ea6152e24f8049a', class: classes([
|
|
51
51
|
'zonos--elements',
|
|
52
52
|
this.open && 'open',
|
|
53
53
|
this.isLoading && 'is-loading',
|
|
@@ -58,10 +58,10 @@ export class ZonosDialog {
|
|
|
58
58
|
'--font-family': zonosStoreFontFamily(),
|
|
59
59
|
'--height': this.height || 'initial',
|
|
60
60
|
'--width': this.width,
|
|
61
|
-
} }, h("div", { key: '
|
|
61
|
+
} }, h("div", { key: 'd8053eb085edd344a5c667123515932a759ee4df', class: "zonos--backdrop" }), h("div", { key: '15f11f85257160698f7850495f3d8866dfd46346', "aria-hidden": "true", class: "zonos--dialog-layout", onClick: this.clickOutsideDialogHandler }, h("div", { key: '6cb8ab8555511cfdbb502ecdb7b796894ff9b0df', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '7dc1c154cda561aca93c0b3f09bf1c8f9d01446b', class: "zonos--loading" }, h("zonos-spinner", { key: '71701888d4320b35f43934a425a6e44653c84e62', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: '5e9ea325a80cefc212c4375dec076d4a703d3bbb', class: "zonos--header" }, this.headerText && (h("h3", { key: '6372813c8c79c0c4a09cca96bf85749ce32a43fb', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '00d2f9393acec2da88794977cf6cfd4308fffb31', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler })))), h("div", { key: '71177d6272533d34143f50d2ebce277b3cb6a6db', class: classes([
|
|
62
62
|
'zonos--body',
|
|
63
63
|
this.noBodyPadding && 'zonos--no-body-padding',
|
|
64
|
-
]) }, h("slot", { key: '
|
|
64
|
+
]) }, h("slot", { key: 'ae388c5f9d7a250e0f829313acc561aea9ba1468' })), h("slot", { key: '202816af31727db4a92af8f63daeb34992ac5504', name: "dialog-footer" })))));
|
|
65
65
|
}
|
|
66
66
|
static get is() { return "zonos-dialog"; }
|
|
67
67
|
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: '5ccbe14cb452d09ae6bc2fb607f745397d94f55e', class: "zonos--elements", style: {
|
|
20
20
|
'--font-family': zonosStoreFontFamily(),
|
|
21
|
-
} }, h("div", { key: '
|
|
21
|
+
} }, h("div", { key: '9679284a648e7fa09bbdcba7f2d7b6665134772b', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '15f1b2497a2808c2df25611ec33d2f4dc4ba8586', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: 'f072ae8c34af9d218f8975cbead1123a1b449e62', 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"; }
|
|
@@ -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: '3d2041632c4ad901d228ce6e267e6b5f9b408dc8', 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: 'e069b288a647051e1b5a505fb2b5b4a1851780ed', 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"; }
|
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: 'f5fdbdf6077dc7f928ce27b9a659264451851848', class: "zonos--elements", style: {
|
|
12
12
|
'--font-family': zonosStoreFontFamily(),
|
|
13
|
-
} }, h("zonos-v-stack", { key: '
|
|
13
|
+
} }, h("zonos-v-stack", { key: '2c702d85c59f05b13e2e390112a883287ea7caa9', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '6d96d65d0bf84c9c3fa393e40793ce614c38d56d', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'faa95bb90a92ea18b357fc85c417fe12ec683abd', type: "boldLabel" }, this.label), h("zonos-button", { key: '69cb8bc40f9af380971bf25d9901f8508950d9a6', 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: 'abdbb9baa47b4c954b81ea4101b24ababf45ae31' }))));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "zonos-select-dialog-header"; }
|
|
16
16
|
static get encapsulation() { return "shadow"; }
|
|
@@ -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: '20c737a7dd6aae9b2b7aa1a293dd891cc618dfbb', class: "zonos--elements" }, h("div", { key: '09aefcda610b6536a10b0a325c2b460d2f5a2976', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '4191e0e3297b1c5ff625ee965773d026a970db68' }), h("div", { key: 'f4a4455f57ad9e03a6bf3d4309999480caa077f4', class: classes([
|
|
11
11
|
this.showTooltip && 'zonos--show-tooltip',
|
|
12
12
|
'zonos--tooltip-content',
|
|
13
|
-
]) }, h("zonos-text", { key: '
|
|
13
|
+
]) }, h("zonos-text", { key: '36d1afd592d1e83cf325bb64bef2ff94cd6f5adb', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: '8e9562f0cb35a53e32dd39cabf22cc26a1e07d47', 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: 'c6bd39c68cd1056b90f5ced0bb21065ea9bd657c', style: {
|
|
11
11
|
'--font-family': zonosStoreFontFamily(),
|
|
12
|
-
} }, h("div", { key: '
|
|
12
|
+
} }, h("div", { key: 'fa24c9d7aafdee826d51bc9b0537c3ec1df672d3', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: 'a1f2bde182c1073dfeebe72855af2c729c303fee' }))));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "zonos-v-stack"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -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: 'b88706a49b858decbff163e085da6df8b8513eac' }, "Hello, World! I'm ", this.getText());
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "zonos-component"; }
|
|
16
16
|
static get encapsulation() { return "shadow"; }
|
|
@@ -17,9 +17,9 @@ export class ZonosHelloDialogFooter {
|
|
|
17
17
|
const primaryColor = (_a = this.appearanceSettings) === null || _a === void 0 ? void 0 : _a.colorPrimary;
|
|
18
18
|
const footerTheme = primaryColor && isDarkColor(primaryColor) ? 'DARK' : 'LIGHT';
|
|
19
19
|
const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: '57933a1dc8584daeb3f66393ebb98e7cdb1ff5e3', class: "zonos--elements" }, h("div", { key: '801626fa9eb4baa7a8e1ef1afda6336bbe085ca1', class: "zonos--hello-dialog-footer", "data-theme": footerTheme, style: {
|
|
21
21
|
'--primary-color': (_c = this.appearanceSettings) === null || _c === void 0 ? void 0 : _c.colorPrimary,
|
|
22
|
-
} }, h("a", { key: '
|
|
22
|
+
} }, h("a", { key: '0e03d262f71f5fced451b8b298462b1f070848ad', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'e17d1eac7bc1e5e5bf2c86c384dc5b01725802ef', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: "gray-1200", size: 108 })), h("div", { key: 'd7a065b6bd87b41aae013b0cddf4cb50852664fe', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: '22a0a218fd1627519cde3663face486ba2d5ec41', buttonColor: "gray-1200", icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: "gray-1200" }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: '6800d57eb7a877e873bb8050f313017c39a516e7', buttonColor: "gray-1200", 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)))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "zonos-hello-dialog-footer"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -157,17 +157,17 @@ export class ZonosHelloDialog {
|
|
|
157
157
|
const defaultMessage = formatStringWithLinks(defaultMessageStr);
|
|
158
158
|
const currentPage = this.getCurrentPageEnum();
|
|
159
159
|
const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
|
|
160
|
-
return (h(Host, { key: '
|
|
160
|
+
return (h(Host, { key: '8bf0a772ecb6fccdc2972e972f9f0408ce592218', class: "zonos--elements" }, h("div", { key: '88f20fe04677e325017a7ecfdde9912e4e8e22b4', "aria-hidden": "true", class: classes([
|
|
161
161
|
'zonos--hello-dialog',
|
|
162
162
|
animateLeft && 'zonos--hello-dialog-animate-from-left',
|
|
163
163
|
animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
|
|
164
164
|
!!this.mobileLocationOverride &&
|
|
165
165
|
'zonos--hello-dialog-mobile-override',
|
|
166
166
|
this.isOpen && 'zonos--hello-dialog-open',
|
|
167
|
-
]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '
|
|
167
|
+
]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'b11f2f53423877831a21b643d2368dccb6fe224c' }, h("div", { key: '57ff469e1f2c2531c1954bdf6d2f49fddbe63bcd', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: 'a418c15bb7aae60382eb31dd97ed8e0666e1fce9', 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: '5709d31fd18036086c4ede870204a62fe89d590d', spacing: 24 }, h("zonos-country-flag", { key: 'ec590dc403375ff798b1d0d5a4a30bbaa74892f2', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '37d40d7dd95da6d333bd0fdf2f19fe724ffab2b9', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '281df8ec6ab89f5a93ac9f727f90c17b38bfcbb2', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '512245b074199b9e568afabfd9f843227aeb68cf', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '283e04fb0b4009458e93431ef9f9dc12900541a6', spacing: 8 }, this.restrictedItems.map(item => {
|
|
168
168
|
var _a;
|
|
169
169
|
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)))));
|
|
170
|
-
}), h("zonos-card", { key: '
|
|
170
|
+
}), h("zonos-card", { key: 'e0e0d8fb11132dc1f64e3fcf4f0cc2c1bf691f62', spacing: "12px" }, h("zonos-v-stack", { key: '0dc4346f8856bd8ba5f248f29bce36ef7966231b', spacing: 12 }, h("div", { key: 'ad9354280047ecd4ac32b988de69d77dcbe34216', class: "zonos--flex-message" }, h("zonos-icon", { key: 'aceb265d47dedefb6311ac216afe87a160f6eb70', "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", { key: '05ea0760b16a03c9a4ff1e900257823e1c4a8cca' }, dutyDeMinimisMessage)), h("div", { key: 'fa3e8189c8d022ed3a2e8aee479d5788c47cef4c', class: "zonos--flex-message" }, h("zonos-icon", { key: '674d09a02bdce580ac686b6605f281712fb36642', "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", { key: '25e4d23761eed05537c368d57bc0c8124cfc9789' }, taxDeMinimisMessage)), additionalInformation && (h("div", { key: '0f21e1127ee976dc54c0143388adb96424df6b48', class: "zonos--flex-message" }, h("zonos-icon", { key: '7b728089b819a901335c409e2ab375943c3cf6e1', "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", { key: '8c9d174c332811647071cdaf667d073f88c80d11' }, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: 'fade96ffe3372328d5e40401e5899194bb64537a', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '27d2f1e0221a8fa5c5d065bb06ec3aac34b5b8c2' }, h("zonos-country-select", { key: '3e95cbd0b23acbf6a9acc225c22e190628fb36c6', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '308654a87db5adbbd7c776e761aa180bba128a83' }, h("zonos-language-select", { key: 'e28f547a6bb066b8d5e6f8cceabc5c14e5c23da1', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
|
|
171
171
|
}
|
|
172
172
|
static get is() { return "zonos-hello-dialog"; }
|
|
173
173
|
static get encapsulation() { return "shadow"; }
|
|
@@ -152,7 +152,7 @@ export class ZonosController {
|
|
|
152
152
|
zonosStore.organizationName = organizationName;
|
|
153
153
|
}
|
|
154
154
|
render() {
|
|
155
|
-
return h(Host, { key: '
|
|
155
|
+
return h(Host, { key: '59ea7b586263bcd6c5f42c8e52144dbd56463d89', class: "zonos--elements" });
|
|
156
156
|
}
|
|
157
157
|
static get is() { return "zonos-controller"; }
|
|
158
158
|
static get encapsulation() { return "shadow"; }
|
|
@@ -135,7 +135,10 @@ const isPrefetchInfoOutdated = () => {
|
|
|
135
135
|
const isBillingAddressDataDirty = !stripeStore.stripeShippingSameAsBilling &&
|
|
136
136
|
JSON.stringify((_f = stripeStore.stripeBillingAddressEventData) === null || _f === void 0 ? void 0 : _f.value) !==
|
|
137
137
|
JSON.stringify((_g = stripeStore.stripeBillingAddressUsedWhenFetchingLC) === null || _g === void 0 ? void 0 : _g.value);
|
|
138
|
-
return (
|
|
138
|
+
return (
|
|
139
|
+
// if landed cost data is not available, we need to fetch it
|
|
140
|
+
!cartStore.landedCostData ||
|
|
141
|
+
isLinkDataDirty ||
|
|
139
142
|
isAddressDataDirty ||
|
|
140
143
|
isBillingAddressDataDirty ||
|
|
141
144
|
isTotalAmountChanged);
|
|
@@ -47,6 +47,9 @@ export const stringsArabic = {
|
|
|
47
47
|
Delivery: {
|
|
48
48
|
value: 'التوصيل',
|
|
49
49
|
},
|
|
50
|
+
'Delivery options': {
|
|
51
|
+
value: 'خيارات التوصيل',
|
|
52
|
+
},
|
|
50
53
|
'Duties and taxes will be applied to items and shipping.': {
|
|
51
54
|
value: 'سيتم تطبيق الرسوم والضرائب على العناصر والشحن.',
|
|
52
55
|
},
|
|
@@ -77,6 +80,9 @@ export const stringsArabic = {
|
|
|
77
80
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
78
81
|
value: 'تعرف على الرسوم والضرائب قبل الشراء. اشترِ بثقة!',
|
|
79
82
|
},
|
|
83
|
+
'Missing required fields. Make sure all fields are completed.': {
|
|
84
|
+
value: 'الحقول المطلوبة مفقودة. تأكد من إكمال جميع الحقول.',
|
|
85
|
+
},
|
|
80
86
|
Name: {
|
|
81
87
|
value: 'اسم',
|
|
82
88
|
},
|
|
@@ -158,9 +164,6 @@ export const stringsArabic = {
|
|
|
158
164
|
'Shipping address same as billing': {
|
|
159
165
|
value: 'عنوان الشحن مطابق لعنوان الفوترة',
|
|
160
166
|
},
|
|
161
|
-
'Shipping information': {
|
|
162
|
-
value: 'معلومات الشحن',
|
|
163
|
-
},
|
|
164
167
|
'Shipping method': {
|
|
165
168
|
value: 'طريقة الشحن',
|
|
166
169
|
},
|
|
@@ -47,6 +47,9 @@ export const stringsBase = {
|
|
|
47
47
|
Delivery: {
|
|
48
48
|
value: 'Delivery',
|
|
49
49
|
},
|
|
50
|
+
'Delivery options': {
|
|
51
|
+
value: 'Delivery options',
|
|
52
|
+
},
|
|
50
53
|
'Duties and taxes will be applied to items and shipping.': {
|
|
51
54
|
value: 'Duties and taxes will be applied to items and shipping.',
|
|
52
55
|
},
|
|
@@ -77,6 +80,9 @@ export const stringsBase = {
|
|
|
77
80
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
78
81
|
value: 'Know about duties and taxes before you buy. Shop with confidence!',
|
|
79
82
|
},
|
|
83
|
+
'Missing required fields. Make sure all fields are completed.': {
|
|
84
|
+
value: 'Missing required fields. Make sure all fields are completed.',
|
|
85
|
+
},
|
|
80
86
|
Name: {
|
|
81
87
|
value: 'Name',
|
|
82
88
|
},
|
|
@@ -158,9 +164,6 @@ export const stringsBase = {
|
|
|
158
164
|
'Shipping address same as billing': {
|
|
159
165
|
value: 'Shipping address same as billing',
|
|
160
166
|
},
|
|
161
|
-
'Shipping information': {
|
|
162
|
-
value: 'Shipping information',
|
|
163
|
-
},
|
|
164
167
|
'Shipping method': {
|
|
165
168
|
value: 'Shipping method',
|
|
166
169
|
},
|
|
@@ -47,6 +47,9 @@ export const stringsChinese = {
|
|
|
47
47
|
Delivery: {
|
|
48
48
|
value: '送货',
|
|
49
49
|
},
|
|
50
|
+
'Delivery options': {
|
|
51
|
+
value: '送货选项',
|
|
52
|
+
},
|
|
50
53
|
'Duties and taxes will be applied to items and shipping.': {
|
|
51
54
|
value: '商品和运费将征收关税和税款。',
|
|
52
55
|
},
|
|
@@ -77,6 +80,9 @@ export const stringsChinese = {
|
|
|
77
80
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
78
81
|
value: '在购买之前了解关税和税款。放心购物!',
|
|
79
82
|
},
|
|
83
|
+
'Missing required fields. Make sure all fields are completed.': {
|
|
84
|
+
value: '缺少必填字段。确保所有字段均已填写完整。',
|
|
85
|
+
},
|
|
80
86
|
Name: {
|
|
81
87
|
value: '名称',
|
|
82
88
|
},
|
|
@@ -158,9 +164,6 @@ export const stringsChinese = {
|
|
|
158
164
|
'Shipping address same as billing': {
|
|
159
165
|
value: '送货地址与账单地址相同',
|
|
160
166
|
},
|
|
161
|
-
'Shipping information': {
|
|
162
|
-
value: '运输信息',
|
|
163
|
-
},
|
|
164
167
|
'Shipping method': {
|
|
165
168
|
value: '运输方式',
|
|
166
169
|
},
|
|
@@ -47,6 +47,9 @@ export const stringsDanish = {
|
|
|
47
47
|
Delivery: {
|
|
48
48
|
value: 'Levering',
|
|
49
49
|
},
|
|
50
|
+
'Delivery options': {
|
|
51
|
+
value: 'Leveringsmuligheder',
|
|
52
|
+
},
|
|
50
53
|
'Duties and taxes will be applied to items and shipping.': {
|
|
51
54
|
value: 'Told og skatter vil blive pålagt varer og fragt.',
|
|
52
55
|
},
|
|
@@ -77,6 +80,9 @@ export const stringsDanish = {
|
|
|
77
80
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
78
81
|
value: 'Lær om told og skatter, før du køber. Handle trygt!',
|
|
79
82
|
},
|
|
83
|
+
'Missing required fields. Make sure all fields are completed.': {
|
|
84
|
+
value: 'Manglende obligatoriske felter. Sørg for, at alle felter er udfyldt.',
|
|
85
|
+
},
|
|
80
86
|
Name: {
|
|
81
87
|
value: 'Navn',
|
|
82
88
|
},
|
|
@@ -158,9 +164,6 @@ export const stringsDanish = {
|
|
|
158
164
|
'Shipping address same as billing': {
|
|
159
165
|
value: 'Leveringsadresse samme som fakturaadresse',
|
|
160
166
|
},
|
|
161
|
-
'Shipping information': {
|
|
162
|
-
value: 'Leveringsinformation',
|
|
163
|
-
},
|
|
164
167
|
'Shipping method': {
|
|
165
168
|
value: 'Leveringsmetode',
|
|
166
169
|
},
|
|
@@ -47,6 +47,9 @@ export const stringsDutch = {
|
|
|
47
47
|
Delivery: {
|
|
48
48
|
value: 'Levering',
|
|
49
49
|
},
|
|
50
|
+
'Delivery options': {
|
|
51
|
+
value: 'Bezorgopties',
|
|
52
|
+
},
|
|
50
53
|
'Duties and taxes will be applied to items and shipping.': {
|
|
51
54
|
value: 'Belastingen en heffingen worden toegepast op artikelen en verzending.',
|
|
52
55
|
},
|
|
@@ -77,6 +80,9 @@ export const stringsDutch = {
|
|
|
77
80
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
78
81
|
value: 'Weet wat de heffingen en belastingen zijn voordat je koopt. Winkel met vertrouwen!',
|
|
79
82
|
},
|
|
83
|
+
'Missing required fields. Make sure all fields are completed.': {
|
|
84
|
+
value: 'Verplichte velden ontbreken. Zorg ervoor dat alle velden zijn ingevuld.',
|
|
85
|
+
},
|
|
80
86
|
Name: {
|
|
81
87
|
value: 'Naam',
|
|
82
88
|
},
|
|
@@ -158,9 +164,6 @@ export const stringsDutch = {
|
|
|
158
164
|
'Shipping address same as billing': {
|
|
159
165
|
value: 'Verzendadres gelijk aan factuuradres',
|
|
160
166
|
},
|
|
161
|
-
'Shipping information': {
|
|
162
|
-
value: 'Verzendinformatie',
|
|
163
|
-
},
|
|
164
167
|
'Shipping method': {
|
|
165
168
|
value: 'Verzendmethode',
|
|
166
169
|
},
|
|
@@ -47,6 +47,9 @@ export const stringsFrench = {
|
|
|
47
47
|
Delivery: {
|
|
48
48
|
value: 'Livraison',
|
|
49
49
|
},
|
|
50
|
+
'Delivery options': {
|
|
51
|
+
value: 'Options de livraison',
|
|
52
|
+
},
|
|
50
53
|
'Duties and taxes will be applied to items and shipping.': {
|
|
51
54
|
value: 'Des droits et taxes seront appliqués aux articles et à la livraison.',
|
|
52
55
|
},
|
|
@@ -77,6 +80,9 @@ export const stringsFrench = {
|
|
|
77
80
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
78
81
|
value: "Renseignez-vous sur les droits et taxes avant d'acheter. Achetez en toute confiance !",
|
|
79
82
|
},
|
|
83
|
+
'Missing required fields. Make sure all fields are completed.': {
|
|
84
|
+
value: 'Il manque des champs requis. Assurez-vous que tous les champs sont complétés.',
|
|
85
|
+
},
|
|
80
86
|
Name: {
|
|
81
87
|
value: 'Nom',
|
|
82
88
|
},
|
|
@@ -158,9 +164,6 @@ export const stringsFrench = {
|
|
|
158
164
|
'Shipping address same as billing': {
|
|
159
165
|
value: "Adresse de livraison identique à l'adresse de facturation",
|
|
160
166
|
},
|
|
161
|
-
'Shipping information': {
|
|
162
|
-
value: 'Informations de livraison',
|
|
163
|
-
},
|
|
164
167
|
'Shipping method': {
|
|
165
168
|
value: 'Mode de livraison',
|
|
166
169
|
},
|
|
@@ -47,6 +47,9 @@ export const stringsGerman = {
|
|
|
47
47
|
Delivery: {
|
|
48
48
|
value: 'Lieferung',
|
|
49
49
|
},
|
|
50
|
+
'Delivery options': {
|
|
51
|
+
value: 'Lieferoptionen',
|
|
52
|
+
},
|
|
50
53
|
'Duties and taxes will be applied to items and shipping.': {
|
|
51
54
|
value: 'Zölle und Steuern werden auf Artikel und Versand erhoben.',
|
|
52
55
|
},
|
|
@@ -77,6 +80,9 @@ export const stringsGerman = {
|
|
|
77
80
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
78
81
|
value: 'Informieren Sie sich vor dem Kauf über Zölle und Steuern. Kaufen Sie vertrauensvoll!',
|
|
79
82
|
},
|
|
83
|
+
'Missing required fields. Make sure all fields are completed.': {
|
|
84
|
+
value: 'Erforderliche Felder fehlen. Stellen Sie sicher, dass alle Felder ausgefüllt sind.',
|
|
85
|
+
},
|
|
80
86
|
Name: {
|
|
81
87
|
value: 'Name',
|
|
82
88
|
},
|
|
@@ -158,9 +164,6 @@ export const stringsGerman = {
|
|
|
158
164
|
'Shipping address same as billing': {
|
|
159
165
|
value: 'Lieferadresse wie Rechnungsadresse',
|
|
160
166
|
},
|
|
161
|
-
'Shipping information': {
|
|
162
|
-
value: 'Versandinformationen',
|
|
163
|
-
},
|
|
164
167
|
'Shipping method': {
|
|
165
168
|
value: 'Versandart',
|
|
166
169
|
},
|
|
@@ -47,6 +47,9 @@ export const stringsHebrew = {
|
|
|
47
47
|
Delivery: {
|
|
48
48
|
value: 'מְסִירָה',
|
|
49
49
|
},
|
|
50
|
+
'Delivery options': {
|
|
51
|
+
value: 'אפשרויות משלוח',
|
|
52
|
+
},
|
|
50
53
|
'Duties and taxes will be applied to items and shipping.': {
|
|
51
54
|
value: 'מכס ומס יחולו על פריטים ומשלוח.',
|
|
52
55
|
},
|
|
@@ -77,6 +80,9 @@ export const stringsHebrew = {
|
|
|
77
80
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
78
81
|
value: 'למד על מכסים ומסים לפני שאתה קונה. קנה בביטחון!',
|
|
79
82
|
},
|
|
83
|
+
'Missing required fields. Make sure all fields are completed.': {
|
|
84
|
+
value: 'חסרים שדות נדרשים. ודא שכל השדות הושלמו.',
|
|
85
|
+
},
|
|
80
86
|
Name: {
|
|
81
87
|
value: 'שם',
|
|
82
88
|
},
|
|
@@ -158,9 +164,6 @@ export const stringsHebrew = {
|
|
|
158
164
|
'Shipping address same as billing': {
|
|
159
165
|
value: 'כתובת המשלוח זהה לכתובת החיוב',
|
|
160
166
|
},
|
|
161
|
-
'Shipping information': {
|
|
162
|
-
value: 'פרטי משלוח',
|
|
163
|
-
},
|
|
164
167
|
'Shipping method': {
|
|
165
168
|
value: 'שיטת משלוח',
|
|
166
169
|
},
|
|
@@ -47,6 +47,9 @@ export const stringsIndonesian = {
|
|
|
47
47
|
Delivery: {
|
|
48
48
|
value: 'Pengiriman',
|
|
49
49
|
},
|
|
50
|
+
'Delivery options': {
|
|
51
|
+
value: 'Opsi pengiriman',
|
|
52
|
+
},
|
|
50
53
|
'Duties and taxes will be applied to items and shipping.': {
|
|
51
54
|
value: 'Bea masuk dan pajak akan dikenakan pada barang dan pengiriman.',
|
|
52
55
|
},
|
|
@@ -77,6 +80,9 @@ export const stringsIndonesian = {
|
|
|
77
80
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
78
81
|
value: 'Ketahui tentang bea masuk dan pajak sebelum Anda membeli. Belanja dengan percaya diri!',
|
|
79
82
|
},
|
|
83
|
+
'Missing required fields. Make sure all fields are completed.': {
|
|
84
|
+
value: 'Kolom yang diperlukan hilang. Pastikan semua kolom telah diisi.',
|
|
85
|
+
},
|
|
80
86
|
Name: {
|
|
81
87
|
value: 'Nama',
|
|
82
88
|
},
|
|
@@ -158,9 +164,6 @@ export const stringsIndonesian = {
|
|
|
158
164
|
'Shipping address same as billing': {
|
|
159
165
|
value: 'Alamat pengiriman sama dengan alamat penagihan',
|
|
160
166
|
},
|
|
161
|
-
'Shipping information': {
|
|
162
|
-
value: 'Informasi pengiriman',
|
|
163
|
-
},
|
|
164
167
|
'Shipping method': {
|
|
165
168
|
value: 'Metode pengiriman',
|
|
166
169
|
},
|
|
@@ -47,6 +47,9 @@ export const stringsItalian = {
|
|
|
47
47
|
Delivery: {
|
|
48
48
|
value: 'Consegna',
|
|
49
49
|
},
|
|
50
|
+
'Delivery options': {
|
|
51
|
+
value: 'Opzioni di consegna',
|
|
52
|
+
},
|
|
50
53
|
'Duties and taxes will be applied to items and shipping.': {
|
|
51
54
|
value: 'Dazi e tasse saranno applicati agli articoli e alla spedizione.',
|
|
52
55
|
},
|
|
@@ -77,6 +80,9 @@ export const stringsItalian = {
|
|
|
77
80
|
'Know about duties and taxes before you buy. Shop with confidence!': {
|
|
78
81
|
value: 'Informati su dazi e tasse prima di acquistare. Acquista con fiducia!',
|
|
79
82
|
},
|
|
83
|
+
'Missing required fields. Make sure all fields are completed.': {
|
|
84
|
+
value: 'Mancano i campi richiesti. Assicurati che tutti i campi siano completati.',
|
|
85
|
+
},
|
|
80
86
|
Name: {
|
|
81
87
|
value: 'Nome',
|
|
82
88
|
},
|
|
@@ -158,9 +164,6 @@ export const stringsItalian = {
|
|
|
158
164
|
'Shipping address same as billing': {
|
|
159
165
|
value: 'Indirizzo di spedizione uguale a quello di fatturazione',
|
|
160
166
|
},
|
|
161
|
-
'Shipping information': {
|
|
162
|
-
value: 'Informazioni di spedizione',
|
|
163
|
-
},
|
|
164
167
|
'Shipping method': {
|
|
165
168
|
value: 'Metodo di spedizione',
|
|
166
169
|
},
|