@ticketmaster/tm-global-address 0.6.0 → 0.7.0

package/dist/components/AddressCard/AddressCard.d.ts

@@ -14,6 +14,11 @@ export interface AddressCardProps {
     disabled?: boolean;
     /** Error message to show inline under this card */
     errorMessage?: string;
+    /**
+     * BCP-47 locale tag. Controls button labels and badge text.
+     * Defaults to "en-us".
+     */
+    locale?: string;
 }
 /**
  * Formats an AddressData into a single-line summary string.

package/dist/components/AddressCard/AddressCard.js

@@ -1,17 +1,15 @@
-import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import t from "styled-components";
 import { tokens as o } from "../../styles/tokens.js";
-import { getCountryName as m } from "../../data/countryData.js";
-function y(e) {
-  const a = [e.address1], l = [
-    e.city,
-    [e.state, e.postal].filter(Boolean).join(" ")
-  ].filter(Boolean).join(" · ");
-  l && a.push(l);
-  const d = m(e.country);
-  return d && a.push(d), e.phoneNumber && a.push(e.phoneNumber), a.join(" · ");
+import { getCountryName as g } from "../../data/countryData.js";
+import { useLabels as h } from "../../i18n/index.js";
+function b(e) {
+  const n = [e.address1], l = [e.city, [e.state, e.postal].filter(Boolean).join(" ")].filter(Boolean).join(" · ");
+  l && n.push(l);
+  const d = g(e.country);
+  return d && n.push(d), e.phoneNumber && n.push(e.phoneNumber), n.join(" · ");
 }
-const h = t.div`
+const x = t.div`
   padding: ${o.space4};
   border: ${o.borderWidthInput} solid
     ${(e) => e.$isSelected ? o.colorInteractivePrimary : o.colorBorderInput};
@@ -23,22 +21,22 @@ const h = t.div`
   & + & {
     margin-block-start: ${o.space3};
   }
-`, g = t.div`
+`, B = t.div`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: ${o.space2};
   flex-wrap: wrap;
-`, b = t.div`
+`, v = t.div`
   display: flex;
   align-items: center;
   gap: ${o.space2};
   flex-wrap: wrap;
-`, x = t.span`
+`, w = t.span`
   font-weight: ${o.fontWeightBold};
   font-size: ${o.fontSizeBody};
   color: ${o.colorTextPrimary};
-`, v = t.span`
+`, k = t.span`
   display: inline-block;
   padding: 2px ${o.space2};
   border: ${o.borderWidthInput} solid ${o.colorBadgeBorder};
@@ -49,12 +47,12 @@ const h = t.div`
   color: ${o.colorBadgeText};
   text-transform: uppercase;
   white-space: nowrap;
-`, w = t.p`
+`, C = t.p`
   margin: ${o.space1} 0 0;
   font-size: ${o.fontSizeBody};
   color: ${o.colorTextSecondary};
   line-height: ${o.lineHeightBody};
-`, B = t.div`
+`, I = t.div`
   display: flex;
   align-items: center;
   gap: ${o.space3};
@@ -87,74 +85,75 @@ const h = t.div`
     cursor: not-allowed;
     text-decoration: none;
   }
-`, k = t.p`
+`, z = t.p`
   margin: ${o.space2} 0 0;
   font-size: ${o.fontSizeError};
   color: ${o.colorTextError};
-`, j = ({
+`, W = ({
   address: e,
-  isSelected: a = !1,
+  isSelected: n = !1,
   onEdit: l,
   onDelete: d,
   onSelect: r,
   disabled: c = !1,
-  errorMessage: f
+  errorMessage: u,
+  locale: m = "en-us"
 }) => {
-  const u = y(e), s = `${e.firstName} ${e.lastName}`;
-  return /* @__PURE__ */ p(
-    h,
+  const { form: s } = h(m, e.country), y = b(e), p = `${e.firstName} ${e.lastName}`;
+  return /* @__PURE__ */ f(
+    x,
     {
-      $isSelected: a,
+      $isSelected: n,
       $disabled: c,
       onClick: r ? () => {
         !c && r && r(e);
       } : void 0,
-      onKeyDown: r ? (i) => {
-        !c && r && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), r(e));
+      onKeyDown: r ? (a) => {
+        !c && r && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), r(e));
       } : void 0,
       role: r ? "option" : void 0,
