@zonos/elements 1.3.233 → 1.3.235
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-bc615014.js → cart-22ced7cc.js} +33 -29
- package/dist/cjs/{shouldRenderTaxIdInput-9b8a8de1.js → containsNonLatinChars-2be5129b.js} +0 -23
- package/dist/cjs/{hasInclusivePrice-84145546.js → hasInclusivePrice-ca85cabd.js} +1 -1
- package/dist/cjs/index.cjs.js +11 -7
- package/dist/cjs/invoice-8fd4242c.js +151 -0
- package/dist/cjs/{renderFallback-c2576fbe.js → isCollectMobileTablet-7962c57f.js} +2 -11
- package/dist/cjs/isInvoiceMobileTablet-dde41e4e.js +15 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{translationStore-08d3ff9c.js → localization-8ef6250a.js} +1059 -1
- package/dist/cjs/{paypal-1d6f1a71.js → paypal-4a086f84.js} +7 -8
- package/dist/cjs/placeTestOrder-f25d08ee.js +45 -0
- package/dist/cjs/{placeTestOrder-a5469e40.js → renderCheckoutCurrency-5494e45b.js} +2 -42
- package/dist/cjs/renderFallback-78b54537.js +12 -0
- package/dist/cjs/shouldRenderTaxIdInput-eda13ef8.js +25 -0
- package/dist/cjs/throttle-7dd64984.js +76 -0
- package/dist/cjs/{zonos-address_11.cjs.entry.js → zonos-address-display_9.cjs.entry.js} +62 -668
- package/dist/cjs/zonos-address_4.cjs.entry.js +715 -0
- package/dist/cjs/zonos-badge.cjs.entry.js +3 -3
- package/dist/cjs/{zonos-banner_2.cjs.entry.js → zonos-banner.cjs.entry.js} +0 -40
- package/dist/cjs/zonos-button_3.cjs.entry.js +3 -3
- package/dist/cjs/{zonos-empty-state-payment_4.cjs.entry.js → zonos-card_5.cjs.entry.js} +44 -6
- package/dist/cjs/{zonos-cart-items_13.cjs.entry.js → zonos-cart-items_12.cjs.entry.js} +75 -92
- package/dist/cjs/zonos-checkout.cjs.entry.js +20 -21
- package/dist/cjs/zonos-collapse.cjs.entry.js +2 -2
- package/dist/cjs/zonos-collect-cart-items_3.cjs.entry.js +5 -6
- package/dist/cjs/zonos-collect-finish_6.cjs.entry.js +66 -65
- package/dist/cjs/zonos-collect.cjs.entry.js +25 -25
- package/dist/cjs/zonos-component.cjs.entry.js +1 -1
- package/dist/cjs/zonos-controller.cjs.entry.js +39 -10
- package/dist/cjs/zonos-country-flag.cjs.entry.js +1 -2
- package/dist/cjs/zonos-country-select_4.cjs.entry.js +10 -11
- package/dist/cjs/zonos-elements.cjs.js +1 -1
- package/dist/cjs/zonos-hello-dialog.cjs.entry.js +30 -31
- package/dist/cjs/zonos-hello.cjs.entry.js +7 -8
- package/dist/cjs/zonos-input.cjs.entry.js +4 -4
- package/dist/cjs/zonos-invoice-cart-items_2.cjs.entry.js +94 -0
- package/dist/cjs/zonos-invoice-finish_5.cjs.entry.js +686 -0
- package/dist/cjs/zonos-invoice.cjs.entry.js +468 -0
- package/dist/cjs/zonos-language-select_2.cjs.entry.js +5 -6
- package/dist/cjs/zonos-link.cjs.entry.js +24 -0
- package/dist/cjs/zonos-logo.cjs.entry.js +2 -2
- package/dist/cjs/zonos-stripe-input.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/collection-manifest.json +8 -0
- package/dist/collection/components/checkout/zonos-invoice/assets/ChevronDownIcon.svg +1 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-cart-items/assets/empty-item.jpeg +0 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-cart-items/zonos-invoice-cart-items.css +72 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-cart-items/zonos-invoice-cart-items.js +87 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-finish/assets/RemoveIcon.svg +1 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-finish/assets/SuccessIcon.svg +1 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-finish/zonos-invoice-finish.css +90 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-finish/zonos-invoice-finish.js +405 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-footer/assets/chevronDownIcon.svg +1 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-footer/assets/globe.svg +3 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-footer/assets/zonosIconDark.svg +10 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-footer/assets/zonosIconLight.svg +10 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-footer/assets/zonosWordmark.svg +7 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-footer/zonos-invoice-footer.css +155 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-footer/zonos-invoice-footer.js +165 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-order-details/assets/ChevronDownIcon.svg +1 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-order-details/assets/ChevronUpIcon.svg +1 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-order-details/zonos-invoice-order-details.css +117 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-order-details/zonos-invoice-order-details.js +175 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-payment/assets/CheckmarkLineIcon.svg +1 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-payment/assets/RemoveLineIcon.svg +1 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-payment/zonos-invoice-payment.css +98 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-payment/zonos-invoice-payment.js +368 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-review/zonos-invoice-review.css +71 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-review/zonos-invoice-review.js +151 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-subtotal/zonos-invoice-subtotal.css +83 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-subtotal/zonos-invoice-subtotal.js +65 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice.css +350 -0
- package/dist/collection/components/checkout/zonos-invoice/zonos-invoice.js +547 -0
- 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 +3 -3
- 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-h-stack/zonos-h-stack.js +2 -2
- 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-loading-overlay/zonos-loading-overlay.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-skeleton/zonos-skeleton.js +1 -1
- package/dist/collection/components/common/zonos-stripe-input/zonos-stripe-input.js +5 -5
- package/dist/collection/components/common/zonos-stripe-phone-input/zonos-stripe-phone-input.js +5 -5
- package/dist/collection/components/common/zonos-stripe-select/zonos-stripe-select.js +5 -5
- 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 +45 -4
- package/dist/collection/components/paypal/zonos-paypal-payment.js +1 -1
- package/dist/collection/components/store/checkout/invoice.js +148 -0
- package/dist/collection/components/store/checkout/stripe.js +8 -3
- package/dist/collection/components/store/translationStore/strings.arabic.js +9 -0
- package/dist/collection/components/store/translationStore/strings.base.js +9 -0
- package/dist/collection/components/store/translationStore/strings.chinese.js +9 -0
- package/dist/collection/components/store/translationStore/strings.danish.js +9 -0
- package/dist/collection/components/store/translationStore/strings.dutch.js +9 -0
- package/dist/collection/components/store/translationStore/strings.french.js +9 -0
- package/dist/collection/components/store/translationStore/strings.german.js +9 -0
- package/dist/collection/components/store/translationStore/strings.hebrew.js +9 -0
- package/dist/collection/components/store/translationStore/strings.indonesian.js +9 -0
- package/dist/collection/components/store/translationStore/strings.italian.js +9 -0
- package/dist/collection/components/store/translationStore/strings.japanese.js +9 -0
- package/dist/collection/components/store/translationStore/strings.korean.js +9 -0
- package/dist/collection/components/store/translationStore/strings.norwegian.js +9 -0
- package/dist/collection/components/store/translationStore/strings.polish.js +9 -0
- package/dist/collection/components/store/translationStore/strings.portuguese.js +9 -0
- package/dist/collection/components/store/translationStore/strings.russian.js +9 -0
- package/dist/collection/components/store/translationStore/strings.spanish.js +9 -0
- package/dist/collection/components/store/translationStore/strings.swedish.js +9 -0
- package/dist/collection/components/store/translationStore/strings.turkish.js +9 -0
- package/dist/collection/components/store/translationStore/strings.vietnamese.js +9 -0
- package/dist/collection/components/stripe/zonos-address/zonos-address.js +8 -5
- package/dist/collection/components/stripe/zonos-custom-address/zonos-address-suggestions/zonos-address-suggestions.js +2 -2
- package/dist/collection/components/stripe/zonos-custom-address/zonos-custom-address.js +2 -2
- package/dist/collection/components/stripe/zonos-payment/zonos-payment.js +1 -1
- package/dist/collection/components/utils/checkout/initInvoice.js +15 -0
- package/dist/collection/components/utils/checkout/isInvoiceMobileTablet.js +10 -0
- package/dist/collection/scripts/_zonosBase.js +4 -0
- package/dist/collection/types/generated/graphql.frontend.types.js +4 -0
- package/dist/collection/types/generated/graphql.internal.types.js +239 -5
- package/dist/esm/{cart-14f305b3.js → cart-66aecbb3.js} +9 -5
- package/dist/esm/{shouldRenderTaxIdInput-8bc112bb.js → containsNonLatinChars-2d8810c3.js} +1 -23
- package/dist/esm/{hasInclusivePrice-0eda8ba9.js → hasInclusivePrice-2a1bf474.js} +1 -1
- package/dist/esm/index.js +11 -7
- package/dist/esm/invoice-c7452847.js +146 -0
- package/dist/esm/{renderFallback-dbf1e3ae.js → isCollectMobileTablet-921002b0.js} +3 -11
- package/dist/esm/isInvoiceMobileTablet-1f7b614e.js +12 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{translationStore-690c4e04.js → localization-04b05867.js} +1041 -2
- package/dist/esm/{paypal-fded8844.js → paypal-56564874.js} +2 -3
- package/dist/esm/placeTestOrder-6b9eda9e.js +43 -0
- package/dist/esm/{placeTestOrder-2250f719.js → renderCheckoutCurrency-cb808110.js} +3 -42
- package/dist/esm/renderFallback-3f010b48.js +10 -0
- package/dist/esm/shouldRenderTaxIdInput-d45ceeb4.js +23 -0
- package/dist/esm/throttle-ce2432ab.js +74 -0
- package/dist/esm/{zonos-address_11.entry.js → zonos-address-display_9.entry.js} +32 -636
- package/dist/esm/zonos-address_4.entry.js +708 -0
- package/dist/esm/zonos-badge.entry.js +3 -3
- package/dist/esm/{zonos-banner_2.entry.js → zonos-banner.entry.js} +1 -40
- package/dist/esm/zonos-button_3.entry.js +3 -3
- package/dist/esm/{zonos-empty-state-payment_4.entry.js → zonos-card_5.entry.js} +44 -7
- package/dist/esm/{zonos-cart-items_13.entry.js → zonos-cart-items_12.entry.js} +15 -31
- package/dist/esm/zonos-checkout.entry.js +3 -4
- package/dist/esm/zonos-collapse.entry.js +2 -2
- package/dist/esm/zonos-collect-cart-items_3.entry.js +5 -6
- package/dist/esm/zonos-collect-finish_6.entry.js +7 -6
- package/dist/esm/zonos-collect.entry.js +5 -5
- package/dist/esm/zonos-component.entry.js +1 -1
- package/dist/esm/zonos-controller.entry.js +39 -10
- package/dist/esm/zonos-country-flag.entry.js +1 -2
- package/dist/esm/zonos-country-select_4.entry.js +10 -11
- package/dist/esm/zonos-elements.js +1 -1
- package/dist/esm/zonos-hello-dialog.entry.js +6 -7
- package/dist/esm/zonos-hello.entry.js +1 -2
- package/dist/esm/zonos-input.entry.js +4 -4
- package/dist/esm/zonos-invoice-cart-items_2.entry.js +89 -0
- package/dist/esm/zonos-invoice-finish_5.entry.js +678 -0
- package/dist/esm/zonos-invoice.entry.js +464 -0
- package/dist/esm/zonos-language-select_2.entry.js +5 -6
- package/dist/esm/zonos-link.entry.js +20 -0
- package/dist/esm/zonos-logo.entry.js +2 -2
- package/dist/esm/zonos-stripe-input.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/cart-66aecbb3.js +1 -0
- package/dist/esm-es5/containsNonLatinChars-2d8810c3.js +1 -0
- package/dist/esm-es5/{hasInclusivePrice-0eda8ba9.js → hasInclusivePrice-2a1bf474.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/invoice-c7452847.js +1 -0
- package/dist/esm-es5/isCollectMobileTablet-921002b0.js +1 -0
- package/dist/esm-es5/isInvoiceMobileTablet-1f7b614e.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/localization-04b05867.js +1 -0
- package/dist/esm-es5/{paypal-fded8844.js → paypal-56564874.js} +1 -1
- package/dist/esm-es5/placeTestOrder-6b9eda9e.js +1 -0
- package/dist/esm-es5/renderCheckoutCurrency-cb808110.js +1 -0
- package/dist/esm-es5/renderFallback-3f010b48.js +1 -0
- package/dist/esm-es5/shouldRenderTaxIdInput-d45ceeb4.js +1 -0
- package/dist/esm-es5/throttle-ce2432ab.js +1 -0
- package/dist/esm-es5/zonos-address-display_9.entry.js +1 -0
- package/dist/esm-es5/zonos-address_4.entry.js +1 -0
- package/dist/esm-es5/zonos-badge.entry.js +1 -1
- package/dist/esm-es5/zonos-banner.entry.js +1 -0
- package/dist/esm-es5/zonos-button_3.entry.js +1 -1
- package/dist/esm-es5/zonos-card_5.entry.js +1 -0
- package/dist/esm-es5/zonos-cart-items_12.entry.js +1 -0
- 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-collect-cart-items_3.entry.js +1 -1
- package/dist/esm-es5/zonos-collect-finish_6.entry.js +1 -1
- package/dist/esm-es5/zonos-collect.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-invoice-cart-items_2.entry.js +1 -0
- package/dist/esm-es5/zonos-invoice-finish_5.entry.js +1 -0
- package/dist/esm-es5/zonos-invoice.entry.js +1 -0
- package/dist/esm-es5/zonos-language-select_2.entry.js +1 -1
- package/dist/esm-es5/zonos-link.entry.js +1 -0
- package/dist/esm-es5/zonos-logo.entry.js +1 -1
- package/dist/esm-es5/zonos-stripe-input.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 +356 -0
- 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-invoice/zonos-invoice-cart-items/zonos-invoice-cart-items.d.ts +10 -0
- package/dist/types/components/checkout/zonos-invoice/zonos-invoice-finish/zonos-invoice-finish.d.ts +50 -0
- package/dist/types/components/checkout/zonos-invoice/zonos-invoice-footer/zonos-invoice-footer.d.ts +25 -0
- package/dist/types/components/checkout/zonos-invoice/zonos-invoice-order-details/zonos-invoice-order-details.d.ts +28 -0
- package/dist/types/components/checkout/zonos-invoice/zonos-invoice-payment/zonos-invoice-payment.d.ts +62 -0
- package/dist/types/components/checkout/zonos-invoice/zonos-invoice-review/zonos-invoice-review.d.ts +22 -0
- package/dist/types/components/checkout/zonos-invoice/zonos-invoice-subtotal/zonos-invoice-subtotal.d.ts +7 -0
- package/dist/types/components/checkout/zonos-invoice/zonos-invoice.d.ts +86 -0
- package/dist/types/components/main/zonos-controller.d.ts +4 -0
- package/dist/types/components/store/checkout/invoice.d.ts +19 -0
- package/dist/types/components/store/translationStore/strings.arabic.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.base.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.chinese.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.danish.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.dutch.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.french.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.german.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.hebrew.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.indonesian.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.italian.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.japanese.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.korean.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.norwegian.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.polish.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.portuguese.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.russian.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.spanish.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.swedish.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.turkish.d.ts +9 -0
- package/dist/types/components/store/translationStore/strings.vietnamese.d.ts +9 -0
- package/dist/types/components/utils/api/getLocaleMessages.d.ts +1 -1
- package/dist/types/components/utils/checkout/initInvoice.d.ts +1 -0
- package/dist/types/components/utils/checkout/isInvoiceMobileTablet.d.ts +4 -0
- package/dist/types/components.d.ts +351 -0
- package/dist/types/scripts/_zonosBase.d.ts +5 -0
- package/dist/types/types/checkout/api/CheckoutSession.d.ts +4 -0
- package/dist/types/types/checkout/api/PartyInfo.d.ts +21 -0
- package/dist/types/types/generated/graphql.frontend.types.d.ts +5 -1
- package/dist/types/types/generated/graphql.frontend.types.ts +5 -1
- package/dist/types/types/generated/graphql.internal.types.d.ts +285 -8
- package/dist/types/types/generated/graphql.internal.types.ts +367 -10
- package/dist/zonos-elements/index.esm.js +1 -1
- package/dist/zonos-elements/p-00719e49.entry.js +1 -0
- package/dist/zonos-elements/p-01b0a2e2.js +1 -0
- package/dist/zonos-elements/p-01dada4e.js +1 -0
- package/dist/zonos-elements/p-0c64dbbb.js +1 -0
- package/dist/zonos-elements/p-0cd5bcb3.entry.js +1 -0
- package/dist/zonos-elements/p-0e82fcea.entry.js +1 -0
- package/dist/zonos-elements/p-10316d4d.system.entry.js +1 -0
- package/dist/zonos-elements/{p-0a90dd80.system.entry.js → p-121c60c1.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-bf9d889f.entry.js → p-14314ad3.entry.js} +1 -1
- package/dist/zonos-elements/p-170314a3.js +1 -0
- package/dist/zonos-elements/p-17a09191.entry.js +1 -0
- package/dist/zonos-elements/p-18bc6c7a.entry.js +1 -0
- package/dist/zonos-elements/{p-a25428eb.system.js → p-18d20206.system.js} +2 -2
- package/dist/zonos-elements/p-1a30fe18.system.entry.js +1 -0
- package/dist/zonos-elements/{p-c7b658cb.entry.js → p-1c4d12f0.entry.js} +1 -1
- package/dist/zonos-elements/p-1f3549c6.js +1 -0
- package/dist/zonos-elements/p-2250e585.entry.js +1 -0
- package/dist/zonos-elements/p-248dd596.system.entry.js +1 -0
- package/dist/zonos-elements/{p-5f398c28.entry.js → p-264690d7.entry.js} +1 -1
- package/dist/zonos-elements/p-2670438c.system.js +1 -0
- package/dist/zonos-elements/p-27f6930b.js +1 -0
- package/dist/zonos-elements/{p-eea0eb57.system.entry.js → p-2f869f2c.system.entry.js} +1 -1
- package/dist/zonos-elements/p-30c661b3.system.entry.js +1 -0
- package/dist/zonos-elements/p-34bf7bbe.system.js +1 -0
- package/dist/zonos-elements/p-38913b2f.entry.js +1 -0
- package/dist/zonos-elements/p-3bec13dd.system.js +1 -0
- package/dist/zonos-elements/{p-00ec22b2.entry.js → p-43a22d85.entry.js} +1 -1
- package/dist/zonos-elements/p-44b50260.entry.js +1 -0
- package/dist/zonos-elements/p-48dc96f9.system.entry.js +1 -0
- package/dist/zonos-elements/p-4aa86184.system.entry.js +1 -0
- package/dist/zonos-elements/p-4d594c8e.system.js +1 -0
- package/dist/zonos-elements/p-4ffbb0d6.system.js +1 -0
- package/dist/zonos-elements/{p-452fb638.system.entry.js → p-5062dcf3.system.entry.js} +1 -1
- package/dist/zonos-elements/p-50f31c12.system.entry.js +1 -0
- package/dist/zonos-elements/{p-c5cb2364.system.entry.js → p-57cee1b5.system.entry.js} +1 -1
- package/dist/zonos-elements/p-59a76f73.entry.js +1 -0
- package/dist/zonos-elements/{p-d556c6d1.system.entry.js → p-5afb9260.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-88ea9f82.entry.js → p-6626d240.entry.js} +1 -1
- package/dist/zonos-elements/p-6688473e.entry.js +1 -0
- package/dist/zonos-elements/p-6f23a26a.system.js +1 -0
- package/dist/zonos-elements/{p-82739127.js → p-73c737aa.js} +2 -2
- package/dist/zonos-elements/p-757d4c62.system.entry.js +1 -0
- package/dist/zonos-elements/p-7aa50ef2.entry.js +1 -0
- package/dist/zonos-elements/p-7e17667d.js +1 -0
- package/dist/zonos-elements/p-7e469c5c.entry.js +1 -0
- package/dist/zonos-elements/p-7f91617c.system.entry.js +1 -0
- package/dist/zonos-elements/p-81e3eb5b.js +1 -0
- package/dist/zonos-elements/p-82febf70.system.js +1 -0
- package/dist/zonos-elements/{p-770852bf.system.entry.js → p-836db369.system.entry.js} +1 -1
- package/dist/zonos-elements/p-83b3f824.system.entry.js +1 -0
- package/dist/zonos-elements/p-851011aa.system.entry.js +1 -0
- package/dist/zonos-elements/{p-936b54c1.entry.js → p-865536f0.entry.js} +1 -1
- package/dist/zonos-elements/{p-b1fd1ec2.system.entry.js → p-8792fef2.system.entry.js} +1 -1
- package/dist/zonos-elements/p-890bfc42.system.entry.js +1 -0
- package/dist/zonos-elements/{p-c288c6da.system.entry.js → p-89a5e936.system.entry.js} +1 -1
- package/dist/zonos-elements/p-8af188f8.system.js +1 -0
- package/dist/zonos-elements/p-8d3a62fb.entry.js +1 -0
- package/dist/zonos-elements/{p-00ac999f.system.entry.js → p-8dc025c7.system.entry.js} +1 -1
- package/dist/zonos-elements/p-944d00da.entry.js +1 -0
- package/dist/zonos-elements/p-9479f155.system.js +1 -0
- package/dist/zonos-elements/p-95dc475b.system.js +1 -0
- package/dist/zonos-elements/p-976afc17.system.js +1 -0
- package/dist/zonos-elements/p-9b9bfb6d.entry.js +1 -0
- package/dist/zonos-elements/{p-55e2e4ed.entry.js → p-9f1bd9b8.entry.js} +1 -1
- package/dist/zonos-elements/p-9fa32fdf.js +1 -0
- package/dist/zonos-elements/p-a2a0bf4e.js +1 -0
- package/dist/zonos-elements/p-a610c24e.system.entry.js +1 -0
- package/dist/zonos-elements/{p-9b8750f3.entry.js → p-aedd3911.entry.js} +1 -1
- package/dist/zonos-elements/{p-db628e49.system.entry.js → p-b5c31ca4.system.entry.js} +1 -1
- package/dist/zonos-elements/p-ba456282.system.entry.js +1 -0
- package/dist/zonos-elements/{p-31af91f0.entry.js → p-bd603c1a.entry.js} +1 -1
- package/dist/zonos-elements/p-c2442878.system.js +1 -1
- package/dist/zonos-elements/p-c8cc20d9.system.js +1 -0
- package/dist/zonos-elements/p-dc5fb21c.js +1 -0
- package/dist/zonos-elements/p-dc94d7eb.js +1 -0
- package/dist/zonos-elements/{p-540cec7e.system.entry.js → p-e9e6bea7.system.entry.js} +1 -1
- package/dist/zonos-elements/p-eb9ee025.system.js +1 -0
- package/dist/zonos-elements/p-ed8ae947.system.entry.js +1 -0
- package/dist/zonos-elements/p-f1d4d6da.entry.js +1 -0
- package/dist/zonos-elements/p-f1d9dd4e.entry.js +1 -0
- package/dist/zonos-elements/p-f3962950.system.entry.js +1 -0
- package/dist/zonos-elements/p-f4e976ae.entry.js +1 -0
- package/dist/zonos-elements/p-f513b231.entry.js +1 -0
- package/dist/zonos-elements/p-f64207fa.system.entry.js +1 -0
- package/dist/zonos-elements/{p-31975752.entry.js → p-fa322dc1.entry.js} +1 -1
- package/dist/zonos-elements/p-fb9fb873.system.entry.js +1 -0
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/localization-39516612.js +0 -884
- package/dist/cjs/zonos-confirm-dialog_2.cjs.entry.js +0 -168
- package/dist/esm/localization-c5029ffc.js +0 -863
- package/dist/esm/zonos-confirm-dialog_2.entry.js +0 -163
- package/dist/esm-es5/cart-14f305b3.js +0 -1
- package/dist/esm-es5/localization-c5029ffc.js +0 -1
- package/dist/esm-es5/placeTestOrder-2250f719.js +0 -1
- package/dist/esm-es5/renderFallback-dbf1e3ae.js +0 -1
- package/dist/esm-es5/shouldRenderTaxIdInput-8bc112bb.js +0 -1
- package/dist/esm-es5/translationStore-690c4e04.js +0 -1
- package/dist/esm-es5/zonos-address_11.entry.js +0 -1
- package/dist/esm-es5/zonos-banner_2.entry.js +0 -1
- package/dist/esm-es5/zonos-cart-items_13.entry.js +0 -1
- package/dist/esm-es5/zonos-confirm-dialog_2.entry.js +0 -1
- package/dist/esm-es5/zonos-empty-state-payment_4.entry.js +0 -1
- package/dist/zonos-elements/p-03ff7b01.system.entry.js +0 -1
- package/dist/zonos-elements/p-100f6a88.system.entry.js +0 -1
- package/dist/zonos-elements/p-143d706b.entry.js +0 -1
- package/dist/zonos-elements/p-14d7489d.js +0 -1
- package/dist/zonos-elements/p-1bfae137.entry.js +0 -1
- package/dist/zonos-elements/p-1d5aa016.system.js +0 -1
- package/dist/zonos-elements/p-1eae4987.entry.js +0 -1
- package/dist/zonos-elements/p-23b45714.system.entry.js +0 -1
- package/dist/zonos-elements/p-2557b96b.js +0 -1
- package/dist/zonos-elements/p-2ca8b037.entry.js +0 -1
- package/dist/zonos-elements/p-2dbcecf4.entry.js +0 -1
- package/dist/zonos-elements/p-316f9052.system.entry.js +0 -1
- package/dist/zonos-elements/p-3185968f.entry.js +0 -1
- package/dist/zonos-elements/p-4e41143a.system.entry.js +0 -1
- package/dist/zonos-elements/p-52b87408.system.entry.js +0 -1
- package/dist/zonos-elements/p-561be3a2.system.js +0 -1
- package/dist/zonos-elements/p-5c680f72.js +0 -1
- package/dist/zonos-elements/p-5f77d19e.js +0 -1
- package/dist/zonos-elements/p-74ca7739.entry.js +0 -1
- package/dist/zonos-elements/p-767a31a8.system.js +0 -1
- package/dist/zonos-elements/p-78a6e775.system.js +0 -1
- package/dist/zonos-elements/p-7c705c76.system.js +0 -1
- package/dist/zonos-elements/p-81ba2820.system.entry.js +0 -1
- package/dist/zonos-elements/p-84078c57.system.js +0 -1
- package/dist/zonos-elements/p-8a23bbf5.js +0 -1
- package/dist/zonos-elements/p-905d2490.entry.js +0 -1
- package/dist/zonos-elements/p-93f2e1ee.system.entry.js +0 -1
- package/dist/zonos-elements/p-a0a4e43d.system.entry.js +0 -1
- package/dist/zonos-elements/p-a2819807.system.entry.js +0 -1
- package/dist/zonos-elements/p-a6e74856.entry.js +0 -1
- package/dist/zonos-elements/p-ae940a99.js +0 -1
- package/dist/zonos-elements/p-b7ea5f4f.system.entry.js +0 -1
- package/dist/zonos-elements/p-c0c458f7.system.entry.js +0 -1
- package/dist/zonos-elements/p-c1ecab92.entry.js +0 -1
- package/dist/zonos-elements/p-c50cc926.entry.js +0 -1
- package/dist/zonos-elements/p-cf765af3.system.js +0 -1
- package/dist/zonos-elements/p-e03e1a62.entry.js +0 -1
- package/dist/zonos-elements/p-e7874318.system.entry.js +0 -1
- package/dist/zonos-elements/p-e8949e7e.entry.js +0 -1
- package/dist/zonos-elements/p-ea0b5d10.system.js +0 -1
- package/dist/zonos-elements/p-eae3462c.entry.js +0 -1
- package/dist/zonos-elements/p-eeb1081e.js +0 -1
- package/dist/zonos-elements/p-f892595d.system.entry.js +0 -1
- package/dist/zonos-elements/p-fd3b46ee.entry.js +0 -1
|
@@ -3,24 +3,25 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-69fa8852.js');
|
|
6
|
-
const cart = require('./cart-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
6
|
+
const cart = require('./cart-22ced7cc.js');
|
|
7
|
+
const localization = require('./localization-8ef6250a.js');
|
|
8
|
+
const renderCheckoutCurrency = require('./renderCheckoutCurrency-5494e45b.js');
|
|
9
9
|
const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-577d0a77.js');
|
|
10
10
|
const classes = require('./classes-b7918f56.js');
|
|
11
|
-
const localization = require('./localization-39516612.js');
|
|
12
11
|
const zonosStore = require('./zonosStore-37a4b4f4.js');
|
|
13
|
-
const hasInclusivePrice = require('./hasInclusivePrice-
|
|
14
|
-
const paypal = require('./paypal-
|
|
12
|
+
const hasInclusivePrice = require('./hasInclusivePrice-ca85cabd.js');
|
|
13
|
+
const paypal = require('./paypal-4a086f84.js');
|
|
15
14
|
const handleFetch = require('./handleFetch-954f30e1.js');
|
|
16
15
|
const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
|
|
17
16
|
const getBorderRadius = require('./getBorderRadius-2ef1170d.js');
|
|
18
17
|
const VarianceTest = require('./VarianceTest-bec00ea8.js');
|
|
19
18
|
const ILanguage = require('./ILanguage-98b04442.js');
|
|
19
|
+
const placeTestOrder = require('./placeTestOrder-f25d08ee.js');
|
|
20
20
|
const isDarkColor = require('./isDarkColor-878e600e.js');
|
|
21
21
|
const isColorVariable = require('./isColorVariable-525dbfa7.js');
|
|
22
22
|
const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-3a1db9de.js');
|
|
23
|
-
const
|
|
23
|
+
const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
|
|
24
|
+
const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-eda13ef8.js');
|
|
24
25
|
const TaxId = require('./TaxId-12acedde.js');
|
|
25
26
|
require('./debounce-815d1517.js');
|
|
26
27
|
|
|
@@ -43,7 +44,7 @@ const ZonosCartItems = class {
|
|
|
43
44
|
this.errorImages = [...this.errorImages, itemImg];
|
|
44
45
|
}, src: item.imageUrl, style: {
|
|
45
46
|
'min-width': '40px',
|
|
46
|
-
}, width: 40 })) : (index.h("img", { alt: item.name, src: emptyItemImg, width: 40 }))), index.h("td", { class: "zonos--column zonos--cart-item-name" }, index.h("div", null, cleanedItemNames.map(name => (index.h("zonos-text", { type: "label" }, name)))), index.h("zonos-text", { textColor: "gray-600", type: "caption" },
|
|
47
|
+
}, width: 40 })) : (index.h("img", { alt: item.name, src: emptyItemImg, width: 40 }))), index.h("td", { class: "zonos--column zonos--cart-item-name" }, index.h("div", null, cleanedItemNames.map(name => (index.h("zonos-text", { type: "label" }, name)))), index.h("zonos-text", { textColor: "gray-600", type: "caption" }, localization.translate('Quantity'), ": ", item.quantity)), index.h("td", { class: "zonos--column zonos--cart-item-price" }, index.h("zonos-text", { type: "semiBoldLabel", weight: 600 }, renderCheckoutCurrency.renderCheckoutCurrency({
|
|
47
48
|
amount,
|
|
48
49
|
isForeign: false,
|
|
49
50
|
})))));
|
|
@@ -122,7 +123,7 @@ const ZonosCartRestrictedItems = class {
|
|
|
122
123
|
this.internalCollapsed && 'collapsed',
|
|
123
124
|
]), onClick: () => {
|
|
124
125
|
this.internalCollapsed = !this.internalCollapsed;
|
|
125
|
-
} }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { textColor: "red-600", type: "label" }, `${
|
|
126
|
+
} }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { textColor: "red-600", type: "label" }, `${localization.translate(this.internalCollapsed ? 'Show' : 'Hide')} ${restrictedItemTotal} ${localization.translate('restricted items')}`), index.h("zonos-icon", { content: ChevronUpIcon$2, iconColor: "red-600" }))), index.h("zonos-collapse", { collapsed: this.internalCollapsed }, index.h("zonos-banner", { bannerTitle: localization.translate('The following items are unable to be shipped to your country and are not included in your cart total.'), intent: "error" }), index.h("table", { class: "zonos--cart-table" }, index.h("tbody", null, cart.cartStore.restrictedItems.map((item, index$1) => {
|
|
126
127
|
var _a, _b;
|
|
127
128
|
const itemImg = item.imageUrl;
|
|
128
129
|
return (index.h("tr", { class: "zonos--cart-item" }, index.h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (index.h("img", { alt:
|
|
@@ -133,7 +134,7 @@ const ZonosCartRestrictedItems = class {
|
|
|
133
134
|
this.errorImages = [...this.errorImages, itemImg];
|
|
134
135
|
}, src: itemImg, style: {
|
|
135
136
|
'min-width': '40px',
|
|
136
|
-
}, width: 40 })) : (index.h("img", { alt: item.name || `Restricted item ${index$1 + 1}`, src: emptyItemImg, width: 40 }))), index.h("td", { class: "zonos--column zonos--cart-item-name" }, index.h("zonos-text", { type: "label" }, ((_b = item.matchedItem) === null || _b === void 0 ? void 0 : _b.name) || item.name), index.h("zonos-text", { type: "caption" }, item.restriction.reason)), index.h("td", { class: "zonos--column zonos--cart-item-price" }, index.h("zonos-text", { type: "semiBoldLabel" },
|
|
137
|
+
}, width: 40 })) : (index.h("img", { alt: item.name || `Restricted item ${index$1 + 1}`, src: emptyItemImg, width: 40 }))), index.h("td", { class: "zonos--column zonos--cart-item-name" }, index.h("zonos-text", { type: "label" }, ((_b = item.matchedItem) === null || _b === void 0 ? void 0 : _b.name) || item.name), index.h("zonos-text", { type: "caption" }, item.restriction.reason)), index.h("td", { class: "zonos--column zonos--cart-item-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency.renderCheckoutCurrency({
|
|
137
138
|
amount: item.amount * item.quantity * rate,
|
|
138
139
|
isForeign: false,
|
|
139
140
|
})))));
|
|
@@ -175,10 +176,10 @@ const ZonosCartSubtotal = class {
|
|
|
175
176
|
this.getCartSubtotalSubtitle = () => {
|
|
176
177
|
const inclusivePriceType = this.getInclusivePriceType();
|
|
177
178
|
if (inclusivePriceType === 'DUTY_AND_FEE') {
|
|
178
|
-
return (index.h("zonos-text", { class: "zonos--caption", type: "caption" },
|
|
179
|
+
return (index.h("zonos-text", { class: "zonos--caption", type: "caption" }, localization.translate('Duties and fees included')));
|
|
179
180
|
}
|
|
180
181
|
if (inclusivePriceType === 'TAX') {
|
|
181
|
-
return (index.h("zonos-text", { class: "zonos--caption", type: "caption" },
|
|
182
|
+
return (index.h("zonos-text", { class: "zonos--caption", type: "caption" }, localization.translate('Taxes included')));
|
|
182
183
|
}
|
|
183
184
|
return null;
|
|
184
185
|
};
|
|
@@ -220,7 +221,7 @@ const ZonosCartSubtotal = class {
|
|
|
220
221
|
if (!cart.cartStore.selectedShippingOption ||
|
|
221
222
|
// Should not show shipping info at customer info step
|
|
222
223
|
cart.cartStore.step === 'customer-info') {
|
|
223
|
-
return (index.h(index.Fragment, null, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" },
|
|
224
|
+
return (index.h(index.Fragment, null, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Shipping')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, localization.translate('No shipping method selected'))));
|
|
224
225
|
}
|
|
225
226
|
return (index.h(index.Fragment, null, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, cart.cartStore.selectedShippingOption.displayName), cart.cartStore.selectedShippingOptionTransitTime && (index.h("zonos-text", { class: "zonos--caption", type: "caption" }, cart.cartStore.selectedShippingOptionTransitTime))));
|
|
226
227
|
};
|
|
@@ -234,28 +235,28 @@ const ZonosCartSubtotal = class {
|
|
|
234
235
|
return null;
|
|
235
236
|
}
|
|
236
237
|
if (inclusivePriceType === 'TAX') {
|
|
237
|
-
return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" },
|
|
238
|
-
?
|
|
238
|
+
return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Duties and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, localization.translate('Nothing due at the door'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null
|
|
239
|
+
? renderCheckoutCurrency.renderCheckoutCurrency({
|
|
239
240
|
amount: cart.cartStore.dutiesTaxesFees,
|
|
240
241
|
isForeign: true,
|
|
241
242
|
})
|
|
242
243
|
: '-'))));
|
|
243
244
|
}
|
|
244
245
|
if (inclusivePriceType === 'DUTY_AND_FEE') {
|
|
245
|
-
return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" },
|
|
246
|
-
?
|
|
246
|
+
return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null
|
|
247
|
+
? renderCheckoutCurrency.renderCheckoutCurrency({
|
|
247
248
|
amount: cart.cartStore.dutiesTaxesFees,
|
|
248
249
|
isForeign: true,
|
|
249
250
|
})
|
|
250
251
|
: '-'))));
|
|
251
252
|
}
|
|
252
|
-
return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" },
|
|
253
|
+
return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Duties, taxes, and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, localization.translate('The purchase price covers duties, taxes and fees.'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, "-"))));
|
|
253
254
|
}
|
|
254
255
|
// Domestic US doesn't have duty applied, just taxes and fees
|
|
255
256
|
if ((_b = (_a = zonosStore.zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.domesticCountries) === null || _b === void 0 ? void 0 : _b.includes(((_c = cart.stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.address.country) || 'US')) {
|
|
256
|
-
return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" },
|
|
257
|
+
return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Taxes and fees'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null ||
|
|
257
258
|
cart.cartStore.dutiesTaxesFeesEstimate !== null
|
|
258
|
-
?
|
|
259
|
+
? renderCheckoutCurrency.renderCheckoutCurrency({
|
|
259
260
|
amount: cart.cartStore.dutiesTaxesFees ||
|
|
260
261
|
cart.cartStore.dutiesTaxesFeesEstimate ||
|
|
261
262
|
0,
|
|
@@ -264,38 +265,38 @@ const ZonosCartSubtotal = class {
|
|
|
264
265
|
: '-'))));
|
|
265
266
|
}
|
|
266
267
|
if (cart.cartStore.landedCostMethod === 'DAP') {
|
|
267
|
-
return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" },
|
|
268
|
-
? `${
|
|
269
|
-
amount:
|
|
268
|
+
return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Duties, taxes, and fees')), cart.cartStore.dutiesTaxesFeesEstimate !== null
|
|
269
|
+
? `${localization.translate('Estimated [amount]', {
|
|
270
|
+
amount: renderCheckoutCurrency.renderCheckoutCurrency({
|
|
270
271
|
amount: cart.cartStore.dutiesTaxesFeesEstimate,
|
|
271
272
|
isForeign: true,
|
|
272
273
|
}),
|
|
273
274
|
})}`
|
|
274
|
-
: '-'), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" },
|
|
275
|
+
: '-'), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, localization.translate('Due at delivery')))));
|
|
275
276
|
}
|
|
276
|
-
return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" },
|
|
277
|
-
?
|
|
277
|
+
return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Duties, taxes, and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, localization.translate('Nothing due at the door'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null
|
|
278
|
+
? renderCheckoutCurrency.renderCheckoutCurrency({
|
|
278
279
|
amount: cart.cartStore.dutiesTaxesFees,
|
|
279
280
|
isForeign: true,
|
|
280
281
|
})
|
|
281
282
|
: '-'))));
|
|
282
283
|
};
|
|
283
|
-
return (index.h(index.Host, { class: "zonos--cart-subtotal zonos--elements" }, index.h("table", { class: "zonos--cart-table" }, index.h("tr", { class: "zonos--row zonos--cart-subtotal" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { type: "semiBoldLabel" },
|
|
284
|
+
return (index.h(index.Host, { class: "zonos--cart-subtotal zonos--elements" }, index.h("table", { class: "zonos--cart-table" }, index.h("tr", { class: "zonos--row zonos--cart-subtotal" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { type: "semiBoldLabel" }, localization.translate('Cart subtotal')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, this.getCartSubtotalSubtitle())), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency.renderCheckoutCurrency({
|
|
284
285
|
amount: subtotal,
|
|
285
286
|
isForeign: true,
|
|
286
287
|
})))), index.h("tr", { class: "zonos--row zonos--cart-shipping" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, renderShippingInfo()), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, cart.cartStore.shipping
|
|
287
|
-
?
|
|
288
|
+
? renderCheckoutCurrency.renderCheckoutCurrency({
|
|
288
289
|
amount: cart.cartStore.shipping,
|
|
289
290
|
isForeign: true,
|
|
290
291
|
})
|
|
291
|
-
: '-')), showDutyTaxesInfo && (index.h("tr", { class: "zonos--row zonos--cart-duties" }, index.h("td", { class: "zonos--column" }), renderLandedCost())), shouldRenderPromoInput && (index.h("tr", { class: "zonos--row zonos--cart-promo-code" }, index.h("td", { class: "zonos--column" }), !!appliedPromoCode ? (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }, this.loading ? (index.h("zonos-spinner", { size: 16 })) : (index.h("zonos-badge", { dismissHandler: () => removePromoCode() }, cart.cartStore.promoCode))), index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }))) : (index.h("td", { class: "zonos--column zonos--cart-promo-code-col", colSpan: 2 }, index.h("div", { class: "zonos--cart-promo-code-input-wrapper" }, index.h("zonos-input", { class: "zonos--cart-promo-code-input", inputLabel:
|
|
292
|
+
: '-')), showDutyTaxesInfo && (index.h("tr", { class: "zonos--row zonos--cart-duties" }, index.h("td", { class: "zonos--column" }), renderLandedCost())), shouldRenderPromoInput && (index.h("tr", { class: "zonos--row zonos--cart-promo-code" }, index.h("td", { class: "zonos--column" }), !!appliedPromoCode ? (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }, this.loading ? (index.h("zonos-spinner", { size: 16 })) : (index.h("zonos-badge", { dismissHandler: () => removePromoCode() }, cart.cartStore.promoCode))), index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }))) : (index.h("td", { class: "zonos--column zonos--cart-promo-code-col", colSpan: 2 }, index.h("div", { class: "zonos--cart-promo-code-input-wrapper" }, index.h("zonos-input", { class: "zonos--cart-promo-code-input", inputLabel: localization.translate('Add promotional code'), inputValue: cart.cartStore.promoCode, isError: cart.cartStore.promoCodeError, onInputChange: e => (cart.cartStore.promoCode = e.detail.trim()), onKeyDown: e => {
|
|
292
293
|
if (e.key === 'Enter') {
|
|
293
294
|
void applyPromoCode();
|
|
294
295
|
}
|
|
295
|
-
} }), index.h("zonos-button", { loading: this.loading, onClick: () => applyPromoCode(), variant: "primary" },
|
|
296
|
+
} }), index.h("zonos-button", { loading: this.loading, onClick: () => applyPromoCode(), variant: "primary" }, localization.translate('Apply'))))))), !!cart.cartStore.adjustmentTotal && (index.h("tr", { class: "zonos--row zonos--cart-discount" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("div", { class: "zonos--title-with-icon" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Discounts')))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency.renderCheckoutCurrency({
|
|
296
297
|
amount: cart.cartStore.adjustmentTotal,
|
|
297
298
|
isForeign: true,
|
|
298
|
-
}))))), index.h("tr", { class: "zonos--row zonos--cart-pay-total" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" },
|
|
299
|
+
}))))), index.h("tr", { class: "zonos--row zonos--cart-pay-total" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Order total'))), index.h("td", { class: "zonos--column zonos--cart-total-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency.renderCheckoutCurrency({
|
|
299
300
|
amount: total,
|
|
300
301
|
isForeign: true,
|
|
301
302
|
})))))));
|
|
@@ -327,7 +328,7 @@ const ZonosCheckoutFinish = class {
|
|
|
327
328
|
this.notificationType = 'success';
|
|
328
329
|
this.notificationTitle = '';
|
|
329
330
|
this.notificationMessages = [];
|
|
330
|
-
this.notificationActionText =
|
|
331
|
+
this.notificationActionText = localization.translate('Keep shopping');
|
|
331
332
|
this.order = null;
|
|
332
333
|
/**
|
|
333
334
|
* Is waiting to redirect to a different page
|
|
@@ -415,10 +416,10 @@ const ZonosCheckoutFinish = class {
|
|
|
415
416
|
case successBehavior === 'REDIRECT_TO_SUCCESS_PAGE':
|
|
416
417
|
case !!cart.cartStore.externalConfirmationPageURL: {
|
|
417
418
|
// use different default notification message if we are redirecting to a different page
|
|
418
|
-
this.notificationTitle =
|
|
419
|
+
this.notificationTitle = localization.translate('Order complete!');
|
|
419
420
|
this.notificationMessages = [
|
|
420
|
-
|
|
421
|
-
|
|
421
|
+
localization.translate('Your order has been successfully placed.'),
|
|
422
|
+
localization.translate("You will be redirected back to the merchant's site in a few seconds."),
|
|
422
423
|
];
|
|
423
424
|
// stop loading spinner to show the redirecting notification
|
|
424
425
|
this.isLoading = false;
|
|
@@ -545,8 +546,8 @@ const ZonosCheckoutFinish = class {
|
|
|
545
546
|
this.notificationType = isError ? 'error' : 'success';
|
|
546
547
|
this.notificationMessages = messages || [];
|
|
547
548
|
this.notificationTitle = isError
|
|
548
|
-
?
|
|
549
|
-
:
|
|
549
|
+
? localization.translate('Payment failed')
|
|
550
|
+
: localization.translate("You're all set!");
|
|
550
551
|
VarianceTest.log('=== Payment intent retrieve status', 'info', {
|
|
551
552
|
clientSecret,
|
|
552
553
|
error,
|
|
@@ -601,7 +602,7 @@ const ZonosCheckoutFinish = class {
|
|
|
601
602
|
};
|
|
602
603
|
this.checkStagingOrderStatus = async () => {
|
|
603
604
|
this.notificationType = 'success';
|
|
604
|
-
this.notificationTitle =
|
|
605
|
+
this.notificationTitle = localization.translate("You're all set!");
|
|
605
606
|
this.notificationMessages =
|
|
606
607
|
cart.stripeStoreMessageBasedOnStatus('succeeded').messages;
|
|
607
608
|
// override title if notification type is success
|
|
@@ -617,7 +618,7 @@ const ZonosCheckoutFinish = class {
|
|
|
617
618
|
// render error message if there's an error
|
|
618
619
|
if (paypal.paypalStore.paypalErrorMessage) {
|
|
619
620
|
this.notificationType = 'error';
|
|
620
|
-
this.notificationTitle =
|
|
621
|
+
this.notificationTitle = localization.translate('Payment failed');
|
|
621
622
|
this.notificationMessages = [paypal.paypalStore.paypalErrorMessage];
|
|
622
623
|
this.isLoading = false;
|
|
623
624
|
return;
|
|
@@ -632,7 +633,7 @@ const ZonosCheckoutFinish = class {
|
|
|
632
633
|
eventName: 'checkout_orderCompleted',
|
|
633
634
|
});
|
|
634
635
|
this.notificationType = 'success';
|
|
635
|
-
this.notificationTitle =
|
|
636
|
+
this.notificationTitle = localization.translate("You're all set!");
|
|
636
637
|
this.notificationMessages =
|
|
637
638
|
cart.stripeStoreMessageBasedOnStatus('succeeded').messages;
|
|
638
639
|
// override title if notification type is success
|
|
@@ -702,7 +703,7 @@ const ZonosCheckoutFinish = class {
|
|
|
702
703
|
return;
|
|
703
704
|
}
|
|
704
705
|
this.closeClickHandler();
|
|
705
|
-
}, size: "md", variant: "primary" },
|
|
706
|
+
}, size: "md", variant: "primary" }, localization.translate('Close'))), !window.Zonos.isLegacyCheckout &&
|
|
706
707
|
this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '9b809e21052fddb2149a2a1d0c22db4b10808403', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
|
|
707
708
|
cart.cartStore.step === 'finish' &&
|
|
708
709
|
this.notificationType === 'success' && (index.h("div", { key: '4a278c7c4270d265c61b6b36d20864c55e1b42f1', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: 'fd8a876a0c5b76edd3be2d9b28da9c3963aee714', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '7882981c1fe01ab6f78d8f84bcfc9aab94bffb74', onClick: () => {
|
|
@@ -863,7 +864,7 @@ const ZonosCheckoutPayment = class {
|
|
|
863
864
|
document.body.removeChild(hiddenTextarea);
|
|
864
865
|
}
|
|
865
866
|
window.Zonos.showNotification({
|
|
866
|
-
message:
|
|
867
|
+
message: localization.translate('Card number copied to clipboard'),
|
|
867
868
|
timeout: 4000,
|
|
868
869
|
type: 'success',
|
|
869
870
|
});
|
|
@@ -917,14 +918,14 @@ const ZonosCheckoutPayment = class {
|
|
|
917
918
|
const theme = this.isMobile
|
|
918
919
|
? zonosStore.zonosStore.appearance.theme
|
|
919
920
|
: themeBasedColor;
|
|
920
|
-
return (index.h(index.Fragment, null, this.stagingOrderCreateErrorMessage && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, this.stagingOrderCreateErrorMessage)), index.h("zonos-empty-state-payment", { emptyStateText:
|
|
921
|
+
return (index.h(index.Fragment, null, this.stagingOrderCreateErrorMessage && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, this.stagingOrderCreateErrorMessage)), index.h("zonos-empty-state-payment", { emptyStateText: localization.translate('No payment method needed for staging'), theme: theme }), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, loading: this.internalContinueLoading, onClick: () => {
|
|
921
922
|
void this.placeTestOrder();
|
|
922
923
|
}, size: "lg",
|
|
923
924
|
// use primary type when on mobile mode
|
|
924
|
-
variant: this.submitBtnType },
|
|
925
|
+
variant: this.submitBtnType }, localization.translate('Place test order')))));
|
|
925
926
|
}
|
|
926
|
-
return (index.h(index.Fragment, null, this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" },
|
|
927
|
-
|
|
927
|
+
return (index.h(index.Fragment, null, this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, localization.translate('Missing required fields. Make sure all fields are completed.'))), this.hasStripePaymentError && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, cart.stripeStore.customErrorMessage ||
|
|
928
|
+
localization.translate("We couldn't complete your payment. Please verify the payment details and try again."))), paypal.paypalStore.paypalErrorMessage && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, paypal.paypalStore.paypalErrorMessage)), index.h("zonos-payment", null), index.h("div", { class: "zonos--group-btn" }, !isPaypalTabSelected && (index.h(index.Fragment, null, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, isDisabled: this.continueLoading &&
|
|
928
929
|
cart.stripeStore.checkoutSettlementCurrency === 'USD', loading: this.continueLoading &&
|
|
929
930
|
cart.stripeStore.checkoutSettlementCurrency !== 'USD', onClick: async () => {
|
|
930
931
|
if (!cart.cartStore.checkoutSession) {
|
|
@@ -937,8 +938,8 @@ const ZonosCheckoutPayment = class {
|
|
|
937
938
|
});
|
|
938
939
|
}, size: "lg",
|
|
939
940
|
// use primary type when on mobile mode
|
|
940
|
-
variant: this.submitBtnType },
|
|
941
|
-
orderTotal:
|
|
941
|
+
variant: this.submitBtnType }, localization.translate('Pay [orderTotal]', {
|
|
942
|
+
orderTotal: renderCheckoutCurrency.renderCheckoutCurrency({
|
|
942
943
|
amount: cart.cartStore.total,
|
|
943
944
|
isForeign: true,
|
|
944
945
|
}),
|
|
@@ -948,13 +949,13 @@ const ZonosCheckoutPayment = class {
|
|
|
948
949
|
await this.continueClickHandler({
|
|
949
950
|
currencyCode: 'USD',
|
|
950
951
|
});
|
|
951
|
-
}, size: "lg", variant: "subtle" },
|
|
952
|
+
}, size: "lg", variant: "subtle" }, localization.translate('Click to pay in USD'))))), index.h("zonos-paypal-payment", { onPaypalSessionDone: ({ detail: { orderId } }) => {
|
|
952
953
|
this.paypalSessionDone.emit(orderId);
|
|
953
954
|
}, onPaypalSessionFail: () => this.paypalSessionFailed.emit(), style: {
|
|
954
955
|
display: isPaypalTabSelected ? 'block' : 'none',
|
|
955
|
-
} })), isTestMode && (index.h("zonos-card", { backgroundColor: "gray-100", borderRadius: 12, class: "zonos--test-cards" }, index.h("zonos-v-stack", { spacing: 16 }, index.h("div", null, index.h("zonos-text", { type: "semiBoldLabel" },
|
|
956
|
+
} })), isTestMode && (index.h("zonos-card", { backgroundColor: "gray-100", borderRadius: 12, class: "zonos--test-cards" }, index.h("zonos-v-stack", { spacing: 16 }, index.h("div", null, index.h("zonos-text", { type: "semiBoldLabel" }, localization.translate('Test cards')), index.h("zonos-text", { textColor: "gray-700" }, localization.translate('Click to copy the card number. Use any future expiration date and three number CVC.'))), index.h("zonos-button", { icon: index.h("zonos-icon", { content: CheckmarkLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4242424242424242') }, localization.translate('Success'), " (****4242)"), index.h("zonos-button", { icon: index.h("zonos-icon", { content: RemoveLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4000000000000002') }, localization.translate('Failure'), " (****0002)")), index.h("zonos-notification", null)))));
|
|
956
957
|
};
|
|
957
|
-
return (index.h(index.Host, { class: "zonos--checkout-payment zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" },
|
|
958
|
+
return (index.h(index.Host, { class: "zonos--checkout-payment zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, localization.translate('Payment method')), renderPayment())));
|
|
958
959
|
}
|
|
959
960
|
get ele() { return index.getElement(this); }
|
|
960
961
|
static get watchers() { return {
|
|
@@ -1083,17 +1084,17 @@ const ZonosCheckoutProgressTabs = class {
|
|
|
1083
1084
|
color: labelSelectedColor,
|
|
1084
1085
|
})
|
|
1085
1086
|
: labelSelectedColor;
|
|
1086
|
-
return (index.h(index.Host, { key: '
|
|
1087
|
+
return (index.h(index.Host, { key: '3c7b6b5ecce353611856c14c70eec992a8024b3b', class: "zonos--elements", style: {
|
|
1087
1088
|
'--zonos--color': contrastLabelColor,
|
|
1088
1089
|
'--zonos--progress-percent': this.getTotalSuccessStep(),
|
|
1089
|
-
} }, index.h("div", { key: '
|
|
1090
|
+
} }, index.h("div", { key: '60e0e7895f1a5667c41baecba5533ecbafcfd11c', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
|
|
1090
1091
|
const isSelected = tab.value === selectedStep;
|
|
1091
1092
|
return (index.h("button", { "aria-label": `Tab ${tab.label}`, class: classes.classes([
|
|
1092
1093
|
'zonos--tab-item',
|
|
1093
1094
|
tab.value === selectedStep && 'selected',
|
|
1094
1095
|
tab.isDone && 'done',
|
|
1095
|
-
]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, index.h("div", { class: "zonos--tab-index" }, index.h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index$1 + 1), index.h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), index.h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" },
|
|
1096
|
-
})), index.h("div", { key: '
|
|
1096
|
+
]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, index.h("div", { class: "zonos--tab-index" }, index.h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index$1 + 1), index.h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), index.h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, localization.translate(tab.label))));
|
|
1097
|
+
})), index.h("div", { key: 'fd6cbddf4abb19bedabc12b3c79c8dcb4a3bc938', class: "zonos--tab-progress" }, index.h("div", { key: '83d85b7bcdac39b41d6e126d764242bf1076374a', class: "zonos--progress-bar-fill" }))));
|
|
1097
1098
|
}
|
|
1098
1099
|
static get assetsDirs() { return ["assets"]; }
|
|
1099
1100
|
get ele() { return index.getElement(this); }
|
|
@@ -1500,7 +1501,7 @@ const ZonosCustomerInfo = class {
|
|
|
1500
1501
|
shippingCountry: this.shippingCountry,
|
|
1501
1502
|
taxId: cart.stripeStore.taxId,
|
|
1502
1503
|
});
|
|
1503
|
-
this.taxIdErrorMessage = !validTaxId ?
|
|
1504
|
+
this.taxIdErrorMessage = !validTaxId ? localization.translate(error) : '';
|
|
1504
1505
|
const addressLengthErrorList = this.validateAddressLength({
|
|
1505
1506
|
address: cart.stripeStore.stripeAddressEventData,
|
|
1506
1507
|
type: 'shipping',
|
|
@@ -1554,13 +1555,13 @@ const ZonosCustomerInfo = class {
|
|
|
1554
1555
|
return (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error", slot: "below-title" }, index.h("ul", null, errorMessageByType.map(({ fieldLabel, value }) => {
|
|
1555
1556
|
const isAddressLine1 = fieldLabel === 'Address line 1';
|
|
1556
1557
|
if (isAddressLine1) {
|
|
1557
|
-
return (index.h("li", { key: fieldLabel },
|
|
1558
|
+
return (index.h("li", { key: fieldLabel }, localization.translate('[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.', {
|
|
1558
1559
|
currentLength: value.length,
|
|
1559
1560
|
fieldLabel,
|
|
1560
1561
|
maxLength: MAX_CHARACTER_LENGTH_PER_FIELD,
|
|
1561
1562
|
})));
|
|
1562
1563
|
}
|
|
1563
|
-
return (index.h("li", { key: fieldLabel },
|
|
1564
|
+
return (index.h("li", { key: fieldLabel }, localization.translate('[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.', {
|
|
1564
1565
|
currentLength: value.length,
|
|
1565
1566
|
fieldLabel,
|
|
1566
1567
|
maxLength: MAX_CHARACTER_LENGTH_PER_FIELD,
|
|
@@ -1597,10 +1598,10 @@ const ZonosCustomerInfo = class {
|
|
|
1597
1598
|
}
|
|
1598
1599
|
// Render custom address component if the custom address form is enabled
|
|
1599
1600
|
if (this.addressFormRenderType === 'zonos') {
|
|
1600
|
-
return (index.h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText:
|
|
1601
|
+
return (index.h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: localization.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }, this.renderExceededCharacterLimitError(type)));
|
|
1601
1602
|
}
|
|
1602
1603
|
// Render Stripe address component by default
|
|
1603
|
-
return (index.h("zonos-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText:
|
|
1604
|
+
return (index.h("zonos-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: localization.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }, this.renderExceededCharacterLimitError(type)));
|
|
1604
1605
|
};
|
|
1605
1606
|
}
|
|
1606
1607
|
watchShowErrorBanner() {
|
|
@@ -1620,7 +1621,7 @@ const ZonosCustomerInfo = class {
|
|
|
1620
1621
|
}
|
|
1621
1622
|
const { address: addressValue, firstName, lastName, name } = address.value;
|
|
1622
1623
|
const { city, country, line1, line2, postal_code, state } = addressValue;
|
|
1623
|
-
const invalidList =
|
|
1624
|
+
const invalidList = containsNonLatinChars.containsNonLatinChars({
|
|
1624
1625
|
city,
|
|
1625
1626
|
country,
|
|
1626
1627
|
line1,
|
|
@@ -1691,11 +1692,11 @@ const ZonosCustomerInfo = class {
|
|
|
1691
1692
|
const defaultEmail = ((_b = this.defaultAddress.find(Boolean)) === null || _b === void 0 ? void 0 : _b.email) ||
|
|
1692
1693
|
((_e = (_d = (_c = cart.stripeStore.customerProfile) === null || _c === void 0 ? void 0 : _c.locations) === null || _d === void 0 ? void 0 : _d.find(Boolean)) === null || _e === void 0 ? void 0 : _e.email) ||
|
|
1693
1694
|
((_f = cart.stripeStore.customerProfile) === null || _f === void 0 ? void 0 : _f.email);
|
|
1694
|
-
return (index.h(index.Host, { class: "zonos--customer-info zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" },
|
|
1695
|
+
return (index.h(index.Host, { class: "zonos--customer-info zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, localization.translate('Customer information')), this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, localization.translate('Missing required fields. Make sure all fields are completed.'))), index.h("zonos-link-authentication", { defaultEmail: defaultEmail, isEmailError: this.isEmailError, onLinkAuthenticationChange: this.handleEmailValidation, titleText: localization.translate('Contact') }), this.renderAddressComponent('shipping'), index.h("zonos-checkbox", { class: "zonos--shipping-same-as-billing-cbx", isChecked: cart.stripeStore.stripeShippingSameAsBilling, label: localization.translate('Shipping address same as billing'), onCheckboxSelected: e => {
|
|
1695
1696
|
cart.stripeStore.stripeShippingSameAsBilling = e.detail;
|
|
1696
1697
|
} }), index.h("zonos-collapse", { collapsed: !showBilling }, this.renderAddressComponent('billing')), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
|
|
1697
1698
|
// use primary type when on mobile mode
|
|
1698
|
-
variant: this.submitBtnType },
|
|
1699
|
+
variant: this.submitBtnType }, localization.translate('Continue to shipping')))), cart.stripeStore.stripeAddressEventData && (index.h("zonos-address-update-dialog", { billingAddress: !cart.stripeStore.stripeShippingSameAsBilling &&
|
|
1699
1700
|
cart.stripeStore.stripeBillingAddressEventData
|
|
1700
1701
|
? this.prepareAddressObject(cart.stripeStore.stripeBillingAddressEventData)
|
|
1701
1702
|
: null, "data-theme": theme, dialogLoading: this.isValidatingAddress, dialogOpen: this.openAddressValidationDialog, isMobile: this.isMobile, onCloseUpdateDialog: () => (this.openAddressValidationDialog = false), onContinueClicked: e => {
|
|
@@ -1720,23 +1721,6 @@ const ZonosCustomerInfo = class {
|
|
|
1720
1721
|
};
|
|
1721
1722
|
ZonosCustomerInfo.style = ZonosCustomerInfoStyle0;
|
|
1722
1723
|
|
|
1723
|
-
const zonosLinkCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:inline-block}:host a{padding-bottom:2px;color:var(--zonos-elements-primary);-webkit-box-shadow:none;box-shadow:none;text-decoration:none;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word}:host a:link,:host a:visited{color:var(--zonos-elements-primary);-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}:host a:hover,:host a:active{color:var(--zonos-elements-primary);-webkit-box-shadow:0 1px 0 var(--zonos-elements-primary);box-shadow:0 1px 0 var(--zonos-elements-primary)}";
|
|
1724
|
-
const ZonosLinkStyle0 = zonosLinkCss;
|
|
1725
|
-
|
|
1726
|
-
const ZonosLink = class {
|
|
1727
|
-
constructor(hostRef) {
|
|
1728
|
-
index.registerInstance(this, hostRef);
|
|
1729
|
-
/**
|
|
1730
|
-
* The href for the link
|
|
1731
|
-
*/
|
|
1732
|
-
this.href = '';
|
|
1733
|
-
}
|
|
1734
|
-
render() {
|
|
1735
|
-
return (index.h(index.Host, { key: '7c6ecf4d61e7dfb56491e58814478c906423473b', class: "zonos--elements" }, index.h("a", { key: '05bc59fb4940fa48d37a10cfe9df3c495d60785f', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, index.h("slot", { key: '07b51a0a95cd5a7b392bb5efef96c8e4dd4bb9b3' }))));
|
|
1736
|
-
}
|
|
1737
|
-
};
|
|
1738
|
-
ZonosLink.style = ZonosLinkStyle0;
|
|
1739
|
-
|
|
1740
1724
|
const zonosRestStateCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{height:100%;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;gap:20px}:host .zonos--restState-image{width:124px;height:124px;margin-bottom:15px}:host .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:8px}";
|
|
1741
1725
|
const ZonosRestStateStyle0 = zonosRestStateCss;
|
|
1742
1726
|
|
|
@@ -1754,11 +1738,11 @@ const ZonosRestState = class {
|
|
|
1754
1738
|
}
|
|
1755
1739
|
render() {
|
|
1756
1740
|
const imageUrl = this.getImageRestState();
|
|
1757
|
-
return (index.h(index.Host, { key: '
|
|
1741
|
+
return (index.h(index.Host, { key: '333c158c20af14bcfc310b7fae19cadb9ffaea01', class: classes.classes(['zonos--elements zonos--restState']), style: {
|
|
1758
1742
|
'--zonos--font-family': zonosStore.zonosStoreFontFamily(),
|
|
1759
|
-
} }, index.h("div", { key: '
|
|
1743
|
+
} }, index.h("div", { key: '0076afaff9200094d45bd4321ea7b1d0a4954a81', class: "zonos--restState-image" }, index.h("img", { key: '4ef3b7ee4f62175e06da9a7d2453603ba6cf9fb8', alt: this.restStateType, onError: () => {
|
|
1760
1744
|
this.isErrorImageLoad = true;
|
|
1761
|
-
}, src: imageUrl })), index.h("div", { key: '
|
|
1745
|
+
}, src: imageUrl })), index.h("div", { key: 'b5033ee1f4618732f14a9dd3c05d0271329083df', class: "content" }, index.h("zonos-text", { key: '2f21d52a7bb0b410590cb0768102155843e21038', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '48222ff00921961e770d20b817563d9a903a9e98', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: 'ac6c100c85bd166945d8394cf61ab6baaa19cb3f', class: "action" }, index.h("slot", { key: 'cec63c8cbac43d402333c7ab6aba0ac3bd9bab36' }))));
|
|
1762
1746
|
}
|
|
1763
1747
|
static get assetsDirs() { return ["assets"]; }
|
|
1764
1748
|
};
|
|
@@ -1815,9 +1799,9 @@ const ZonosReview = class {
|
|
|
1815
1799
|
return (index.h(index.Host, { class: classes.classes([
|
|
1816
1800
|
'zonos--review zonos--elements',
|
|
1817
1801
|
this.isMobile && 'mobile',
|
|
1818
|
-
]) }, index.h("div", { class: "zonos--title" }, index.h("zonos-text", { textColor: titleTextColor, type: titleTextType },
|
|
1802
|
+
]) }, index.h("div", { class: "zonos--title" }, index.h("zonos-text", { textColor: titleTextColor, type: titleTextType }, localization.translate('Pay [organizationName]', {
|
|
1819
1803
|
organizationName: zonosStore.zonosStore.organizationName,
|
|
1820
|
-
})), renderCollapseIcon()), index.h("div", { class: "zonos--total-pay" }, index.h("zonos-text", { type: totalTextType },
|
|
1804
|
+
})), renderCollapseIcon()), index.h("div", { class: "zonos--total-pay" }, index.h("zonos-text", { type: totalTextType }, renderCheckoutCurrency.renderCheckoutCurrency({
|
|
1821
1805
|
amount: total,
|
|
1822
1806
|
isForeign: true,
|
|
1823
1807
|
})))));
|
|
@@ -1944,7 +1928,7 @@ const ZonosShipping = class {
|
|
|
1944
1928
|
// DAP description for non-US countries only
|
|
1945
1929
|
case method === 'DAP' &&
|
|
1946
1930
|
!((_b = (_a = zonosStore.zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.domesticCountries) === null || _b === void 0 ? void 0 : _b.includes(((_c = cart.stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.address.country) || 'US')):
|
|
1947
|
-
return
|
|
1931
|
+
return localization.translate(` (Duties due at door)`);
|
|
1948
1932
|
default:
|
|
1949
1933
|
return '';
|
|
1950
1934
|
}
|
|
@@ -1970,7 +1954,7 @@ const ZonosShipping = class {
|
|
|
1970
1954
|
label: `${item.displayName}${this.getLandedCostMethodLabelSuffix(method)}`,
|
|
1971
1955
|
landedCostId: landedCost.landedCostId,
|
|
1972
1956
|
method,
|
|
1973
|
-
price:
|
|
1957
|
+
price: renderCheckoutCurrency.renderCheckoutCurrency({
|
|
1974
1958
|
amount: shippingAmount,
|
|
1975
1959
|
isForeign: true,
|
|
1976
1960
|
}),
|
|
@@ -2074,13 +2058,13 @@ const ZonosShipping = class {
|
|
|
2074
2058
|
this.collapsedDAPOptions && 'collapsed',
|
|
2075
2059
|
]), onClick: () => {
|
|
2076
2060
|
this.collapsedDAPOptions = !this.collapsedDAPOptions;
|
|
2077
|
-
} }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { type: "label" }, `${
|
|
2061
|
+
} }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { type: "label" }, `${localization.translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), index.h("zonos-icon", { content: ChevronUpIcon })))), index.h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, index.h("div", { class: "zonos--dap-wrapper" }, index.h("zonos-banner", { bannerTitle: localization.translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, localization.translate('You may incur additional fees from the shipping carrier by not prepaying.')), index.h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod })))));
|
|
2078
2062
|
};
|
|
2079
|
-
return (index.h(index.Host, { class: "zonos--shipping zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" },
|
|
2063
|
+
return (index.h(index.Host, { class: "zonos--shipping zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, localization.translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, localization.translate('No shipping method selected'))), index.h("zonos-text", { class: "zonos--shipping-method-title", type: "semiBoldLabel" }, localization.translate('Shipping method')), !this.serviceLevelsAll.length ? (index.h("zonos-banner", { bannerTitle: cart.cartStore.customQuotingError
|
|
2080
2064
|
? cart.cartStore.customQuotingError
|
|
2081
|
-
:
|
|
2065
|
+
: localization.translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (index.h("div", { class: "zonos--shipping-options-wrapper" }, renderServiceLevels())), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
|
|
2082
2066
|
// use primary type when on mobile mode
|
|
2083
|
-
variant: this.submitBtnType },
|
|
2067
|
+
variant: this.submitBtnType }, localization.translate('Go to payment'))))));
|
|
2084
2068
|
}
|
|
2085
2069
|
};
|
|
2086
2070
|
ZonosShipping.style = ZonosShippingStyle0;
|
|
@@ -2094,7 +2078,6 @@ exports.zonos_checkout_payment = ZonosCheckoutPayment;
|
|
|
2094
2078
|
exports.zonos_checkout_progress_tabs = ZonosCheckoutProgressTabs;
|
|
2095
2079
|
exports.zonos_currency_toggle = ZonosCurrencyToggle;
|
|
2096
2080
|
exports.zonos_customer_info = ZonosCustomerInfo;
|
|
2097
|
-
exports.zonos_link = ZonosLink;
|
|
2098
2081
|
exports.zonos_rest_state = ZonosRestState;
|
|
2099
2082
|
exports.zonos_review = ZonosReview;
|
|
2100
2083
|
exports.zonos_shipping = ZonosShipping;
|