@gusto/embedded-react-sdk 0.46.3 → 0.47.1

package/dist/components/Employee/HomeAddress/management/HomeAddressView.js

@@ -1,302 +1,322 @@
-import { jsxs as r, jsx as e, Fragment as z } from "react/jsx-runtime";
-import { useState as I, useRef as Te, useLayoutEffect as Pe, useMemo as A } from "react";
-import { useTranslation as Z, Trans as L } from "react-i18next";
-import { useWatch as Ie } from "react-hook-form";
-import { getPendingFutureHomeAddress as Ae, formatPendingHomeAddressLine as j } from "./getPendingFutureHomeAddress.js";
-import Le from "../../../../assets/icons/house.svg.js";
-import we from "../../../../assets/icons/pencil.svg.js";
-import Fe from "../../../../assets/icons/trashcan.svg.js";
-import { HomeAddressErrorCodes as a } from "../../Profile/shared/useHomeAddressForm/homeAddressSchema.js";
-import { SDKFormProvider as K } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { Flex as s, FlexItem as He } from "../../../Common/Flex/Flex.js";
+import { jsxs as n, jsx as t, Fragment as O } from "react/jsx-runtime";
+import { useState as P, useRef as ke, useLayoutEffect as Re, useMemo as H } from "react";
+import { useTranslation as Te, Trans as A } from "react-i18next";
+import { useWatch as Pe } from "react-hook-form";
+import { getPendingFutureHomeAddress as He, formatPendingHomeAddressLine as z } from "./getPendingFutureHomeAddress.js";
+import Ae from "../../../../assets/icons/house.svg.js";
+import Ie from "../../../../assets/icons/pencil.svg.js";
+import Le from "../../../../assets/icons/trashcan.svg.js";
+import { HomeAddressErrorCodes as o } from "../../Profile/shared/useHomeAddressForm/homeAddressSchema.js";
+import { SDKFormProvider as Z } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { Flex as a, FlexItem as we } from "../../../Common/Flex/Flex.js";
 import { Grid as $ } from "../../../Common/Grid/Grid.js";
 import { EmptyData as Ue } from "../../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as We } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as N } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { formatDateLongWithYear as x, normalizeToDate as Be, addDays as Ve } from "../../../../helpers/dateFormatting.js";
