@zonos/elements 1.3.15-alpha.3 → 1.3.15

package/dist/collection/components/utils/checkout/buildTranslateRequestBody.js

@@ -0,0 +1,98 @@
+/**
+ * This function generates an object that contains the fields of an address that have invalid characters.
+ *
+ * @param {Object} params - The parameters for the function.
+ * @param {Address | null} params.address - The address to check for invalid characters.
+ * @param {ReturnType<typeof containsNonLatinChars> | null} params.invalidAdddressList - The list of address fields that contain invalid characters.
+ *
+ * @returns {Partial<Address> | undefined} - An object that contains the fields of the address that have invalid characters. If no fields have invalid characters, the function returns undefined.
+ */
+const getExcludeAddressFieldsObject = ({ address, invalidAdddressList, }) => {
+    if (!address) {
+        return;
+    }
+    // if there are no invalid characters, return an empty object
+    if (!invalidAdddressList) {
+        return;
+    }
+    const excludeFields = {};
+    if (invalidAdddressList.city) {
+        excludeFields.city = address.city;
+    }
+    if (invalidAdddressList.line1) {
+        excludeFields.line1 = address.line1;
+    }
+    if (invalidAdddressList.line2) {
+        excludeFields.line2 = address.line2;
+    }
+    if (invalidAdddressList.postal_code) {
+        excludeFields.postal_code = address.postal_code;
+    }
+    if (invalidAdddressList.state) {
+        excludeFields.state = address.state;
+    }
+    if (invalidAdddressList.name) {
+        excludeFields.name = address.name;
+    }
+    // return null if there are no fields to exclude
+    return Object.keys(excludeFields).length ? excludeFields : undefined;
+};
+/**
+ * This function builds the request body for validating an address. It checks if the address and billing address are ready and if they contain any invalid characters.
+ * If there are non-latin character to translate, returns an object with the address fields that have invalid characters, the destination country, and the first and last name.
+ * If the conditions are not met, it returns null.
+ *
+ * @param {Object} params - The parameters for the function.
+ * @param {ReturnType<typeof containsNonLatinChars> | null} params.addressInvalidCharactersList - The list of address fields that contain invalid characters.
+ * @param {ReturnType<typeof containsNonLatinChars> | null} params.billingAddressInvalidCharactersList - The list of billing address fields that contain invalid characters.
+ * @param {StripeAddressEventData} params.stripeAddressEventData - The Stripe event data for the address.
+ * @param {StripeAddressEventData} params.stripeBillingAddressEventData - The Stripe event data for the billing address.
+ * @param {boolean} params.stripeShippingSameAsBilling - A flag indicating whether the shipping address is the same as the billing address.
+ *
+ * @returns {ValidateAddressRequestBody | null} - An object that contains the address fields that have invalid characters, the destination country, and the first and last name. If the conditions are not met, the function returns null.
+ */
+export const buildTranslateRequestBody = ({ addressInvalidCharactersList, billingAddressInvalidCharactersList, stripeAddressEventData, stripeBillingAddressEventData, stripeShippingSameAsBilling, }) => {
+    var _a, _b, _c, _d;
+    const isStripeAddressReady = !!(stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.complete);
+    const isStripeBillingAddressReady = stripeShippingSameAsBilling
+        ? isStripeAddressReady
+        : !!(stripeBillingAddressEventData === null || stripeBillingAddressEventData === void 0 ? void 0 : stripeBillingAddressEventData.complete);
+    // only translate if both address and billing address are ready
+    if (!isStripeAddressReady || !isStripeBillingAddressReady) {
+        return null;
+    }
+    // only translate if there are invalid characters
+    if (!addressInvalidCharactersList && !billingAddressInvalidCharactersList) {
+        return null;
+    }
+    const stripeAddressValue = stripeAddressEventData.value;
+    const stripeBillingAddressValue = (stripeBillingAddressEventData === null || stripeBillingAddressEventData === void 0 ? void 0 : stripeBillingAddressEventData.value) || null;
+    // Returns undefined if the name is Latin so it won't be included in the request body
+    const firstName = stripeAddressValue.firstName || ((_a = stripeAddressValue.name) === null || _a === void 0 ? void 0 : _a.split(' ')[0]);
+    const lastName = stripeAddressValue.lastName || ((_b = stripeAddressValue.name) === null || _b === void 0 ? void 0 : _b.split(' ')[1]);
+    const name = `${firstName} ${lastName}`;
+    const billingFirstName = stripeAddressValue.firstName ||
+        ((_c = stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.name) === null || _c === void 0 ? void 0 : _c.split(' ')[0]);
+    const billingLastName = stripeAddressValue.lastName ||
+        ((_d = stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.name) === null || _d === void 0 ? void 0 : _d.split(' ')[1]);
+    const billingName = billingFirstName && billingLastName
+        ? `${billingFirstName} ${billingLastName}`
+        : '';
+    const address = stripeAddressValue.address;
+    const billingAddress = stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.address;
+    return {
+        address: getExcludeAddressFieldsObject({
+            address: Object.assign(Object.assign({}, address), { name }),
+            invalidAdddressList: addressInvalidCharactersList,
+        }),
+        // only include billing address if it's different from the shipping address
+        billingAddress: !stripeShippingSameAsBilling
+            ? getExcludeAddressFieldsObject({
+                address: billingAddress
+                    ? Object.assign(Object.assign({}, billingAddress), { name: billingName }) : null,
+                invalidAdddressList: billingAddressInvalidCharactersList,
+            })
+            : undefined,
+        destinationCountry: address.country,
+    };
+};

