@zonos/elements 1.3.51 → 1.3.52

package/dist/collection/scripts/_zonosBase.js

@@ -2,9 +2,12 @@ var _a;
 import { log } from "../components/utils/logging/log";
 import { logError } from "../components/utils/logging/logError";
 import { checkIfLoadVersionDomain } from "./_checkIfLoadVersionDomain";
-import { getNextFallbackUrl, } from "./_getNextFallbackUrl";
+import { getNextFallbackUrl, MAIN_LOAD_CDN_TYPE, } from "./_getNextFallbackUrl";
 import { getZonosQaUrl } from "./_getZonosQaUrl";
 import { zonosLoadStripe } from "./_loadStripe";
+import { getCartIdFromQueryParam } from "./cart/_getCartIdFromParam";
+import { setupCartData } from "./cart/_setupCartData";
+import { checkoutHiddenBtnSelector, } from "../types/checkout/CheckoutConfig";
 /**
  * Get the load version and url based on the loadScriptSrc, if the domain that used to load `zonos.js` is in white listed domains, use currentLoadScriptUrl as the load url instead, if zonosQaUrl exists, it would also fall under the white listed domain
  */
@@ -25,7 +28,6 @@ const ZONOS_URL = process.env.NEXT_PUBLIC_ZONOS_CDN_URL;
 const JS_DELIVR_ZONOS_URL = zonosLoadUrl || process.env.NEXT_PUBLIC_ZONOS_JS_DELIVR_CDN_URL;
 const UNPKG_ZONOS_URL = process.env.NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL;
 const CDNJS_ZONOS_URL = process.env.NEXT_PUBLIC_ZONOS_CDNJS_CDN_URL;
-export const MAIN_LOAD_CDN_TYPE = 'jsdelivr';
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -41,6 +43,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
 Zonos.releaseDate = process.env.NEXT_PUBLIC_RELEASE_DATE;
+Zonos.isLegacyCheckout = false;
 /**
  * By default, the package will load from npm
  */
@@ -48,22 +51,49 @@ Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.version = `v${process.env.NEXT_PUBLIC_ZONOS_PACKAGE_VERSION}`;
 Zonos.modeAlerted = false;
-Zonos.tempCartData = null;
+Zonos.cartData = null;
 Zonos.paypal = null;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
 Zonos.zonosController = null;
 Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, onCountryChange, overrideCurrencyFormat, storeId, zonosApiKey, }) => {
+    _a.cartId = getCartIdFromQueryParam();
     if (_a.doneInit) {
         // do nothing if zonos is already initializeds
         return;
     }
     log(`====== ZONOS DEBUG MODE: on (${_a.version}) ======`);
-    if (!zonosApiKey) {
-        logError('Missing Zonos API key');
-        return;
-    }
     _a.zonosApiKey = zonosApiKey;
     _a.storeId = storeId;
+    if (_a.isNpm) {
+        log('====== ZONOS LOADING FROM NPM ======');
+        // zonosApiKey is required if tempCartUUID in query params are not provided
+        if (!zonosApiKey && !_a.cartId) {
+            logError('Zonos API key is required unless `tempCartUUID` is provided in url query params.');
+            return;
+        }
+        /**
+         * This is mainly for user that integrates Zonos with npm
+         * If cartUUID is provided in query param and cartData is not available, get and initialize cart data to prepare to open checkout right away
+         */
+        if (!_a.cartData && _a.cartId) {
+            log('Initialize cart data');
+            const params = await setupCartData(_a.cartId);
+            if (!params) {
+                logError('Failed to get cart data');
+                return;
+            }
+            _a.cartData = params.cartData;
+            _a.zonosApiKey = params.zonosApiKey;
+        }
+    }
+    // inject hidden button to body to trigger checkout right away if we have cartData
+    if (_a.cartId && _a.cartData) {
+        log('Cart data is available, inject hidden button and trigger checkout');
+        const hiddenButton = document.createElement('button');
+        hiddenButton.style.display = 'none';
+        hiddenButton.id = `${checkoutHiddenBtnSelector}`;
+        document.body.appendChild(hiddenButton);
+    }
     log('init zonos');
     // inject zonos cdn
     _a.injectZonosCdn();
@@ -81,7 +111,6 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
             onCountryChange,
             overrideCurrencyFormat,
         },
-        zonosApiKey,
     });
     _a.doneInit = true;
 };
@@ -153,7 +182,7 @@ Zonos.disablePlaceOrderButtons = ({ autoEnable = true, config, disable, placeOrd
         }
     }
 };
