@zonos/elements 1.3.272 → 1.3.274

package/dist/collection/components/store/translationStore/strings.turkish.js

@@ -416,6 +416,9 @@ export const stringsTurkish = {
     'Pay [organizationName]': {
         value: "[organizationName]'e ödeme yapın",
     },
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: '[organizationName] gönderiniz için gümrük vergileri, vergiler ve ücretleri ödeyin',
+    },
     'Pay in USD (United States Dollar)?': {
         value: 'USD (Amerikan Doları) ile ödeme yap?',
     },
@@ -554,6 +557,9 @@ export const stringsTurkish = {
     'Session timed out': {
         value: 'Oturum zaman aşımına uğradı',
     },
+    'Shipment details': {
+        value: 'Gönderi detayları',
+    },
     Shipping: {
         value: 'Kargo',
     },

package/dist/collection/components/store/translationStore/strings.vietnamese.js

@@ -416,6 +416,9 @@ export const stringsVietnamese = {
     'Pay [organizationName]': {
         value: 'Thanh toán [organizationName]',
     },
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: 'Thanh toán cho [organizationName] thuế quan, thuế và phí cho lô hàng của bạn',
+    },
     'Pay in USD (United States Dollar)?': {
         value: 'Thanh toán bằng USD (Đô la Mỹ)?',
     },
@@ -554,6 +557,9 @@ export const stringsVietnamese = {
     'Session timed out': {
         value: 'Phiên đã hết hạn',
     },
+    'Shipment details': {
+        value: 'Chi tiết lô hàng',
+    },
     Shipping: {
         value: 'Vận chuyển',
     },

package/dist/collection/components/stripe/zonos-address/zonos-address.js

@@ -352,11 +352,11 @@ export class ZonosAddress {
             this.isAddressFilled = true;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'ebba5be32c456e8b71d397db63e666e5d5df1543', class: classes([
+        return (h(Host, { key: '9e66c8b7ba80d28aa430d6f5397d5eca16596e1a', class: classes([
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (h("zonos-text", { key: '25f15ea17b50ed055eb98b072850296312785b06', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: '631bc324d1bb96fb9e796b38a6da42ef6ca601a3', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), h("div", { key: '25f88c72f8fc9b788b042f2df2f1b8085132f683', class: "zonos--address-component" })));
+            ]) }, this.titleText && (h("zonos-text", { key: 'a731814dbada28f16699efe8bc23a18c7b6e04ff', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: '138f499157a6628970042d14d89c3420936a5811', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), h("div", { key: '51451d40580d128e3c38ab5f3f2cd471c21aaf01', class: "zonos--address-component" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stripe/zonos-custom-address/zonos-address-suggestions/zonos-address-suggestions.js

@@ -78,9 +78,9 @@ export class ZonosAddressSuggestions {
         return segments;
     }
     render() {
-        return (h(Host, { key: '95f0fa0a1a5eb62ae2f08f305216a365f166af96', class: "zonos--address-suggestions", role: "group", style: {
+        return (h(Host, { key: '93cce2d783f3b0eba378027d2450d13451e6ce18', class: "zonos--address-suggestions", role: "group", style: {
                 '--zonos--border-radius': getBorderRadius(),
-            } }, h("ul", { key: 'd76493f93428da65b645b8bf16ee82b780b2eb97', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: 'b7d4a61c717a2df1057a81ff2e6517a0b7a7869a', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: '0dca2094920653d6205dd79e717290536e7ae1c9', class: "powered-by-container" }, h("zonos-text", { key: 'baa29ec5e43286d4df28eb418c7b2ccc4bf7d1e7', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: '2b544408cc75a9c50750072b1efb63e4cd4f1323', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: '939ba84809ce8f113a8d13cc75cb8a3c23013847', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon }), noBackground: true, onClick: () => {
+            } }, h("ul", { key: 'e577d8dea6fb9a225f8361e5ba48601a74b8614d', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: '8f4c74b030f50ed03133a443e4b9a41869c18571', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: '0288a70a89c25ce227e918ad91db0b77efa42a82', class: "powered-by-container" }, h("zonos-text", { key: '2d2fe2711d2b72a4077a417ed37d9b6897184525', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: 'a7ef3f738fc67a03fa2c935c128666945ad838a0', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: 'ebe5ccc2e0315867c4dbe3c030cf4e44312d691c', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon }), noBackground: true, onClick: () => {
                 this.localSuggestions = [];
             } }))), this.localSuggestions.map(suggestion => (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events

package/dist/collection/components/stripe/zonos-custom-address/zonos-custom-address.js

@@ -924,10 +924,10 @@ export class ZonosAddress {
             this.country = localizationStore.selectedCountryCode;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'ce15e47889c185c72b9f79327ebbd24950da1811', class: classes([
+        return (h(Host, { key: 'dae45101b0b661fb0f392507cbc2642c65e72499', class: classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, h("zonos-text", { key: '91d1a627a89b8114075f5ecc1dff7bd8d52dd0b7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: '1a69664bc17a2d59cff241bbb0917714340e006e', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
+            ]) }, h("zonos-text", { key: '73081aa1f08f5617bc10fcd57f057abd3efd0c35', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: '4cfd89cca3254564b51f45a4a29d1f8a13bf03d1', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
     }
     static get is() { return "zonos-custom-address"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stripe/zonos-payment/zonos-payment.js

@@ -67,7 +67,7 @@ export class ZonosPayment {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '6bc25553430c9e23c77a0607ad28dc4c9efa66e6', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'e4ba3f581697a799e50fe066e7cc922a206af8e5', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '0247eecadf083f09b67c5f668da845431234750d', class: "zonos--payment-component" }), h("div", { key: '7f63abd0a2c1cbc62f931e44fc44c69b57a4f8ed', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: 'd349d019e557fd0070a9470d3bb81a0e563fea49', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '59429c85323dc6ffb1a5a7bc1f8a825318cc2da7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'a5af87c08e853790ae41f65d9514e35f094f2bf0', class: "zonos--payment-component" }), h("div", { key: '9314981cd377b893c569824068988aa1990b882e', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-payment"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/types/generated/graphql.internal.types.js

@@ -5911,6 +5911,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         fulfillmentCenter(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'fulfillmentCenter', 'query');
         },
+        getAirwallexPaymentIntent(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'getAirwallexPaymentIntent', 'query');
+        },
         getCartForCollectReceipt(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'getCartForCollectReceipt', 'query');
         },

package/dist/esm/{cart-1415dcf0.js → cart-23e29950.js}

@@ -1,5 +1,5 @@
 import { c as createStore, z as zonosStore } from './zonosStore-8e19daff.js';
-import { s as storageStore, t as translate, l as localizationStore, j as getOverridenZCountry, f as filterValidTests, d as storageStoreSetEnabledVariantTestKeys } from './localization-29723d89.js';
+import { s as storageStore, t as translate, l as localizationStore, j as getOverridenZCountry, f as filterValidTests, d as storageStoreSetEnabledVariantTestKeys } from './localization-17546792.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
 import { h as handleFetch, l as logError, f as fallbackApiList, g as getIsTestMode, a as getIsStagingMode, s as sendErrorLog, j as jsonParse } from './handleFetch-a844cac1.js';
 import { i as isDarkColor } from './isDarkColor-566f04c5.js';
@@ -916,6 +916,12 @@ const defaultVariable = ({ borderStyle, theme, }) => {
     }
 };
 
+const checkoutPaymentProcessorType = {
+    Airwallex: 'AIRWALLEX',
+    Paypal: 'PAYPAL',
+    Stripe: 'STRIPE',
+};
+
 const { onChange: stripeStoreOnChange, reset: reset$1, state: stripeStore, } = createStore(() => ({
     checkoutSettlementCurrency: 'USD',
     clientSecret: sessionStorage.getItem('zonos--client-secret') || '',
@@ -1000,6 +1006,10 @@ const getStripeOptions = ({ clientSecret, overrideBorderRadius, overridePrimaryC
     // if overrideTheme is provided, use it. Otherwise, use theme based on primary color
     const theme = overrideTheme === 'DARK' ? 'night' : 'flat';
     const paypalPaymentType = paypalEnabled ? ['external_paypal'] : [];
+    // If client secret is Stripe format, use it
+    const stripeClientSecret = (clientSecret === null || clientSecret === void 0 ? void 0 : clientSecret.includes('_secret_'))
+        ? clientSecret
+        : undefined;
     return {
         appearance: {
             labels: 'floating',
@@ -1014,7 +1024,7 @@ const getStripeOptions = ({ clientSecret, overrideBorderRadius, overridePrimaryC
                 colorPrimary: secondaryColor }),
         },
         // Client secret can be undefined since we will load other elements that doesn't require client secret first, then load client secret and render one that requires it later
-        clientSecret: clientSecret || undefined,
+        clientSecret: stripeClientSecret,
         customerSessionClientSecret: stripeStore.stripeCustomerSessionClientSecret || undefined,
         externalPaymentMethodTypes: [...paypalPaymentType],
         locale: localizationStore.selectedLocale,
@@ -1702,6 +1712,13 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
         logError('Failed to retrieve payment intent. Stripe is not initialized');
         return { error: true, message: [translate('Something went wrong.')] };
     }
+    // A client secret that isn't a Stripe payment intent secret (e.g. an Airwallex
+    // secret) can't be evaluated by Stripe. Do not treat it as a successful Stripe
+    // payment — return an error so callers don't run success analytics / order
+    // polling off a secret Stripe never confirmed.
+    if (!clientSecret.includes('_secret_')) {
+        return { error: true, messages: [translate('Something went wrong.')] };
+    }
     const { paymentIntent } = await stripeStore.stripe.retrievePaymentIntent(clientSecret);
     const status = paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status;
     const { isError, messages } = stripeStoreMessageBasedOnStatus(status);
@@ -1807,6 +1824,18 @@ const buildPolicyConsentMetadataEntry = () => {
         }),
     };
 };
+/**
+ * Allow overriding the checkout session payment processor via a `paymentProcessor`
+ * URL query param (e.g. `?paymentProcessor=AIRWALLEX`). The processor is normally
+ * determined server-side by the billing company; this override is primarily used
+ * for testing. Returns `undefined` when the param is missing or not a valid
+ * processor.
+ */
+const getPaymentProcessorFromUrl = () => {
+    const param = new URLSearchParams(window.location.search).get('paymentProcessor');
+    const isPaymentProcessor = (value) => Object.values(checkoutPaymentProcessorType).some(processor => processor === value);
+    return param && isPaymentProcessor(param) ? param : undefined;
+};
 const getCheckoutSessionBody = () => {
     var _a;
     const total = cartStore.items.reduce((amount, item) => amount + item.amount * item.quantity, 0);
@@ -1825,6 +1854,7 @@ const getCheckoutSessionBody = () => {
                 value: localizationStore.selectedLocale,
             },
         ],
+        paymentProcessor: getPaymentProcessorFromUrl(),
         presentmentCountryCode: localizationStore.selectedCountryCode,
         skipPaymentIntent: stripeStore.skipPaymentIntent,
         varianceTestInput,