package/dist/collection/components/utils/containsNonLatinChars.js

@@ -1,17 +1,19 @@
-/**
- * Check if the given address object contains non-latin characters
- * @returns an object with the same keys as the input object, and a boolean value indicating if the value contains non-latin characters
- */
-export const containsNonLatinChars = (params) => {
+export const isTextContainsNonLatinChars = (text) => {
     const specialCharacters = /[ʼˮ՚ߴߵ']{1}/u;
     /**
      * This regex matches any character that is not a latin character, punctuation, symbol, number, separator, control, or mark
      * I limited the character found to 1 in the regex, so that we can return early if we find any non-latin character
      **/
     const nonLatinRegex = /[^\p{Script=Latin}\p{P}\p{S}\p{N}\p{Z}\p{C}\p{M}]{1}/u;
-    const nonLatinValueList = Object.entries(params).reduce((prev, [key, value]) => nonLatinRegex.test(value) &&
+    return (nonLatinRegex.test(text) &&
         // allow special characters like web apostrophe and quotation mark
-        !specialCharacters.test(value)
-        ? Object.assign(Object.assign({}, prev), { [key]: true }) : prev, {});
+        !specialCharacters.test(text));
+};
+/**
+ * Check if the given address object contains non-latin characters
+ * @returns an object with the same keys as the input object, and a boolean value indicating if the value contains non-latin characters
+ */
+export const containsNonLatinChars = (params) => {
+    const nonLatinValueList = Object.entries(params).reduce((prev, [key, value]) => isTextContainsNonLatinChars(value) ? Object.assign(Object.assign({}, prev), { [key]: true }) : prev, {});
     return nonLatinValueList;
 };

package/dist/collection/components/utils/getBorderRadius.js

@@ -4,11 +4,9 @@ import { zonosStore } from "../store/zonosStore";
  * @param overrideBorderStyle
  * @returns
  */
-export const getBorderRadius = (overrideBorderStyle, 
-/**
- * This is the custom round radius for component that 10px is too much for them
- */
-customRoundRadius = '10px') => {
+export const getBorderRadius = (params) => {
+    const customRoundRadius = (params === null || params === void 0 ? void 0 : params.customRoundRadius) || '10px';
+    const overrideBorderStyle = params === null || params === void 0 ? void 0 : params.overrideBorderStyle;
     if (overrideBorderStyle) {
         // If the override is set, use that, otherwise use the default radius style
         return overrideBorderStyle === 'SHARP' ? '0px' : customRoundRadius;

package/dist/collection/styles/stripe/defaultVariable.js

@@ -3,7 +3,7 @@ export const defaultVariable = ({ borderStyle, theme, }) => {
     switch (theme) {
         case 'DARK':
             return {
-                borderRadius: getBorderRadius(borderStyle),
+                borderRadius: getBorderRadius({ overrideBorderStyle: borderStyle }),
                 colorBackground: '#101117',
                 colorBackgroundText: '#C5C6CA',
                 colorText: '#C5C6CA',
@@ -11,7 +11,7 @@ export const defaultVariable = ({ borderStyle, theme, }) => {
             };
         default:
             return {
-                borderRadius: getBorderRadius(borderStyle),
+                borderRadius: getBorderRadius({ overrideBorderStyle: borderStyle }),
             };
     }
 };

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

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/checkout/api/ValidateAddressRequest.js

@@ -0,0 +1 @@
+export {};

package/dist/components/containsNonLatinChars.js

@@ -0,0 +1,21 @@
+const isTextContainsNonLatinChars = (text) => {
+    const specialCharacters = /[ʼˮ՚ߴߵ']{1}/u;
+    /**
+     * This regex matches any character that is not a latin character, punctuation, symbol, number, separator, control, or mark
+     * I limited the character found to 1 in the regex, so that we can return early if we find any non-latin character
+     **/
+    const nonLatinRegex = /[^\p{Script=Latin}\p{P}\p{S}\p{N}\p{Z}\p{C}\p{M}]{1}/u;
+    return (nonLatinRegex.test(text) &&
+        // allow special characters like web apostrophe and quotation mark
+        !specialCharacters.test(text));
+};
+/**
+ * Check if the given address object contains non-latin characters
+ * @returns an object with the same keys as the input object, and a boolean value indicating if the value contains non-latin characters
+ */
+const containsNonLatinChars = (params) => {
+    const nonLatinValueList = Object.entries(params).reduce((prev, [key, value]) => isTextContainsNonLatinChars(value) ? Object.assign(Object.assign({}, prev), { [key]: true }) : prev, {});
+    return nonLatinValueList;
+};
+
+export { containsNonLatinChars as c, isTextContainsNonLatinChars as i };

package/dist/components/getBorderRadius.js

@@ -5,11 +5,9 @@ import { z as zonosStore } from './zonosStore.js';
  * @param overrideBorderStyle
  * @returns
  */
-const getBorderRadius = (overrideBorderStyle, 
-/**
- * This is the custom round radius for component that 10px is too much for them
- */
-customRoundRadius = '10px') => {
+const getBorderRadius = (params) => {
+    const customRoundRadius = (params === null || params === void 0 ? void 0 : params.customRoundRadius) || '10px';
+    const overrideBorderStyle = params === null || params === void 0 ? void 0 : params.overrideBorderStyle;
     if (overrideBorderStyle) {
         // If the override is set, use that, otherwise use the default radius style
         return overrideBorderStyle === 'SHARP' ? '0px' : customRoundRadius;