-import { formatStreetForDisplay as q, getCityStateZip as Y } from "../../../../helpers/formattedStrings.js";
-import { HamburgerMenu as Qe } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useDataView as Oe } from "../../../Common/DataView/useDataView.js";
-import { DataView as ze } from "../../../Common/DataView/DataView.js";
-function G({
-  CourtesyWithholding: u,
-  formHook: m,
-  tHa: d
+import { useComponentContext as Y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { formatDateLongWithYear as k, normalizeToDate as Be, addDays as Fe } from "../../../../helpers/dateFormatting.js";
+import { formatStreetForDisplay as j, getCityStateZip as K } from "../../../../helpers/formattedStrings.js";
+import { HamburgerMenu as Ve } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useDataView as Qe } from "../../../Common/DataView/useDataView.js";
+import { DataView as Oe } from "../../../Common/DataView/DataView.js";
+function q({
+  CourtesyWithholding: c,
+  formHook: u,
+  t: g
 }) {
-  const y = N(), { control: w } = m.form.hookFormInternals.formMethods, f = Ie({ control: w, name: "courtesyWithholding" });
-  return /* @__PURE__ */ r(z, { children: [
-    /* @__PURE__ */ e(
-      u,
+  const y = Y(), { control: I } = u.form.hookFormInternals.formMethods, p = Pe({ control: I, name: "courtesyWithholding" });
+  return /* @__PURE__ */ n(O, { children: [
+    /* @__PURE__ */ t(
+      c,
       {
-        label: d("courtesyWithholdingLabel"),
-        description: /* @__PURE__ */ r(z, { children: [
-          d("courtesyWithholdingDescription"),
-          /* @__PURE__ */ e(
-            L,
+        label: g("form.courtesyWithholdingLabel"),
+        description: /* @__PURE__ */ n(O, { children: [
+          g("form.courtesyWithholdingDescription"),
+          /* @__PURE__ */ t(
+            A,
             {
-              t: d,
-              i18nKey: "learnMoreCta",
+              t: g,
+              i18nKey: "form.learnMoreCta",
               components: {
-                LearnMoreLink: /* @__PURE__ */ e(y.Link, {})
+                LearnMoreLink: /* @__PURE__ */ t(y.Link, {})
               }
             }
           )
         ] })
       }
     ),
-    f ? /* @__PURE__ */ e(y.Alert, { label: d("withholdingTitle"), status: "warning", children: /* @__PURE__ */ e(L, { t: d, i18nKey: "withholdingNote" }) }) : null
+    p ? /* @__PURE__ */ t(y.Alert, { label: g("form.withholdingTitle"), status: "warning", children: /* @__PURE__ */ t(A, { t: g, i18nKey: "form.withholdingNote" }) }) : null
   ] });
 }
-function ct({
-  editHomeAddressForm: u,
-  createHomeAddressForm: m,
-  employeeHomeAddresses: d,
+function dt({
+  editHomeAddressForm: c,
+  createHomeAddressForm: u,
+  employeeHomeAddresses: g,
   employeeDisplayName: y,
-  editingHomeAddressUuid: w,
-  onEditAddressTargetChange: f,
-  onSaved: _,
-  onConfirmDelete: J,
-  onBack: X,
-  isDeletePending: ee = !1
+  editingHomeAddressUuid: I,
+  onEditAddressTargetChange: p,
+  onSaved: G,
+  onConfirmDelete: N,
+  onBack: _,
+  isDeletePending: J = !1
 }) {
-  const { t } = Z("Employee.HomeAddress.Management"), { t: o } = Z("Employee.HomeAddress"), n = N(), [l, C] = I(null), [h, S] = I(null), k = Te(null), [M, F] = I(void 0);
-  Pe(() => {
-    if (!l) {
-      F(void 0);
+  const { t: e } = Te("Employee.Management.HomeAddress"), r = Y(), [s, S] = P(null), [v, b] = P(null), R = ke(null), [E, L] = P(void 0);
+  Re(() => {
+    if (!s) {
+      L(void 0);
       return;
     }
     const i = () => {
-      F(k.current ?? void 0);
+      L(R.current ?? void 0);
     };
-    if (i(), k.current == null) {
-      const c = requestAnimationFrame(i);
+    if (i(), R.current == null) {
+      const l = requestAnimationFrame(i);
       return () => {
-        cancelAnimationFrame(c);
+        cancelAnimationFrame(l);
       };
     }
-  }, [l]);
+  }, [s]);
   const {
-    data: { homeAddress: p },
-    status: H,
+    status: w,
+    actions: { onSubmit: X },
+    form: ee
+  } = c, m = g, D = m?.find((i) => i.active === !0) ?? m?.[0], {
+    status: U,
     actions: { onSubmit: te },
     form: ie
-  } = u, g = d, {
-    status: U,
-    actions: { onSubmit: ne },
-    form: oe
-  } = m, {
+  } = u, {
     Fields: {
       Street1: re,
-      Street2: ae,
-      City: se,
-      State: le,
-      Zip: de,
-      CourtesyWithholding: ce,
+      Street2: ne,
+      City: oe,
+      State: ae,
+      Zip: le,
+      CourtesyWithholding: se,
       EffectiveDate: W
     }
-  } = ie, {
+  } = ee, {
     Fields: {
-      Street1: ue,
-      Street2: me,
-      City: fe,
-      State: he,
-      Zip: pe,
-      CourtesyWithholding: ge,
+      Street1: de,
+      Street2: ce,
+      City: ue,
+      State: me,
+      Zip: fe,
+      CourtesyWithholding: he,
       EffectiveDate: B
     }
-  } = oe, V = {
-    [a.REQUIRED]: o("validations.zip"),
-    [a.INVALID_ZIP]: o("validations.zip")
-  }, Q = {
-    [a.REQUIRED]: t("form.startDateRequired")
-  }, b = A(
-    () => Ae(g),
-    [g]
-  ), O = A(() => {
-    if (!(!h || !g))
-      return g.find((i) => i.uuid === h);
-  }, [h, g]), ve = A(() => {
+  } = ie, F = {
+    [o.REQUIRED]: e("form.validations.zip"),
+    [o.INVALID_ZIP]: e("form.validations.zip")
+  }, V = {
+    [o.REQUIRED]: e("form.startDateRequired")
+  }, M = H(
+    () => He(m),
+    [m]
+  ), Q = H(() => {
+    if (!(!v || !m))
+      return m.find((i) => i.uuid === v);
+  }, [v, m]), ge = H(() => {
     const i = y.trim();
-    return i ? `${i}'s` : t("changePendingPossessiveFallback");
-  }, [y, t]), E = [...g ?? []].sort((i, c) => {
-    const v = i.effectiveDate?.toString() ?? "", D = c.effectiveDate?.toString() ?? "";
-    return !v && !D ? 0 : v ? D ? v.localeCompare(D) : -1 : 1;
-  }), De = [...E.filter((i) => i.active !== !0)].reverse(), ye = (i) => {
-    const c = E.findIndex((Re) => Re.uuid === i.uuid);
-    if (c === -1 || c >= E.length - 1) return "—";
-    const v = E[c + 1]?.effectiveDate;
-    if (!v) return "—";
-    const D = Be(v.toString());
-    if (!D) return "—";
-    const P = Ve(D, -1), Ee = P.getFullYear(), xe = String(P.getMonth() + 1).padStart(2, "0"), ke = String(P.getDate()).padStart(2, "0");
-    return x(`${Ee}-${xe}-${ke}`);
-  }, Ce = Oe({
-    data: De,
+    return i ? `${i}'s` : e("changePendingPossessiveFallback");
+  }, [y, e]), x = [...m ?? []].sort((i, l) => {
+    const d = i.effectiveDate?.toString() ?? "", f = l.effectiveDate?.toString() ?? "";
+    return !d && !f ? 0 : d ? f ? d.localeCompare(f) : -1 : 1;
+  }), pe = [...x.filter((i) => i.active !== !0)].reverse(), ve = (i) => {
+    const l = x.findIndex((xe) => xe.uuid === i.uuid);
+    if (l === -1 || l >= x.length - 1) return "—";
+    const d = x[l + 1]?.effectiveDate;
+    if (!d) return "—";
+    const f = Be(d.toString());
+    if (!f) return "—";
+    const h = Fe(f, -1), be = h.getFullYear(), Ee = String(h.getMonth() + 1).padStart(2, "0"), Me = String(h.getDate()).padStart(2, "0");
+    return k(`${be}-${Ee}-${Me}`);
+  }, De = Qe({
+    data: pe,
     columns: [
       {
-        title: t("columns.address"),
-        render: (i) => /* @__PURE__ */ r(s, { flexDirection: "column", gap: 0, children: [
-          /* @__PURE__ */ e(n.Text, { weight: "medium", children: q(i) }),
-          /* @__PURE__ */ e(n.Text, { variant: "supporting", children: Y(i) })
+        title: e("columns.address"),
+        render: (i) => /* @__PURE__ */ n(a, { flexDirection: "column", gap: 0, children: [
+          /* @__PURE__ */ t(r.Text, { weight: "medium", children: j(i) }),
+          /* @__PURE__ */ t(r.Text, { variant: "supporting", children: K(i) })
         ] })
       },
       {
-        title: t("columns.startDate"),
-        render: (i) => i.effectiveDate ? x(i.effectiveDate.toString()) : "—"
+        title: e("columns.startDate"),
+        render: (i) => i.effectiveDate ? k(i.effectiveDate.toString()) : "—"
       },
       {
-        title: t("columns.endDate"),
-        render: (i) => ye(i)
+        title: e("columns.endDate"),
+        render: (i) => ve(i)
       }
     ],
-    itemMenu: (i) => /* @__PURE__ */ e(
-      Qe,
+    itemMenu: (i) => /* @__PURE__ */ t(
+      Ve,
       {
-        triggerLabel: t("rowMenuAriaLabel"),
+        triggerLabel: e("rowMenuAriaLabel"),
         items: [
           {
-            label: t("rowEdit"),
+            label: e("rowEdit"),
             onClick: () => {
-              f(i.uuid), C("edit");
+              p(i.uuid), S("edit");
             },
-            icon: /* @__PURE__ */ e(we, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ t(Ie, { "aria-hidden": !0 })
           },
           {
-            label: t("rowDelete"),
+            label: e("rowDelete"),
             onClick: () => {
-              i.active !== !0 && S(i.uuid);
+              i.active !== !0 && b(i.uuid);
             },
-            icon: /* @__PURE__ */ e(Fe, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ t(Le, { "aria-hidden": !0 })
           }
         ]
       }
     ),
-    emptyState: () => /* @__PURE__ */ e("div", { "data-testid": "home-address-history-empty", children: /* @__PURE__ */ e(
+    emptyState: () => /* @__PURE__ */ t("div", { "data-testid": "home-address-history-empty", children: /* @__PURE__ */ t(
       Ue,
       {
-        icon: /* @__PURE__ */ e(Le, { "aria-hidden": !0 }),
-        title: t("historyEmptyTitle"),
-        description: t("historyEmptyDescription")
+        icon: /* @__PURE__ */ t(Ae, { "aria-hidden": !0 }),
+        title: e("historyEmptyTitle"),
+        description: e("historyEmptyDescription")
       }
     ) })
-  }), R = () => {
-    C(null), f(void 0), u.form.hookFormInternals.formMethods.reset(void 0, {
+  }), T = () => {
+    S(null), p(void 0), c.form.hookFormInternals.formMethods.reset(void 0, {
       keepDirtyValues: !1
-    }), m.form.hookFormInternals.formMethods.reset(void 0, {
+    }), u.form.hookFormInternals.formMethods.reset(void 0, {
       keepDirtyValues: !1
-    });
-  }, Se = async () => {
-    if (!h)
+    }), c.errorHandling.clearSubmitError(), u.errorHandling.clearSubmitError();
+  }, Ce = async () => {
+    if (!v)
       return;
-    await J(h) && S(null);
-  }, T = l === "edit" ? {
+    await N(v) && b(null);
+  }, C = s === "edit" ? {
+    onSubmit: X,
+    isPending: w.isPending,
+    errorHandling: c.errorHandling
+  } : s === "create" ? {
     onSubmit: te,
-    isPending: H.isPending
-  } : l === "create" ? {
-    onSubmit: ne,
-    isPending: U.isPending
-  } : null, Me = async () => {
-    if (!T)
+    isPending: U.isPending,
+    errorHandling: u.errorHandling
+  } : null, ye = async () => {
+    if (!C)
       return;
-    const i = await T.onSubmit();
-    i && (_(i), R());
-  }, be = T?.isPending ?? !1;
-  return /* @__PURE__ */ r(s, { flexDirection: "column", gap: 24, children: [
-    /* @__PURE__ */ r(s, { flexDirection: "column", gap: 4, alignItems: "flex-start", children: [
-      /* @__PURE__ */ e(n.Heading, { as: "h1", styledAs: "h2", children: t("title") }),
-      /* @__PURE__ */ e(n.Text, { variant: "supporting", children: t("description") })
+    const i = await C.onSubmit();
+    i && (G(i), T());
+  }, Se = C?.isPending ?? !1;
+  return /* @__PURE__ */ n(a, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ n(a, { flexDirection: "column", gap: 4, alignItems: "flex-start", children: [
+      /* @__PURE__ */ t(r.Heading, { as: "h1", styledAs: "h2", children: e("title") }),
+      /* @__PURE__ */ t(r.Text, { variant: "supporting", children: e("description") })
     ] }),
-    /* @__PURE__ */ e(
-      n.Box,
+    /* @__PURE__ */ t(
+      r.Box,
       {
-        header: /* @__PURE__ */ e(
-          n.BoxHeader,
+        header: /* @__PURE__ */ t(
+          r.BoxHeader,
           {
-            title: t("currentSectionTitle"),
-            action: p ? /* @__PURE__ */ e(
-              n.Button,
+            title: e("currentSectionTitle"),
+            action: D ? /* @__PURE__ */ t(
+              r.Button,
               {
                 variant: "secondary",
                 onClick: () => {
-                  f(void 0), C("edit");
+                  p(void 0), S("edit");
                 },
-                isLoading: H.isPending,
-                children: t("editCta")
+                isLoading: w.isPending,
+                children: e("editCta")
               }
             ) : void 0
           }
         ),
-        footer: /* @__PURE__ */ e(
-          n.Button,
+        footer: /* @__PURE__ */ t(
+          r.Button,
           {
             variant: "secondary",
             onClick: () => {
-              f(void 0), C("create");
+              p(void 0), S("create");
             },
             isLoading: U.isPending,
-            children: t("changeCta")
+            children: e("changeCta")
           }
         ),
-        children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: [
-          p ? /* @__PURE__ */ r(s, { flexDirection: "column", gap: 4, children: [
-            /* @__PURE__ */ r(He, { children: [
-              /* @__PURE__ */ e(n.Text, { weight: "medium", children: q(p) }),
-              /* @__PURE__ */ e(n.Text, { weight: "medium", children: Y(p) })
+        children: /* @__PURE__ */ n(a, { flexDirection: "column", gap: 16, children: [
+          D ? /* @__PURE__ */ n(a, { flexDirection: "column", gap: 4, children: [
+            /* @__PURE__ */ n(we, { children: [
+              /* @__PURE__ */ t(r.Text, { weight: "medium", children: j(D) }),
+              /* @__PURE__ */ t(r.Text, { weight: "medium", children: K(D) })
             ] }),
-            p.effectiveDate ? /* @__PURE__ */ e(n.Text, { variant: "supporting", children: t("currentSince", {
-              date: x(p.effectiveDate.toString())
+            D.effectiveDate ? /* @__PURE__ */ t(r.Text, { variant: "supporting", children: e("currentSince", {
+              date: k(D.effectiveDate.toString())
             }) }) : null
-          ] }) : /* @__PURE__ */ e(n.Text, { children: o("formTitle") }),
-          b ? /* @__PURE__ */ e(n.Alert, { status: "warning", label: t("changePendingTitle"), children: /* @__PURE__ */ e(n.Text, { variant: "supporting", children: t("changePendingDescription", {
-            possessiveLabel: ve,
-            newAddress: j(b),
-            effectiveDate: b.effectiveDate ? x(b.effectiveDate.toString()) : "—",
+          ] }) : /* @__PURE__ */ t(r.Text, { children: e("form.noCurrentAddress") }),
+          M ? /* @__PURE__ */ t(r.Alert, { status: "warning", label: e("changePendingTitle"), children: /* @__PURE__ */ t(r.Text, { variant: "supporting", children: e("changePendingDescription", {
+            possessiveLabel: ge,
+            newAddress: z(M),
+            effectiveDate: M.effectiveDate ? k(M.effectiveDate.toString()) : "—",
             interpolation: { escapeValue: !1 }
           }) }) }) : null
         ] })
       }
     ),
-    /* @__PURE__ */ r(s, { flexDirection: "column", gap: 12, children: [
-      /* @__PURE__ */ e(n.Heading, { as: "h2", styledAs: "h4", children: t("historySectionTitle") }),
-      /* @__PURE__ */ e(ze, { label: t("historySectionTitle"), ...Ce })
+    /* @__PURE__ */ n(a, { flexDirection: "column", gap: 12, children: [
+      /* @__PURE__ */ t(r.Heading, { as: "h2", styledAs: "h4", children: e("historySectionTitle") }),
+      /* @__PURE__ */ t(Oe, { label: e("historySectionTitle"), ...De })
     ] }),
-    /* @__PURE__ */ e(We, { children: /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: X, children: t("backCta") }) }),
-    /* @__PURE__ */ e(
-      n.Modal,
+    /* @__PURE__ */ t(We, { children: /* @__PURE__ */ t(r.Button, { variant: "secondary", onClick: _, children: e("backCta") }) }),
+    /* @__PURE__ */ t(
+      r.Modal,
       {
-        isOpen: l !== null,
-        onClose: R,
+        isOpen: s !== null,
+        onClose: T,
         shouldCloseOnBackdropClick: !1,
-        containerRef: k,
-        footer: /* @__PURE__ */ r(s, { flexDirection: "row", gap: 12, justifyContent: "flex-end", children: [
-          /* @__PURE__ */ e(
-            n.Button,
+        containerRef: R,
+        footer: /* @__PURE__ */ n(a, { flexDirection: "row", gap: 12, justifyContent: "flex-end", children: [
+          /* @__PURE__ */ t(
+            r.Button,
             {
               variant: "secondary",
               onClick: () => {
-                R();
+                T();
               },
-              children: t("cancelCta")
+              children: e("cancelCta")
             }
           ),
-          /* @__PURE__ */ e(
-            n.Button,
+          /* @__PURE__ */ t(
+            r.Button,
             {
               variant: "primary",
               onClick: () => {
-                Me();
+                ye();
               },
-              isLoading: be,
-              children: t("submitCta")
+              isLoading: Se,
+              children: e("submitCta")
             }
           )
         ] }),
-        children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 32, children: [
-          /* @__PURE__ */ r(s, { flexDirection: "column", gap: 4, children: [
-            /* @__PURE__ */ e(n.Heading, { as: "h2", children: t(l === "edit" ? "editModalTitle" : "createModalTitle") }),
-            /* @__PURE__ */ e(n.Text, { variant: "supporting", children: t(l === "edit" ? "editModalDescription" : "createModalDescription") })
+        children: /* @__PURE__ */ n(a, { flexDirection: "column", gap: 32, children: [
+          /* @__PURE__ */ n(a, { flexDirection: "column", gap: 4, children: [
+            /* @__PURE__ */ t(r.Heading, { as: "h2", children: e(s === "edit" ? "editModalTitle" : "createModalTitle") }),
+            /* @__PURE__ */ t(r.Text, { variant: "supporting", children: e(s === "edit" ? "editModalDescription" : "createModalDescription") })
           ] }),
-          l === "edit" ? /* @__PURE__ */ e(K, { formHookResult: u, children: /* @__PURE__ */ r(
+          C && C.errorHandling.errors.length > 0 ? /* @__PURE__ */ n(r.Alert, { status: "error", label: e("submitErrorAlertTitle"), children: [
+            /* @__PURE__ */ t(
+              r.UnorderedList,
+              {
+                items: C.errorHandling.errors.flatMap(
+                  (i, l) => {
+                    const d = i.fieldErrors.filter(
+                      (h) => h.message
+                    );
+                    if (d.length > 0)
+                      return d.map((h) => /* @__PURE__ */ t("span", { children: h.message }, `${l}-${h.field}`));
+                    const f = i.message || e("submitErrorAlertFallback");
+                    return [/* @__PURE__ */ t("span", { children: f }, l)];
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ t(r.Text, { variant: "supporting", children: e("submitErrorAlertHelp") })
+          ] }) : null,
+          s === "edit" ? /* @__PURE__ */ t(Z, { formHookResult: c, children: /* @__PURE__ */ n(
             $,
             {
               gridTemplateColumns: {
@@ -305,65 +325,65 @@ function ct({
               },
               gap: 20,
               children: [
-                W ? /* @__PURE__ */ e(
+                W ? /* @__PURE__ */ t(
                   W,
                   {
-                    label: t("columns.startDate"),
-                    description: t("startDateHelper"),
-                    validationMessages: Q,
-                    portalContainer: M
+                    label: e("columns.startDate"),
+                    description: e("startDateHelper"),
+                    validationMessages: V,
+                    portalContainer: E
                   }
                 ) : null,
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   re,
                   {
-                    label: o("street1"),
+                    label: e("form.street1"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.street1")
+                      [o.REQUIRED]: e("form.validations.street1")
                     }
                   }
                 ),
-                /* @__PURE__ */ e(
-                  ae,
+                /* @__PURE__ */ t(
+                  ne,
                   {
-                    label: o("street2"),
+                    label: e("form.street2"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.street1")
+                      [o.REQUIRED]: e("form.validations.street1")
                     }
                   }
                 ),
-                /* @__PURE__ */ e(
-                  se,
+                /* @__PURE__ */ t(
+                  oe,
                   {
-                    label: o("city"),
+                    label: e("form.city"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.city")
+                      [o.REQUIRED]: e("form.validations.city")
                     }
                   }
                 ),
-                /* @__PURE__ */ e(
-                  le,
+                /* @__PURE__ */ t(
+                  ae,
                   {
-                    label: o("state"),
+                    label: e("form.state"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.state")
+                      [o.REQUIRED]: e("form.validations.state")
                     },
-                    portalContainer: M
+                    portalContainer: E
                   }
                 ),
-                /* @__PURE__ */ e(de, { label: o("zip"), validationMessages: V }),
-                /* @__PURE__ */ e(
-                  G,
+                /* @__PURE__ */ t(le, { label: e("form.zip"), validationMessages: F }),
+                /* @__PURE__ */ t(
+                  q,
                   {
-                    CourtesyWithholding: ce,
-                    formHook: u,
-                    tHa: o
+                    CourtesyWithholding: se,
+                    formHook: c,
+                    t: e
                   }
                 )
               ]
             }
           ) }) : null,
-          l === "create" ? /* @__PURE__ */ e(K, { formHookResult: m, children: /* @__PURE__ */ r(
+          s === "create" ? /* @__PURE__ */ t(Z, { formHookResult: u, children: /* @__PURE__ */ n(
             $,
             {
               gridTemplateColumns: {
@@ -372,59 +392,59 @@ function ct({
               },
               gap: 20,
               children: [
-                B ? /* @__PURE__ */ e(
+                B ? /* @__PURE__ */ t(
                   B,
                   {
-                    label: t("columns.startDate"),
-                    description: t("startDateHelper"),
-                    validationMessages: Q,
-                    portalContainer: M
+                    label: e("columns.startDate"),
+                    description: e("startDateHelper"),
+                    validationMessages: V,
+                    portalContainer: E
                   }
                 ) : null,
-                /* @__PURE__ */ e(
-                  ue,
+                /* @__PURE__ */ t(
+                  de,
                   {
-                    label: o("street1"),
+                    label: e("form.street1"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.street1")
+                      [o.REQUIRED]: e("form.validations.street1")
                     }
                   }
                 ),
-                /* @__PURE__ */ e(
-                  me,
+                /* @__PURE__ */ t(
+                  ce,
                   {
-                    label: o("street2"),
+                    label: e("form.street2"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.street1")
+                      [o.REQUIRED]: e("form.validations.street1")
                     }
                   }
                 ),
-                /* @__PURE__ */ e(
-                  fe,
+                /* @__PURE__ */ t(
+                  ue,
                   {
-                    label: o("city"),
+                    label: e("form.city"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.city")
+                      [o.REQUIRED]: e("form.validations.city")
                     }
                   }
                 ),
-                /* @__PURE__ */ e(
-                  he,
+                /* @__PURE__ */ t(
+                  me,
                   {
-                    label: o("state"),
+                    label: e("form.state"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.state")
+                      [o.REQUIRED]: e("form.validations.state")
                     },
-                    portalContainer: M
+                    portalContainer: E
                   }
                 ),
-                /* @__PURE__ */ e(pe, { label: o("zip"), validationMessages: V }),
-                /* @__PURE__ */ e(
-                  G,
+                /* @__PURE__ */ t(fe, { label: e("form.zip"), validationMessages: F }),
+                /* @__PURE__ */ t(
+                  q,
                   {
-                    CourtesyWithholding: ge,
-                    formHook: m,
-                    tHa: o
+                    CourtesyWithholding: he,
+                    formHook: u,
+                    t: e
                   }
                 )
               ]
@@ -433,49 +453,49 @@ function ct({
         ] })
       }
     ),
-    /* @__PURE__ */ e(
-      n.Modal,
+    /* @__PURE__ */ t(
+      r.Modal,
       {
-        isOpen: h !== null,
+        isOpen: v !== null,
         onClose: () => {
-          S(null);
+          b(null);
         },
         shouldCloseOnBackdropClick: !1,
-        footer: /* @__PURE__ */ r(s, { flexDirection: "row", gap: 12, justifyContent: "flex-end", children: [
-          /* @__PURE__ */ e(
-            n.Button,
+        footer: /* @__PURE__ */ n(a, { flexDirection: "row", gap: 12, justifyContent: "flex-end", children: [
+          /* @__PURE__ */ t(
+            r.Button,
             {
               variant: "secondary",
               onClick: () => {
-                S(null);
+                b(null);
               },
-              children: t("cancelCta")
+              children: e("cancelCta")
             }
           ),
-          /* @__PURE__ */ e(
-            n.Button,
+          /* @__PURE__ */ t(
+            r.Button,
             {
               variant: "error",
               onClick: () => {
-                Se();
+                Ce();
               },
-              isLoading: ee,
-              children: t("deleteModalConfirmCta")
+              isLoading: J,
+              children: e("deleteModalConfirmCta")
             }
           )
         ] }),
-        children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("deleteModalTitle") }),
-          /* @__PURE__ */ e(n.Text, { variant: "supporting", children: O ? /* @__PURE__ */ e(
-            L,
+        children: /* @__PURE__ */ n(a, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ t(r.Heading, { as: "h2", children: e("deleteModalTitle") }),
+          /* @__PURE__ */ t(r.Text, { variant: "supporting", children: Q ? /* @__PURE__ */ t(
+            A,
             {
-              t,
+              t: e,
               i18nKey: "deleteModalDescription",
               values: {
-                address: j(O)
+                address: z(Q)
               },
               components: {
-                strong: /* @__PURE__ */ e(n.Text, { weight: "medium", as: "span" })
+                strong: /* @__PURE__ */ t(r.Text, { weight: "medium", as: "span" })
               },
               tOptions: { interpolation: { escapeValue: !1 } }
             }
@@ -486,6 +506,6 @@ function ct({
   ] });
 }
 export {
-  ct as HomeAddressView
+  dt as HomeAddressView
 };
 //# sourceMappingURL=HomeAddressView.js.map