@zonos/elements 1.3.7 → 1.3.8-alpha.1

package/dist/collection/components/store/translationStore/strings.korean.js

@@ -83,6 +83,9 @@ export const stringsKorean = {
     "Payment processing. We'll update you when payment is received.": {
         value: '결제 처리 중. 결제가 접수되면 알려드리겠습니다.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: '텍스트가 라틴 알파벳만 사용하는지 확인해 주세요 (A-Z, a-z).',
+    },
     'Powered by': {
         value: '제공됨',
     },

package/dist/collection/components/store/translationStore/strings.norwegian.js

@@ -83,6 +83,9 @@ export const stringsNorwegian = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Bearbeider betalingen. Vi gir deg beskjed når betalingen er mottatt.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Vennligst sørg for at teksten din kun bruker det latinske alfabetet (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Drevet av',
     },

package/dist/collection/components/store/translationStore/strings.polish.js

@@ -83,6 +83,9 @@ export const stringsPolish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Trwa przetwarzanie płatności. Poinformujemy gdy płatność zostanie otrzymana.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Proszę upewnić się, że tekst używa tylko alfabetu łacińskiego (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Dostarczone przez',
     },

package/dist/collection/components/store/translationStore/strings.portuguese.js

@@ -83,6 +83,9 @@ export const stringsPortuguese = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Processando pagamento. Informaremos quando o pagamento for recebido.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Por favor, certifique-se de que seu texto utilize apenas o alfabeto latino (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Desenvolvido por',
     },

package/dist/collection/components/store/translationStore/strings.russian.js

@@ -83,6 +83,9 @@ export const stringsRussian = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Обрабатываем платеж. Сообщим вам, когда платеж будет получен.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Пожалуйста, убедитесь, что ваш текст использует только латинский алфавит (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Работает на',
     },

package/dist/collection/components/store/translationStore/strings.spanish.js

@@ -83,6 +83,9 @@ export const stringsSpanish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Procesando pago. Le informaremos cuando se reciba el pago.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Por favor, asegúrese de que su texto use solo el alfabeto latino (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Desarrollado por',
     },

package/dist/collection/components/store/translationStore/strings.swedish.js

@@ -83,6 +83,9 @@ export const stringsSwedish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Betalningsbehandling. Vi kommer att uppdatera dig när betalningen har mottagits.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Vänligen se till att din text endast använder det latinska alfabetet (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Drivs av',
     },

package/dist/collection/components/store/translationStore/strings.turkish.js

@@ -83,6 +83,9 @@ export const stringsTurkish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Ödeme işleniyor. Ödeme alındığında sizi bilgilendireceğiz.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Lütfen metninizin sadece Latin alfabesini kullandığından emin olun (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Tarafından desteklenmektedir',
     },

package/dist/collection/components/store/translationStore/strings.vietnamese.js

@@ -83,6 +83,9 @@ export const stringsVietnamese = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Đang xử lý thanh toán. Chúng tôi sẽ thông báo khi nhận được thanh toán.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Vui lòng đảm bảo rằng văn bản của bạn chỉ sử dụng bảng chữ cái Latinh (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Nền tảng cung cấp bởi',
     },

package/dist/collection/components/store/zonosStore.js

@@ -10,6 +10,7 @@ const { reset, state: zonosStore } = createStore(() => ({
         zonosAttribution: 'DISABLED',
     },
     checkoutSettings: {
+        allowedCharacterSets: 'ALL',
         analyticsProviders: [],
         orderNotifications: {
             abandonedCart: {

package/dist/collection/components/stripe/zonos-address/zonos-address.css

@@ -33,4 +33,7 @@
 
 :host .zonos--title {
   margin-bottom: var(--amino-space-16);
+}
+:host zonos-banner {
+  margin-top: var(--amino-space-8);
 }

package/dist/collection/components/stripe/zonos-address/zonos-address.js

@@ -1,8 +1,10 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { stripeStore, stripeStorePrefetchLandedCost, } from "../../store/checkout/stripe";
 import { localizationStore } from "../../store/hello/localization";
+import { translate } from "../../store/translationStore";
+import { zonosStore } from "../../store/zonosStore";
 import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
+import { containsNonLatinChars } from "../../utils/containsNonLatinChars";
 import { logError } from "../../utils/logging/logError";
 /**
  * This component is a wrapper for the stripe address element that would render default style object
@@ -13,6 +15,7 @@ export class ZonosAddress {
         this.titleText = undefined;
         this.defaultAddress = null;
         this.stripe = window.Zonos.stripe;
+        this.hasInvalidCharacters = false;
         this.isDirtyAddress = false;
     }
     getStripeAddressInstance() {
@@ -38,6 +41,13 @@ export class ZonosAddress {
                 stripeStore.stripeAddressEventData = event;
                 break;
         }
+        const hasInvalidCharacters = this.checkInvalidCharacters(event);
+        this.invalidCharacters.emit(hasInvalidCharacters);
+        this.hasInvalidCharacters = hasInvalidCharacters;
+        if (hasInvalidCharacters) {
+            // no need to prefetch landed cost if the address contains invalid characters
+            return;
+        }
         // only prefetch if the address type is shipping
         void stripeStorePrefetchLandedCost();
     }
@@ -48,6 +58,29 @@ export class ZonosAddress {
         }
         stripeStore.stripeBillingAddressElement = stripeAddressElement;
     }
+    checkInvalidCharacters(address) {
+        // Do nothing if the allowed character sets is ALL or the address is incomplete
+        if (!address.complete ||
+            zonosStore.checkoutSettings.allowedCharacterSets === 'ALL') {
+            return false;
+        }
+        const { address: addressValue, firstName, lastName, name } = address.value;
+        const { city, country, line1, line2, postal_code, state } = addressValue;
+        const invalidList = containsNonLatinChars({
+            city,
+            country,
+            line1,
+            line2: line2 || '',
+            name: name || `${firstName} ${lastName}`,
+            postal_code,
+            state,
+        });
+        // emit event if the address contains invalid characters
+        if (Object.keys(invalidList).length) {
+            return true;
+        }
+        return false;
+    }
     async watchInitStripe() {
         var _a, _b;
         this.stripe = window.Zonos.stripe;
@@ -111,7 +144,7 @@ export class ZonosAddress {
                 }, 600);
             }
             this.updateAddressEventData({
-                event: Object.assign(Object.assign({}, event), { elementMode: this.type, elementType: 'address', empty: false, value: Object.assign(Object.assign({}, eventValue), { firstName: eventValue.firstName || eventValue.name.split(' ')[0], lastName: eventValue.lastName || eventValue.name.split(' ').pop() }) }),
+                event: Object.assign(Object.assign({}, event), { elementMode: this.type, elementType: 'address', value: Object.assign(Object.assign({}, eventValue), { firstName: eventValue.firstName || eventValue.name.split(' ')[0], lastName: eventValue.lastName || eventValue.name.split(' ')[1] }) }),
                 type: this.type,
             });
         });
@@ -132,10 +165,17 @@ export class ZonosAddress {
                 stripeAddressEventData.value.address.line1.length > 0;
         // @Watch doesn't get trigger on initial load
         void this.watchInitStripe();
+        setTimeout(() => {
+            // check if the address contains invalid characters after address is loaded
+            const newStripeAddressEventData = this.getStripeAddressInstance().stripeAddressEventData;
+            if (newStripeAddressEventData) {
+                this.checkInvalidCharacters(newStripeAddressEventData);
+            }
+        }, 500);
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '8d762300d8f599a277806d861d13d2beb6a0a5a6', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'c355eece2f193cb0595ede434238f062b2c07c7c', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '59c3bd68cd67c8d733fd2ca5d9f4b4114c84db4a', class: "zonos--address-component" })));
+        return (h(Host, { key: '2656f94224ff0385b4ae2594284257add19f82c3', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '48b5ac45621d6d0f79f62227c71d70bb284c60da', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '2f11c7983fd310afa01fa5100ce25ce49cfcc3da', class: "zonos--address-component" }), this.hasInvalidCharacters && (h("zonos-banner", { bannerTitle: translate('Please ensure your text uses the Latin alphabet only (A-Z, a-z).'), intent: "error" }))));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }
@@ -212,9 +252,28 @@ export class ZonosAddress {
     static get states() {
         return {
             "stripe": {},
+            "hasInvalidCharacters": {},
             "isDirtyAddress": {}
         };
     }
+    static get events() {
+        return [{
+                "method": "invalidCharacters",
+                "name": "invalidCharacters",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event to emit when address is not containing allowed character sets"
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{

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

@@ -0,0 +1,13 @@
+/**
+ * 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) => {
+    /**
+     * 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) ? Object.assign(Object.assign({}, prev), { [key]: true }) : prev, {});
+    return nonLatinValueList;
+};

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

@@ -1,20 +1,37 @@
 export const addressRuleStyle = ({ theme, }) => {
+    const defaultStyle = {
+        '.Action': {
+            color: 'var(--colorText)',
+        },
+        '.Input': {
+            boxShadow: 'none',
+            // need to reset everything and the paddingTop to default, otherwise the paddingTop will not be updated.
+            padding: '0',
+            paddingBottom: '8px',
+            paddingLeft: '16px',
+            paddingRight: '8px',
+            // any value here will be add up to the default paddingTop (20px).
+            paddingTop: '6px',
+        },
+        '.Input:focus': {
+            boxShadow: 'none',
+        },
+        '.PickerItem--highlight': {
+            boxShadow: '0 0 0 2px var(--colorBackground)',
+        },
+        '.PickerItem--highlight:hover': {
+            backgroundColor: 'var(--colorBackground)',
+            boxShadow: 'none',
+        },
+        '.PickerItem--new': {
+            color: 'var(--colorText)',
+        },
+    };
     switch (theme) {
+        case 'DARK': {
+            return Object.assign(Object.assign({}, defaultStyle), { '.Action': Object.assign(Object.assign({}, defaultStyle['.Action']), { color: 'white' }), '.PickerItem--new': Object.assign(Object.assign({}, defaultStyle['.PickerItem--new']), { color: 'white' }) });
+        }
         default:
-            return {
-                '.Input': {
-                    boxShadow: 'none',
-                    // need to reset everything and the paddingTop to default, otherwise the paddingTop will not be updated.
-                    padding: '0',
-                    paddingBottom: '8px',
-                    paddingLeft: '16px',
-                    paddingRight: '8px',
-                    // any value here will be add up to the default paddingTop (20px).
-                    paddingTop: '6px',
-                },
-                '.Input:focus': {
-                    boxShadow: 'none',
-                },
-            };
+            return defaultStyle;
     }
 };

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

@@ -79,6 +79,10 @@ export const carrierAccountRegistrationType = {
 export const carrierAccountUsageCategoryCode = {
     Shipping: 'SHIPPING',
 };
+export const carrierApiAccountIntegrationType = {
+    Rest: 'REST',
+    Soap: 'SOAP',
+};
 export const carrierApiAccountProvider = {
     General: 'GENERAL',
     Organization: 'ORGANIZATION',
@@ -87,6 +91,31 @@ export const carrierApiRateTypeCode = {
     Negotiated: 'NEGOTIATED',
     Retail: 'RETAIL',
 };
+export const carrierApiRatingBatteryMaterialType = {
+    LithiumIon: 'LITHIUM_ION',
+    LithiumMetal: 'LITHIUM_METAL',
+};
+export const carrierApiRatingBatteryPackingType = {
+    BatteryInsideEquipment: 'BATTERY_INSIDE_EQUIPMENT',
+    BatteryOnly: 'BATTERY_ONLY',
+    BatteryPackagedWithEquipment: 'BATTERY_PACKAGED_WITH_EQUIPMENT',
+};
+export const carrierApiRatingSignatureOptionType = {
+    Adult: 'ADULT',
+    Default: 'DEFAULT',
+    Direct: 'DIRECT',
+    Indirect: 'INDIRECT',
+};
+export const carrierApiRatingSpecialServiceType = {
+    Alcohol: 'ALCOHOL',
+    Battery: 'BATTERY',
+    CutFlowers: 'CUT_FLOWERS',
+    DangerousGoods: 'DANGEROUS_GOODS',
+    DryIce: 'DRY_ICE',
+    SaturdayDelivery: 'SATURDAY_DELIVERY',
+    SignatureOption: 'SIGNATURE_OPTION',
+    SundayDelivery: 'SUNDAY_DELIVERY',
+};
 export const carrierCode = {
     Apc: 'APC',
     Dhl: 'DHL',
@@ -131,6 +160,10 @@ export const carrierRateType = {
     Negotiated: 'NEGOTIATED',
     Retail: 'RETAIL',
 };
+export const catalogItemExportJobAction = {
+    Email: 'EMAIL',
+    None: 'NONE',
+};
 export const catalogItemSource = {
     Classification: 'CLASSIFICATION',
     LegacyMigration: 'LEGACY_MIGRATION',
@@ -208,6 +241,10 @@ export const collectUploadStatus = {
     Succeeded: 'SUCCEEDED',
     SucceededWithErrors: 'SUCCEEDED_WITH_ERRORS',
 };
+export const connectTransferOriginType = {
+    Connect: 'CONNECT',
+    Platform: 'PLATFORM',
+};
 export const constraintType = {
     Girth: 'GIRTH',
     GirthAndLength: 'GIRTH_AND_LENGTH',

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

@@ -2,6 +2,11 @@ export const cursorOrdering = {
     Asc: 'ASC',
     Desc: 'DESC',
 };
+export const errorProjectNameEnum = {
+    Dashboard: 'dashboard',
+    Elements: 'elements',
+    ZonosCom: 'zonos_com',
+};
 export const featureAspectKeyEnum = {
     Checkout_2_0: 'checkout_2_0',
     ClassifySingleRequest: 'classify_single_request',
@@ -40,6 +45,20 @@ export const featureAudienceNameEnum = {
     ProductManager: 'product_manager',
     TechLead: 'tech_lead',
 };
+export const graphHubCategoryLabelEnum = {
+    Carrier: 'carrier',
+    Catalog: 'catalog',
+    Classify: 'classify',
+    Label: 'label',
+    LandedCost: 'landed_cost',
+};
+export const graphHubDeployedSchemaLabelEnum = {
+    Auth: 'auth',
+    Customer: 'customer',
+    Frontend: 'frontend',
+    Internal: 'internal',
+    Viewport: 'viewport',
+};
 export const localeElementsSupportedLocationCodeEnum = {
     Ar: 'ar',
     Da: 'da',