@wix/form-elements 0.0.0-stage → 1.53.0

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

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