@zonos/elements 1.3.246 → 1.3.248

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

@@ -284,6 +284,9 @@ export const stringsChinese = {
     'Invalid session': {
         value: '无效的会话',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: '无效的短地址代码格式。必须是4个字母和4个数字。',
+    },
     'Invoice:': {
         value: '发票：',
     },
@@ -527,6 +530,12 @@ export const stringsChinese = {
     'Shopping cart expired': {
         value: '购物车已过期',
     },
+    'Short address code': {
+        value: '简短地址代码',
+    },
+    'Short address code is required.': {
+        value: '需要简短的地址代码。',
+    },
     Show: {
         value: '显示',
     },

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

@@ -284,6 +284,9 @@ export const stringsDanish = {
     'Invalid session': {
         value: 'Ugyldig session',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Ugyldigt format for kort adressekode. Skal være 4 bogstaver og 4 tal.',
+    },
     'Invoice:': {
         value: 'Faktura:',
     },
@@ -527,6 +530,12 @@ export const stringsDanish = {
     'Shopping cart expired': {
         value: 'Indkøbskurv udløbet',
     },
+    'Short address code': {
+        value: 'Kort adressekode',
+    },
+    'Short address code is required.': {
+        value: 'Kort adressekode er påkrævet.',
+    },
     Show: {
         value: 'Vis',
     },

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

@@ -284,6 +284,9 @@ export const stringsDutch = {
     'Invalid session': {
         value: 'Ongeldige sessie',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Ongeldig formaat van korte adrescode. Moet 4 letters en 4 cijfers bevatten.',
+    },
     'Invoice:': {
         value: 'Factuur:',
     },
@@ -527,6 +530,12 @@ export const stringsDutch = {
     'Shopping cart expired': {
         value: 'Winkelwagen verlopen',
     },
+    'Short address code': {
+        value: 'Korte adrescode',
+    },
+    'Short address code is required.': {
+        value: 'Korte adrescode is vereist.',
+    },
     Show: {
         value: 'Tonen',
     },

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

@@ -284,6 +284,9 @@ export const stringsFrench = {
     'Invalid session': {
         value: 'Session invalide',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: "Format de code d'adresse courte invalide. Doit être de 4 lettres et 4 chiffres.",
+    },
     'Invoice:': {
         value: 'Facture:',
     },
@@ -527,6 +530,12 @@ export const stringsFrench = {
     'Shopping cart expired': {
         value: 'Panier expiré',
     },
+    'Short address code': {
+        value: "Code d'adresse court",
+    },
+    'Short address code is required.': {
+        value: "Un code d'adresse court est requis.",
+    },
     Show: {
         value: 'Montrer',
     },

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

@@ -284,6 +284,9 @@ export const stringsGerman = {
     'Invalid session': {
         value: 'Ungültige Sitzung',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Ungültiges Format des Kurzadresscodes. Muss aus 4 Buchstaben und 4 Zahlen bestehen.',
+    },
     'Invoice:': {
         value: 'Rechnung:',
     },
@@ -527,6 +530,12 @@ export const stringsGerman = {
     'Shopping cart expired': {
         value: 'Einkaufswagen abgelaufen',
     },
+    'Short address code': {
+        value: 'Kurzer Adresscode',
+    },
+    'Short address code is required.': {
+        value: 'Ein kurzer Adresscode ist erforderlich.',
+    },
     Show: {
         value: 'Zeigen',
     },

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

@@ -284,6 +284,9 @@ export const stringsHebrew = {
     'Invalid session': {
         value: 'סשן לא חוקי',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'פורמט קוד כתובת קצר לא חוקי. חייב להיות 4 אותיות ו-4 מספרים.',
+    },
     'Invoice:': {
         value: 'חשבונית:',
     },
@@ -527,6 +530,12 @@ export const stringsHebrew = {
     'Shopping cart expired': {
         value: 'תוקף עגלת הקניות פג',
     },
+    'Short address code': {
+        value: 'קוד כתובת קצר',
+    },
+    'Short address code is required.': {
+        value: 'נדרש קוד כתובת קצר.',
+    },
     Show: {
         value: 'הצג',
     },

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

@@ -284,6 +284,9 @@ export const stringsIndonesian = {
     'Invalid session': {
         value: 'Sesi tidak valid',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Format kode alamat pendek tidak valid. Harus terdiri dari 4 huruf dan 4 angka.',
+    },
     'Invoice:': {
         value: 'Faktur:',
     },
@@ -527,6 +530,12 @@ export const stringsIndonesian = {
     'Shopping cart expired': {
         value: 'Keranjang belanja kedaluwarsa',
     },
+    'Short address code': {
+        value: 'Kode alamat pendek',
+    },
+    'Short address code is required.': {
+        value: 'Kode alamat pendek diperlukan.',
+    },
     Show: {
         value: 'Tampilkan',
     },

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

@@ -284,6 +284,9 @@ export const stringsItalian = {
     'Invalid session': {
         value: 'Sessione non valida',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Formato del codice di indirizzo breve non valido. Deve essere composto da 4 lettere e 4 numeri.',
+    },
     'Invoice:': {
         value: 'Fattura:',
     },
@@ -527,6 +530,12 @@ export const stringsItalian = {
     'Shopping cart expired': {
         value: 'Carrello della spesa scaduto',
     },
+    'Short address code': {
+        value: 'Codice di indirizzo breve',
+    },
+    'Short address code is required.': {
+        value: 'È richiesto un codice di indirizzo breve.',
+    },
     Show: {
         value: 'Mostra',
     },

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

@@ -284,6 +284,9 @@ export const stringsJapanese = {
     'Invalid session': {
         value: '無効なセッション',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: '無効な短い住所コード形式です。4文字と4数字でなければなりません。',
+    },
     'Invoice:': {
         value: '請求書:',
     },
@@ -527,6 +530,12 @@ export const stringsJapanese = {
     'Shopping cart expired': {
         value: 'ショッピングカートの期限が切れました',
     },
+    'Short address code': {
+        value: '短い住所コード',
+    },
+    'Short address code is required.': {
+        value: '短い住所コードが必要です。',
+    },
     Show: {
         value: '表示',
     },

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

@@ -284,6 +284,9 @@ export const stringsKorean = {
     'Invalid session': {
         value: '유효하지 않은 세션',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: '잘못된 짧은 주소 코드 형식입니다. 4개의 문자와 4개의 숫자로 구성되어야 합니다.',
+    },
     'Invoice:': {
         value: '송장:',
     },
@@ -527,6 +530,12 @@ export const stringsKorean = {
     'Shopping cart expired': {
         value: '쇼핑 카트가 만료되었습니다',
     },
+    'Short address code': {
+        value: '짧은 주소 코드',
+    },
+    'Short address code is required.': {
+        value: '짧은 주소 코드가 필요합니다.',
+    },
     Show: {
         value: '보이다',
     },

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

@@ -284,6 +284,9 @@ export const stringsNorwegian = {
     'Invalid session': {
         value: 'Ugyldig økt',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Ugyldig format for kort adressekode. Må være 4 bokstaver og 4 tall.',
+    },
     'Invoice:': {
         value: 'Faktura:',
     },
@@ -527,6 +530,12 @@ export const stringsNorwegian = {
     'Shopping cart expired': {
         value: 'Handlekurv utløpt',
     },
+    'Short address code': {
+        value: 'Kort adressekode',
+    },
+    'Short address code is required.': {
+        value: 'Kort adressekode er nødvendig.',
+    },
     Show: {
         value: 'Vis',
     },

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

@@ -284,6 +284,9 @@ export const stringsPolish = {
     'Invalid session': {
         value: 'Nieprawidłowa sesja',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Nieprawidłowy format kodu krótkiego adresu. Musi zawierać 4 litery i 4 cyfry.',
+    },
     'Invoice:': {
         value: 'Faktura:',
     },
@@ -527,6 +530,12 @@ export const stringsPolish = {
     'Shopping cart expired': {
         value: 'Koszyk wygasł',
     },
+    'Short address code': {
+        value: 'Krótki kod adresowy',
+    },
+    'Short address code is required.': {
+        value: 'Wymagany jest krótki kod adresowy.',
+    },
     Show: {
         value: 'Pokaż',
     },

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

@@ -284,6 +284,9 @@ export const stringsPortuguese = {
     'Invalid session': {
         value: 'Sessão inválida',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Formato de código de endereço curto inválido. Deve ter 4 letras e 4 números.',
+    },
     'Invoice:': {
         value: 'Fatura:',
     },
@@ -527,6 +530,12 @@ export const stringsPortuguese = {
     'Shopping cart expired': {
         value: 'Carrinho de compras expirado',
     },
+    'Short address code': {
+        value: 'Código de endereço curto',
+    },
+    'Short address code is required.': {
+        value: 'É necessário um código de endereço curto.',
+    },
     Show: {
         value: 'Mostrar',
     },

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

@@ -284,6 +284,9 @@ export const stringsRussian = {
     'Invalid session': {
         value: 'Недействительная сессия',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Неверный формат кода короткого адреса. Должен содержать 4 буквы и 4 цифры.',
+    },
     'Invoice:': {
         value: 'Счет:',
     },
@@ -527,6 +530,12 @@ export const stringsRussian = {
     'Shopping cart expired': {
         value: 'Срок действия корзины истек',
     },
+    'Short address code': {
+        value: 'Короткий код адреса',
+    },
+    'Short address code is required.': {
+        value: 'Требуется короткий код адреса.',
+    },
     Show: {
         value: 'Показать',
     },

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

@@ -284,6 +284,9 @@ export const stringsSpanish = {
     'Invalid session': {
         value: 'Sesión no válida',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Formato de código de dirección corta no válido. Debe ser de 4 letras y 4 números.',
+    },
     'Invoice:': {
         value: 'Factura:',
     },
@@ -527,6 +530,12 @@ export const stringsSpanish = {
     'Shopping cart expired': {
         value: 'Carrito de compras caducado',
     },
+    'Short address code': {
+        value: 'Código de dirección corto',
+    },
+    'Short address code is required.': {
+        value: 'Se requiere un código de dirección corto.',
+    },
     Show: {
         value: 'Mostrar',
     },

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

@@ -284,6 +284,9 @@ export const stringsSwedish = {
     'Invalid session': {
         value: 'Ogiltig session',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Ogiltigt format för kort adresskod. Måste vara 4 bokstäver och 4 siffror.',
+    },
     'Invoice:': {
         value: 'Faktura:',
     },
@@ -527,6 +530,12 @@ export const stringsSwedish = {
     'Shopping cart expired': {
         value: 'Kundvagn har gått ut',
     },
+    'Short address code': {
+        value: 'Kort adresskod',
+    },
+    'Short address code is required.': {
+        value: 'Kort adresskod krävs.',
+    },
     Show: {
         value: 'Visa',
     },

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

@@ -284,6 +284,9 @@ export const stringsTurkish = {
     'Invalid session': {
         value: 'Geçersiz oturum',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Geçersiz kısa adres kodu formatı. 4 harf ve 4 rakam olmalıdır.',
+    },
     'Invoice:': {
         value: 'Fatura:',
     },
@@ -527,6 +530,12 @@ export const stringsTurkish = {
     'Shopping cart expired': {
         value: 'Alışveriş sepeti süresi doldu',
     },
+    'Short address code': {
+        value: 'Kısa adres kodu',
+    },
+    'Short address code is required.': {
+        value: 'Kısa adres kodu gereklidir.',
+    },
     Show: {
         value: 'Göster',
     },

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

@@ -284,6 +284,9 @@ export const stringsVietnamese = {
     'Invalid session': {
         value: 'Phiên không hợp lệ',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Định dạng mã địa chỉ ngắn không hợp lệ. Phải là 4 chữ cái và 4 chữ số.',
+    },
     'Invoice:': {
         value: 'Hóa đơn:',
     },
@@ -527,6 +530,12 @@ export const stringsVietnamese = {
     'Shopping cart expired': {
         value: 'Giỏ hàng đã hết hạn',
     },
+    'Short address code': {
+        value: 'Mã địa chỉ ngắn',
+    },
+    'Short address code is required.': {
+        value: 'Cần có mã địa chỉ ngắn.',
+    },
     Show: {
         value: 'Hiển thị',
     },

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

@@ -35,7 +35,8 @@
   margin-bottom: 16px;
 }
 :host .zonos--company-name-input,
-:host .zonos--tax-id-input {
+:host .zonos--tax-id-input,
+:host .zonos--short-address-code-input {
   margin-bottom: 16px;
 }
 :host zonos-banner {

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

@@ -7,6 +7,7 @@ import { translate } from "../../store/translationStore";
 import { zonosStore } from "../../store/zonosStore";
 import { trackConversionEvent } from "../../utils/api/trackConversionEvent";
 import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
+import { shouldRenderShortAddressCodeInput } from "../../utils/checkout/shouldRenderShortAddressCodeInput";
 import { shouldRenderTaxIdInput } from "../../utils/checkout/shouldRenderTaxIdInput";
 import { classes } from "../../utils/classes";
 import { extractName } from "../../utils/extractName";
@@ -31,6 +32,10 @@ export class ZonosAddress {
          * Error message for tax id input
          */
         this.taxIdErrorMessage = '';
+        /**
+         * Error message for short address code input
+         */
+        this.shortAddressCodeErrorMessage = '';
         this.stripe = window.Zonos.stripe;
         /**
          * Check if the address is dirty or not to scroll into view. When the component is mounted, if the data is filled with address line 1, it's considered dirty
@@ -260,7 +265,32 @@ export class ZonosAddress {
         return (h("div", { class: "zonos--tax-id-input" }, h("zonos-stripe-input", { inputLabel: translate(taxIdInputInfo.friendlyName), inputPlaceholder: taxIdInputInfo.placeholder, inputValue: stripeStore.taxId || '', isError: !!this.taxIdErrorMessage, onInputChange: (event) => {
                 stripeStore.taxId = event.detail;
                 this.taxIdChanged.emit(event.detail);
-            } }), this.taxIdErrorMessage && (h("zonos-text", { textColor: 'red-600', type: "caption" }, this.taxIdErrorMessage))));
+            } }), this.taxIdErrorMessage && (h("zonos-text", { textColor: "red-600", type: "caption" }, this.taxIdErrorMessage))));
+    }
+    /**
+     * Render short address code input based on ship to country code
+     */
+    renderShortAddressCodeInput() {
+        var _a;
+        // No need to render short address code input for billing address
+        if (this.type === 'billing') {
+            return null;
+        }
+        const countryCode = (_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value.address.country;
+        // Don't render short address code input if the country is not provided
+        if (!countryCode) {
+            return null;
+        }
+        const shortAddressCodeInputRendered = shouldRenderShortAddressCodeInput({
+            countryCode,
+        });
+        // Don't render short address code input if the country doesn't require short address code
+        if (!shortAddressCodeInputRendered) {
+            return null;
+        }
+        return (h("div", { class: "zonos--short-address-code-input" }, h("zonos-stripe-input", { inputLabel: translate('Short address code'), inputPlaceholder: "RRRD2929", inputValue: stripeStore.shortAddressCode || '', isError: !!this.shortAddressCodeErrorMessage, onInputChange: (event) => {
+                stripeStore.shortAddressCode = event.detail;
+            } }), this.shortAddressCodeErrorMessage && (h("zonos-text", { textColor: "red-600", type: "caption" }, this.shortAddressCodeErrorMessage))));
     }
     renderCompanyNameInput() {
         // No need to render company name for billing address (only allow for Collect and Invoice)
@@ -322,11 +352,11 @@ export class ZonosAddress {
             this.isAddressFilled = true;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'b02889c4677a27a8c54a411d66fb31e15af78e1a', class: classes([
+        return (h(Host, { key: '5dc571d7c5e706ae9cb90de70deee22847e5ba7e', class: classes([
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (h("zonos-text", { key: 'f52beb7ed6699ec1c73ee35a3436798a1fea38c7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: '7c9602892de932e8a3f90a37b53a936f39082916', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: '8ea6698f5b9d3bb525942c146e2cf67fefad6ad8', class: "zonos--address-component" })));
+            ]) }, this.titleText && (h("zonos-text", { key: 'a7c9f730bc9b64aa2c6e8cc24701e638481eac19', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: '3078529c201c7947ffc833485d46184bc79ab1d1', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), h("div", { key: 'b4a9850ac30ad9c483e05743ff41b7de9756d826', class: "zonos--address-component" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }
@@ -423,6 +453,26 @@ export class ZonosAddress {
                 "attribute": "tax-id-error-message",
                 "reflect": false,
                 "defaultValue": "''"
+            },
+            "shortAddressCodeErrorMessage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Error message for short address code input"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "short-address-code-error-message",
+                "reflect": false,
+                "defaultValue": "''"
             }
         };
     }

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

@@ -20,6 +20,7 @@ import { zonosStore } from "../../store/zonosStore";
 import { trackConversionEvent } from "../../utils/api/trackConversionEvent";
 import { isValidZip } from "../../utils/checkout/form/isValidZip";
 import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
+import { shouldRenderShortAddressCodeInput } from "../../utils/checkout/shouldRenderShortAddressCodeInput";
 import { shouldRenderTaxIdInput } from "../../utils/checkout/shouldRenderTaxIdInput";
 import { classes } from "../../utils/classes";
 import { extractName } from "../../utils/extractName";
@@ -40,6 +41,10 @@ export class ZonosAddress {
          * Error message for tax id input
          */
         this.taxIdErrorMessage = '';
+        /**
+         * Error message for short address code input
+         */
+        this.shortAddressCodeErrorMessage = '';
         this.stripe = window.Zonos.stripe;
         /**
          * Check if the address is dirty or not to scroll into view. When the component is mounted, if the data is filled with address line 1, it's considered dirty
@@ -370,6 +375,31 @@ export class ZonosAddress {
                 stripeStore.taxId = event.detail;
             } })));
     }
+    /**
+     * Render short address code input based on ship to country code
+     */
+    renderShortAddressCodeInput() {
+        var _a;
+        // No need to render short address code input for billing address
+        if (this.type === 'billing') {
+            return null;
+        }
+        const countryCode = (_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value.address.country;
+        // Don't render short address code input if the country is not provided
+        if (!countryCode) {
+            return null;
+        }
+        const shortAddressCodeInputRendered = shouldRenderShortAddressCodeInput({
+            countryCode,
+        });
+        // Don't render short address code input if the country doesn't require short address code
+        if (!shortAddressCodeInputRendered) {
+            return null;
+        }
+        return (h("div", { class: "zonos--short-address-code-input" }, h("zonos-stripe-input", { inputLabel: translate('Short address code'), inputPlaceholder: "RRRD2929", inputValue: stripeStore.shortAddressCode || '', isError: !!this.shortAddressCodeErrorMessage, onInputChange: (event) => {
+                stripeStore.shortAddressCode = event.detail;
+            } }), this.shortAddressCodeErrorMessage && (h("zonos-text", { textColor: "red-600", type: "caption" }, this.shortAddressCodeErrorMessage))));
+    }
     renderCompanyNameInput() {
         // No need to render company name for billing address
         if (this.type === 'billing') {
@@ -894,10 +924,10 @@ export class ZonosAddress {
             this.country = localizationStore.selectedCountryCode;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '7214ab1c348c1236dfa65f3bb20866fb3262c35d', class: classes([
+        return (h(Host, { key: '4a2a2bb06e16eb0470b827efd104c1a7a373e2b5', class: classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, h("zonos-text", { key: '3ce287d8ffd3f5fdb4745311d17992c0b9ee9678', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: '0e33486852d6512b054bb480d0295ce97d2667eb', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
+            ]) }, h("zonos-text", { key: '74fd51761c8672e23ada3c5f1bac121cdf559ca6', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: 'e21b18b079f013e1bdaf2ab526c1c7826f2376f0', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
     }
     static get is() { return "zonos-custom-address"; }
     static get encapsulation() { return "scoped"; }
@@ -994,6 +1024,26 @@ export class ZonosAddress {
                 "attribute": "tax-id-error-message",
                 "reflect": false,
                 "defaultValue": "''"
+            },
+            "shortAddressCodeErrorMessage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Error message for short address code input"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "short-address-code-error-message",
+                "reflect": false,
+                "defaultValue": "''"
             }
         };
     }

package/dist/collection/components/utils/api/prepCalculateLandedCost.js

@@ -99,6 +99,7 @@ export const prepCartCalculateLandedCost = (cartId) => {
                 },
             ]
             : [],
+        shipToShortAddressCode: stripeStore.shortAddressCode,
         shipToTaxId: stripeStore.taxId,
         shippingAddress: {
             addressLine1: translatedShippingAddress.line1,
@@ -185,6 +186,7 @@ export const prepCalculateLandedCost = () => {
         isTest: isE2ETest,
         items: cartStore.items,
         landedCostAdjustments: adjustments,
+        shipToShortAddressCode: stripeStore.shortAddressCode,
         shipToTaxId: stripeStore.taxId,
         shippingAddress: {
             addressLine1: translatedShippingAddress.line1,

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

@@ -0,0 +1,16 @@
+import { countryRequireShortAddressCode, } from "../../../types/checkout/ShortAddressCode";
+const isInShortAddressCodeCountry = (countryCode) => {
+    return countryRequireShortAddressCode.includes(countryCode);
+};
+/**
+ * Checks if the short address code input should be rendered based on the country code.
+ */
+export const shouldRenderShortAddressCodeInput = ({ countryCode, }) => {
+    // If country require short address code, show the input
+    const isCountryRequireShortAddressCode = isInShortAddressCodeCountry(countryCode);
+    if (isCountryRequireShortAddressCode) {
+        return true;
+    }
+    // If country doesn't require short address code, no need to show the input
+    return false;
+};