@zonos/elements 1.3.217 → 1.3.219

package/dist/esm/{paypal-70b140d9.js → paypal-2fa930eb.js}

@@ -1,7 +1,8 @@
 import { z as zonosStore, c as createStore } from './zonosStore-c456b933.js';
-import { t as trackConversionEvent, z as validateCheckoutSession, c as stripeStore, e as cartStore, v as stripeStoreHandleInventoryCheck, r as cartStoreNextStep, j as cartStoreClearCheckoutInterval } from './cart-010402f9.js';
-import { t as translate, s as storageStore } from './localization-9db8b6e9.js';
-import { h as handleFetch, l as log, b as logError, j as jsonParse } from './handleFetch-fa90f7f6.js';
+import { t as trackConversionEvent, z as validateCheckoutSession, c as stripeStore, e as cartStore, v as stripeStoreHandleInventoryCheck, r as cartStoreNextStep, j as cartStoreClearCheckoutInterval } from './cart-acf4ebf5.js';
+import { s as storageStore } from './localization-8646f526.js';
+import { t as translate } from './translationStore-c9743292.js';
+import { h as handleFetch, l as log, b as logError, j as jsonParse } from './handleFetch-99218189.js';
 import { t as tinycolor } from './isDarkColor-1f58b6be.js';
 
 /*!
@@ -245,9 +246,10 @@ const submitGtag = (event) => {
     }
 };
 
-const { reset: paypalStoreReset, state: paypalStore } = createStore(() => ({
+const { onChange: paypalStoreOnChange, reset: paypalStoreReset, state: paypalStore, } = createStore(() => ({
     intent: 'capture',
     orderIdCreated: null,
+    paypal: null,
     paypalButtons: [],
     paypalClientId: '',
     paypalErrorMessage: null,
@@ -436,6 +438,7 @@ const paypalInitScript = async ({ currency }) => {
         environment,
         intent: paypalStore.intent,
     });
+    paypalStore.paypal = window.Zonos.paypal;
     log('==== Paypal script loaded');
 };
 const paypalStoreInitButtons = (props) => {
@@ -480,4 +483,4 @@ const paypalStoreHasPaypalEnabled = () => {
     return paypalEnabledInSetting || !!paypalStore.paypalButtons.length;
 };
 
-export { paypalStore as a, paypalInitScript as b, paypalStoreReset as c, paypalStoreInitButtons as d, isContrastColor as i, paypalStoreHasPaypalEnabled as p, submitGtag as s };
+export { paypalStore as a, paypalInitScript as b, paypalStoreReset as c, paypalStoreInitButtons as d, paypalStoreOnChange as e, isContrastColor as i, paypalStoreHasPaypalEnabled as p, submitGtag as s };

package/dist/esm/placeTestOrder-d1ad9cf6.js

@@ -0,0 +1,90 @@
+import { e as cartStore } from './cart-acf4ebf5.js';
+import { d as currencyFormat, s as storageStore } from './localization-8646f526.js';
+import { b as logError, h as handleFetch } from './handleFetch-99218189.js';
+
+const getDisplayCurrency = () => {
+    var _a, _b;
+    const shouldDisplayBaseCurrency = cartStore.displayBaseCurrency;
+    const displayCurrency = shouldDisplayBaseCurrency && ((_a = cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.sourceCurrencyCode)
+        ? (_b = cartStore.exchangeRate) === null || _b === void 0 ? void 0 : _b.sourceCurrencyCode
+        : cartStore.currency;
+    return displayCurrency;
+};
+
+/**
+ * Unified currency rendering for checkout amounts.
+ * @note This is only to display, not for calculations.
+ */
+const renderCheckoutCurrency = ({ amount, isForeign }) => {
+    var _a, _b;
+    const targetRate = ((_a = cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.rate) || 1;
+    const presentmentCurrency = cartStore.currency;
+    const itemCurrency = (_b = cartStore.items[0]) === null || _b === void 0 ? void 0 : _b.currencyCode;
+    // If the item currency is the same as the presentment currency, we can just return the amount in the presentment currency in the same format
+    if (itemCurrency === presentmentCurrency) {
+        return currencyFormat({
+            amount,
+            currency: presentmentCurrency,
+        });
+    }
+    const shouldDisplayBaseCurrency = cartStore.displayBaseCurrency;
+    const displayCurrency = getDisplayCurrency();
+    if (isForeign) {
+        // Amount is in foreign currency, divide by the rate to convert it to the base currency if displaying in base currency
+        const displayAmount = shouldDisplayBaseCurrency
+            ? amount / targetRate
+            : amount;
+        return currencyFormat({
+            amount: displayAmount,
+            currency: displayCurrency,
+        });
+    }
+    // Amount is already in base currency, need to multiply rate to convert to foreign currency if display in foreign currency
+    const displayAmount = shouldDisplayBaseCurrency
+        ? amount
+        : amount * targetRate;
+    return currencyFormat({
+        amount: displayAmount,
+        currency: displayCurrency,
+    });
+};
+
+const placeTestOrder = async () => {
+    var _a, _b;
+    const shipToPartyId = (_a = cartStore.partiesData.find(party => party.type === 'DESTINATION')) === null || _a === void 0 ? void 0 : _a.id;
+    const billToPartyId = (_b = cartStore.partiesData.find(party => party.type === 'PAYOR')) === null || _b === void 0 ? void 0 : _b.id;
+    const checkoutSessionId = storageStore.checkoutSessionId;
+    if (!checkoutSessionId || !billToPartyId || !shipToPartyId) {
+        logError('Missing required data', {
+            billToPartyId,
+            checkoutSessionId,
+            shipToPartyId,
+        });
+        return {
+            errors: ['Missing required data'],
+            json: null,
+        };
+    }
+    const payload = {
+        billToPartyId,
+        checkoutSessionId,
+        shipToPartyId,
+    };
+    const { errors, json } = await handleFetch('/api/zonos-elements/place-test-order', {
+        body: payload,
+        method: 'POST',
+    });
+    if (errors.length || !json) {
+        logError('Error occurs when placing test order', errors);
+        return {
+            errors: errors.map(error => error.message),
+            json: null,
+        };
+    }
+    return {
+        errors: [],
+        json,
+    };
+};
+
+export { placeTestOrder as p, renderCheckoutCurrency as r };