-Zonos.injectController = ({ config, zonosApiKey, }) => {
+Zonos.injectController = ({ config, }) => {
     var _b;
     if (document.querySelector('zonos-controller')) {
         return;
@@ -181,7 +210,7 @@ Zonos.injectController = ({ config, zonosApiKey, }) => {
     }
     const zonosController = document.createElement('zonos-controller');
     zonosController.config = config;
-    zonosController.zonosApiKey = zonosApiKey;
+    zonosController.zonosApiKey = _a.zonosApiKey || '';
     zonosController.addEventListener('stripeInitEvent', async (event) => {
         const { detail } = event;
         log('loading Stripe');

package/dist/collection/scripts/cart/_getCartIdFromParam.js

@@ -0,0 +1,9 @@
+const TEMP_CART_ID_QUERY_PARAM = 'tempCartUUID';
+/**
+ * Simple function to get the cart id from the query param.
+ */
+export const getCartIdFromQueryParam = () => {
+    const urlParams = new URLSearchParams(window.location.search);
+    const cartId = urlParams.get(TEMP_CART_ID_QUERY_PARAM);
+    return cartId;
+};

package/dist/collection/scripts/cart/_setupCartData.js

@@ -0,0 +1,18 @@
+import { log } from "../../components/utils/logging/log";
+import { logError } from "../../components/utils/logging/logError";
+import { getTempCartById } from "../_getTempCartBy";
+export const setupCartData = async (cartId) => {
+    const tempCartResult = await getTempCartById(cartId);
+    log('[ZONOS - loadZonos] getting temp cart data', 'info', tempCartResult);
+    if (!tempCartResult) {
+        logError('[ZONOS - loadZonos] Error getting temp cart data, stop checkout process.');
+        return null;
+    }
+    return {
+        cartData: tempCartResult.cartData,
+        storeFavicon: tempCartResult.storeFaviconUrl,
+        storeId: tempCartResult.cartData.storeId,
+        storeLogo: tempCartResult.storeLogoUrl,
+        zonosApiKey: tempCartResult.cartData.credentialToken,
+    };
+};

package/dist/collection/types/checkout/CheckoutConfig.js

@@ -1 +1,2 @@
-export {};
+export const checkoutHiddenBtnSelector = 'zonos--checkout-hidden-button';
+export const domesticRedirectedBtnSelector = 'zonos--domestic-redirected-checkout-button';

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

@@ -2265,6 +2265,15 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         calculateLandedCost(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'calculateLandedCost', 'mutation');
         },
+        cart(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'cart', 'query');
+        },
+        cartCalculateLandedCost(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'cartCalculateLandedCost', 'mutation');
+        },
+        cartCreate(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'cartCreate', 'mutation');
+        },
         checkItemRestrictions(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'checkItemRestrictions', 'mutation');
         },
@@ -2289,6 +2298,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         fulfillmentCenter(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'fulfillmentCenter', 'query');
         },
+        getCartOrganizationInfo(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'getCartOrganizationInfo', 'query');
+        },
         getCheckoutPlaceOrderButtonSelector(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'getCheckoutPlaceOrderButtonSelector', 'query');
         },

package/dist/collection/utils/formattedCloudflareApiUrl.js

@@ -13,7 +13,7 @@ import { generateCloudflareDeployUrl } from "./generateCloudflareDeployUrl";
  * - `https://<branch_name>.<project_name>.pages.dev` if is Preview
  * - `https://route.elements.zonos.com` if is Production
  */
-export const formattedCloudflareApiUrl = ({ branchName, inCI: _inCI, inVercel: _inVercel, isVercelPreview: _isVercelPreview, projectName, url, }) => {
+export const formattedCloudflareApiUrl = ({ branchName, inCI: _inCI, inGithubAction, inVercel: _inVercel, isVercelPreview: _isVercelPreview, url, }) => {
     if (!url) {
         // return origin value so t3 can throw error when it's empty
         return url;
@@ -24,9 +24,15 @@ export const formattedCloudflareApiUrl = ({ branchName, inCI: _inCI, inVercel: _
         // local host environment, no need to format url
         return `https://${domainOnlyUrl}`;
     }
+    if (inGithubAction) {
+        // just use production url if it's in CI
+        return `https://${domainOnlyUrl}`;
+    }
     const isProdBranch = branchName && ['main'].includes(branchName);
+    const isTest = domainOnlyUrl.includes('test.') || domainOnlyUrl.includes('test-git');
+    const projectName = isTest ? 'zonos-elements-test' : 'zonos-elements';
     // always use Cloudflare preview alias if in not production environment
-    if (_isVercelPreview && !isProdBranch) {
+    if (!isProdBranch) {
         // use Cloudflare branch_url instead of the production url
         if (!branchName) {
             throw new Error('Fail to get Cloudflare commit ref or branch name');

package/dist/collection/utils/generateCloudflareDeployUrl.js

@@ -6,6 +6,9 @@
  */
 export const generateCloudflareDeployUrl = ({ branchName, projectName, }) => {
     const normalizedProjectName = projectName.toLowerCase().replace(/\s+/g, '-');
+    if (branchName === 'main') {
+        return `${normalizedProjectName}.pages.dev`;
+    }
     // remove dots and replace non-alphanumeric characters with dashes
     const normalizedBranchName = branchName
         .toLowerCase()

package/dist/esm/CheckoutConfig-57350b28.js

@@ -0,0 +1,36 @@
+import { h as handleFetch, l as log, a as logError } from './handleFetch-37cea185.js';
+
+const getTempCartById = async (cartId) => {
+    const { errors, json } = await handleFetch('/api/zonos-elements/get-temp-cart', {
+        body: { tempCartUUID: cartId },
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        method: 'POST',
+    });
+    if (!json || errors.length) {
+        return null;
+    }
+    return json;
+};
+
+const setupCartData = async (cartId) => {
+    const tempCartResult = await getTempCartById(cartId);
+    log('[ZONOS - loadZonos] getting temp cart data', 'info', tempCartResult);
+    if (!tempCartResult) {
+        logError('[ZONOS - loadZonos] Error getting temp cart data, stop checkout process.');
+        return null;
+    }
+    return {
+        cartData: tempCartResult.cartData,
+        storeFavicon: tempCartResult.storeFaviconUrl,
+        storeId: tempCartResult.cartData.storeId,
+        storeLogo: tempCartResult.storeLogoUrl,
+        zonosApiKey: tempCartResult.cartData.credentialToken,
+    };
+};
+
+const checkoutHiddenBtnSelector = 'zonos--checkout-hidden-button';
+const domesticRedirectedBtnSelector = 'zonos--domestic-redirected-checkout-button';
+
+export { checkoutHiddenBtnSelector as c, domesticRedirectedBtnSelector as d, setupCartData as s };