@zonos/elements 1.3.218 → 1.3.219

package/dist/cjs/{paypal-d36b5dd1.js → paypal-e80871d0.js}

@@ -1,8 +1,9 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const cart = require('./cart-c54d05ce.js');
-const localization = require('./localization-ab7e1902.js');
+const cart = require('./cart-9a2b32e4.js');
+const localization = require('./localization-b12edb2a.js');
+const translationStore = require('./translationStore-20a6d8bf.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
 const isDarkColor = require('./isDarkColor-428965f4.js');
 
@@ -247,9 +248,10 @@ const submitGtag = (event) => {
     }
 };
 
-const { reset: paypalStoreReset, state: paypalStore } = zonosStore.createStore(() => ({
+const { onChange: paypalStoreOnChange, reset: paypalStoreReset, state: paypalStore, } = zonosStore.createStore(() => ({
     intent: 'capture',
     orderIdCreated: null,
+    paypal: null,
     paypalButtons: [],
     paypalClientId: '',
     paypalErrorMessage: null,
@@ -277,7 +279,7 @@ const paypalStoreCaptureOrder = async ({ checkoutSessionId, paypalMockResponse,
     const zonosOrderId = (_a = json === null || json === void 0 ? void 0 : json.paypalOrderCapture.order) === null || _a === void 0 ? void 0 : _a.id;
     if (errors.length || !zonosOrderId) {
         throw new Error(((_b = errors.find(Boolean)) === null || _b === void 0 ? void 0 : _b.message) ||
-            localization.translate('An unexpected error occurred when processing PayPal order.'));
+            translationStore.translate('An unexpected error occurred when processing PayPal order.'));
     }
     return zonosOrderId;
 };
@@ -287,10 +289,10 @@ const paypalErrorHandler = ({ error }) => {
     const paypalErrorMessage = (_a = parsedResult === null || parsedResult === void 0 ? void 0 : parsedResult.errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message;
     const parsedErrorMessage = (paypalErrorMessage === null || paypalErrorMessage === void 0 ? void 0 : paypalErrorMessage.match(/\[(.*?)\] (.*)/i)) || [];
     if (!parsedErrorMessage) {
-        paypalStore.paypalErrorMessage = localization.translate('An unexpected error occurred when processing PayPal order.');
+        paypalStore.paypalErrorMessage = translationStore.translate('An unexpected error occurred when processing PayPal order.');
     }
     const errorMessage = parsedErrorMessage[2] ||
-        localization.translate('An unexpected error occurred when processing PayPal order.');
+        translationStore.translate('An unexpected error occurred when processing PayPal order.');
     // show the error message
     paypalStore.paypalErrorMessage = errorMessage;
 };
@@ -341,7 +343,7 @@ const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionD
                 }
                 catch (_a) {
                     // If user provide callback and it throw an exception, default to this message and stop the payment.
-                    cart.cartStore.inventoryCheckErrorMessage = localization.translate('Unable to check inventory. Please try again.');
+                    cart.cartStore.inventoryCheckErrorMessage = translationStore.translate('Unable to check inventory. Please try again.');
                 }
                 // Don't proceed to payment if there's an error message
                 if (cart.cartStore.inventoryCheckErrorMessage) {
@@ -354,7 +356,7 @@ const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionD
             }
             catch (err) {
                 handleFetch.logError('Failed to create paypal order', err);
-                paypalStore.paypalErrorMessage = localization.translate('Failed to create PayPal order. Please try again, or consider using an alternative method.');
+                paypalStore.paypalErrorMessage = translationStore.translate('Failed to create PayPal order. Please try again, or consider using an alternative method.');
                 // reset stripe error message
                 cart.stripeStore.hasPaymentError = false;
                 cart.stripeStore.customErrorMessage = null;
@@ -438,6 +440,7 @@ const paypalInitScript = async ({ currency }) => {
         environment,
         intent: paypalStore.intent,
     });
+    paypalStore.paypal = window.Zonos.paypal;
     handleFetch.log('==== Paypal script loaded');
 };
 const paypalStoreInitButtons = (props) => {
@@ -487,5 +490,6 @@ exports.paypalInitScript = paypalInitScript;
 exports.paypalStore = paypalStore;
 exports.paypalStoreHasPaypalEnabled = paypalStoreHasPaypalEnabled;
 exports.paypalStoreInitButtons = paypalStoreInitButtons;
+exports.paypalStoreOnChange = paypalStoreOnChange;
 exports.paypalStoreReset = paypalStoreReset;
 exports.submitGtag = submitGtag;

package/dist/cjs/placeTestOrder-8222fe95.js

@@ -0,0 +1,93 @@
+'use strict';
+
+const cart = require('./cart-9a2b32e4.js');
+const localization = require('./localization-b12edb2a.js');
+const handleFetch = require('./handleFetch-45f35cac.js');
+
+const getDisplayCurrency = () => {
+    var _a, _b;
+    const shouldDisplayBaseCurrency = cart.cartStore.displayBaseCurrency;
+    const displayCurrency = shouldDisplayBaseCurrency && ((_a = cart.cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.sourceCurrencyCode)
+        ? (_b = cart.cartStore.exchangeRate) === null || _b === void 0 ? void 0 : _b.sourceCurrencyCode
+        : cart.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 = cart.cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.rate) || 1;
+    const presentmentCurrency = cart.cartStore.currency;
+    const itemCurrency = (_b = cart.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 localization.currencyFormat({
+            amount,
+            currency: presentmentCurrency,
+        });
+    }
+    const shouldDisplayBaseCurrency = cart.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 localization.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 localization.currencyFormat({
+        amount: displayAmount,
+        currency: displayCurrency,
+    });
+};
+
+const placeTestOrder = async () => {
+    var _a, _b;
+    const shipToPartyId = (_a = cart.cartStore.partiesData.find(party => party.type === 'DESTINATION')) === null || _a === void 0 ? void 0 : _a.id;
+    const billToPartyId = (_b = cart.cartStore.partiesData.find(party => party.type === 'PAYOR')) === null || _b === void 0 ? void 0 : _b.id;
+    const checkoutSessionId = localization.storageStore.checkoutSessionId;
+    if (!checkoutSessionId || !billToPartyId || !shipToPartyId) {
+        handleFetch.logError('Missing required data', {
+            billToPartyId,
+            checkoutSessionId,
+            shipToPartyId,
+        });
+        return {
+            errors: ['Missing required data'],
+            json: null,
+        };
+    }
+    const payload = {
+        billToPartyId,
+        checkoutSessionId,
+        shipToPartyId,
+    };
+    const { errors, json } = await handleFetch.handleFetch('/api/zonos-elements/place-test-order', {
+        body: payload,
+        method: 'POST',
+    });
+    if (errors.length || !json) {
+        handleFetch.logError('Error occurs when placing test order', errors);
+        return {
+            errors: errors.map(error => error.message),
+            json: null,
+        };
+    }
+    return {
+        errors: [],
+        json,
+    };
+};
+
+exports.placeTestOrder = placeTestOrder;
+exports.renderCheckoutCurrency = renderCheckoutCurrency;