@zonos/elements 1.2.4-alpha.6 → 1.2.4-alpha.7

package/dist/collection/components/utils/api/triggerBuildLandedCost.js

@@ -0,0 +1,22 @@
+import { prepCalculateLandedCost } from "./prepCalculateLandedCost";
+import { handleFetch } from "../handleFetch";
+export const triggerBuildLandedCost = async (buildLandedCost) => {
+    var _a;
+    const data = prepCalculateLandedCost();
+    const landedCost = await buildLandedCost(data.checkoutSessionId, data.contact, data.shippingAddress);
+    if (!landedCost) {
+        throw new Error('Failed to build landed cost');
+    }
+    // Validate the landed cost object to make sure the returned value from buildLandedCost has a valid schema
+    const { errors, json } = await handleFetch(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/validate-landed-cost`, {
+        body: landedCost,
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        method: 'POST',
+    });
+    if (!json || errors.length) {
+        throw new Error(`Invalid landed cost object: ${((_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message) || 'Unknown error'}`);
+    }
+    return landedCost;
+};

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

@@ -58,6 +58,10 @@ export const carrierAccountRateType = {
 export const carrierAccountUsageCategoryCode = {
     Shipping: 'SHIPPING',
 };
+export const carrierApiAccountProvider = {
+    General: 'GENERAL',
+    Organization: 'ORGANIZATION',
+};
 export const carrierApiRateTypeCode = {
     Negotiated: 'NEGOTIATED',
     Retail: 'RETAIL',
@@ -140,6 +144,11 @@ export const classificationBulkJobStatus = {
     Initialized: 'INITIALIZED',
     Processing: 'PROCESSING',
 };
+export const classificationCalculateSource = {
+    External: 'EXTERNAL',
+    Internal: 'INTERNAL',
+    Legacy: 'LEGACY',
+};
 export const clearanceType = {
     Commercial: 'COMMERCIAL',
     Postal: 'POSTAL',
@@ -862,6 +871,15 @@ export const currencySymbolLocation = {
     After: 'AFTER',
     Before: 'BEFORE',
 };
+export const customsDocumentFileType = {
+    Pdf: 'PDF',
+    Txt: 'TXT',
+};
+export const customsDocumentType = {
+    CertificateOfOrigin: 'CERTIFICATE_OF_ORIGIN',
+    CommercialInvoice: 'COMMERCIAL_INVOICE',
+    Other: 'OTHER',
+};
 export const customsSpecAttributeType = {
     AccountNumber: 'ACCOUNT_NUMBER',
     B13A: 'B13A',
@@ -1207,6 +1225,11 @@ export const labelStatusType = {
     Created: 'CREATED',
     Voided: 'VOIDED',
 };
+export const landedCostAdjustmentType = {
+    CartTotal: 'CART_TOTAL',
+    Item: 'ITEM',
+    Shipping: 'SHIPPING',
+};
 export const landedCostCalculationMethod = {
     Dap: 'DAP',
     Ddp: 'DDP',
@@ -1235,6 +1258,7 @@ export const landedCostFeeType = {
     ZonosLandedCostGuarantee: 'ZONOS_LANDED_COST_GUARANTEE',
 };
 export const landedCostGuaranteeCode = {
+    InclusivePrice: 'INCLUSIVE_PRICE',
     NotApplicable: 'NOT_APPLICABLE',
     Zonos: 'ZONOS',
 };
@@ -1248,6 +1272,11 @@ export const landedCostMethod = {
     DdpForced: 'DDP_FORCED',
     DdpPreferred: 'DDP_PREFERRED',
 };
+export const landedCostQuoteType = {
+    Auditing: 'AUDITING',
+    Checkout: 'CHECKOUT',
+    InclusivePrice: 'INCLUSIVE_PRICE',
+};
 export const landedCostTariffRate = {
     Exact: 'EXACT',
     Maximum: 'MAXIMUM',
@@ -1397,6 +1426,10 @@ export const notificationActiveStatus = {
     Disabled: 'DISABLED',
     Enabled: 'ENABLED',
 };
+export const orderCompleteBillingMethod = {
+    BillingDgs: 'BILLING_DGS',
+    Legacy: 'LEGACY',
+};
 export const orderStatus = {
     Canceled: 'CANCELED',
     Completed: 'COMPLETED',
@@ -1409,6 +1442,10 @@ export const orderTransactionBillingMethod = {
     BillingDgs: 'BILLING_DGS',
     Legacy: 'LEGACY',
 };
+export const organizationBusinessUnit = {
+    Ecommerce: 'ECOMMERCE',
+    SupplyChain: 'SUPPLY_CHAIN',
+};
 export const organizationStatus = {
     Active: 'ACTIVE',
     Churned: 'CHURNED',
@@ -1436,6 +1473,10 @@ export const packageLocation = {
     Rear: 'REAR',
     Side: 'SIDE',
 };
+export const packagingOptionDeleteAction = {
+    Delete: 'DELETE',
+    Disable: 'DISABLE',
+};
 export const packagingOptionSource = {
     Default: 'DEFAULT',
     Dynamic: 'DYNAMIC',
@@ -1527,6 +1568,10 @@ export const shipmentAmountType = {
     PublishedRate: 'PUBLISHED_RATE',
     Surcharge: 'SURCHARGE',
 };
+export const shipmentBatchStatus = {
+    Closed: 'CLOSED',
+    Open: 'OPEN',
+};
 export const shipmentCartonSpecialService = {
     Alcohol: 'ALCOHOL',
     BatteryInsideEquipment: 'BATTERY_INSIDE_EQUIPMENT',
@@ -1569,6 +1614,20 @@ export const stripeBillingFrequency = {
     Week: 'WEEK',
     Year: 'YEAR',
 };
+export const stripeChargeStatus = {
+    Failed: 'FAILED',
+    Pending: 'PENDING',
+    Succeeded: 'SUCCEEDED',
+};
+export const stripePaymentIntentStatus = {
+    Canceled: 'CANCELED',
+    Processing: 'PROCESSING',
+    RequiresAction: 'REQUIRES_ACTION',
+    RequiresCapture: 'REQUIRES_CAPTURE',
+    RequiresConfirmation: 'REQUIRES_CONFIRMATION',
+    RequiresPaymentMethod: 'REQUIRES_PAYMENT_METHOD',
+    Succeeded: 'SUCCEEDED',
+};
 export const stripePriceBillingScheme = {
     PerUnit: 'PER_UNIT',
     Tiered: 'TIERED',
@@ -1679,8 +1738,12 @@ export const volumeUnitCode = {
     QuartUsDry: 'QUART_US_DRY',
 };
 export const wcoVersion = {
+    Wco_1997: 'WCO_1997',
+    Wco_2002: 'WCO_2002',
+    Wco_2007: 'WCO_2007',
     Wco_2017: 'WCO_2017',
     Wco_2022: 'WCO_2022',
+    Wco_2027: 'WCO_2027',
 };
 export const weightUnitCode = {
     Gram: 'GRAM',
@@ -1720,9 +1783,18 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         FulfillmentCenter(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'FulfillmentCenter', 'query');
         },
+        GetCheckoutSession(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'GetCheckoutSession', 'query');
+        },
+        GetOrder(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'GetOrder', 'query');
+        },
         OnlineStoreSettings(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'OnlineStoreSettings', 'query');
         },
+        OrderUpdateAccountOrderNumber(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'OrderUpdateAccountOrderNumber', 'mutation');
+        },
         ShippingZones(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'ShippingZones', 'query');
         },

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

@@ -2,6 +2,44 @@ export const cursorOrdering = {
     Asc: 'ASC',
     Desc: 'DESC',
 };
+export const featureAspectKeyEnum = {
+    Checkout_2_0: 'checkout_2_0',
+    ClassifySingleRequest: 'classify_single_request',
+    ComConsolidation: 'com_consolidation',
+    DashboardCheckout_2Settings: 'dashboard_checkout_2_settings',
+    DashboardHello_2Settings: 'dashboard_hello_2_settings',
+    DashboardOrderApprove: 'dashboard_order_approve',
+    DashboardOrderApproveNoCapture: 'dashboard_order_approve_no_capture',
+    Dashboard_909Settings: 'dashboard_909_settings',
+    DocsSearchOpenAiQa: 'docs_search_open_ai_qa',
+    ExploreFrontendMutation: 'explore_frontend_mutation',
+    ExploreWeaviateMutation: 'explore_weaviate_mutation',
+    FeatureAspect: 'feature_aspect',
+    LocaleMessage: 'locale_message',
+    NewCheckoutBeta: 'new_checkout_beta',
+    PageAuditor: 'page_auditor',
+    PromptExplorer: 'prompt_explorer',
+    TeamAuditor: 'team_auditor',
+};
+export const featureAudienceNameEnum = {
+    AccountsReceivable: 'accounts_receivable',
+    CheckoutSales: 'checkout_sales',
+    CustomerSuccess: 'customer_success',
+    Designer: 'designer',
+    DocsContributor: 'docs_contributor',
+    Executive: 'executive',
+    ExecutiveAssistant: 'executive_assistant',
+    Finance: 'finance',
+    FrontendEngineer: 'frontend_engineer',
+    I18nKnownLanguage: 'i18n_known_language',
+    I18nSales: 'i18n_sales',
+    NewCheckoutMerchant: 'new_checkout_merchant',
+    Onboarding: 'onboarding',
+    PrincipalEngineer: 'principal_engineer',
+    ProServeHead: 'pro_serve_head',
+    ProductManager: 'product_manager',
+    TechLead: 'tech_lead',
+};
 export const localeElementsSupportedLocationCodeEnum = {
     Ar: 'ar',
     Da: 'da',
@@ -376,20 +414,59 @@ export const promptBulkJobStatusEnum = {
     InProgress: 'in_progress',
     Queued: 'queued',
 };
-export const promptCategoryCodeEnum = {
-    SeoMetaDescription: 'seo_meta_description',
-    SeoMetaTitle: 'seo_meta_title',
-    SeoStructuredData: 'seo_structured_data',
-    SeoSummary: 'seo_summary',
-};
 const defaultWrapper = (action, _operationName, _operationType) => action();
 export function getSdk(client, withWrapper = defaultWrapper) {
     return {
+        Cart(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'Cart', 'query');
+        },
         CreateErrorEvent(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'CreateErrorEvent', 'mutation');
         },
+        DeleteAllStoreReserveOrders(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'DeleteAllStoreReserveOrders', 'mutation');
+        },
+        DeleteBigCommerceCheckout(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'DeleteBigCommerceCheckout', 'mutation');
+        },
+        DeleteOrderImportLock(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'DeleteOrderImportLock', 'mutation');
+        },
+        DeleteReserveOrders(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'DeleteReserveOrders', 'mutation');
+        },
+        GetAudienceByAspectKey(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'GetAudienceByAspectKey', 'query');
+        },
+        GetBigCommerceCheckout(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'GetBigCommerceCheckout', 'query');
+        },
+        GetCheckoutReserveOrders(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'GetCheckoutReserveOrders', 'query');
+        },
+        GetReserveOrder(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'GetReserveOrder', 'query');
+        },
+        InsertCheckoutLog(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'InsertCheckoutLog', 'mutation');
+        },
+        InsertOrderImportLock(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'InsertOrderImportLock', 'mutation');
+        },
+        InsertReserveOrder(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'InsertReserveOrder', 'mutation');
+        },
+        InsertReserveOrderLog(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'InsertReserveOrderLog', 'mutation');
+        },
         LocaleCountryMessages(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'LocaleCountryMessages', 'query');
         },
+        UpdateReserveOrder(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'UpdateReserveOrder', 'mutation');
+        },
+        UpsertBigCommerceCheckout(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'UpsertBigCommerceCheckout', 'mutation');
+        },
     };
 }

package/dist/components/cart.js

@@ -1,4 +1,4 @@
-import { c as createStore, z as zonosStore } from './zonosStore.js';
+import { z as zonosStore, c as createStore } from './zonosStore.js';
 import { h as handleFetch, l as logError, a as log, b as localizationStore, t as translate } from './localization.js';
 import { i as isDarkColor } from './isDarkColor.js';
 import { g as getBorderRadius } from './getBorderRadius.js';
@@ -32,9 +32,36 @@ const prepCalculateLandedCost = () => {
     };
 };
 
+const triggerBuildLandedCost = async (buildLandedCost) => {
+    var _a;
+    const data = prepCalculateLandedCost();
+    const landedCost = await buildLandedCost(data.checkoutSessionId, data.contact, data.shippingAddress);
+    if (!landedCost) {
+        throw new Error('Failed to build landed cost');
+    }
+    // Validate the landed cost object to make sure the returned value from buildLandedCost has a valid schema
+    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/validate-landed-cost`, {
+        body: landedCost,
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        method: 'POST',
+    });
+    if (!json || errors.length) {
+        throw new Error(`Invalid landed cost object: ${((_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message) || 'Unknown error'}`);
+    }
+    return landedCost;
+};
+
 const calculateLandedCost = async (abortController) => {
+    // If buildLandedCost callback is supplied, use that instead of our regular request to '/calculate-landed-cost'
+    const buildLandedCost = zonosStore.checkoutSettings.buildLandedCost;
+    if (buildLandedCost) {
+        const json = await triggerBuildLandedCost(buildLandedCost);
+        return json;
+    }
     // request to get landed cost info
-    const url = `${"https://v1.route.js.zonos.com"}/api/calculate-landed-cost`;
+    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/calculate-landed-cost`;
     const { errors, json } = await handleFetch(url, {
         body: prepCalculateLandedCost(),
         method: 'POST',
@@ -89,6 +116,7 @@ const { onChange: onChange$1, reset: reset$1, state: stripeStore, } = createStor
     stripeAddressElement: null,
     stripeAddressEventData: null,
     stripeAddressUsedWhenFetchingLC: null,
+    stripeBillingAddressElement: null,
     stripeElements: null,
     stripeElementsOptions: null,
     stripeLinkElement: null,
@@ -334,7 +362,7 @@ const stripeStoreInitCheckoutSession = async () => {
         return false;
     }
     stripeStore.isFetchingSession = true;
-    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/create-checkout-session`, {
+    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/create-checkout-session`, {
         body: {
             currency: ((_a = cartStore.items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode) || '',
             itemsAmount: total,
@@ -362,7 +390,7 @@ const stripeStoreInitCheckoutSession = async () => {
 const stripeStoreUpdateCheckoutSession = async ({ currency, id, itemsAmount, landedCostId, presentmentCountryCode, }) => {
     // No need to set loading state here because this function will be called under the hood to update
     // landed cost id for the section.
-    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/update-checkout-session`, {
+    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/update-checkout-session`, {
         body: {
             currency,
             id,
@@ -474,7 +502,7 @@ const cartStoreReCalculateTotal = async ({ currency, itemsAmount, landedCostId,
     }
     // update checkout session
     if (!cartStore.checkoutSessionId) {
-        logError('Could update cart total without checkout session id');
+        logError('Could not update cart total without checkout session id');
         return false;
     }
     const { json } = await stripeStoreUpdateCheckoutSession({

package/dist/components/localization.js

@@ -3192,7 +3192,7 @@ const handleFetch = async (url, _opts) => {
 
 const getCountries = async () => {
     try {
-        const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/get-countries`, {
+        const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/get-countries`, {
             method: 'GET',
         });
         if (errors.length || !json) {
@@ -3215,7 +3215,7 @@ const getCountryLandedCost = async (countryCode) => {
     if (!countryCode) {
         return null;
     }
-    const url = `${"https://v1.route.js.zonos.com"}/api/country-landed-cost/${countryCode}`;
+    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/country-landed-cost/${countryCode}`;
     const { errors, json } = await handleFetch(url);
     if (errors.length || !json) {
         logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
@@ -3230,7 +3230,7 @@ const getExchangeRate = async ({ country, isGuaranteed, sourceCurrency, targetCu
     if (sourceCurrency === targetCurrency && !isGuaranteed) {
         return { exchangeRate: null, maxAge: null };
     }
-    const url = `${"https://v1.route.js.zonos.com"}/api/exchange-rates?sourceCurrency=${sourceCurrency}&targetCurrency=${targetCurrency}&isGuaranteed=${isGuaranteed}&country=${country}}`;
+    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/exchange-rates?sourceCurrency=${sourceCurrency}&targetCurrency=${targetCurrency}&isGuaranteed=${isGuaranteed}&country=${country}`;
     const { errors, json } = await handleFetch(url);
     if (errors.length || !json) {
         logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
@@ -3247,7 +3247,7 @@ const getExchangeRate = async ({ country, isGuaranteed, sourceCurrency, targetCu
 
 const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
     var _a;
-    const url = `${"https://v1.route.js.zonos.com"}/api/locale-messages?countryCode=${countryCode}&storeId=${storeId}&localeTo=${localeTo}`;
+    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/locale-messages?countryCode=${countryCode}&storeId=${storeId}&localeTo=${localeTo}`;
     const { errors, json } = await handleFetch(url);
     if (errors.length || !json) {
         // eslint-disable-next-line no-console
@@ -3269,7 +3269,7 @@ const getLocalization = async () => {
         // load and use country from session storage when zCountry query param is not present
         const countryLoadedSession = window.sessionStorage.getItem('zonos--country');
         const zCountry = getZCountryUrlParam(currentUrl.searchParams) || countryLoadedSession;
-        const localizationUrl = new URL(`${"https://v1.route.js.zonos.com"}/api/localization`);
+        const localizationUrl = new URL(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/localization`);
         if (zCountry) {
             localizationUrl.searchParams.set('zCountry', zCountry);
         }
@@ -3292,7 +3292,7 @@ const getLocalization = async () => {
 
 const getShippingZones = async () => {
     var _a, _b;
-    const url = `${"https://v1.route.js.zonos.com"}/api/shipping-zones`;
+    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/shipping-zones`;
     const { errors, json } = await handleFetch(url);
     if (errors.length || !json) {
         logError(`Error fetching shipping zones: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);

package/dist/components/zonos-checkout-finish2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
-import { s as stripeStore, p as stripeStoreRetrievePayment, o as stripeStoreReset } from './cart.js';
-import { t as translate } from './localization.js';
+import { s as stripeStore, p as stripeStoreRetrievePayment, o as stripeStoreReset, c as cartStore } from './cart.js';
+import { h as handleFetch, l as logError, t as translate } from './localization.js';
 import { g as getBorderRadius } from './getBorderRadius.js';
 import { s as submitGtag } from './submitGtag.js';
 import { d as defineCustomElement$4 } from './zonos-button2.js';
@@ -20,6 +20,36 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
         this.__registerHost();
         this.__attachShadow();
         this.closeClick = createEvent(this, "closeClick", 7);
+        this.pullOrder = async () => {
+            var _a, _b;
+            const baseUrl = "https://v1.route.js.zonos.com";
+            const checkoutSessionId = cartStore.checkoutSessionId;
+            const { errors, json } = await handleFetch(`${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}`);
+            if (errors.length || !(json === null || json === void 0 ? void 0 : json.id)) {
+                return null;
+            }
+            // TODO: This method of triggering /success for BigCommerce is for MVP. Remove when eventRegistry is fixed to handle by webhooks
+            if (window.Zonos.isBigCommerce) {
+                const orderId = json === null || json === void 0 ? void 0 : json.id;
+                const storeHash = (_b = (_a = json === null || json === void 0 ? void 0 : json.metadata) === null || _a === void 0 ? void 0 : _a.find(x => (x === null || x === void 0 ? void 0 : x.key) === 'storeHash')) === null || _b === void 0 ? void 0 : _b.value;
+                if (!orderId || !storeHash) {
+                    return logError('Unable to trigger BigCommerce /success: Missing orderId or storeHash');
+                }
+                void handleFetch(`${baseUrl}/api/bigcommerce/success?orderId=${orderId}&storeHash=${storeHash}`);
+            }
+            return json;
+        };
+        this.getPullOrder = async (attempts = 0) => {
+            const order = await this.pullOrder();
+            if (order) {
+                this.order = order;
+            }
+            else if (!order && attempts < 5) {
+                // Wait for 1 second before the next attempt
+                await new Promise(resolve => setTimeout(resolve, 1000));
+                await this.getPullOrder(attempts + 1);
+            }
+        };
         this.checkPaymentStatus = async () => {
             this.isLoading = true;
             const clientSecret = new URLSearchParams(window.location.search).get('payment_intent_client_secret') || stripeStore.clientSecret;
@@ -45,6 +75,10 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
                     });
                     document.dispatchEvent(successEvent);
                 }
+                // Attempt to pull the order details from the graph every second on 5 attempts
+                if (this.notificationType === 'success') {
+                    void this.getPullOrder();
+                }
             }
             stripeStoreReset();
             this.isLoading = false;
@@ -59,6 +93,7 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
         this.notificationType = 'success';
         this.notificationTitle = '';
         this.notificationMessages = [];
+        this.order = null;
     }
     componentDidLoad() {
         if (this.overrideNotification) {
@@ -72,9 +107,16 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
         void this.checkPaymentStatus();
     }
     render() {
+        // TODO: Keeping this code for when we have a UI for order details
+        // const orderTotal = this.order?.amountSubtotals
+        //   ? Object.values(this.order.amountSubtotals).reduce((a, b) => a + b, 0)
+        //   : 0;
+        // const totalItems = this.order?.items?.reduce((acc, item) => {
+        //   return acc + item.quantity;
+        // }, 0);
         return (h(Host, { class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius(this.borderRadius),
-            } }, this.isLoading && (h("div", { class: "loading-wrapper" }, h("zonos-spinner", null))), !this.isLoading && (h("div", { class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { color: 'blue-800', content: SuccessIcon, size: 50 })) : (h("zonos-icon", { color: 'red-800', content: RemoveIcon, size: 50 })), h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", null, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Keep shopping'))))));
+            } }, this.isLoading && (h("div", { class: "loading-wrapper" }, h("zonos-spinner", null))), !this.isLoading && (h(Fragment, null, h("div", { class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { color: 'blue-800', content: SuccessIcon, size: 50 })) : (h("zonos-icon", { color: 'red-800', content: RemoveIcon, size: 50 })), h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", null, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Keep shopping')))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get style() { return zonosCheckoutFinishCss; }
@@ -85,7 +127,8 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
         "isLoading": [32],
         "notificationType": [32],
         "notificationTitle": [32],
-        "notificationMessages": [32]
+        "notificationMessages": [32],
+        "order": [32]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/zonos-checkout.js

@@ -315,6 +315,8 @@ const ZonosCheckout$1 = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout ext
         // Update the URL without query parameters
         window.history.replaceState({}, document.title, cleanUrl);
         this.open = false;
+        // Reload the page
+        window.location.reload();
     }
     async handleBackClick() {
         // close the modal if back button is clicked on customer info step

package/dist/components/zonos-controller.js

@@ -6,7 +6,7 @@ import { d as defineCustomElement$3 } from './zonos-notification2.js';
 import { d as defineCustomElement$2 } from './zonos-text2.js';
 
 const getZonosSetting = async () => {
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-setting`;
+    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/zonos-setting`;
     const { errors, json } = await handleFetch(url);
     if (errors.length) {
         logError(`Error occurs when getting zonos settings. If this is not an unauthorized error, it will use user setting or default setting`);
@@ -149,7 +149,7 @@ const ZonosController$1 = /*@__PURE__*/ proxyCustomElement(class ZonosController
             zonosStore.appearance = Object.assign(Object.assign({}, zonosStore.appearance), { fontFamily: overrideFont });
         }
         const routeUrl = "https://v1.route.js.zonos.com";
-        const { errors, json } = await handleFetch(`${routeUrl}/api/get-font-detail?family=${fontSelected}`);
+        const { errors, json } = await handleFetch(`${routeUrl}/api/zonos-elements/get-font-detail?family=${fontSelected}`);
         if (errors.length > 0 || !json) {
             log(`Failed to load font ${fontSelected}`, 'warn');
             return;

package/dist/components/zonos-hello.js

@@ -353,7 +353,7 @@ var debounce_1 = debounce;
 
 const checkItemRestrictions = async ({ items, shipFrom, shipTo, }) => {
     var _a;
-    const url = `${"https://v1.route.js.zonos.com"}/api/check-item-restrictions`;
+    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/check-item-restrictions`;
     const body = {
         items,
         shipFrom,

package/dist/esm/{cart-face98c8.js → cart-b439be00.js}

@@ -1,7 +1,7 @@
-import { c as createStore, z as zonosStore } from './zonosStore-e0b7a5cf.js';
-import { h as handleFetch, l as log, a as localizationStore, b as logError, t as translate } from './localization-ed07b7f0.js';
-import { i as isDarkColor } from './isDarkColor-44e9e451.js';
-import { g as getBorderRadius } from './getBorderRadius-35e8acce.js';
+import { z as zonosStore, c as createStore } from './zonosStore-61e74f58.js';
+import { h as handleFetch, l as log, a as localizationStore, b as logError, t as translate } from './localization-a51ccbc2.js';
+import { i as isDarkColor } from './isDarkColor-416d6047.js';
+import { g as getBorderRadius } from './getBorderRadius-178a0a05.js';
 
 const prepCalculateLandedCost = () => {
     // maybe we don't need email now for prefetch the landed cost
@@ -32,9 +32,36 @@ const prepCalculateLandedCost = () => {
     };
 };
 
+const triggerBuildLandedCost = async (buildLandedCost) => {
+    var _a;
+    const data = prepCalculateLandedCost();
+    const landedCost = await buildLandedCost(data.checkoutSessionId, data.contact, data.shippingAddress);
+    if (!landedCost) {
+        throw new Error('Failed to build landed cost');
+    }
+    // Validate the landed cost object to make sure the returned value from buildLandedCost has a valid schema
+    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/validate-landed-cost`, {
+        body: landedCost,
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        method: 'POST',
+    });
+    if (!json || errors.length) {
+        throw new Error(`Invalid landed cost object: ${((_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message) || 'Unknown error'}`);
+    }
+    return landedCost;
+};
+
 const calculateLandedCost = async (abortController) => {
+    // If buildLandedCost callback is supplied, use that instead of our regular request to '/calculate-landed-cost'
+    const buildLandedCost = zonosStore.checkoutSettings.buildLandedCost;
+    if (buildLandedCost) {
+        const json = await triggerBuildLandedCost(buildLandedCost);
+        return json;
+    }
     // request to get landed cost info
-    const url = `${"https://v1.route.js.zonos.com"}/api/calculate-landed-cost`;
+    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/calculate-landed-cost`;
     const { errors, json } = await handleFetch(url, {
         body: prepCalculateLandedCost(),
         method: 'POST',
@@ -89,6 +116,7 @@ const { onChange: onChange$1, reset: reset$1, state: stripeStore, } = createStor
     stripeAddressElement: null,
     stripeAddressEventData: null,
     stripeAddressUsedWhenFetchingLC: null,
+    stripeBillingAddressElement: null,
     stripeElements: null,
     stripeElementsOptions: null,
     stripeLinkElement: null,
@@ -334,7 +362,7 @@ const stripeStoreInitCheckoutSession = async () => {
         return false;
     }
     stripeStore.isFetchingSession = true;
-    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/create-checkout-session`, {
+    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/create-checkout-session`, {
         body: {
             currency: ((_a = cartStore.items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode) || '',
             itemsAmount: total,
@@ -362,7 +390,7 @@ const stripeStoreInitCheckoutSession = async () => {
 const stripeStoreUpdateCheckoutSession = async ({ currency, id, itemsAmount, landedCostId, presentmentCountryCode, }) => {
     // No need to set loading state here because this function will be called under the hood to update
     // landed cost id for the section.
-    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/update-checkout-session`, {
+    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/update-checkout-session`, {
         body: {
             currency,
             id,
@@ -474,7 +502,7 @@ const cartStoreReCalculateTotal = async ({ currency, itemsAmount, landedCostId,
     }
     // update checkout session
     if (!cartStore.checkoutSessionId) {
-        logError('Could update cart total without checkout session id');
+        logError('Could not update cart total without checkout session id');
         return false;
     }
     const { json } = await stripeStoreUpdateCheckoutSession({

package/dist/esm/{getBorderRadius-35e8acce.js → getBorderRadius-178a0a05.js}

@@ -1,4 +1,4 @@
-import { z as zonosStore } from './zonosStore-e0b7a5cf.js';
+import { z as zonosStore } from './zonosStore-61e74f58.js';
 
 /**
  * Get the border radius for the elements based on the style