@wix/form-elements 1.82.0 → 1.83.0

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

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