@wix/form-elements 1.62.0 → 1.63.0

package/dist/component/multiline-address-field-rac-BY2SUp2d.js

@@ -0,0 +1,1613 @@
+import { RicosViewer as X } from "@wix/ricos/viewer";
+import C from "classnames";
+import n, { useMemo as w, createContext as We, useContext as De, useState as ye, useRef as B, useCallback as D, useEffect as Ve } from "react";
+import { UNSAFE_PortalProvider as _t } from "react-aria";
+import { ac as bt, c as ft, a9 as Pt, ab as yt, G as Tt, H as qt, u as Mt, z as V, F as K, ar as qe, a2 as at, ah as P, ae as T, aj as le, ad as Ct, Q as wt, C as he, a0 as xt, a4 as Bt, ao as kt, ai as $t, an as Ut, a7 as Wt, Y as Vt, a6 as Kt, ak as Yt, j as Ht } from "./form-DzjdnO7t.js";
+import { f as E, a as h } from "./find-child-C60k4CxG.js";
+import { F as jt, V as Jt } from "./headless-styles-CmcyA_pi.js";
+import { TextField as Ce, Input as ie, ComboBoxStateContext as It, ComboBox as Re, Popover as Ae, ListBox as _e, ListBoxItem as Pe, Group as Lt, Button as Nt } from "react-aria-components";
+import { D as ce, E as de } from "./field-error-headless-DTKnr5Zx.js";
+import { L as ue } from "./field-label-headless-DV4aNd5Y.js";
+import { e as Gt, c as Xt, a as zt, r as Ot } from "./isObjectLike-B_1KizZV.js";
+import { u as Qt } from "./use-invoke-callback-UH73A_J3.js";
+import { C as lt } from "./chevron-down-icon-CcpVm6B-.js";
+import { E as z } from "./error-icon-hZxQ6DEy.js";
+import { H as fe } from "./custom-focus-class-_483Pkwp.js";
+import { s as f } from "./field-rac.module-DtugsLiL.js";
+import { r as Q, H as Z, q as ee, u as ge, l as te, h as ne } from "./form-element-classes-Bi-nNM8q.js";
+const Zt = (e, t, o) => {
+  var a, l, i, s;
+  const r = (a = e.steps) == null ? void 0 : a.map((d) => {
+    var m, u, I, L, b, p;
+    return {
+      ...d,
+      layout: {
+        ...d.layout,
+        large: {
+          ...(m = d.layout) == null ? void 0 : m.large,
+          items: ((L = (I = (u = d.layout) == null ? void 0 : u.large) == null ? void 0 : I.items) == null ? void 0 : L.map((y) => ({
+            ...y,
+            row: o.row <= y.row ? (y.row || 0) + 1 : y.row
+          }))) || ((p = (b = d.layout) == null ? void 0 : b.large) == null ? void 0 : p.items)
+        }
+      }
+    };
+  });
+  return (s = (i = (l = r == null ? void 0 : r[0].layout) == null ? void 0 : l.large) == null ? void 0 : i.items) == null || s.unshift(o), {
+    ...e,
+    fields: [
+      t,
+      ...e.fields || []
+    ],
+    steps: r || e.steps
+  };
+};
+var Ie = /* @__PURE__ */ (function(e) {
+  return e.COUNTRY = "country", e.SUBDIVISION = "subdivision", e.CITY = "city", e.ADDRESS_LINE = "addressLine", e.ADDRESS_LINE_2 = "addressLine2", e.POSTAL_CODE = "postalCode", e.STREET_NAME = "streetName", e.STREET_NUMBER = "streetNumber", e.APARTMENT = "apartment", e;
+})({});
+function en(e, t, o = !1) {
+  const { country: r, subdivision: a, city: l, addressLine: i, streetAddress: s, addressLine2: d, postalCode: m } = e, u = {};
+  return t ? (r && (u.country = r), a && (u.subdivision = a), l && (u.city = l), i ? u.addressLine = i : s != null && s.formattedAddressLine && (u.addressLine = s == null ? void 0 : s.formattedAddressLine), d && (u.addressLine = d), m && (u.postalCode = m), s != null && s.apt && (u.apartment = s == null ? void 0 : s.apt), s != null && s.name ? u.streetName = s == null ? void 0 : s.name : o && (s != null && s.formattedAddressLine) && (u.streetName = s == null ? void 0 : s.formattedAddressLine), s != null && s.number && (u.streetNumber = s.number)) : (r && (u.country = r), a && (u.subdivision = a), l && (u.city = l), i ? u.address_line = i : s != null && s.formattedAddressLine && (u.address_line = s == null ? void 0 : s.formattedAddressLine), d && (u.address_line = d), m && (u.postal_code = m), s != null && s.apt && (u.apartment = s == null ? void 0 : s.apt), s != null && s.name ? u.street_name = s == null ? void 0 : s.name : o && (s != null && s.formattedAddressLine) && (u.street_name = s == null ? void 0 : s.formattedAddressLine), s != null && s.number && (u.street_number = s.number)), u;
+}
+const gt = /* @__PURE__ */ We({
+  onAddressSelect: () => {
+  }
+}), tn = ({ children: e, onAddressSelect: t, autocompleteEnabled: o }) => {
+  const r = w(() => ({
+    onAddressSelect: t,
+    autocompleteEnabled: o
+  }), [
+    t,
+    o
+  ]);
+  return /* @__PURE__ */ n.createElement(gt.Provider, {
+    value: r
+  }, e);
+};
+function Le() {
+  return De(gt);
+}
+const vt = /* @__PURE__ */ We(void 0), nn = ({ children: e, countryCode: t }) => {
+  const o = w(() => ({
+    countryCode: t
+  }), [
+    t
+  ]);
+  return /* @__PURE__ */ n.createElement(vt.Provider, {
+    value: o
+  }, e);
+};
+function Ne() {
+  const e = De(vt);
+  return e == null ? void 0 : e.countryCode;
+}
+function Me(e) {
+  return e != null;
+}
+function rn(e, t, o) {
+  return !t || !o ? e : {
+    ...e,
+    fields: (e.fields ?? []).map((r) => {
+      const { show: a, ...l } = t[r.target] || {}, { required: i } = o[r.target] || {};
+      return {
+        ...r,
+        view: {
+          ...r.view,
+          ...l
+        },
+        ...Me(a) && {
+          hidden: !a
+        },
+        ...Me(i) && Me(r.validation) && {
+          validation: {
+            ...r.validation,
+            required: i
+          }
+        }
+      };
+    })
+  };
+}
+const on = (e, t) => e.map((o) => ({
+  ...o,
+  id: ("target" in o ? t[o.target] : void 0) ?? o.id
+})), ht = 12, sn = (e) => {
+  const t = e.filter((r) => !r.properties.hidden), o = e.filter((r) => r.properties.hidden);
+  return {
+    visibleFields: t,
+    hiddenFields: o
+  };
+}, an = (e) => {
+  const t = {};
+  return e.forEach((o) => {
+    const r = o.layout.row;
+    t[r] || (t[r] = []), t[r].push(o);
+  }), t;
+}, ln = (e) => {
+  const t = {};
+  return Object.keys(e).forEach((o) => {
+    const r = parseInt(o, 10), a = e[r];
+    a.reduce((i, s) => i + s.layout.width, 0) !== ht && (t[r] = a);
+  }), t;
+}, cn = (e, t) => e.map((o) => {
+  const r = o.layout.row;
+  if (t[r] && !o.properties.hidden) {
+    const a = t[r], l = a.length, i = ht / l, s = a.findIndex((m) => m.id === o.id), d = i * s;
+    return {
+      ...o,
+      layout: {
+        ...o.layout,
+        width: i,
+        column: d
+      }
+    };
+  }
+  return o;
+}), dn = (e, t, o) => {
+  const r = Math.max(...t.map((a) => a.layout.row), -1);
+  return e.map((a) => {
+    if (a.properties.hidden) {
+      const l = o.findIndex((i) => i.id === a.id);
+      return {
+        ...a,
+        layout: {
+          ...a.layout,
+          row: r + 1 + l
+        }
+      };
+    }
+    return a;
+  });
+}, un = (e) => {
+  const { visibleFields: t, hiddenFields: o } = sn(e.fields), r = an(t), a = ln(r), l = cn(e.fields, a), i = dn(l, t, o);
+  return {
+    ...e,
+    fields: i
+  };
+}, mn = () => ({
+  country: V(),
+  subdivision: V(),
+  city: V(),
+  address_line: V(),
+  address_line_2: V(),
+  postal_code: V(),
+  street_name: V(),
+  street_number: V(),
+  apartment: V()
+}), pn = ({ id: e, target: t, fieldType: o, form: r, country: a, fieldSettings: l, validation: i, required: s }) => {
+  const [d] = ye(mn), { isExperimentEnabled: m } = bt(), u = m(ft.USE_FIELDS_V2), { getCountryAddressForm: I } = Pt(), { isMobile: L, breakpoint: b } = yt(), p = I(a), y = o === K.MULTILINE_ADDRESS || o === K.BOOKINGS_ADDRESS, N = w(() => {
+    var g;
+    return Tt(s, (g = i == null ? void 0 : i.predefined) == null ? void 0 : g.multilineAddressOptions);
+  }, [
+    i,
+    s
+  ]), F = w(() => qt(), []);
+  return {
+    form: w(() => {
+      var _, O;
+      if (!y || !p)
+        return r && {
+          ...r,
+          fields: on(r.fields, d)
+        };
+      const g = Mt({
+        useFieldsV2: u,
+        path: t,
+        parentId: e,
+        includeHiddenFields: !0,
+        isMobile: L,
+        breakpoint: b,
+        form: rn(Zt(p, N, F), l, (O = (_ = i == null ? void 0 : i.predefined) == null ? void 0 : _.multilineAddressOptions) == null ? void 0 : O.fields)
+      });
+      if (!g.fields.some((v) => v.properties.hidden))
+        return g;
+      const q = un(g);
+      return {
+        ...q,
+        fields: q.fields.filter((v) => !v.properties.hidden)
+      };
+    }, [
+      p,
+      r,
+      d,
+      l,
+      i,
+      t,
+      N,
+      F,
+      y,
+      u,
+      e,
+      L,
+      b
+    ]),
+    isMultilineAddressField: y
+  };
+}, Ft = /* @__PURE__ */ We(void 0), En = ({ children: e, fields: t }) => {
+  const o = w(() => ({
+    fields: t
+  }), [
+    t
+  ]);
+  return /* @__PURE__ */ n.createElement(Ft.Provider, {
+    value: o
+  }, e);
+};
+function me(e) {
+  const t = De(Ft);
+  if (!t)
+    throw new Error("useAddressFields must be used within AddressFieldsProvider");
+  return t.fields[e];
+}
+function be(e) {
+  const { t } = qe(), o = Ne(), r = o && at.getCountryByShortKey(o), l = (r ? r.addressPartDisplayNames : at.getDefaultAddressDisplayNames())[e];
+  return l ? t(l) : "";
+}
+const re = ({ children: e }) => {
+  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u } = P(), { labelId: I } = T(), L = be("addressLine2"), b = E(e, re.Label), p = E(e, re.Input), y = E(e, re.Description), N = E(e, re.Error);
+  return /* @__PURE__ */ n.createElement(u, {
+    fieldId: t,
+    renderLabel: () => h(b, {
+      label: L
+    }),
+    renderInput: () => /* @__PURE__ */ n.createElement(Ce, {
+      "aria-labelledby": I,
+      value: o ?? "",
+      onChange: r,
+      isDisabled: a,
+      isReadOnly: l,
+      isRequired: i,
+      isInvalid: s,
+      onBlur: d,
+      onFocus: m
+    }, p),
+    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, N, y)
+  });
+}, bn = ({ className: e }) => {
+  const { id: t, placeholder: o } = P(), { inputId: r, ariaDescribedBy: a } = T(), l = B(null);
+  return le(() => {
+    var i;
+    (i = l.current) == null || i.focus();
+  }, t), /* @__PURE__ */ n.createElement(ie, {
+    ref: l,
+    id: r,
+    "aria-describedby": a,
+    className: e,
+    placeholder: o
+  });
+};
+re.Label = ue;
+re.Input = bn;
+re.Description = ce;
+re.Error = de;
+const Ke = ({ enabled: e }) => {
+  const { actions: t } = Ct(), [o, r] = ye(V()), a = D(() => r(V()), []);
+  return w(() => {
+    const { predict: l, getPlace: i, searchByPostalCode: s } = t ?? {};
+    if (!(!e || !l || !i || !s))
+      return {
+        predict: (d) => l({
+          ...d,
+          sessionToken: o
+        }),
+        getPlace: (d) => i({
+          ...d,
+          sessionToken: o,
+          refreshSessionToken: a
+        }),
+        searchByPostalCode: (d) => s({
+          ...d,
+          sessionToken: o
+        })
+      };
+  }, [
+    e,
+    t,
+    o,
+    a
+  ]);
+};
+var we, it;
+function fn() {
+  if (it) return we;
+  it = 1;
+  var e = Gt(), t = function() {
+    return e.Date.now();
+  };
+  return we = t, we;
+}
+var xe, ct;
+function yn() {
+  if (ct) return xe;
+  ct = 1;
+  var e = /\s/;
+  function t(o) {
+    for (var r = o.length; r-- && e.test(o.charAt(r)); )
+      ;
+    return r;
+  }
+  return xe = t, xe;
+}
+var Be, dt;
+function Cn() {
+  if (dt) return Be;
+  dt = 1;
+  var e = yn(), t = /^\s+/;
+  function o(r) {
+    return r && r.slice(0, e(r) + 1).replace(t, "");
+  }
+  return Be = o, Be;
+}
+var ke, ut;
+function In() {
+  if (ut) return ke;
+  ut = 1;
+  var e = Xt(), t = zt(), o = "[object Symbol]";
+  function r(a) {
+    return typeof a == "symbol" || t(a) && e(a) == o;
+  }
+  return ke = r, ke;
+}
+var $e, mt;
+function Ln() {
+  if (mt) return $e;
+  mt = 1;
+  var e = Cn(), t = Ot(), o = In(), r = NaN, a = /^[-+]0x[0-9a-f]+$/i, l = /^0b[01]+$/i, i = /^0o[0-7]+$/i, s = parseInt;
+  function d(m) {
+    if (typeof m == "number")
+      return m;
+    if (o(m))
+      return r;
+    if (t(m)) {
+      var u = typeof m.valueOf == "function" ? m.valueOf() : m;
+      m = t(u) ? u + "" : u;
+    }
+    if (typeof m != "string")
+      return m === 0 ? m : +m;
+    m = e(m);
+    var I = l.test(m);
+    return I || i.test(m) ? s(m.slice(2), I ? 2 : 8) : a.test(m) ? r : +m;
+  }
+  return $e = d, $e;
+}
+var Ue, pt;
+function Nn() {
+  if (pt) return Ue;
+  pt = 1;
+  var e = Ot(), t = fn(), o = Ln(), r = "Expected a function", a = Math.max, l = Math.min;
+  function i(s, d, m) {
+    var u, I, L, b, p, y, N = 0, F = !1, S = !1, g = !0;
+    if (typeof s != "function")
+      throw new TypeError(r);
+    d = o(d) || 0, e(m) && (F = !!m.leading, S = "maxWait" in m, L = S ? a(o(m.maxWait) || 0, d) : L, g = "trailing" in m ? !!m.trailing : g);
+    function R(A) {
+      var J = u, Ee = I;
+      return u = I = void 0, N = A, b = s.apply(Ee, J), b;
+    }
+    function q(A) {
+      return N = A, p = setTimeout(v, d), F ? R(A) : b;
+    }
+    function _(A) {
+      var J = A - y, Ee = A - N, Oe = d - J;
+      return S ? l(Oe, L - Ee) : Oe;
+    }
+    function O(A) {
+      var J = A - y, Ee = A - N;
+      return y === void 0 || J >= d || J < 0 || S && Ee >= L;
+    }
+    function v() {
+      var A = t();
+      if (O(A))
+        return pe(A);
+      p = setTimeout(v, _(A));
+    }
+    function pe(A) {
+      return p = void 0, g && u ? R(A) : (u = I = void 0, b);
+    }
+    function x() {
+      p !== void 0 && clearTimeout(p), N = 0, u = y = I = p = void 0;
+    }
+    function M() {
+      return p === void 0 ? b : pe(t());
+    }
+    function j() {
+      var A = t(), J = O(A);
+      if (u = arguments, I = this, y = A, J) {
+        if (p === void 0)
+          return q(y);
+        if (S)
+          return clearTimeout(p), p = setTimeout(v, d), R(y);
+      }
+      return p === void 0 && (p = setTimeout(v, d)), b;
+    }
+    return j.cancel = x, j.flush = M, j;
+  }
+  return Ue = i, Ue;
+}
+var On = Nn();
+const gn = /* @__PURE__ */ wt(On), vn = (e, t, o = 200) => {
+  const r = B(e), a = D(gn((...l) => {
+    r.current(...l);
+  }, o), [
+    o
+  ]);
+  return Ve(() => {
+    r.current = e;
+  }, [
+    e,
+    t
+  ]), a;
+}, hn = () => {
+  const e = B(!0);
+  return Ve(() => () => {
+    e.current = !1;
+  }, []), () => e.current;
+}, Et = {
+  loading: !1,
+  predictions: []
+}, St = ({ atlas: e, onError: t }) => {
+  const [{ loading: r, predictions: a }, l] = ye(Et), i = B(0), s = hn(), d = D(() => {
+    i.current++, l(Et);
+  }, []), m = vn(async ({ input: u, countryCodes: I }) => {
+    if (!e || !s())
+      return;
+    if (!u) {
+      d();
+      return;
+    }
+    const L = ++i.current;
+    l((p) => ({
+      ...p,
+      loading: !0
+    }));
+    let b;
+    try {
+      b = await e.predict({
+        input: u,
+        countryCodes: I
+      });
+    } catch (p) {
+      t ? t(p) : console.error(p);
+    } finally {
+      const p = L === i.current;
+      s() && p && l((y) => ({
+        loading: !1,
+        // set new predictions if fetched properly, else keep current predictions
+        predictions: b || y.predictions
+      }));
+    }
+  }, [
+    e,
+    t
+  ], 200);
+  return {
+    predictions: a,
+    loading: r,
+    updatePredictions: m,
+    clearPredictions: d
+  };
+}, Ye = ({ optionCount: e }) => {
+  const t = De(It), o = B(t);
+  o.current = t;
+  const r = B(e);
+  return Ve(() => {
+    const a = e > 0 && r.current === 0;
+    r.current = e;
+    const l = o.current;
+    a && (l != null && l.isFocused) && !l.isOpen && l.open(null, "manual");
+  }, [
+    e
+  ]), null;
+}, k = ({ children: e }) => {
+  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u, autocomplete: I } = P(), { labelId: L } = T(), { autocompleteEnabled: b } = Le(), p = I || b, y = be("addressLine1"), N = E(e, k.Label), F = E(e, k.Input), S = E(e, k.Options), g = E(e, k.Description), R = E(e, k.Error);
+  return p ? /* @__PURE__ */ n.createElement(u, {
+    fieldId: t,
+    renderLabel: () => h(N, {
+      label: y
+    }),
+    renderInput: () => /* @__PURE__ */ n.createElement(Fn, {
+      value: o,
+      onChange: r,
+      disabled: a,
+      readOnly: l,
+      required: i,
+      hasError: s,
+      onBlur: d,
+      onFocus: m
+    }, F, S),
+    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, R, g)
+  }) : /* @__PURE__ */ n.createElement(u, {
+    fieldId: t,
+    renderLabel: () => h(N, {
+      label: y
+    }),
+    renderInput: () => /* @__PURE__ */ n.createElement(Ce, {
+      "aria-labelledby": L,
+      value: o ?? "",
+      onChange: r,
+      isDisabled: a,
+      isReadOnly: l,
+      isRequired: i,
+      isInvalid: s,
+      onBlur: d,
+      onFocus: m
+    }, F),
+    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, R, g)
+  });
+}, Fn = ({ children: e, value: t, onChange: o, disabled: r, readOnly: a, required: l, hasError: i, onBlur: s, onFocus: d }) => {
+  const { labelId: m } = T(), { onAddressSelect: u } = Le(), I = Ne(), L = Ke({
+    enabled: !0
+  }), { predictions: b, updatePredictions: p, clearPredictions: y } = St({
+    atlas: L
+  }), N = w(() => b.map((O) => ({
+    id: O.searchId || "",
+    label: O.description || ""
+  })), [
+    b
+  ]), F = D((O) => {
+    p({
+      input: O,
+      countryCodes: I ? [
+        I
+      ] : void 0
+    }), o(O);
+  }, [
+    o,
+    p,
+    I
+  ]), S = D(async (O) => {
+    if (!O)
+      return;
+    y();
+    const v = await (L == null ? void 0 : L.getPlace({
+      searchId: String(O)
+    }));
+    v && u && u(v);
+  }, [
+    u,
+    y,
+    L
+  ]), g = D(() => {
+    y(), s == null || s();
+  }, [
+    s,
+    y
+  ]), R = D(() => {
+    d == null || d();
+  }, [
+    d
+  ]), q = E(e, k.Input), _ = E(e, k.Options);
+  return /* @__PURE__ */ n.createElement(Re, {
+    "aria-labelledby": m,
+    inputValue: t ?? "",
+    onInputChange: F,
+    value: null,
+    onChange: S,
+    isDisabled: r,
+    isReadOnly: a,
+    isRequired: l,
+    isInvalid: i,
+    onBlur: g,
+    onFocus: R,
+    allowsCustomValue: !0,
+    menuTrigger: "input",
+    items: N
+  }, h(q, {
+    onFocus: R
+  }), h(_, {
+    options: N
+  }), /* @__PURE__ */ n.createElement(Ye, {
+    optionCount: N.length
+  }));
+}, Sn = ({ className: e, ...t }) => {
+  const { id: o, placeholder: r } = P(), { inputId: a, ariaDescribedBy: l } = T(), { onFocus: i } = t, s = B(null);
+  return le(() => {
+    var d;
+    (d = s.current) == null || d.focus();
+  }, o), /* @__PURE__ */ n.createElement(ie, {
+    ref: s,
+    id: a,
+    "aria-describedby": l,
+    className: e,
+    placeholder: r,
+    onFocus: i
+  });
+}, He = ({ children: e, className: t }) => {
+  const o = E(e, He.Option);
+  return /* @__PURE__ */ n.createElement(Ae, {
+    className: t,
+    containerPadding: 0,
+    offset: 0
+  }, /* @__PURE__ */ n.createElement(_e, {
+    renderEmptyState: () => null
+  }, (r) => h(o, {
+    id: r.id,
+    label: r.label
+  })));
+}, Dn = ({ className: e, ...t }) => {
+  const { id: o, label: r } = t;
+  return /* @__PURE__ */ n.createElement(Pe, {
+    className: e,
+    id: o,
+    textValue: r
+  }, r);
+};
+He.Option = Dn;
+k.Label = ue;
+k.Input = Sn;
+k.Options = He;
+k.Description = ce;
+k.Error = de;
+const oe = ({ children: e }) => {
+  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u } = P(), { labelId: I } = T(), { t: L } = qe(), b = L("field.mla-apartment.label"), p = E(e, oe.Label), y = E(e, oe.Input), N = E(e, oe.Description), F = E(e, oe.Error);
+  return /* @__PURE__ */ n.createElement(u, {
+    fieldId: t,
+    renderLabel: () => h(p, {
+      label: b
+    }),
+    renderInput: () => /* @__PURE__ */ n.createElement(Ce, {
+      "aria-labelledby": I,
+      value: o ?? "",
+      onChange: r,
+      isDisabled: a,
+      isReadOnly: l,
+      isRequired: i,
+      isInvalid: s,
+      onBlur: d,
+      onFocus: m
+    }, y),
+    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, F, N)
+  });
+}, Rn = ({ className: e }) => {
+  const { id: t, placeholder: o } = P(), { inputId: r, ariaDescribedBy: a } = T(), l = B(null);
+  return le(() => {
+    var i;
+    (i = l.current) == null || i.focus();
+  }, t), /* @__PURE__ */ n.createElement(ie, {
+    ref: l,
+    id: r,
+    "aria-describedby": a,
+    className: e,
+    placeholder: o
+  });
+};
+oe.Label = ue;
+oe.Input = Rn;
+oe.Description = ce;
+oe.Error = de;
+const se = ({ children: e }) => {
+  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u } = P(), { labelId: I } = T(), L = be("city"), b = E(e, se.Label), p = E(e, se.Input), y = E(e, se.Description), N = E(e, se.Error);
+  return /* @__PURE__ */ n.createElement(u, {
+    fieldId: t,
+    renderLabel: () => h(b, {
+      label: L
+    }),
+    renderInput: () => /* @__PURE__ */ n.createElement(Ce, {
+      "aria-labelledby": I,
+      value: o ?? "",
+      onChange: r,
+      isDisabled: a,
+      isReadOnly: l,
+      isRequired: i,
+      isInvalid: s,
+      onBlur: d,
+      onFocus: m
+    }, p),
+    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, N, y)
+  });
+}, An = ({ className: e }) => {
+  const { id: t, placeholder: o } = P(), { inputId: r, ariaDescribedBy: a } = T(), l = B(null);
+  return le(() => {
+    var i;
+    (i = l.current) == null || i.focus();
+  }, t), /* @__PURE__ */ n.createElement(ie, {
+    ref: l,
+    id: r,
+    "aria-describedby": a,
+    className: e,
+    placeholder: o
+  });
+};
+se.Label = ue;
+se.Input = An;
+se.Description = ce;
+se.Error = de;
+const Dt = ({ readOnly: e, disabled: t } = {}) => {
+  const o = De(It);
+  return D(() => {
+    !o || o.isOpen || e || t || o.open(null, "manual");
+  }, [
+    o,
+    e,
+    t
+  ]);
+}, _n = (e, t) => e.find((o) => o.label.toLocaleLowerCase() === t.toLocaleLowerCase().trim()), Rt = ({ options: e, value: t, commit: o, clear: r, onBlur: a }) => {
+  const [l, i] = ye(null), s = Qt(a), d = w(() => {
+    var b;
+    return t ? ((b = e.find((p) => p.value === t)) == null ? void 0 : b.label) ?? "" : "";
+  }, [
+    t,
+    e
+  ]), m = D((b) => {
+    typeof b != "string" || b === "" || b === t || (i(null), o(b));
+  }, [
+    o,
+    t
+  ]), u = D((b) => {
+    if (i(b), b === "")
+      return;
+    const p = _n(e, b);
+    p && p.value !== t && o(p.value);
+  }, [
+    o,
+    e,
+    t
+  ]), I = D((b) => {
+    b.key !== "Enter" && b.key !== "Escape" || (i(null), b.key === "Enter" && l === "" && t && r());
+  }, [
+    l,
+    t,
+    r
+  ]), L = D(() => {
+    l === "" && t && r(), i(null), s();
+  }, [
+    l,
+    t,
+    r,
+    s
+  ]);
+  return {
+    value: t ?? null,
+    inputValue: l ?? d,
+    onChange: m,
+    onInputChange: u,
+    onBlur: L,
+    onInputKeyDown: I
+  };
+}, Y = ({ children: e }) => {
+  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u, options: I } = P(), { labelId: L } = T(), { t: b } = qe(), { language: p } = yt(), y = w(() => (I || []).reduce((x, M) => (M.value && he.hasOwnProperty(M.value) && x.push({
+    value: M.value,
+    label: b(`locale-dataset.countries.${he[M.value].toUpperCase()}`)
+  }), x), []).sort((x, M) => x.label.localeCompare(M.label, p)), [
+    I,
+    b,
+    p
+  ]), N = D((x) => r(x), [
+    r
+  ]), F = D(() => N(""), [
+    N
+  ]), { onInputKeyDown: S, ...g } = Rt({
+    options: y,
+    value: o,
+    commit: N,
+    clear: F,
+    onBlur: d
+  }), R = be("country"), q = E(e, Y.Label), _ = E(e, Y.Control), O = E(e, Y.Options), v = E(e, Y.Description), pe = E(e, Y.Error);
+  return /* @__PURE__ */ n.createElement(u, {
+    fieldId: t,
+    renderLabel: () => h(q, {
+      label: R
+    }),
+    renderInput: () => /* @__PURE__ */ n.createElement(Re, {
+      "aria-labelledby": L,
+      ...g,
+      isDisabled: a,
+      isReadOnly: l,
+      isRequired: i,
+      isInvalid: s,
+      onFocus: m,
+      menuTrigger: "input"
+    }, h(_, {
+      onKeyDown: S
+    }), h(O, {
+      options: y
+    })),
+    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, pe, v)
+  });
+}, Fe = ({ children: e, className: t, ...o }) => {
+  const { disabled: r, hasError: a } = P(), { onKeyDown: l } = o, i = E(e, Fe.Input), s = E(e, Fe.Trigger);
+  return /* @__PURE__ */ n.createElement(Lt, {
+    className: t,
+    isDisabled: r,
+    isInvalid: a
+  }, h(i, {
+    onKeyDown: l
+  }), s);
+}, Pn = ({ className: e, ...t }) => {
+  const { id: o, placeholder: r, readOnly: a, disabled: l } = P(), { inputId: i, ariaDescribedBy: s } = T(), { onKeyDown: d } = t, m = B(null), u = Dt({
+    readOnly: a,
+    disabled: l
+  });
+  return le(() => {
+    var I;
+    (I = m.current) == null || I.focus();
+  }, o), /* @__PURE__ */ n.createElement(ie, {
+    ref: m,
+    id: i,
+    "aria-describedby": s,
+    className: e,
+    placeholder: r,
+    onClick: u,
+    onKeyDown: d
+  });
+}, Tn = ({ children: e, className: t }) => /* @__PURE__ */ n.createElement(Nt, {
+  className: t
+}, e);
+Fe.Input = Pn;
+Fe.Trigger = Tn;
+const je = ({ children: e, className: t, ...o }) => {
+  const { options: r } = o, a = E(e, je.Option);
+  return /* @__PURE__ */ n.createElement(Ae, {
+    className: t,
+    containerPadding: 0,
+    offset: 0
+  }, /* @__PURE__ */ n.createElement(_e, null, r.map((l) => h(a, {
+    key: l.value,
+    value: l.value,
+    label: l.label
+  }))));
+}, qn = ({ className: e, ...t }) => {
+  const { value: o, label: r } = t;
+  return /* @__PURE__ */ n.createElement(Pe, {
+    className: e,
+    id: o,
+    textValue: r
+  }, r);
+};
+je.Option = qn;
+Y.Label = ue;
+Y.Control = Fe;
+Y.Options = je;
+Y.Description = ce;
+Y.Error = de;
+const Mn = /(\d{7})|(\d{3}-\d{4})/;
+function wn(e) {
+  var t;
+  return (t = e.match(Mn)) == null ? void 0 : t[0];
+}
+function xn({ isAutocompleteEnabled: e }) {
+  const t = B({
+    hasAddress: !1
+  }), o = Ke({
+    enabled: e
+  });
+  return {
+    searchByPostalCode: D(async (a) => {
+      const l = wn(a);
+      if (l) {
+        if (t.current.postalCode === l && t.current.hasAddress)
+          return t.current.address;
+        t.current = {
+          postalCode: l,
+          address: void 0,
+          hasAddress: !1
+        };
+        try {
+          const i = await (o == null ? void 0 : o.searchByPostalCode({
+            countryCode: "JP",
+            postalCode: l
+          }));
+          return t.current.hasAddress = !0, t.current.address = void 0, i != null && i.formattedAddress ? (t.current.address = i, i) : void 0;
+        } catch (i) {
+          console.error(i);
+        }
+      }
+    }, [
+      o
+    ])
+  };
+}
+const $ = ({ children: e }) => {
+  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u, autocomplete: I } = P(), { labelId: L } = T(), b = Ne(), { autocompleteEnabled: p } = Le(), y = !!(b && he[b] === he.JP), N = (I || p) && y, F = be("zipCode"), S = E(e, $.Label), g = E(e, $.Control), R = E(e, $.Options), q = E(e, $.Description), _ = E(e, $.Error);
+  return N ? /* @__PURE__ */ n.createElement(u, {
+    fieldId: t,
+    renderLabel: () => h(S, {
+      label: F
+    }),
+    renderInput: () => /* @__PURE__ */ n.createElement(Bn, {
+      value: o,
+      onChange: r,
+      disabled: a,
+      readOnly: l,
+      required: i,
+      hasError: s,
+      onBlur: d,
+      onFocus: m
+    }, g, R),
+    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, _, q)
+  }) : /* @__PURE__ */ n.createElement(u, {
+    fieldId: t,
+    renderLabel: () => h(S, {
+      label: F
+    }),
+    renderInput: () => /* @__PURE__ */ n.createElement(Ce, {
+      "aria-labelledby": L,
+      value: o ?? "",
+      onChange: r,
+      isDisabled: a,
+      isReadOnly: l,
+      isRequired: i,
+      isInvalid: s,
+      onBlur: d,
+      onFocus: m
+    }, g),
+    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, _, q)
+  });
+}, Bn = ({ children: e, value: t, onChange: o, disabled: r, readOnly: a, required: l, hasError: i, onBlur: s, onFocus: d }) => {
+  const { labelId: m } = T(), { onAddressSelect: u } = Le(), [I, L] = ye(!1), { searchByPostalCode: b } = xn({
+    isAutocompleteEnabled: I
+  }), [p, y] = ye(), N = w(() => p ? [
+    {
+      id: V(),
+      label: p.formattedAddress || ""
+    }
+  ] : [], [
+    p
+  ]), F = D(async (O) => {
+    o(O);
+    const v = await b(O ?? "");
+    y(v);
+  }, [
+    o,
+    b
+  ]), S = D(async (O) => {
+    O && (y(void 0), p && u && u(p));
+  }, [
+    u,
+    p
+  ]), g = D(() => {
+    y(void 0), s == null || s();
+  }, [
+    s
+  ]), R = D(() => {
+    L(!0), d == null || d();
+  }, [
+    d
+  ]), q = E(e, $.Control), _ = E(e, $.Options);
+  return /* @__PURE__ */ n.createElement(Re, {
+    "aria-labelledby": m,
+    inputValue: t ?? "",
+    onInputChange: F,
+    value: null,
+    onChange: S,
+    isDisabled: r,
+    isReadOnly: a,
+    isRequired: l,
+    isInvalid: i,
+    onBlur: g,
+    onFocus: R,
+    allowsCustomValue: !0,
+    menuTrigger: "input",
+    items: N
+  }, h(q, {
+    onFocus: R
+  }), h(_, {
+    options: N
+  }), /* @__PURE__ */ n.createElement(Ye, {
+    optionCount: N.length
+  }));
+}, Je = ({ children: e, className: t, ...o }) => {
+  const { disabled: r, hasError: a } = P(), { onFocus: l } = o, i = Ne(), s = E(e, Je.Input);
+  return /* @__PURE__ */ n.createElement("div", {
+    className: t,
+    "data-country": i || void 0,
+    "data-disabled": r || void 0,
+    "data-invalid": a || void 0
+  }, h(s, {
+    onFocus: l
+  }));
+}, kn = ({ className: e, ...t }) => {
+  const { id: o, placeholder: r } = P(), { inputId: a, ariaDescribedBy: l } = T(), { onFocus: i } = t, s = B(null);
+  return le(() => {
+    var d;
+    (d = s.current) == null || d.focus();
+  }, o), /* @__PURE__ */ n.createElement(ie, {
+    ref: s,
+    id: a,
+    "aria-describedby": l,
+    className: e,
+    placeholder: r,
+    onFocus: i
+  });
+}, Ge = ({ children: e, className: t }) => {
+  const o = E(e, Ge.Option);
+  return /* @__PURE__ */ n.createElement(Ae, {
+    className: t,
+    containerPadding: 0,
+    offset: 0
+  }, /* @__PURE__ */ n.createElement(_e, {
+    renderEmptyState: () => null
+  }, (r) => h(o, {
+    id: r.id,
+    label: r.label
+  })));
+}, $n = ({ className: e, ...t }) => {
+  const { id: o, label: r } = t;
+  return /* @__PURE__ */ n.createElement(Pe, {
+    className: e,
+    id: o,
+    textValue: r
+  }, r);
+};
+Ge.Option = $n;
+Je.Input = kn;
+$.Label = ue;
+$.Control = Je;
+$.Options = Ge;
+$.Description = ce;
+$.Error = de;
+const U = ({ children: e }) => {
+  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u, autocomplete: I } = P(), { labelId: L } = T(), { autocompleteEnabled: b } = Le(), p = I || b, y = be("streetName"), N = E(e, U.Label), F = E(e, U.Input), S = E(e, U.Options), g = E(e, U.Description), R = E(e, U.Error);
+  return p ? /* @__PURE__ */ n.createElement(u, {
+    fieldId: t,
+    renderLabel: () => h(N, {
+      label: y
+    }),
+    renderInput: () => /* @__PURE__ */ n.createElement(Un, {
+      value: o,
+      onChange: r,
+      disabled: a,
+      readOnly: l,
+      required: i,
+      hasError: s,
+      onBlur: d,
+      onFocus: m
+    }, F, S),
+    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, R, g)
+  }) : /* @__PURE__ */ n.createElement(u, {
+    fieldId: t,
+    renderLabel: () => h(N, {
+      label: y
+    }),
+    renderInput: () => /* @__PURE__ */ n.createElement(Ce, {
+      "aria-labelledby": L,
+      value: o ?? "",
+      onChange: r,
+      isDisabled: a,
+      isReadOnly: l,
+      isRequired: i,
+      isInvalid: s,
+      onBlur: d,
+      onFocus: m
+    }, F),
+    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, R, g)
+  });
+}, Un = ({ children: e, value: t, onChange: o, disabled: r, readOnly: a, required: l, hasError: i, onBlur: s, onFocus: d }) => {
+  const { labelId: m } = T(), { onAddressSelect: u } = Le(), I = Ne(), L = Ke({
+    enabled: !0
+  }), { predictions: b, updatePredictions: p, clearPredictions: y } = St({
+    atlas: L
+  }), N = E(e, U.Input), F = E(e, U.Options), S = w(() => b.reduce((O, v) => (v.searchId && v.description && O.push({
+    id: v.searchId,
+    label: v.description
+  }), O), []), [
+    b
+  ]), g = D((O) => {
+    p({
+      input: O,
+      countryCodes: I ? [
+        I
+      ] : void 0
+    }), o(O);
+  }, [
+    o,
+    p,
+    I
+  ]), R = D(async (O) => {
+    if (y(), !O)
+      return;
+    const v = await (L == null ? void 0 : L.getPlace({
+      searchId: String(O)
+    }));
+    v && u && u(v);
+  }, [
+    u,
+    y,
+    L
+  ]), q = D(() => {
+    y(), s == null || s();
+  }, [
+    s,
+    y
+  ]), _ = D(() => {
+    d == null || d();
+  }, [
+    d
+  ]);
+  return /* @__PURE__ */ n.createElement(Re, {
+    "aria-labelledby": m,
+    inputValue: t ?? "",
+    onInputChange: g,
+    value: null,
+    onChange: R,
+    isDisabled: r,
+    isReadOnly: a,
+    isRequired: l,
+    isInvalid: i,
+    onBlur: q,
+    onFocus: _,
+    allowsCustomValue: !0,
+    menuTrigger: "input",
+    items: S
+  }, h(N, {
+    onFocus: _
+  }), h(F, {
+    options: S
+  }), /* @__PURE__ */ n.createElement(Ye, {
+    optionCount: S.length
+  }));
+}, Wn = ({ className: e, ...t }) => {
+  const { id: o, placeholder: r } = P(), { inputId: a, ariaDescribedBy: l } = T(), { onFocus: i } = t, s = B(null);
+  return le(() => {
+    var d;
+    (d = s.current) == null || d.focus();
+  }, o), /* @__PURE__ */ n.createElement(ie, {
+    ref: s,
+    id: a,
+    "aria-describedby": l,
+    className: e,
+    placeholder: r,
+    onFocus: i
+  });
+}, Xe = ({ children: e, className: t }) => {
+  const o = E(e, Xe.Option);
+  return /* @__PURE__ */ n.createElement(Ae, {
+    className: t,
+    containerPadding: 0,
+    offset: 0
+  }, /* @__PURE__ */ n.createElement(_e, {
+    renderEmptyState: () => null
+  }, (r) => h(o, {
+    id: r.id,
+    label: r.label
+  })));
+}, Vn = ({ className: e, ...t }) => {
+  const { id: o, label: r } = t;
+  return /* @__PURE__ */ n.createElement(Pe, {
+    className: e,
+    id: o,
+    textValue: r
+  }, r);
+};
+Xe.Option = Vn;
+U.Label = ue;
+U.Input = Wn;
+U.Options = Xe;
+U.Description = ce;
+U.Error = de;
+const ae = ({ children: e }) => {
+  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u } = P(), { labelId: I } = T(), L = be("streetNumber"), b = E(e, ae.Label), p = E(e, ae.Input), y = E(e, ae.Description), N = E(e, ae.Error);
+  return /* @__PURE__ */ n.createElement(u, {
+    fieldId: t,
+    renderLabel: () => h(b, {
+      label: L
+    }),
+    renderInput: () => /* @__PURE__ */ n.createElement(Ce, {
+      "aria-labelledby": I,
+      value: o ?? "",
+      onChange: r,
+      isDisabled: a,
+      isReadOnly: l,
+      isRequired: i,
+      isInvalid: s,
+      onBlur: d,
+      onFocus: m
+    }, p),
+    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, N, y)
+  });
+}, Kn = ({ className: e }) => {
+  const { id: t, placeholder: o } = P(), { inputId: r, ariaDescribedBy: a } = T(), l = B(null);
+  return le(() => {
+    var i;
+    (i = l.current) == null || i.focus();
+  }, t), /* @__PURE__ */ n.createElement(ie, {
+    ref: l,
+    id: r,
+    "aria-describedby": a,
+    className: e,
+    placeholder: o
+  });
+};
+ae.Label = ue;
+ae.Input = Kn;
+ae.Description = ce;
+ae.Error = de;
+const H = ({ children: e }) => {
+  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u } = P(), { labelId: I } = T(), { t: L } = qe(), b = Ne(), p = b ? he[b] : void 0, y = b && xt.getCountryByShortKey(b), N = w(() => {
+    var M;
+    return (Bt(((M = y == null ? void 0 : y.subdivisions) == null ? void 0 : M.list) || [], p) || []).map((j) => ({
+      value: j.key,
+      label: L(j.displayName)
+    })).sort((j, A) => j.label.localeCompare(A.label));
+  }, [
+    p,
+    L,
+    y
+  ]), F = D(() => r(""), [
+    r
+  ]), { onInputKeyDown: S, ...g } = Rt({
+    options: N,
+    value: o,
+    commit: r,
+    clear: F,
+    onBlur: d
+  }), R = be("subdivision"), q = E(e, H.Label), _ = E(e, H.Control), O = E(e, H.Options), v = E(e, H.Description), pe = E(e, H.Error);
+  return /* @__PURE__ */ n.createElement(u, {
+    fieldId: t,
+    renderLabel: () => h(q, {
+      label: R
+    }),
+    renderInput: () => /* @__PURE__ */ n.createElement(Re, {
+      "aria-labelledby": I,
+      ...g,
+      isDisabled: a,
+      isReadOnly: l,
+      isRequired: i,
+      isInvalid: s,
+      onFocus: m,
+      menuTrigger: "input"
+    }, h(_, {
+      onKeyDown: S
+    }), h(O, {
+      options: N
+    })),
+    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, pe, v)
+  });
+}, Se = ({ children: e, className: t, ...o }) => {
+  const { disabled: r, hasError: a } = P(), { onKeyDown: l } = o, i = E(e, Se.Input), s = E(e, Se.Trigger);
+  return /* @__PURE__ */ n.createElement(Lt, {
+    className: t,
+    isDisabled: r,
+    isInvalid: a
+  }, h(i, {
+    onKeyDown: l
+  }), s);
+}, Yn = ({ className: e, ...t }) => {
+  const { id: o, placeholder: r, readOnly: a, disabled: l } = P(), { inputId: i, ariaDescribedBy: s } = T(), { onKeyDown: d } = t, m = B(null), u = Dt({
+    readOnly: a,
+    disabled: l
+  });
+  return le(() => {
+    var I;
+    (I = m.current) == null || I.focus();
+  }, o), /* @__PURE__ */ n.createElement(ie, {
+    ref: m,
+    id: i,
+    "aria-describedby": s,
+    className: e,
+    placeholder: r,
+    onClick: u,
+    onKeyDown: d
+  });
+}, Hn = ({ children: e, className: t }) => /* @__PURE__ */ n.createElement(Nt, {
+  className: t
+}, e);
+Se.Input = Yn;
+Se.Trigger = Hn;
+const ze = ({ children: e, className: t, ...o }) => {
+  const { options: r } = o, a = E(e, ze.Option);
+  return /* @__PURE__ */ n.createElement(Ae, {
+    className: t,
+    containerPadding: 0,
+    offset: 0
+  }, /* @__PURE__ */ n.createElement(_e, null, r.map((l) => h(a, {
+    key: l.value,
+    value: l.value,
+    label: l.label
+  }))));
+}, jn = ({ className: e, ...t }) => {
+  const { value: o, label: r } = t;
+  return /* @__PURE__ */ n.createElement(Pe, {
+    className: e,
+    id: o,
+    textValue: r
+  }, r);
+};
+ze.Option = jn;
+H.Label = ue;
+H.Control = Se;
+H.Options = ze;
+H.Description = ce;
+H.Error = de;
+const Jn = () => me("country"), Gn = () => me("subdivision"), Xn = () => me("city"), zn = () => me("addressLine"), Qn = () => me("addressLine2"), Zn = () => me("postalCode"), er = () => me("streetName"), tr = () => me("streetNumber"), nr = () => me("apartment"), rr = {
+  [K.MLA_COUNTRY]: Jn,
+  [K.MLA_SUBDIVISION]: Gn,
+  [K.MLA_CITY]: Xn,
+  [K.MLA_ADDRESS_LINE]: zn,
+  [K.MLA_ADDRESS_LINE_2]: Qn,
+  [K.MLA_POSTAL_CODE]: Zn,
+  [K.MLA_STREET_NAME]: er,
+  [K.MLA_STREET_NUMBER]: tr,
+  [K.MLA_APARTMENT]: nr
+}, or = {}, sr = [], c = ({ children: e }) => {
+  const { id: t, form: o, value: r, onChange: a, onFieldBlur: l, onFieldFocus: i, errors: s, FieldLayout: d, fieldSettings: m, label: u, validation: I, target: L, autocompleteEnabled: b, required: p, fieldType: y } = P(), [N, F] = ye(null), S = kt(), g = w(() => ({
+    ...S,
+    ...rr
+  }), [
+    S
+  ]), { isExperimentEnabled: R } = bt(), q = R(ft.STREETLESS_LOCALITY_FALLBACK), { validateFields: _ } = $t(), O = Ut(), v = Ct(), pe = w(() => ({
+    ...v,
+    actions: {
+      predict: Kt,
+      getPlace: Vt,
+      searchByPostalCode: Wt,
+      ...v.actions
+    }
+  }), [
+    v
+  ]), { form: x, isMultilineAddressField: M } = pn({
+    id: t,
+    target: L,
+    fieldType: y,
+    form: o,
+    country: r == null ? void 0 : r.country,
+    fieldSettings: m,
+    validation: I,
+    required: p
+  }), j = D((W) => {
+    if (!r)
+      return;
+    const G = en(W, M, q), Te = {
+      ...G,
+      [Ie.COUNTRY]: G[Ie.COUNTRY] ?? r[Ie.COUNTRY]
+    };
+    a == null || a(Te);
+  }, [
+    a,
+    r,
+    M,
+    q
+  ]), A = D((W, G) => {
+    if (M && W === Ie.COUNTRY && (r == null ? void 0 : r[W]) !== G) {
+      a == null || a({
+        [Ie.COUNTRY]: G
+      });
+      return;
+    }
+    a == null || a({
+      ...r,
+      [W]: G
+    });
+  }, [
+    a,
+    r,
+    M
+  ]), J = D(async (W) => _(M ? [
+    ...W,
+    {
+      path: `${L}/${Ie.COUNTRY}`,
+      value: r == null ? void 0 : r.country
+    }
+  ] : W), [
+    r,
+    L,
+    _,
+    M
+  ]);
+  Yt(t, () => {
+    var Te;
+    const W = s == null ? void 0 : s[0], G = (Te = x == null ? void 0 : x.fields) == null ? void 0 : Te.find((st) => "target" in st && st.target === (W == null ? void 0 : W.errorPath));
+    return G == null ? void 0 : G.id;
+  });
+  const Ee = E(e, c.Country), Oe = E(e, c.Subdivision), Qe = E(e, c.City), Ze = E(e, c.AddressLine), et = E(e, c.AddressLine2), tt = E(e, c.PostalCode), nt = E(e, c.StreetName), rt = E(e, c.StreetNumber), ot = E(e, c.Apartment), At = w(() => ({
+    country: Ee,
+    subdivision: Oe,
+    city: Qe,
+    addressLine: Ze,
+    addressLine2: et,
+    postalCode: tt,
+    streetName: nt,
+    streetNumber: rt,
+    apartment: ot
+  }), [
+    Ee,
+    Oe,
+    Qe,
+    Ze,
+    et,
+    tt,
+    nt,
+    rt,
+    ot
+  ]);
+  return x ? /* @__PURE__ */ n.createElement(d, {
+    fieldId: t
+  }, /* @__PURE__ */ n.createElement(nn, {
+    countryCode: r == null ? void 0 : r.country
+  }, /* @__PURE__ */ n.createElement(tn, {
+    autocompleteEnabled: b,
+    onAddressSelect: j
+  }, /* @__PURE__ */ n.createElement(En, {
+    fields: At
+  }, /* @__PURE__ */ n.createElement("div", {
+    ref: F,
+    style: {
+      display: "contents"
+    }
+  }), /* @__PURE__ */ n.createElement(_t, {
+    getContainer: () => N
+  }, /* @__PURE__ */ n.createElement("fieldset", {
+    style: jt
+  }, /* @__PURE__ */ n.createElement("legend", {
+    style: Jt
+  }, u), /* @__PURE__ */ n.createElement(Ht, {
+    formSchema: O,
+    form: x,
+    values: r ?? or,
+    onFieldChange: A,
+    onBlur: l,
+    onFocus: i,
+    errors: s ?? sr,
+    validateFields: J,
+    fields: g,
+    fieldActions: pe
+  }))))))) : null;
+};
+c.Country = Y;
+c.Subdivision = H;
+c.City = se;
+c.AddressLine = k;
+c.AddressLine2 = re;
+c.PostalCode = $;
+c.StreetName = U;
+c.StreetNumber = ae;
+c.Apartment = oe;
+const ar = "_postalCodeControl_1tire_1", lr = "_comboControl_1tire_5", ir = "_comboTrigger_1tire_19", ve = {
+  postalCodeControl: ar,
+  comboControl: lr,
+  comboTrigger: ir
+}, Fr = () => /* @__PURE__ */ n.createElement(c, null, /* @__PURE__ */ n.createElement(c.Country, null, /* @__PURE__ */ n.createElement(c.Country.Label, {
+  className: C(Q, f.label)
+}, /* @__PURE__ */ n.createElement(c.Country.Label.Required, {
+  className: C(Z, f.requiredMark)
+})), /* @__PURE__ */ n.createElement(c.Country.Control, {
+  className: C(ee, f.input, ve.comboControl)
+}, /* @__PURE__ */ n.createElement(c.Country.Control.Input, {
+  className: C(f.innerInput, fe)
+}), /* @__PURE__ */ n.createElement(c.Country.Control.Trigger, {
+  className: ve.comboTrigger
+}, /* @__PURE__ */ n.createElement(lt, {
+  className: f.dropdownIcon
+}))), /* @__PURE__ */ n.createElement(c.Country.Options, {
+  className: C(ge, f.selectPopover, f.dropdownPopover)
+}, /* @__PURE__ */ n.createElement(c.Country.Options.Option, {
+  className: C(f.selectOption, fe)
+})), /* @__PURE__ */ n.createElement(c.Country.Error, {
+  className: C(te, f.error)
+}, /* @__PURE__ */ n.createElement(z, null), /* @__PURE__ */ n.createElement(c.Country.Error.Text, null)), /* @__PURE__ */ n.createElement(c.Country.Description, {
+  className: C(ne, f.description)
+}, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(X, {
+  content: e,
+  locale: t
+}))), /* @__PURE__ */ n.createElement(c.AddressLine, null, /* @__PURE__ */ n.createElement(c.AddressLine.Label, {
+  className: C(Q, f.label)
+}, /* @__PURE__ */ n.createElement(c.AddressLine.Label.Required, {
+  className: C(Z, f.requiredMark)
+})), /* @__PURE__ */ n.createElement(c.AddressLine.Input, {
+  className: C(ee, f.input)
+}), /* @__PURE__ */ n.createElement(c.AddressLine.Options, {
+  className: C(ge, f.selectPopover, f.dropdownPopover)
+}, /* @__PURE__ */ n.createElement(c.AddressLine.Options.Option, {
+  className: C(f.selectOption, fe)
+})), /* @__PURE__ */ n.createElement(c.AddressLine.Error, {
+  className: C(te, f.error)
+}, /* @__PURE__ */ n.createElement(z, null), /* @__PURE__ */ n.createElement(c.AddressLine.Error.Text, null)), /* @__PURE__ */ n.createElement(c.AddressLine.Description, {
+  className: C(ne, f.description)
+}, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(X, {
+  content: e,
+  locale: t
+}))), /* @__PURE__ */ n.createElement(c.AddressLine2, null, /* @__PURE__ */ n.createElement(c.AddressLine2.Label, {
+  className: C(Q, f.label)
+}, /* @__PURE__ */ n.createElement(c.AddressLine2.Label.Required, {
+  className: C(Z, f.requiredMark)
+})), /* @__PURE__ */ n.createElement(c.AddressLine2.Input, {
+  className: C(ee, f.input)
+}), /* @__PURE__ */ n.createElement(c.AddressLine2.Error, {
+  className: C(te, f.error)
+}, /* @__PURE__ */ n.createElement(z, null), /* @__PURE__ */ n.createElement(c.AddressLine2.Error.Text, null)), /* @__PURE__ */ n.createElement(c.AddressLine2.Description, {
+  className: C(ne, f.description)
+}, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(X, {
+  content: e,
+  locale: t
+}))), /* @__PURE__ */ n.createElement(c.City, null, /* @__PURE__ */ n.createElement(c.City.Label, {
+  className: C(Q, f.label)
+}, /* @__PURE__ */ n.createElement(c.City.Label.Required, {
+  className: C(Z, f.requiredMark)
+})), /* @__PURE__ */ n.createElement(c.City.Input, {
+  className: C(ee, f.input)
+}), /* @__PURE__ */ n.createElement(c.City.Error, {
+  className: C(te, f.error)
+}, /* @__PURE__ */ n.createElement(z, null), /* @__PURE__ */ n.createElement(c.City.Error.Text, null)), /* @__PURE__ */ n.createElement(c.City.Description, {
+  className: C(ne, f.description)
+}, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(X, {
+  content: e,
+  locale: t
+}))), /* @__PURE__ */ n.createElement(c.PostalCode, null, /* @__PURE__ */ n.createElement(c.PostalCode.Label, {
+  className: C(Q, f.label)
+}, /* @__PURE__ */ n.createElement(c.PostalCode.Label.Required, {
+  className: C(Z, f.requiredMark)
+})), /* @__PURE__ */ n.createElement(c.PostalCode.Control, {
+  className: ve.postalCodeControl
+}, /* @__PURE__ */ n.createElement(c.PostalCode.Control.Input, {
+  className: C(ee, f.input)
+})), /* @__PURE__ */ n.createElement(c.PostalCode.Options, {
+  className: C(ge, f.selectPopover, f.dropdownPopover)
+}, /* @__PURE__ */ n.createElement(c.PostalCode.Options.Option, {
+  className: C(f.selectOption, fe)
+})), /* @__PURE__ */ n.createElement(c.PostalCode.Error, {
+  className: C(te, f.error)
+}, /* @__PURE__ */ n.createElement(z, null), /* @__PURE__ */ n.createElement(c.PostalCode.Error.Text, null)), /* @__PURE__ */ n.createElement(c.PostalCode.Description, {
+  className: C(ne, f.description)
+}, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(X, {
+  content: e,
+  locale: t
+}))), /* @__PURE__ */ n.createElement(c.Subdivision, null, /* @__PURE__ */ n.createElement(c.Subdivision.Label, {
+  className: C(Q, f.label)
+}, /* @__PURE__ */ n.createElement(c.Subdivision.Label.Required, {
+  className: C(Z, f.requiredMark)
+})), /* @__PURE__ */ n.createElement(c.Subdivision.Control, {
+  className: C(ee, f.input, ve.comboControl)
+}, /* @__PURE__ */ n.createElement(c.Subdivision.Control.Input, {
+  className: C(f.innerInput, fe)
+}), /* @__PURE__ */ n.createElement(c.Subdivision.Control.Trigger, {
+  className: ve.comboTrigger
+}, /* @__PURE__ */ n.createElement(lt, {
+  className: f.dropdownIcon
+}))), /* @__PURE__ */ n.createElement(c.Subdivision.Options, {
+  className: C(ge, f.selectPopover, f.dropdownPopover)
+}, /* @__PURE__ */ n.createElement(c.Subdivision.Options.Option, {
+  className: C(f.selectOption, fe)
+})), /* @__PURE__ */ n.createElement(c.Subdivision.Error, {
+  className: C(te, f.error)
+}, /* @__PURE__ */ n.createElement(z, null), /* @__PURE__ */ n.createElement(c.Subdivision.Error.Text, null)), /* @__PURE__ */ n.createElement(c.Subdivision.Description, {
+  className: C(ne, f.description)
+}, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(X, {
+  content: e,
+  locale: t
+}))), /* @__PURE__ */ n.createElement(c.StreetName, null, /* @__PURE__ */ n.createElement(c.StreetName.Label, {
+  className: C(Q, f.label)
+}, /* @__PURE__ */ n.createElement(c.StreetName.Label.Required, {
+  className: C(Z, f.requiredMark)
+})), /* @__PURE__ */ n.createElement(c.StreetName.Input, {
+  className: C(ee, f.input)
+}), /* @__PURE__ */ n.createElement(c.StreetName.Options, {
+  className: C(ge, f.selectPopover, f.dropdownPopover)
+}, /* @__PURE__ */ n.createElement(c.StreetName.Options.Option, {
+  className: C(f.selectOption, fe)
+})), /* @__PURE__ */ n.createElement(c.StreetName.Error, {
+  className: C(te, f.error)
+}, /* @__PURE__ */ n.createElement(z, null), /* @__PURE__ */ n.createElement(c.StreetName.Error.Text, null)), /* @__PURE__ */ n.createElement(c.StreetName.Description, {
+  className: C(ne, f.description)
+}, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(X, {
+  content: e,
+  locale: t
+}))), /* @__PURE__ */ n.createElement(c.StreetNumber, null, /* @__PURE__ */ n.createElement(c.StreetNumber.Label, {
+  className: C(Q, f.label)
+}, /* @__PURE__ */ n.createElement(c.StreetNumber.Label.Required, {
+  className: C(Z, f.requiredMark)
+})), /* @__PURE__ */ n.createElement(c.StreetNumber.Input, {
+  className: C(ee, f.input)
+}), /* @__PURE__ */ n.createElement(c.StreetNumber.Error, {
+  className: C(te, f.error)
+}, /* @__PURE__ */ n.createElement(z, null), /* @__PURE__ */ n.createElement(c.StreetNumber.Error.Text, null)), /* @__PURE__ */ n.createElement(c.StreetNumber.Description, {
+  className: C(ne, f.description)
+}, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(X, {
+  content: e,
+  locale: t
+}))), /* @__PURE__ */ n.createElement(c.Apartment, null, /* @__PURE__ */ n.createElement(c.Apartment.Label, {
+  className: C(Q, f.label)
+}, /* @__PURE__ */ n.createElement(c.Apartment.Label.Required, {
+  className: C(Z, f.requiredMark)
+})), /* @__PURE__ */ n.createElement(c.Apartment.Input, {
+  className: C(ee, f.input)
+}), /* @__PURE__ */ n.createElement(c.Apartment.Error, {
+  className: C(te, f.error)
+}, /* @__PURE__ */ n.createElement(z, null), /* @__PURE__ */ n.createElement(c.Apartment.Error.Text, null)), /* @__PURE__ */ n.createElement(c.Apartment.Description, {
+  className: C(ne, f.description)
+}, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(X, {
+  content: e,
+  locale: t
+}))));
+export {
+  Fr as M
+};