@zonos/elements 1.3.233 → 1.3.234

package/dist/cjs/{paypal-1d6f1a71.js → paypal-4a086f84.js}

@@ -1,9 +1,8 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-37a4b4f4.js');
-const cart = require('./cart-bc615014.js');
-const localization = require('./localization-39516612.js');
-const translationStore = require('./translationStore-08d3ff9c.js');
+const cart = require('./cart-22ced7cc.js');
+const localization = require('./localization-8ef6250a.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const isDarkColor = require('./isDarkColor-878e600e.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
@@ -280,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) ||
-            translationStore.translate('An unexpected error occurred when processing PayPal order.'));
+            localization.translate('An unexpected error occurred when processing PayPal order.'));
     }
     return zonosOrderId;
 };
@@ -290,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 = translationStore.translate('An unexpected error occurred when processing PayPal order.');
+        paypalStore.paypalErrorMessage = localization.translate('An unexpected error occurred when processing PayPal order.');
     }
     const errorMessage = parsedErrorMessage[2] ||
-        translationStore.translate('An unexpected error occurred when processing PayPal order.');
+        localization.translate('An unexpected error occurred when processing PayPal order.');
     // show the error message
     paypalStore.paypalErrorMessage = errorMessage;
 };
@@ -344,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 = translationStore.translate('Unable to check inventory. Please try again.');
+                    cart.cartStore.inventoryCheckErrorMessage = localization.translate('Unable to check inventory. Please try again.');
                 }
                 // Don't proceed to payment if there's an error message
                 if (cart.cartStore.inventoryCheckErrorMessage) {
@@ -357,7 +356,7 @@ const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionD
             }
             catch (err) {
                 handleFetch.logError('Failed to create paypal order', err);
-                paypalStore.paypalErrorMessage = translationStore.translate('Failed to create PayPal order. Please try again, or consider using an alternative method.');
+                paypalStore.paypalErrorMessage = localization.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;

package/dist/cjs/placeTestOrder-f25d08ee.js

@@ -0,0 +1,45 @@
+'use strict';
+
+const cart = require('./cart-22ced7cc.js');
+const localization = require('./localization-8ef6250a.js');
+const handleFetch = require('./handleFetch-954f30e1.js');
+
+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;

package/dist/cjs/{placeTestOrder-a5469e40.js → renderCheckoutCurrency-5494e45b.js}

@@ -1,8 +1,7 @@
 'use strict';
 
-const cart = require('./cart-bc615014.js');
-const localization = require('./localization-39516612.js');
-const handleFetch = require('./handleFetch-954f30e1.js');
+const cart = require('./cart-22ced7cc.js');
+const localization = require('./localization-8ef6250a.js');
 
 const getDisplayCurrency = () => {
     var _a, _b;
@@ -55,43 +54,4 @@ const renderCheckoutCurrency = ({ amount, isForeign }) => {
     });
 };
 
-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;

package/dist/cjs/renderFallback-78b54537.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const index = require('./index-69fa8852.js');
+
+const renderFallback = ({ content, isLoading, skeletonHeight, skeletonWidth, }) => {
+    if (isLoading) {
+        return (index.h("zonos-skeleton", { skeletonHeight: skeletonHeight, skeletonWidth: skeletonWidth }));
+    }
+    return content;
+};
+
+exports.renderFallback = renderFallback;

package/dist/cjs/shouldRenderTaxIdInput-eda13ef8.js

@@ -0,0 +1,25 @@
+'use strict';
+
+const TaxId = require('./TaxId-12acedde.js');
+
+const isInTaxIdCountry = (countryCode) => {
+    return TaxId.countryRequireTaxId.includes(countryCode);
+};
+/**
+ * Checks if the tax ID input should be rendered based on the company name and country code.
+ */
+const shouldRenderTaxIdInput = ({ companyName, countryCode, }) => {
+    // Only show the tax ID input if the country is in the EU and the company name is provided
+    if (TaxId.euCountryCodes.includes(countryCode)) {
+        return companyName.trim().length > 0;
+    }
+    // If country require tax id, show the input
+    const isCountryRequireTaxId = isInTaxIdCountry(countryCode);
+    if (isCountryRequireTaxId) {
+        return true;
+    }
+    // If country doesn't require tax ID, no need to show the input
+    return false;
+};
+
+exports.shouldRenderTaxIdInput = shouldRenderTaxIdInput;

package/dist/cjs/throttle-7dd64984.js

@@ -0,0 +1,76 @@
+'use strict';
+
+const debounce$1 = require('./debounce-815d1517.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
+
+var debounce = debounce$1.debounce_1,
+    isObject = zonosStore.isObject_1;
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/**
+ * Creates a throttled function that only invokes `func` at most once per
+ * every `wait` milliseconds. The throttled function comes with a `cancel`
+ * method to cancel delayed `func` invocations and a `flush` method to
+ * immediately invoke them. Provide `options` to indicate whether `func`
+ * should be invoked on the leading and/or trailing edge of the `wait`
+ * timeout. The `func` is invoked with the last arguments provided to the
+ * throttled function. Subsequent calls to the throttled function return the
+ * result of the last `func` invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the throttled function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.throttle` and `_.debounce`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to throttle.
+ * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=true]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new throttled function.
+ * @example
+ *
+ * // Avoid excessively updating the position while scrolling.
+ * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
+ *
+ * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
+ * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
+ * jQuery(element).on('click', throttled);
+ *
+ * // Cancel the trailing throttled invocation.
+ * jQuery(window).on('popstate', throttled.cancel);
+ */
+function throttle(func, wait, options) {
+  var leading = true,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  if (isObject(options)) {
+    leading = 'leading' in options ? !!options.leading : leading;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+  return debounce(func, wait, {
+    'leading': leading,
+    'maxWait': wait,
+    'trailing': trailing
+  });
+}
+
+var throttle_1 = throttle;
+
+exports.throttle_1 = throttle_1;