@gusto/embedded-react-sdk 0.46.2 → 0.47.0

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

@@ -1,97 +1,97 @@
-import { jsxs as r, jsx as e, Fragment as V } from "react/jsx-runtime";
-import { useState as I, useRef as ke, useLayoutEffect as Te, useMemo as A } from "react";
-import { useTranslation as O, Trans as L } from "react-i18next";
+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 Ie, formatPendingHomeAddressLine as z } from "./getPendingFutureHomeAddress.js";
+import { getPendingFutureHomeAddress as He, formatPendingHomeAddressLine as z } from "./getPendingFutureHomeAddress.js";
 import Ae from "../../../../assets/icons/house.svg.js";
-import Le from "../../../../assets/icons/pencil.svg.js";
-import we from "../../../../assets/icons/trashcan.svg.js";
-import { HomeAddressErrorCodes as a } from "../../Profile/shared/useHomeAddressForm/homeAddressSchema.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 s, FlexItem as Fe } from "../../../Common/Flex/Flex.js";
-import { Grid as j } from "../../../Common/Grid/Grid.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 Y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { formatDateLongWithYear as E, normalizeToDate as Be, addDays as He } from "../../../../helpers/dateFormatting.js";
-import { formatStreetForDisplay as K, getCityStateZip as $ } from "../../../../helpers/formattedStrings.js";
-import { HamburgerMenu as Qe } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useDataView as Ve } from "../../../Common/DataView/useDataView.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: u,
-  formHook: m,
-  tHa: c
+  CourtesyWithholding: c,
+  formHook: u,
+  t: g
 }) {
-  const y = Y(), { control: w } = m.form.hookFormInternals.formMethods, f = Pe({ control: w, name: "courtesyWithholding" });
-  return /* @__PURE__ */ r(V, { 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: c("courtesyWithholdingLabel"),
-        description: /* @__PURE__ */ r(V, { children: [
-          c("courtesyWithholdingDescription"),
-          /* @__PURE__ */ e(
-            L,
+        label: g("form.courtesyWithholdingLabel"),
+        description: /* @__PURE__ */ n(O, { children: [
+          g("form.courtesyWithholdingDescription"),
+          /* @__PURE__ */ t(
+            A,
             {
-              t: c,
-              i18nKey: "learnMoreCta",
+              t: g,
+              i18nKey: "form.learnMoreCta",
               components: {
-                LearnMoreLink: /* @__PURE__ */ e(y.Link, {})
+                LearnMoreLink: /* @__PURE__ */ t(y.Link, {})
               }
             }
           )
         ] })
       }
     ),
-    f ? /* @__PURE__ */ e(y.Alert, { label: c("withholdingTitle"), status: "warning", children: /* @__PURE__ */ e(L, { t: c, 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 dt({
-  editHomeAddressForm: u,
-  createHomeAddressForm: m,
-  employeeHomeAddresses: c,
+  editHomeAddressForm: c,
+  createHomeAddressForm: u,
+  employeeHomeAddresses: g,
   employeeDisplayName: y,
-  editingHomeAddressUuid: w,
-  onEditAddressTargetChange: f,
+  editingHomeAddressUuid: I,
+  onEditAddressTargetChange: p,
   onSaved: G,
   onConfirmDelete: N,
   onBack: _,
   isDeletePending: J = !1
 }) {
-  const { t } = O("Employee.HomeAddress.Management"), { t: o } = O("Employee.HomeAddress"), n = Y(), [l, C] = I(null), [h, S] = I(null), R = ke(null), [k, F] = I(void 0);
-  Te(() => {
-    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(R.current ?? void 0);
+      L(R.current ?? void 0);
     };
     if (i(), R.current == null) {
-      const d = requestAnimationFrame(i);
+      const l = requestAnimationFrame(i);
       return () => {
-        cancelAnimationFrame(d);
+        cancelAnimationFrame(l);
       };
     }
-  }, [l]);
+  }, [s]);
   const {
-    data: { homeAddress: g },
-    status: U,
+    status: w,
     actions: { onSubmit: X },
     form: ee
-  } = u, p = c, {
-    status: W,
+  } = c, m = g, D = m?.find((i) => i.active === !0) ?? m?.[0], {
+    status: U,
     actions: { onSubmit: te },
     form: ie
-  } = m, {
+  } = u, {
     Fields: {
-      Street1: ne,
-      Street2: oe,
-      City: re,
+      Street1: re,
+      Street2: ne,
+      City: oe,
       State: ae,
-      Zip: se,
-      CourtesyWithholding: le
+      Zip: le,
+      CourtesyWithholding: se,
+      EffectiveDate: W
     }
   } = ee, {
     Fields: {
@@ -103,200 +103,221 @@ function dt({
       CourtesyWithholding: he,
       EffectiveDate: B
     }
-  } = ie, H = {
-    [a.REQUIRED]: o("validations.zip"),
-    [a.INVALID_ZIP]: o("validations.zip")
-  }, ge = {
-    [a.REQUIRED]: t("form.startDateRequired")
-  }, M = A(
-    () => Ie(p),
-    [p]
-  ), Q = A(() => {
-    if (!(!h || !p))
-      return p.find((i) => i.uuid === h);
-  }, [h, p]), pe = 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]), b = [...p ?? []].sort((i, d) => {
-    const v = i.effectiveDate?.toString() ?? "", D = d.effectiveDate?.toString() ?? "";
-    return !v && !D ? 0 : v ? D ? v.localeCompare(D) : -1 : 1;
-  }), ve = [...b.filter((i) => i.active !== !0)].reverse(), De = (i) => {
-    const d = b.findIndex((Re) => Re.uuid === i.uuid);
-    if (d === -1 || d >= b.length - 1) return "—";
-    const v = b[d + 1]?.effectiveDate;
-    if (!v) return "—";
-    const D = Be(v.toString());
-    if (!D) return "—";
-    const P = He(D, -1), be = P.getFullYear(), xe = String(P.getMonth() + 1).padStart(2, "0"), Ee = String(P.getDate()).padStart(2, "0");
-    return E(`${be}-${xe}-${Ee}`);
-  }, ye = Ve({
-    data: ve,
+    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: K(i) }),
-          /* @__PURE__ */ e(n.Text, { variant: "supporting", children: $(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 ? E(i.effectiveDate.toString()) : "—"
+        title: e("columns.startDate"),
+        render: (i) => i.effectiveDate ? k(i.effectiveDate.toString()) : "—"
       },
       {
-        title: t("columns.endDate"),
-        render: (i) => De(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(Le, { "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(we, { "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(Ae, { "aria-hidden": !0 }),
-        title: t("historyEmptyTitle"),
-        description: t("historyEmptyDescription")
+        icon: /* @__PURE__ */ t(Ae, { "aria-hidden": !0 }),
+        title: e("historyEmptyTitle"),
+        description: e("historyEmptyDescription")
       }
     ) })
   }), T = () => {
-    C(null), f(void 0);
+    S(null), p(void 0), c.form.hookFormInternals.formMethods.reset(void 0, {
+      keepDirtyValues: !1
+    }), u.form.hookFormInternals.formMethods.reset(void 0, {
+      keepDirtyValues: !1
+    }), c.errorHandling.clearSubmitError(), u.errorHandling.clearSubmitError();
   }, Ce = async () => {
-    if (!h)
+    if (!v)
       return;
-    await N(h) && S(null);
-  }, x = l === "edit" ? {
+    await N(v) && b(null);
+  }, C = s === "edit" ? {
     onSubmit: X,
-    formMethods: u.form.hookFormInternals.formMethods,
-    isPending: U.isPending
-  } : l === "create" ? {
+    isPending: w.isPending,
+    errorHandling: c.errorHandling
+  } : s === "create" ? {
     onSubmit: te,
-    formMethods: m.form.hookFormInternals.formMethods,
-    isPending: W.isPending
-  } : null, Se = async () => {
-    if (!x)
+    isPending: U.isPending,
+    errorHandling: u.errorHandling
+  } : null, ye = async () => {
+    if (!C)
       return;
-    const i = await x.onSubmit();
-    i && G(i);
-    const d = Object.keys(x.formMethods.formState.errors).length > 0;
-    (i || !d) && T();
-  }, Me = x?.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: g ? /* @__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: U.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: W.isPending,
-            children: t("changeCta")
+            isLoading: U.isPending,
+            children: e("changeCta")
           }
         ),
-        children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: [
-          g ? /* @__PURE__ */ r(s, { flexDirection: "column", gap: 4, children: [
-            /* @__PURE__ */ r(Fe, { children: [
-              /* @__PURE__ */ e(n.Text, { weight: "medium", children: K(g) }),
-              /* @__PURE__ */ e(n.Text, { weight: "medium", children: $(g) })
+        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) })
             ] }),
-            g.effectiveDate ? /* @__PURE__ */ e(n.Text, { variant: "supporting", children: t("currentSince", {
-              date: E(g.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") }),
-          M ? /* @__PURE__ */ e(n.Alert, { status: "warning", label: t("changePendingTitle"), children: /* @__PURE__ */ e(n.Text, { variant: "supporting", children: t("changePendingDescription", {
-            possessiveLabel: pe,
+          ] }) : /* @__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 ? E(M.effectiveDate.toString()) : "—",
+            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(Oe, { label: t("historySectionTitle"), ...ye })
+    /* @__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: _, 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,
+        isOpen: s !== null,
         onClose: T,
         shouldCloseOnBackdropClick: !1,
         containerRef: R,
-        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: () => {
                 T();
               },
-              children: t("cancelCta")
+              children: e("cancelCta")
             }
           ),
-          /* @__PURE__ */ e(
-            n.Button,
+          /* @__PURE__ */ t(
+            r.Button,
             {
               variant: "primary",
               onClick: () => {
-                Se();
+                ye();
               },
-              isLoading: Me,
-              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(Z, { formHookResult: u, children: /* @__PURE__ */ r(
-            j,
+          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: {
                 base: "1fr",
@@ -304,57 +325,66 @@ function dt({
               },
               gap: 20,
               children: [
-                /* @__PURE__ */ e(
-                  ne,
+                W ? /* @__PURE__ */ t(
+                  W,
                   {
-                    label: o("street1"),
+                    label: e("columns.startDate"),
+                    description: e("startDateHelper"),
+                    validationMessages: V,
+                    portalContainer: E
+                  }
+                ) : null,
+                /* @__PURE__ */ t(
+                  re,
+                  {
+                    label: e("form.street1"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.street1")
+                      [o.REQUIRED]: e("form.validations.street1")
                     }
                   }
                 ),
-                /* @__PURE__ */ e(
-                  oe,
+                /* @__PURE__ */ t(
+                  ne,
                   {
-                    label: o("street2"),
+                    label: e("form.street2"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.street1")
+                      [o.REQUIRED]: e("form.validations.street1")
                     }
                   }
                 ),
-                /* @__PURE__ */ e(
-                  re,
+                /* @__PURE__ */ t(
+                  oe,
                   {
-                    label: o("city"),
+                    label: e("form.city"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.city")
+                      [o.REQUIRED]: e("form.validations.city")
                     }
                   }
                 ),
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   ae,
                   {
-                    label: o("state"),
+                    label: e("form.state"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.state")
+                      [o.REQUIRED]: e("form.validations.state")
                     },
-                    portalContainer: k
+                    portalContainer: E
                   }
                 ),
-                /* @__PURE__ */ e(se, { label: o("zip"), validationMessages: H }),
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(le, { label: e("form.zip"), validationMessages: F }),
+                /* @__PURE__ */ t(
                   q,
                   {
-                    CourtesyWithholding: le,
-                    formHook: u,
-                    tHa: o
+                    CourtesyWithholding: se,
+                    formHook: c,
+                    t: e
                   }
                 )
               ]
             }
           ) }) : null,
-          l === "create" ? /* @__PURE__ */ e(Z, { formHookResult: m, children: /* @__PURE__ */ r(
-            j,
+          s === "create" ? /* @__PURE__ */ t(Z, { formHookResult: u, children: /* @__PURE__ */ n(
+            $,
             {
               gridTemplateColumns: {
                 base: "1fr",
@@ -362,59 +392,59 @@ function dt({
               },
               gap: 20,
               children: [
-                B ? /* @__PURE__ */ e(
+                B ? /* @__PURE__ */ t(
                   B,
                   {
-                    label: t("columns.startDate"),
-                    description: t("startDateHelper"),
-                    validationMessages: ge,
-                    portalContainer: k
+                    label: e("columns.startDate"),
+                    description: e("startDateHelper"),
+                    validationMessages: V,
+                    portalContainer: E
                   }
                 ) : null,
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   de,
                   {
-                    label: o("street1"),
+                    label: e("form.street1"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.street1")
+                      [o.REQUIRED]: e("form.validations.street1")
                     }
                   }
                 ),
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   ce,
                   {
-                    label: o("street2"),
+                    label: e("form.street2"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.street1")
+                      [o.REQUIRED]: e("form.validations.street1")
                     }
                   }
                 ),
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   ue,
                   {
-                    label: o("city"),
+                    label: e("form.city"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.city")
+                      [o.REQUIRED]: e("form.validations.city")
                     }
                   }
                 ),
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   me,
                   {
-                    label: o("state"),
+                    label: e("form.state"),
                     validationMessages: {
-                      [a.REQUIRED]: o("validations.state")
+                      [o.REQUIRED]: e("form.validations.state")
                     },
-                    portalContainer: k
+                    portalContainer: E
                   }
                 ),
-                /* @__PURE__ */ e(fe, { label: o("zip"), validationMessages: H }),
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(fe, { label: e("form.zip"), validationMessages: F }),
+                /* @__PURE__ */ t(
                   q,
                   {
                     CourtesyWithholding: he,
-                    formHook: m,
-                    tHa: o
+                    formHook: u,
+                    t: e
                   }
                 )
               ]
@@ -423,49 +453,49 @@ function dt({
         ] })
       }
     ),
-    /* @__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: () => {
                 Ce();
               },
               isLoading: J,
-              children: t("deleteModalConfirmCta")
+              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: Q ? /* @__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: 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 } }
             }