@zonos/elements 1.3.12-alpha.1 → 1.3.12-alpha.10

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

@@ -1,10 +1,22 @@
 export const stringsVietnamese = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} GST phải trả cho bất kỳ đơn hàng nào trên ${threshold}, cùng với phí giao dịch nhập khẩu và thuế MPI.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} GST phải trả cho bất kỳ đơn hàng nào trên ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Vượt ngưỡng miễn thuế đối với',
     },
     Address: {
         value: 'Địa chỉ',
     },
+    'Address line 1': {
+        value: 'Dòng địa chỉ 1',
+    },
+    'Address line 2': {
+        value: 'Dòng địa chỉ 2',
+    },
     Back: {
         value: 'Quay lại',
     },
@@ -14,12 +26,18 @@ export const stringsVietnamese = {
     'Cart subtotal': {
         value: 'Tổng giỏ hàng',
     },
+    City: {
+        value: 'Thành phố',
+    },
     Contact: {
         value: 'Liên hệ',
     },
     'Continue to shipping': {
         value: 'Tiếp tục đến vận chuyển',
     },
+    Country: {
+        value: 'Quốc gia',
+    },
     Customer: {
         value: 'Khách hàng',
     },
@@ -59,6 +77,9 @@ export const stringsVietnamese = {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Tìm hiểu về thuế và phí trước khi mua hàng. Mua sắm với sự tự tin!',
     },
+    Name: {
+        value: 'Tên',
+    },
     'No shipping method selected': {
         value: 'Chưa chọn phương thức vận chuyển',
     },
@@ -77,6 +98,9 @@ export const stringsVietnamese = {
     'Order total': {
         value: 'Tổng đơn hàng',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Đơn hàng đến ${countryName} phải trên ${threshold} mới được gửi.',
+    },
     Pay: {
         value: 'Thanh toán',
     },
@@ -98,6 +122,12 @@ export const stringsVietnamese = {
     '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).',
     },
+    'Please resolve the following errors:': {
+        value: 'Vui lòng giải quyết các lỗi sau:',
+    },
+    'Postal code': {
+        value: 'Mã bưu điện',
+    },
     'Powered by': {
         value: 'Nền tảng cung cấp bởi',
     },
@@ -140,6 +170,9 @@ export const stringsVietnamese = {
     Spend: {
         value: 'Chi tiêu',
     },
+    State: {
+        value: 'Bang',
+    },
     'Taxes will apply to all orders': {
         value: 'Thuế sẽ áp dụng cho tất cả đơn hàng',
     },
@@ -176,6 +209,9 @@ export const stringsVietnamese = {
     'duty free': {
         value: 'miễn thuế',
     },
+    'only supports Latin characters (A-Z, a-z)': {
+        value: 'chỉ hỗ trợ ký tự Latinh (A-Z, a-z)',
+    },
     'tax free': {
         value: 'không chịu thuế',
     },

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

@@ -86,8 +86,24 @@ const translationStoreUpdateLanguage = (language) => {
             break;
     }
 };
-const translate = (key) => {
-    var _a;
-    return ((_a = translationStore.translatedChunks[key]) === null || _a === void 0 ? void 0 : _a.value) || key;
+/**
+ * Translate a string with variables if variable pattern is present in the string
+ * @example
+ * // Require variables:
+ * translate('${percentage} GST due on any order above ${threshold}.', { percentage: '5%', threshold: '$100' })
+ * // No variables:
+ * translate('Above de minimis threshold for')
+ */
+const translate = (...[key, replacement]) => {
+    var _a, _b;
+    if (replacement) {
+        // replace all variables in the string
+        let translatedString = ((_a = translationStore.translatedChunks[key]) === null || _a === void 0 ? void 0 : _a.value) || key;
+        Object.entries(replacement).forEach(([replacementKey, replaceValue]) => {
+            translatedString = translatedString.replace(new RegExp(`\\$\\{${replacementKey}\\}`, 'g'), replaceValue);
+        });
+        return translatedString;
+    }
+    return ((_b = translationStore.translatedChunks[key]) === null || _b === void 0 ? void 0 : _b.value) || key;
 };
 export { translate, translationStore, translationStoreUpdateLanguage };

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

@@ -6,6 +6,16 @@ import { zonosStore } from "../../store/zonosStore";
 import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
 import { containsNonLatinChars } from "../../utils/containsNonLatinChars";
 import { logError } from "../../utils/logging/logError";
+import { sendErrorLog } from "../../utils/logging/sendErrorLog";
+const mappedFields = {
+    city: 'City',
+    country: 'Country',
+    line1: 'Address line 1',
+    line2: 'Address line 2',
+    name: 'Name',
+    postal_code: 'Postal code',
+    state: 'State',
+};
 /**
  * This component is a wrapper for the stripe address element that would render default style object
  */
@@ -15,7 +25,8 @@ export class ZonosAddress {
         this.titleText = undefined;
         this.defaultAddress = null;
         this.stripe = window.Zonos.stripe;
-        this.hasInvalidCharacters = false;
+        this.reportedInvalidCharacters = false;
+        this.invalidCharacterList = null;
         this.isDirtyAddress = false;
     }
     getStripeAddressInstance() {
@@ -41,13 +52,9 @@ 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;
-        }
+        const invalidCharacterList = this.checkInvalidCharacters(event);
+        this.invalidCharacterList = invalidCharacterList;
+        this.invalidCharacters.emit(!!invalidCharacterList);
     }
     updateAddressElement({ stripeAddressElement, type, }) {
         if (type === 'shipping') {
@@ -60,7 +67,7 @@ export class ZonosAddress {
         // Do nothing if the allowed character sets is ALL or the address is incomplete
         if (!address.complete ||
             zonosStore.checkoutSettings.allowedCharacterSets === 'ALL') {
-            return false;
+            return null;
         }
         const { address: addressValue, firstName, lastName, name } = address.value;
         const { city, country, line1, line2, postal_code, state } = addressValue;
@@ -73,11 +80,29 @@ export class ZonosAddress {
             postal_code,
             state,
         });
-        // emit event if the address contains invalid characters
-        if (Object.keys(invalidList).length) {
-            return true;
+        if (!Object.keys(invalidList).length) {
+            return null;
+        }
+        // send error event only once so we know what value is invalid
+        if (!this.reportedInvalidCharacters) {
+            this.reportedInvalidCharacters = true;
+            void sendErrorLog({
+                endpoint: 'NonLatinInput',
+                errors: Object.keys(invalidList).map(fieldName => {
+                    var _a;
+                    if (fieldName !== 'name') {
+                        // trim all number so we don't send sensitive information
+                        const trimmedAddress = (_a = addressValue[fieldName]) === null || _a === void 0 ? void 0 : _a.replace(/[\d\w]+/g, '');
+                        return `Invalid character found ${fieldName}: "${trimmedAddress}"`;
+                    }
+                    const customerName = name || `${firstName} ${lastName}`;
+                    const trimmedName = customerName.replace(/[\d\w]+/g, '');
+                    return `Invalid character found ${fieldName}: "${trimmedName}"`;
+                }),
+                metadata: {},
+            });
         }
-        return false;
+        return invalidList;
     }
     async watchInitStripe() {
         var _a, _b;
@@ -176,7 +201,7 @@ export class ZonosAddress {
     }
     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: '81b9d2e822eea4eb85a3d7d21ff645c9f0841f30', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'cd180e130f161233fd05365f9250913214846ced', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'b4d15f56e1215305367c071c4d9be985b09245b8', 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" }))));
+        return (h(Host, { key: 'b1ad2f6c9c23e6411bf1adccdd34b3aa4f5250b1', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '786a733a44925a670393b72bf0ae3db5ba59f9a1', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'b9d58cbc17abf5daf5d13ffdebc7485c3ac6457d', class: "zonos--address-component" }), this.invalidCharacterList && (h("zonos-banner", { bannerTitle: translate('Please resolve the following errors:'), intent: "error" }, Object.keys(this.invalidCharacterList).map(fieldName => (h("zonos-text", null, `- ${translate(mappedFields[fieldName])}: ${translate('only supports Latin characters (A-Z, a-z)')}`)))))));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }
@@ -253,7 +278,8 @@ export class ZonosAddress {
     static get states() {
         return {
             "stripe": {},
-            "hasInvalidCharacters": {},
+            "reportedInvalidCharacters": {},
+            "invalidCharacterList": {},
             "isDirtyAddress": {}
         };
     }

package/dist/collection/components/utils/logging/getNavigatorConnection.js

@@ -0,0 +1,16 @@
+export const getNavigatorConnection = () => {
+    const connection = 'connection' in window.navigator
+        ? // connection is not yet supported in all browsers
+            window.navigator.connection
+        : null;
+    const mozConnection = 'mozConnection' in window.navigator
+        ? // mozConnection is not yet supported in all browsers
+            window.navigator.mozConnection
+        : null;
+    const webkitConnection = 'webkitConnection' in window.navigator
+        ? // webkitConnection is not yet supported in all browsers
+            window.navigator.webkitConnection
+        : null;
+    const baseConnection = connection || mozConnection || webkitConnection;
+    return baseConnection;
+};

package/dist/collection/components/utils/logging/sendLoadScriptLog.js

@@ -0,0 +1,16 @@
+import { handleFetch } from "../handleFetch";
+import { getNavigatorConnection } from "./getNavigatorConnection";
+export const sendLoadScriptLog = async (params) => {
+    const userAgentData = 'userAgentData' in window.navigator
+        ? // userAgentData is not yet supported in all browsers
+            window.navigator.userAgentData
+        : null;
+    const baseConnection = getNavigatorConnection();
+    const scriptLoadLogBody = Object.assign(Object.assign({ href: window.location.href }, params), { metadata: Object.assign({ connectionDownlink: baseConnection === null || baseConnection === void 0 ? void 0 : baseConnection.downlink, connectionEffectiveType: baseConnection === null || baseConnection === void 0 ? void 0 : baseConnection.effectiveType, connectionRtt: baseConnection === null || baseConnection === void 0 ? void 0 : baseConnection.rtt, connectionSaveData: baseConnection === null || baseConnection === void 0 ? void 0 : baseConnection.saveData, userAgent: userAgentData && userAgentData.brands.length > 0
+                ? userAgentData
+                : window.navigator.userAgent }, params.metadata) });
+    void handleFetch(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/log-script-load`, {
+        body: scriptLoadLogBody,
+        method: 'POST',
+    });
+};

package/dist/collection/types/LogLoadScriptRequestBody.js

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

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

@@ -2,6 +2,16 @@ export const accountHolderType = {
     Company: 'COMPANY',
     Individual: 'INDIVIDUAL',
 };
+export const accountingFeeType = {
+    BugFix: 'BUG_FIX',
+    DutyTaxFee: 'DUTY_TAX_FEE',
+    General: 'GENERAL',
+    Item: 'ITEM',
+    LandedCostGuarantee: 'LANDED_COST_GUARANTEE',
+    MerchantProcessing: 'MERCHANT_PROCESSING',
+    Shipping: 'SHIPPING',
+    Transaction: 'TRANSACTION',
+};
 export const addressMatchThreshold = {
     ExactAdministrativeArea: 'EXACT_ADMINISTRATIVE_AREA',
     ExactCountry: 'EXACT_COUNTRY',
@@ -17,10 +27,23 @@ export const addressResult = {
     Unavailable: 'UNAVAILABLE',
     Valid: 'VALID',
 };
+export const adjustmentRecordType = {
+    ConnectAccountAdjustment: 'CONNECT_ACCOUNT_ADJUSTMENT',
+    CreditNote: 'CREDIT_NOTE',
+    InvoiceLineRecord: 'INVOICE_LINE_RECORD',
+};
+export const adjustmentType = {
+    Charge: 'CHARGE',
+    Credit: 'CREDIT',
+};
 export const alcoholRecipientType = {
     Consumer: 'CONSUMER',
     Licensee: 'LICENSEE',
 };
+export const allowedCharacterSets = {
+    All: 'ALL',
+    Latin: 'LATIN',
+};
 export const analyticsProviderStatus = {
     Disabled: 'DISABLED',
     Enabled: 'ENABLED',
@@ -169,6 +192,10 @@ export const catalogItemSource = {
     LegacyMigration: 'LEGACY_MIGRATION',
     UserProvided: 'USER_PROVIDED',
 };
+export const catalogSettingMigrationAction = {
+    Evaluate: 'EVALUATE',
+    Migrate: 'MIGRATE',
+};
 export const catalogStatus = {
     Disabled: 'DISABLED',
     Enabled: 'ENABLED',
@@ -743,16 +770,8 @@ export const credentialProvider = {
 };
 export const creditBehaviorTypeCode = {
     CreditAccount: 'CREDIT_ACCOUNT',
-    CreditInvoice: 'CREDIT_INVOICE',
     RefundPayment: 'REFUND_PAYMENT',
 };
-export const creditNoteStatusCode = {
-    Failed: 'FAILED',
-    Issued: 'ISSUED',
-    Pending: 'PENDING',
-    Processed: 'PROCESSED',
-    Voided: 'VOIDED',
-};
 export const creditReasonTypeCode = {
     Duplicate: 'DUPLICATE',
     Fraudulent: 'FRAUDULENT',
@@ -1194,6 +1213,10 @@ export const inclusivePriceSettingStatus = {
     Disabled: 'DISABLED',
     Enabled: 'ENABLED',
 };
+export const inclusivePriceStatus = {
+    Active: 'ACTIVE',
+    Inactive: 'INACTIVE',
+};
 export const incotermCode = {
     Cif: 'CIF',
     Custom: 'CUSTOM',
@@ -1252,17 +1275,16 @@ export const invoiceLanguageCode = {
     ZhHk: 'ZH_HK',
     ZhTw: 'ZH_TW',
 };
-export const invoiceLineRecordStatusCode = {
-    Failed: 'FAILED',
-    Pending: 'PENDING',
-    Processed: 'PROCESSED',
-    Voided: 'VOIDED',
-};
 export const invoiceStatus = {
     Received: 'RECEIVED',
     Reconciled: 'RECONCILED',
     Voided: 'VOIDED',
 };
+export const itemKeyPreference = {
+    None: 'NONE',
+    ProductId: 'PRODUCT_ID',
+    Sku: 'SKU',
+};
 export const itemMeasurementType = {
     Height: 'HEIGHT',
     Length: 'LENGTH',
@@ -1521,6 +1543,13 @@ export const lcgBillingMethod = {
     BillingDgs: 'BILLING_DGS',
     Legacy: 'LEGACY',
 };
+export const manualClassificationBulkJobStatus = {
+    Completed: 'COMPLETED',
+    Error: 'ERROR',
+    Initialized: 'INITIALIZED',
+    ManuallyClassified: 'MANUALLY_CLASSIFIED',
+    Processing: 'PROCESSING',
+};
 export const manualClassificationRequestCreateStatus = {
     Created: 'CREATED',
     Existing: 'EXISTING',
@@ -1656,6 +1685,14 @@ export const pddpAmountType = {
     ShoppingCartValue: 'SHOPPING_CART_VALUE',
     SurchargeValue: 'SURCHARGE_VALUE',
 };
+export const pddpCountrySpecStatus = {
+    Active: 'ACTIVE',
+    Disabled: 'DISABLED',
+};
+export const pddpStatus = {
+    Active: 'ACTIVE',
+    Disabled: 'DISABLED',
+};
 export const pickupBuildingType = {
     Apartment: 'APARTMENT',
     Building: 'BUILDING',
@@ -1675,6 +1712,12 @@ export const pickupCategory = {
     SameDay: 'SAME_DAY',
     SameDayCity: 'SAME_DAY_CITY',
 };
+export const processingStatusCode = {
+    Failed: 'FAILED',
+    Pending: 'PENDING',
+    Processed: 'PROCESSED',
+    Voided: 'VOIDED',
+};
 export const propertyType = {
     Commercial: 'COMMERCIAL',
     Residental: 'RESIDENTAL',
@@ -1834,6 +1877,10 @@ export const stripePriceBillingScheme = {
     PerUnit: 'PER_UNIT',
     Tiered: 'TIERED',
 };
+export const stripePriceType = {
+    OneTime: 'ONE_TIME',
+    Recurring: 'RECURRING',
+};
 export const stripeSubscriptionStatus = {
     Active: 'ACTIVE',
     Canceled: 'CANCELED',
@@ -2020,6 +2067,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         GetOrders(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'GetOrders', 'query');
         },
+        GetTaxIdByCountry(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'GetTaxIdByCountry', 'query');
+        },
         OnlineStoreSettings(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'OnlineStoreSettings', 'query');
         },

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

@@ -38,6 +38,7 @@ export const featureAudienceNameEnum = {
     FrontendEngineer: 'frontend_engineer',
     I18nKnownLanguage: 'i18n_known_language',
     I18nSales: 'i18n_sales',
+    ItHead: 'it_head',
     NewCheckoutMerchant: 'new_checkout_merchant',
     Onboarding: 'onboarding',
     PrincipalEngineer: 'principal_engineer',
@@ -442,6 +443,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         CreateErrorEvent(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'CreateErrorEvent', 'mutation');
         },
+        CreateScriptLoadEvent(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'CreateScriptLoadEvent', 'mutation');
+        },
         DeleteAllStoreReserveOrders(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'DeleteAllStoreReserveOrders', 'mutation');
         },

package/dist/components/sendErrorLog.js

@@ -0,0 +1,21 @@
+import { h as handleFetch } from './stripe.js';
+
+const sendErrorLog = async ({ endpoint, errors, metadata }) => {
+    const userAgentData = 'userAgentData' in window.navigator
+        ? // userAgentData is not yet supported in all browsers
+            window.navigator.userAgentData
+        : null;
+    const errorObject = {
+        endpoint,
+        errors,
+        metadata: Object.assign({ href: window.location.href, userAgent: userAgentData && userAgentData.brands.length > 0
+                ? userAgentData
+                : window.navigator.userAgent }, metadata),
+    };
+    void handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/log-error`, {
+        body: errorObject,
+        method: 'POST',
+    });
+};
+
+export { sendErrorLog as s };