-      "aria-selected": r ? a : void 0,
+      "aria-selected": r ? n : void 0,
       tabIndex: r && !c ? 0 : void 0,
       "data-testid": `address-card-${e.addressId}`,
       children: [
-        /* @__PURE__ */ n(g, { children: /* @__PURE__ */ p(b, { children: [
-          /* @__PURE__ */ n(x, { children: s }),
-          e.defaultAddress && /* @__PURE__ */ n(v, { "aria-label": "Default address", children: "Default" })
+        /* @__PURE__ */ i(B, { children: /* @__PURE__ */ f(v, { children: [
+          /* @__PURE__ */ i(w, { children: p }),
+          e.defaultAddress && /* @__PURE__ */ i(k, { "aria-label": "Default address", children: s.defaultBadge })
         ] }) }),
-        /* @__PURE__ */ n(w, { children: u }),
-        (l || d) && /* @__PURE__ */ p(B, { children: [
-          l && /* @__PURE__ */ n(
+        /* @__PURE__ */ i(C, { children: y }),
+        (l || d) && /* @__PURE__ */ f(I, { children: [
+          l && /* @__PURE__ */ i(
             $,
             {
               type: "button",
               disabled: c,
-              onClick: (i) => {
-                i.stopPropagation(), l(e);
+              onClick: (a) => {
+                a.stopPropagation(), l(e);
               },
-              "aria-label": `Edit address for ${s}`,
-              children: "Edit"
+              "aria-label": `${s.editButton} address for ${p}`,
+              children: s.editButton
             }
           ),
-          d && /* @__PURE__ */ n(
+          d && /* @__PURE__ */ i(
             $,
             {
               type: "button",
               $variant: "danger",
               disabled: c,
-              onClick: (i) => {
-                i.stopPropagation(), d(e.addressId);
+              onClick: (a) => {
+                a.stopPropagation(), d(e.addressId);
               },
-              "aria-label": `Delete address for ${s}`,
-              children: "Delete"
+              "aria-label": `${s.deleteButton} address for ${p}`,
+              children: s.deleteButton
             }
           )
         ] }),
-        f && /* @__PURE__ */ n(k, { role: "alert", children: f })
+        u && /* @__PURE__ */ i(z, { role: "alert", children: u })
       ]
     }
   );
 };
 export {
-  j as AddressCard,
-  y as formatAddressSummary
+  W as AddressCard,
+  b as formatAddressSummary
 };

package/dist/components/AddressForm/AddressForm.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { SaveAddressPayload, FieldError, AddressData } from '../../types/AddressData';
+import { ResolvedLabels } from '../../i18n/types';
 export interface AddressFormProps {
     /** Mode controls whether form is in add or edit flow */
     mode: 'create' | 'edit';
@@ -11,8 +12,19 @@ export interface AddressFormProps {
     showPhoneNumber?: boolean;
     /** Screen reader prefix for all inputs (GDS requirement) */
     screenReaderErrorPrefix: string;
-    /** Section label above the form */
-    addressLabel: string;
+    /** Section label above the form (overrides i18n addressHeading when provided) */
+    addressLabel?: string;
+    /**
+     * BCP-47 locale tag (e.g. "en-us", "fr-fr", "de-de", "ar-sa").
+     * Controls field labels, placeholders, validation messages, and RTL layout.
+     * Defaults to "en-us".
+     */
+    locale?: string;
+    /**
+     * Override labels — merged on top of resolved locale labels.
+     * Useful when the consuming app wants to customise specific strings.
+     */
+    labels?: Partial<ResolvedLabels['form']>;
     /** Whether the form is in a loading state (submit in flight) */
     isLoading?: boolean;
     /** Disable all form interactions */