@gusto/embedded-react-sdk 0.44.1 → 0.45.0

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.js

@@ -1,20 +1,21 @@
-import { jsx as i, jsxs as p, Fragment as g } from "react/jsx-runtime";
-import { useTranslation as f, Trans as r } from "react-i18next";
-import { BaseLayout as h } from "../../../Base/Base.js";
+import { jsx as i, jsxs as n, Fragment as h } from "react/jsx-runtime";
+import { useTranslation as f, Trans as a } from "react-i18next";
+import { BaseLayout as b } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { Form as b } from "../../../Common/Form/Form.js";
-import { SDKFormProvider as E } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function H({
-  federalTaxes: n,
-  onSubmit: s,
-  actions: a,
-  alert: d,
-  className: c,
-  children: u
+import { Form as E } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as R } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as l } from "../../../Common/Flex/Flex.js";
+function T({
+  federalTaxes: r,
+  onSubmit: d,
+  actions: c,
+  alert: m,
+  className: u,
+  children: p
 }) {
-  const { t: e } = f("Employee.FederalTaxes"), o = R(), t = n.form.Fields, m = (l) => {
-    switch (l) {
+  const { t: e } = f("Employee.FederalTaxes"), o = x(), t = r.form.Fields, g = (s) => {
+    switch (s) {
       case "Single":
         return e("filingStatusSingle");
       case "Married":
@@ -25,80 +26,86 @@ function H({
         return e("filingStatusExemptFromWithholding");
     }
   };
-  return /* @__PURE__ */ i("section", { className: c, children: /* @__PURE__ */ i(h, { error: n.errorHandling.errors, children: /* @__PURE__ */ i(E, { formHookResult: n, children: /* @__PURE__ */ i(b, { onSubmit: s, children: u ?? /* @__PURE__ */ p(g, { children: [
-    d,
-    /* @__PURE__ */ i(o.Heading, { as: "h1", children: e("federalTaxesTitle") }),
-    /* @__PURE__ */ i(o.Text, { children: /* @__PURE__ */ i(
-      r,
-      {
-        i18nKey: "irsCalculator",
-        t: e,
-        components: {
-          IrsCalculatorLink: /* @__PURE__ */ i(o.Link, {}),
-          HelpCenterLink: /* @__PURE__ */ i(o.Link, {})
-        }
-      }
-    ) }),
-    /* @__PURE__ */ i(
-      t.FilingStatus,
-      {
-        label: e("federalFilingStatus1c"),
-        placeholder: e("federalFilingStatusPlaceholder"),
-        description: e("selectWithholdingDescription"),
-        validationMessages: { REQUIRED: e("validations.federalFilingStatus") },
-        getOptionLabel: m
-      }
-    ),
-    /* @__PURE__ */ i(
-      t.TwoJobs,
-      {
-        label: e("multipleJobs2c"),
-        description: /* @__PURE__ */ i(
-          r,
+  return /* @__PURE__ */ i(l, { flexDirection: "column", alignItems: "stretch", children: /* @__PURE__ */ i("section", { className: u, children: /* @__PURE__ */ i(b, { error: r.errorHandling.errors, children: /* @__PURE__ */ i(R, { formHookResult: r, children: /* @__PURE__ */ i(E, { onSubmit: d, children: p ?? /* @__PURE__ */ n(h, { children: [
+    m,
+    /* @__PURE__ */ n(l, { flexDirection: "column", gap: 32, children: [
+      /* @__PURE__ */ n(l, { flexDirection: "column", gap: 4, children: [
+        /* @__PURE__ */ i(o.Heading, { as: "h1", styledAs: "h2", children: e("federalTaxesTitle") }),
+        /* @__PURE__ */ i(o.Text, { variant: "supporting", children: /* @__PURE__ */ i(
+          a,
           {
-            i18nKey: "includesSpouseExplanation",
+            i18nKey: "irsCalculator",
             t: e,
             components: {
-              IrsLink: /* @__PURE__ */ i(o.Link, {})
+              IrsCalculatorLink: /* @__PURE__ */ i(o.Link, {}),
+              HelpCenterLink: /* @__PURE__ */ i(o.Link, {})
             }
           }
+        ) })
+      ] }),
+      /* @__PURE__ */ n(l, { flexDirection: "column", gap: 20, children: [
+        /* @__PURE__ */ i(
+          t.FilingStatus,
+          {
+            label: e("federalFilingStatus1c"),
+            placeholder: e("federalFilingStatusPlaceholder"),
+            description: e("selectWithholdingDescription"),
+            validationMessages: { REQUIRED: e("validations.federalFilingStatus") },
+            getOptionLabel: g
+          }
+        ),
+        /* @__PURE__ */ i(
+          t.TwoJobs,
+          {
+            label: e("multipleJobs2c"),
+            description: /* @__PURE__ */ i(
+              a,
+              {
+                i18nKey: "includesSpouseExplanation",
+                t: e,
+                components: {
+                  IrsLink: /* @__PURE__ */ i(o.Link, {})
+                }
+              }
+            ),
+            validationMessages: { REQUIRED: e("validations.federalTwoJobs") },
+            getOptionLabel: (s) => e(s ? "twoJobYesLabel" : "twoJobNoLabel")
+          }
+        ),
+        /* @__PURE__ */ i(
+          t.DependentsAmount,
+          {
+            label: e("dependentsTotalIfApplicable"),
+            validationMessages: { REQUIRED: e("fieldIsRequired") }
+          }
         ),
-        validationMessages: { REQUIRED: e("validations.federalTwoJobs") },
-        getOptionLabel: (l) => e(l ? "twoJobYesLabel" : "twoJobNoLabel")
-      }
-    ),
-    /* @__PURE__ */ i(
-      t.DependentsAmount,
-      {
-        label: e("dependentsTotalIfApplicable"),
-        validationMessages: { REQUIRED: e("fieldIsRequired") }
-      }
-    ),
-    /* @__PURE__ */ i(
-      t.OtherIncome,
-      {
-        label: e("otherIncome"),
-        validationMessages: { REQUIRED: e("fieldIsRequired") }
-      }
-    ),
-    /* @__PURE__ */ i(
-      t.Deductions,
-      {
-        label: e("deductions"),
-        validationMessages: { REQUIRED: e("fieldIsRequired") }
-      }
-    ),
-    /* @__PURE__ */ i(
-      t.ExtraWithholding,
-      {
-        label: e("extraWithholding"),
-        validationMessages: { REQUIRED: e("fieldIsRequired") }
-      }
-    ),
-    a
-  ] }) }) }) }) });
+        /* @__PURE__ */ i(
+          t.OtherIncome,
+          {
+            label: e("otherIncome"),
+            validationMessages: { REQUIRED: e("fieldIsRequired") }
+          }
+        ),
+        /* @__PURE__ */ i(
+          t.Deductions,
+          {
+            label: e("deductions"),
+            validationMessages: { REQUIRED: e("fieldIsRequired") }
+          }
+        ),
+        /* @__PURE__ */ i(
+          t.ExtraWithholding,
+          {
+            label: e("extraWithholding"),
+            validationMessages: { REQUIRED: e("fieldIsRequired") }
+          }
+        )
+      ] }),
+      c
+    ] })
+  ] }) }) }) }) }) });
 }
 export {
-  H as FederalTaxesView
+  T as FederalTaxesView
 };
 //# sourceMappingURL=FederalTaxesView.js.map

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxesView.js","sources":["../../../../../src/components/Employee/FederalTaxes/shared/FederalTaxesView.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type useFederalTaxesForm, type FilingStatusValue } from './useFederalTaxesForm'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype ReadyFederalTaxesForm = Extract<ReturnType<typeof useFederalTaxesForm>, { isLoading: false }>\n\nexport interface FederalTaxesViewProps {\n  federalTaxes: ReadyFederalTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  children?: ReactNode\n}\n\nexport function FederalTaxesView({\n  federalTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  children,\n}: FederalTaxesViewProps) {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n  const Fields = federalTaxes.form.Fields\n\n  const filingStatusLabel = (value: FilingStatusValue): string => {\n    switch (value) {\n      case 'Single':\n        return t('filingStatusSingle')\n      case 'Married':\n        return t('filingStatusMarried')\n      case 'Head of Household':\n        return t('filingStatusHeadOfHousehold')\n      case 'Exempt from withholding':\n        return t('filingStatusExemptFromWithholding')\n    }\n  }\n\n  return (\n    <section className={className}>\n      <BaseLayout error={federalTaxes.errorHandling.errors}>\n        <SDKFormProvider formHookResult={federalTaxes}>\n          <Form onSubmit={onSubmit}>\n            {children ?? (\n              <>\n                {alert}\n\n                <Components.Heading as=\"h1\">{t('federalTaxesTitle')}</Components.Heading>\n                <Components.Text>\n                  <Trans\n                    i18nKey=\"irsCalculator\"\n                    t={t}\n                    components={{\n                      IrsCalculatorLink: <Components.Link />,\n                      HelpCenterLink: <Components.Link />,\n                    }}\n                  />\n                </Components.Text>\n\n                <Fields.FilingStatus\n                  label={t('federalFilingStatus1c')}\n                  placeholder={t('federalFilingStatusPlaceholder')}\n                  description={t('selectWithholdingDescription')}\n                  validationMessages={{ REQUIRED: t('validations.federalFilingStatus') }}\n                  getOptionLabel={filingStatusLabel}\n                />\n                <Fields.TwoJobs\n                  label={t('multipleJobs2c')}\n                  description={\n                    <Trans\n                      i18nKey=\"includesSpouseExplanation\"\n                      t={t}\n                      components={{\n                        IrsLink: <Components.Link />,\n                      }}\n                    />\n                  }\n                  validationMessages={{ REQUIRED: t('validations.federalTwoJobs') }}\n                  getOptionLabel={value => (value ? t('twoJobYesLabel') : t('twoJobNoLabel'))}\n                />\n                <Fields.DependentsAmount\n                  label={t('dependentsTotalIfApplicable')}\n                  validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                />\n                <Fields.OtherIncome\n                  label={t('otherIncome')}\n                  validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                />\n                <Fields.Deductions\n                  label={t('deductions')}\n                  validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                />\n                <Fields.ExtraWithholding\n                  label={t('extraWithholding')}\n                  validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                />\n\n                {actions}\n              </>\n            )}\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["FederalTaxesView","federalTaxes","onSubmit","actions","alert","className","children","t","useTranslation","Components","useComponentContext","Fields","filingStatusLabel","value","jsx","BaseLayout","SDKFormProvider","Form","jsxs","Fragment","Trans"],"mappings":"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"}
+{"version":3,"file":"FederalTaxesView.js","sources":["../../../../../src/components/Employee/FederalTaxes/shared/FederalTaxesView.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type useFederalTaxesForm, type FilingStatusValue } from './useFederalTaxesForm'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common/Flex'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype ReadyFederalTaxesForm = Extract<ReturnType<typeof useFederalTaxesForm>, { isLoading: false }>\n\nexport interface FederalTaxesViewProps {\n  federalTaxes: ReadyFederalTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  children?: ReactNode\n}\n\nexport function FederalTaxesView({\n  federalTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  children,\n}: FederalTaxesViewProps) {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n  const Fields = federalTaxes.form.Fields\n\n  const filingStatusLabel = (value: FilingStatusValue): string => {\n    switch (value) {\n      case 'Single':\n        return t('filingStatusSingle')\n      case 'Married':\n        return t('filingStatusMarried')\n      case 'Head of Household':\n        return t('filingStatusHeadOfHousehold')\n      case 'Exempt from withholding':\n        return t('filingStatusExemptFromWithholding')\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\">\n      <section className={className}>\n        <BaseLayout error={federalTaxes.errorHandling.errors}>\n          <SDKFormProvider formHookResult={federalTaxes}>\n            <Form onSubmit={onSubmit}>\n              {children ?? (\n                <>\n                  {alert}\n                  <Flex flexDirection=\"column\" gap={32}>\n                    <Flex flexDirection=\"column\" gap={4}>\n                      <Components.Heading as=\"h1\" styledAs=\"h2\">\n                        {t('federalTaxesTitle')}\n                      </Components.Heading>\n                      <Components.Text variant=\"supporting\">\n                        <Trans\n                          i18nKey=\"irsCalculator\"\n                          t={t}\n                          components={{\n                            IrsCalculatorLink: <Components.Link />,\n                            HelpCenterLink: <Components.Link />,\n                          }}\n                        />\n                      </Components.Text>\n                    </Flex>\n                    <Flex flexDirection=\"column\" gap={20}>\n                      <Fields.FilingStatus\n                        label={t('federalFilingStatus1c')}\n                        placeholder={t('federalFilingStatusPlaceholder')}\n                        description={t('selectWithholdingDescription')}\n                        validationMessages={{ REQUIRED: t('validations.federalFilingStatus') }}\n                        getOptionLabel={filingStatusLabel}\n                      />\n                      <Fields.TwoJobs\n                        label={t('multipleJobs2c')}\n                        description={\n                          <Trans\n                            i18nKey=\"includesSpouseExplanation\"\n                            t={t}\n                            components={{\n                              IrsLink: <Components.Link />,\n                            }}\n                          />\n                        }\n                        validationMessages={{ REQUIRED: t('validations.federalTwoJobs') }}\n                        getOptionLabel={value => (value ? t('twoJobYesLabel') : t('twoJobNoLabel'))}\n                      />\n                      <Fields.DependentsAmount\n                        label={t('dependentsTotalIfApplicable')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.OtherIncome\n                        label={t('otherIncome')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.Deductions\n                        label={t('deductions')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.ExtraWithholding\n                        label={t('extraWithholding')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                    </Flex>\n\n                    {actions}\n                  </Flex>\n                </>\n              )}\n            </Form>\n          </SDKFormProvider>\n        </BaseLayout>\n      </section>\n    </Flex>\n  )\n}\n"],"names":["FederalTaxesView","federalTaxes","onSubmit","actions","alert","className","children","t","useTranslation","Components","useComponentContext","Fields","filingStatusLabel","value","jsx","Flex","BaseLayout","SDKFormProvider","Form","jsxs","Fragment","Trans"],"mappings":"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"}

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

@@ -1,14 +1,14 @@
 import { jsxs as r, jsx as e, Fragment as V } from "react/jsx-runtime";
-import { useState as I, useRef as Re, useLayoutEffect as ke, useMemo as w } from "react";
-import { useTranslation as O, Trans as L } from "react-i18next";
+import { useState as I, useRef as Re, useLayoutEffect as ke, useMemo as A } from "react";
+import { useTranslation as O, Trans as w } from "react-i18next";
 import { useWatch as Te } from "react-hook-form";
 import { getPendingFutureHomeAddress as Pe, formatPendingHomeAddressLine as z } from "./getPendingFutureHomeAddress.js";
 import Ie from "../../../../assets/icons/house.svg.js";
-import we from "../../../../assets/icons/pencil.svg.js";
-import Le from "../../../../assets/icons/trashcan.svg.js";
+import Ae 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 { SDKFormProvider as Z } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { Flex as s, FlexItem as Ae } from "../../../Common/Flex/Flex.js";
+import { Flex as s, FlexItem as Le } from "../../../Common/Flex/Flex.js";
 import { Grid as j } from "../../../Common/Grid/Grid.js";
 import { EmptyData as Fe } from "../../../Common/EmptyData/EmptyData.js";
 import { useComponentContext as Y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
@@ -22,7 +22,7 @@ function q({
   formHook: m,
   tHa: c
 }) {
-  const C = Y(), { control: A } = m.form.hookFormInternals.formMethods, f = Te({ control: A, name: "courtesyWithholding" });
+  const y = Y(), { control: L } = m.form.hookFormInternals.formMethods, f = Te({ control: L, name: "courtesyWithholding" });
   return /* @__PURE__ */ r(V, { children: [
     /* @__PURE__ */ e(
       u,
@@ -31,33 +31,33 @@ function q({
         description: /* @__PURE__ */ r(V, { children: [
           c("courtesyWithholdingDescription"),
           /* @__PURE__ */ e(
-            L,
+            w,
             {
               t: c,
               i18nKey: "learnMoreCta",
               components: {
-                LearnMoreLink: /* @__PURE__ */ e(C.Link, {})
+                LearnMoreLink: /* @__PURE__ */ e(y.Link, {})
               }
             }
           )
         ] })
       }
     ),
-    f ? /* @__PURE__ */ e(C.Alert, { label: c("withholdingTitle"), status: "warning", children: /* @__PURE__ */ e(L, { t: c, i18nKey: "withholdingNote" }) }) : null
+    f ? /* @__PURE__ */ e(y.Alert, { label: c("withholdingTitle"), status: "warning", children: /* @__PURE__ */ e(w, { t: c, i18nKey: "withholdingNote" }) }) : null
   ] });
 }
 function at({
   editHomeAddressForm: u,
   createHomeAddressForm: m,
   employeeHomeAddresses: c,
-  employeeDisplayName: C,
-  editingHomeAddressUuid: A,
+  employeeDisplayName: y,
+  editingHomeAddressUuid: L,
   onEditAddressTargetChange: f,
   onSaved: G,
   onConfirmDelete: N,
   isDeletePending: _ = !1
 }) {
-  const { t } = O("Employee.HomeAddress.Management"), { t: o } = O("Employee.HomeAddress"), n = Y(), [l, y] = I(null), [h, S] = I(null), R = Re(null), [k, F] = I(void 0);
+  const { t } = O("Employee.HomeAddress.Management"), { t: o } = O("Employee.HomeAddress"), n = Y(), [l, C] = I(null), [h, S] = I(null), R = Re(null), [k, F] = I(void 0);
   ke(() => {
     if (!l) {
       F(void 0);
@@ -106,16 +106,16 @@ function at({
     [a.INVALID_ZIP]: o("validations.zip")
   }, he = {
     [a.REQUIRED]: t("form.startDateRequired")
-  }, M = w(
+  }, M = A(
     () => Pe(p),
     [p]
-  ), Q = w(() => {
+  ), Q = A(() => {
     if (!(!h || !p))
       return p.find((i) => i.uuid === h);
-  }, [h, p]), ge = w(() => {
-    const i = C.trim();
+  }, [h, p]), ge = A(() => {
+    const i = y.trim();
     return i ? `${i}'s` : t("changePendingPossessiveFallback");
-  }, [C, t]), b = [...p ?? []].sort((i, d) => {
+  }, [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;
   }), pe = [...b.filter((i) => i.active !== !0)].reverse(), ve = (i) => {
@@ -154,16 +154,16 @@ function at({
           {
             label: t("rowEdit"),
             onClick: () => {
-              f(i.uuid), y("edit");
+              f(i.uuid), C("edit");
             },
-            icon: /* @__PURE__ */ e(we, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ e(Ae, { "aria-hidden": !0 })
           },
           {
             label: t("rowDelete"),
             onClick: () => {
               i.active !== !0 && S(i.uuid);
             },
-            icon: /* @__PURE__ */ e(Le, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ e(we, { "aria-hidden": !0 })
           }
         ]
       }
@@ -177,8 +177,8 @@ function at({
       }
     ) })
   }), T = () => {
-    y(null), f(void 0);
-  }, Ce = async () => {
+    C(null), f(void 0);
+  }, ye = async () => {
     if (!h)
       return;
     await N(h) && S(null);
@@ -190,7 +190,7 @@ function at({
     onSubmit: ee,
     formMethods: m.form.hookFormInternals.formMethods,
     isPending: W.isPending
-  } : null, ye = async () => {
+  } : null, Ce = async () => {
     if (!x)
       return;
     const i = await x.onSubmit();
@@ -199,8 +199,8 @@ function at({
     (i || !d) && T();
   }, Se = x?.isPending ?? !1;
   return /* @__PURE__ */ r(s, { flexDirection: "column", gap: 24, children: [
-    /* @__PURE__ */ r(s, { flexDirection: "column", gap: 8, alignItems: "flex-start", children: [
-      /* @__PURE__ */ e(n.Heading, { as: "h1", children: t("title") }),
+    /* @__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") })
     ] }),
     /* @__PURE__ */ e(
@@ -215,7 +215,7 @@ function at({
               {
                 variant: "secondary",
                 onClick: () => {
-                  f(void 0), y("edit");
+                  f(void 0), C("edit");
                 },
                 isLoading: U.isPending,
                 children: t("editCta")
@@ -228,7 +228,7 @@ function at({
           {
             variant: "secondary",
             onClick: () => {
-              f(void 0), y("create");
+              f(void 0), C("create");
             },
             isLoading: W.isPending,
             children: t("changeCta")
@@ -236,7 +236,7 @@ function at({
         ),
         children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: [
           g ? /* @__PURE__ */ r(s, { flexDirection: "column", gap: 4, children: [
-            /* @__PURE__ */ r(Ae, { children: [
+            /* @__PURE__ */ r(Le, { children: [
               /* @__PURE__ */ e(n.Text, { weight: "medium", children: K(g) }),
               /* @__PURE__ */ e(n.Text, { weight: "medium", children: $(g) })
             ] }),
@@ -254,7 +254,7 @@ function at({
       }
     ),
     /* @__PURE__ */ r(s, { flexDirection: "column", gap: 12, children: [
-      /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("historySectionTitle") }),
+      /* @__PURE__ */ e(n.Heading, { as: "h2", styledAs: "h4", children: t("historySectionTitle") }),
       /* @__PURE__ */ e(Qe, { label: t("historySectionTitle"), ...De })
     ] }),
     /* @__PURE__ */ e(
@@ -280,16 +280,18 @@ function at({
             {
               variant: "primary",
               onClick: () => {
-                ye();
+                Ce();
               },
               isLoading: Se,
               children: t("submitCta")
             }
           )
         ] }),
-        children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, 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__ */ 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") })
+          ] }),
           l === "edit" ? /* @__PURE__ */ e(Z, { formHookResult: u, children: /* @__PURE__ */ r(
             j,
             {
@@ -442,7 +444,7 @@ function at({
             {
               variant: "error",
               onClick: () => {
-                Ce();
+                ye();
               },
               isLoading: _,
               children: t("deleteModalConfirmCta")
@@ -452,7 +454,7 @@ function at({
         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,
+            w,
             {
               t,
               i18nKey: "deleteModalDescription",

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

@@ -1 +1 @@
-{"version":3,"file":"HomeAddressView.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddressView.tsx"],"sourcesContent":["import { useLayoutEffect, useMemo, useRef, useState } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { useWatch } from 'react-hook-form'\nimport type { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport type { TFunction } from 'i18next'\nimport {\n  formatPendingHomeAddressLine,\n  getPendingFutureHomeAddress,\n} from './getPendingFutureHomeAddress'\nimport HouseIcon from '@/assets/icons/house.svg?react'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { HomeAddressErrorCodes } from '@/components/Employee/Profile/shared/useHomeAddressForm/homeAddressSchema'\nimport type { UseHomeAddressFormReady } from '@/components/Employee/Profile/shared/useHomeAddressForm'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport type { HookSubmitResult } from '@/partner-hook-utils/types'\nimport { DataView, EmptyData, HamburgerMenu, useDataView } from '@/components/Common'\nimport { Flex, FlexItem } from '@/components/Common/Flex/Flex'\nimport { Grid } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { addDays, formatDateLongWithYear, normalizeToDate } from '@/helpers/dateFormatting'\nimport { formatStreetForDisplay, getCityStateZip } from '@/helpers/formattedStrings'\n\nfunction HomeAddressCourtesyWithholdingBlock({\n  CourtesyWithholding,\n  formHook,\n  tHa,\n}: {\n  CourtesyWithholding: UseHomeAddressFormReady['form']['Fields']['CourtesyWithholding']\n  formHook: UseHomeAddressFormReady\n  tHa: TFunction<'Employee.HomeAddress'>\n}) {\n  const Components = useComponentContext()\n  const { control } = formHook.form.hookFormInternals.formMethods\n  const courtesyWithholdingEnabled = useWatch({ control, name: 'courtesyWithholding' })\n\n  return (\n    <>\n      <CourtesyWithholding\n        label={tHa('courtesyWithholdingLabel')}\n        description={\n          <>\n            {tHa('courtesyWithholdingDescription')}\n            <Trans\n              t={tHa}\n              i18nKey=\"learnMoreCta\"\n              components={{\n                LearnMoreLink: <Components.Link />,\n              }}\n            />\n          </>\n        }\n      />\n      {courtesyWithholdingEnabled ? (\n        <Components.Alert label={tHa('withholdingTitle')} status=\"warning\">\n          <Trans t={tHa} i18nKey=\"withholdingNote\" />\n        </Components.Alert>\n      ) : null}\n    </>\n  )\n}\n\nexport interface HomeAddressViewProps {\n  editHomeAddressForm: UseHomeAddressFormReady\n  createHomeAddressForm: UseHomeAddressFormReady\n  /** Full list for history, pending future row, and delete confirmation (from management list query). */\n  employeeHomeAddresses: EmployeeAddress[] | undefined\n  employeeDisplayName: string\n  /** Resolved UUID passed to the edit form (`homeAddressUuid`); active row when not editing history. */\n  editingHomeAddressUuid: string | undefined\n  /** `undefined` = edit active/current address; otherwise set to a history row’s UUID. */\n  onEditAddressTargetChange: (homeAddressUuid: string | undefined) => void\n  onSaved: (result: HookSubmitResult<EmployeeAddress>) => void\n  onConfirmDelete: (homeAddressUuid: string) => Promise<boolean>\n  isDeletePending?: boolean\n}\n\nexport function HomeAddressView({\n  editHomeAddressForm,\n  createHomeAddressForm,\n  employeeHomeAddresses,\n  employeeDisplayName,\n  editingHomeAddressUuid,\n  onEditAddressTargetChange,\n  onSaved,\n  onConfirmDelete,\n  isDeletePending = false,\n}: HomeAddressViewProps) {\n  const { t } = useTranslation('Employee.HomeAddress.Management')\n  const { t: tHa } = useTranslation('Employee.HomeAddress')\n  const Components = useComponentContext()\n  const [addressModal, setAddressModal] = useState<'edit' | 'create' | null>(null)\n  const [deleteConfirmUuid, setDeleteConfirmUuid] = useState<string | null>(null)\n  const addressModalContainerRef = useRef<HTMLDivElement>(null)\n  const [addressModalPortal, setAddressModalPortal] = useState<HTMLElement | undefined>(undefined)\n\n  useLayoutEffect(() => {\n    if (!addressModal) {\n      setAddressModalPortal(undefined)\n      return\n    }\n    const syncPortal = () => {\n      setAddressModalPortal(addressModalContainerRef.current ?? undefined)\n    }\n    syncPortal()\n    if (addressModalContainerRef.current == null) {\n      const id = requestAnimationFrame(syncPortal)\n      return () => {\n        cancelAnimationFrame(id)\n      }\n    }\n  }, [addressModal])\n\n  const {\n    data: { homeAddress },\n    status: editStatus,\n    actions: { onSubmit: editOnSubmit },\n    form: editForm,\n  } = editHomeAddressForm\n\n  const homeAddresses = employeeHomeAddresses\n\n  const {\n    status: createStatus,\n    actions: { onSubmit: createOnSubmit },\n    form: createForm,\n  } = createHomeAddressForm\n\n  const {\n    Fields: {\n      Street1: EditStreet1,\n      Street2: EditStreet2,\n      City: EditCity,\n      State: EditState,\n      Zip: EditZip,\n      CourtesyWithholding: EditCourtesyWithholding,\n    },\n  } = editForm\n\n  const {\n    Fields: {\n      Street1: CreateStreet1,\n      Street2: CreateStreet2,\n      City: CreateCity,\n      State: CreateState,\n      Zip: CreateZip,\n      CourtesyWithholding: CreateCourtesyWithholding,\n      EffectiveDate: CreateEffectiveDate,\n    },\n  } = createForm\n\n  const zipValidation = {\n    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.zip'),\n    [HomeAddressErrorCodes.INVALID_ZIP]: tHa('validations.zip'),\n  }\n\n  const startDateValidation = {\n    [HomeAddressErrorCodes.REQUIRED]: t('form.startDateRequired'),\n  }\n\n  const pendingFutureAddress = useMemo(\n    () => getPendingFutureHomeAddress(homeAddresses),\n    [homeAddresses],\n  )\n\n  const addressForDeleteModal = useMemo(() => {\n    if (!deleteConfirmUuid || !homeAddresses) {\n      return undefined\n    }\n    return homeAddresses.find(a => a.uuid === deleteConfirmUuid)\n  }, [deleteConfirmUuid, homeAddresses])\n\n  const changePendingPossessiveLabel = useMemo(() => {\n    const trimmed = employeeDisplayName.trim()\n    return trimmed ? `${trimmed}'s` : t('changePendingPossessiveFallback')\n  }, [employeeDisplayName, t])\n\n  const chronologicalAsc = [...(homeAddresses ?? [])].sort((a, b) => {\n    const aDate = a.effectiveDate?.toString() ?? ''\n    const bDate = b.effectiveDate?.toString() ?? ''\n    if (!aDate && !bDate) return 0\n    if (!aDate) return 1\n    if (!bDate) return -1\n    return aDate.localeCompare(bDate)\n  })\n\n  const historyAddresses = chronologicalAsc.filter(address => address.active !== true)\n  const sortedHistory = [...historyAddresses].reverse()\n\n  const historyEndDate = (row: EmployeeAddress) => {\n    const idx = chronologicalAsc.findIndex(a => a.uuid === row.uuid)\n    if (idx === -1 || idx >= chronologicalAsc.length - 1) return '—'\n    const nextStart = chronologicalAsc[idx + 1]?.effectiveDate\n    if (!nextStart) return '—'\n    const nextDate = normalizeToDate(nextStart.toString())\n    if (!nextDate) return '—'\n    const endDate = addDays(nextDate, -1)\n    const y = endDate.getFullYear()\n    const m = String(endDate.getMonth() + 1).padStart(2, '0')\n    const d = String(endDate.getDate()).padStart(2, '0')\n    return formatDateLongWithYear(`${y}-${m}-${d}`)\n  }\n\n  const historyDataView = useDataView({\n    data: sortedHistory,\n    columns: [\n      {\n        title: t('columns.address'),\n        render: (row: EmployeeAddress) => (\n          <Flex flexDirection=\"column\" gap={0}>\n            <Components.Text weight=\"medium\">{formatStreetForDisplay(row)}</Components.Text>\n            <Components.Text variant=\"supporting\">{getCityStateZip(row)}</Components.Text>\n          </Flex>\n        ),\n      },\n      {\n        title: t('columns.startDate'),\n        render: (row: EmployeeAddress) =>\n          row.effectiveDate ? formatDateLongWithYear(row.effectiveDate.toString()) : '—',\n      },\n      {\n        title: t('columns.endDate'),\n        render: (row: EmployeeAddress) => historyEndDate(row),\n      },\n    ],\n    itemMenu: (row: EmployeeAddress) => (\n      <HamburgerMenu\n        triggerLabel={t('rowMenuAriaLabel')}\n        items={[\n          {\n            label: t('rowEdit'),\n            onClick: () => {\n              onEditAddressTargetChange(row.uuid)\n              setAddressModal('edit')\n            },\n            icon: <PencilSvg aria-hidden />,\n          },\n          {\n            label: t('rowDelete'),\n            onClick: () => {\n              if (row.active === true) {\n                return\n              }\n              setDeleteConfirmUuid(row.uuid)\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n      />\n    ),\n    emptyState: () => (\n      <div data-testid=\"home-address-history-empty\">\n        <EmptyData\n          icon={<HouseIcon aria-hidden />}\n          title={t('historyEmptyTitle')}\n          description={t('historyEmptyDescription')}\n        />\n      </div>\n    ),\n  })\n\n  const closeAddressModal = () => {\n    setAddressModal(null)\n    onEditAddressTargetChange(undefined)\n  }\n\n  const handleDeleteModalConfirm = async () => {\n    if (!deleteConfirmUuid) {\n      return\n    }\n    const deleted = await onConfirmDelete(deleteConfirmUuid)\n    if (deleted) {\n      setDeleteConfirmUuid(null)\n    }\n  }\n\n  const addressModalSession =\n    addressModal === 'edit'\n      ? {\n          onSubmit: editOnSubmit,\n          formMethods: editHomeAddressForm.form.hookFormInternals.formMethods,\n          isPending: editStatus.isPending,\n        }\n      : addressModal === 'create'\n        ? {\n            onSubmit: createOnSubmit,\n            formMethods: createHomeAddressForm.form.hookFormInternals.formMethods,\n            isPending: createStatus.isPending,\n          }\n        : null\n\n  const handleSave = async () => {\n    if (!addressModalSession) {\n      return\n    }\n\n    const submitResult = await addressModalSession.onSubmit()\n\n    if (submitResult) {\n      onSaved(submitResult)\n    }\n\n    const hasFieldErrors = Object.keys(addressModalSession.formMethods.formState.errors).length > 0\n    if (submitResult || !hasFieldErrors) {\n      closeAddressModal()\n    }\n  }\n\n  const modalPending = addressModalSession?.isPending ?? false\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={8} alignItems=\"flex-start\">\n        <Components.Heading as=\"h1\">{t('title')}</Components.Heading>\n        <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n      </Flex>\n\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('currentSectionTitle')}\n            action={\n              homeAddress ? (\n                <Components.Button\n                  variant=\"secondary\"\n                  onClick={() => {\n                    onEditAddressTargetChange(undefined)\n                    setAddressModal('edit')\n                  }}\n                  isLoading={editStatus.isPending}\n                >\n                  {t('editCta')}\n                </Components.Button>\n              ) : undefined\n            }\n          />\n        }\n        footer={\n          <Components.Button\n            variant=\"secondary\"\n            onClick={() => {\n              onEditAddressTargetChange(undefined)\n              setAddressModal('create')\n            }}\n            isLoading={createStatus.isPending}\n          >\n            {t('changeCta')}\n          </Components.Button>\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {homeAddress ? (\n            <Flex flexDirection=\"column\" gap={4}>\n              <FlexItem>\n                <Components.Text weight=\"medium\">\n                  {formatStreetForDisplay(homeAddress)}\n                </Components.Text>\n                <Components.Text weight=\"medium\">{getCityStateZip(homeAddress)}</Components.Text>\n              </FlexItem>\n              {homeAddress.effectiveDate ? (\n                <Components.Text variant=\"supporting\">\n                  {t('currentSince', {\n                    date: formatDateLongWithYear(homeAddress.effectiveDate.toString()),\n                  })}\n                </Components.Text>\n              ) : null}\n            </Flex>\n          ) : (\n            <Components.Text>{tHa('formTitle')}</Components.Text>\n          )}\n          {pendingFutureAddress ? (\n            <Components.Alert status=\"warning\" label={t('changePendingTitle')}>\n              <Components.Text variant=\"supporting\">\n                {t('changePendingDescription', {\n                  possessiveLabel: changePendingPossessiveLabel,\n                  newAddress: formatPendingHomeAddressLine(pendingFutureAddress),\n                  effectiveDate: pendingFutureAddress.effectiveDate\n                    ? formatDateLongWithYear(pendingFutureAddress.effectiveDate.toString())\n                    : '—',\n                  interpolation: { escapeValue: false },\n                })}\n              </Components.Text>\n            </Components.Alert>\n          ) : null}\n        </Flex>\n      </Components.Box>\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <Components.Heading as=\"h2\">{t('historySectionTitle')}</Components.Heading>\n        <DataView label={t('historySectionTitle')} {...historyDataView} />\n      </Flex>\n\n      <Components.Modal\n        isOpen={addressModal !== null}\n        onClose={closeAddressModal}\n        shouldCloseOnBackdropClick={false}\n        containerRef={addressModalContainerRef}\n        footer={\n          <Flex flexDirection=\"row\" gap={12} justifyContent=\"flex-end\">\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                closeAddressModal()\n              }}\n            >\n              {t('cancelCta')}\n            </Components.Button>\n            <Components.Button\n              variant=\"primary\"\n              onClick={() => {\n                void handleSave()\n              }}\n              isLoading={modalPending}\n            >\n              {t('submitCta')}\n            </Components.Button>\n          </Flex>\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          <Components.Heading as=\"h2\">\n            {addressModal === 'edit' ? t('editModalTitle') : t('createModalTitle')}\n          </Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {addressModal === 'edit' ? t('editModalDescription') : t('createModalDescription')}\n          </Components.Text>\n          {addressModal === 'edit' ? (\n            <SDKFormProvider formHookResult={editHomeAddressForm}>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: '1fr',\n                }}\n                gap={20}\n              >\n                <EditStreet1\n                  label={tHa('street1')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <EditStreet2\n                  label={tHa('street2')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <EditCity\n                  label={tHa('city')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.city'),\n                  }}\n                />\n                <EditState\n                  label={tHa('state')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.state'),\n                  }}\n                  portalContainer={addressModalPortal}\n                />\n                <EditZip label={tHa('zip')} validationMessages={zipValidation} />\n                <HomeAddressCourtesyWithholdingBlock\n                  CourtesyWithholding={EditCourtesyWithholding}\n                  formHook={editHomeAddressForm}\n                  tHa={tHa}\n                />\n              </Grid>\n            </SDKFormProvider>\n          ) : null}\n          {addressModal === 'create' ? (\n            <SDKFormProvider formHookResult={createHomeAddressForm}>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: '1fr',\n                }}\n                gap={20}\n              >\n                {CreateEffectiveDate ? (\n                  <CreateEffectiveDate\n                    label={t('columns.startDate')}\n                    description={t('startDateHelper')}\n                    validationMessages={startDateValidation}\n                    portalContainer={addressModalPortal}\n                  />\n                ) : null}\n                <CreateStreet1\n                  label={tHa('street1')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <CreateStreet2\n                  label={tHa('street2')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <CreateCity\n                  label={tHa('city')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.city'),\n                  }}\n                />\n                <CreateState\n                  label={tHa('state')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.state'),\n                  }}\n                  portalContainer={addressModalPortal}\n                />\n                <CreateZip label={tHa('zip')} validationMessages={zipValidation} />\n                <HomeAddressCourtesyWithholdingBlock\n                  CourtesyWithholding={CreateCourtesyWithholding}\n                  formHook={createHomeAddressForm}\n                  tHa={tHa}\n                />\n              </Grid>\n            </SDKFormProvider>\n          ) : null}\n        </Flex>\n      </Components.Modal>\n\n      <Components.Modal\n        isOpen={deleteConfirmUuid !== null}\n        onClose={() => {\n          setDeleteConfirmUuid(null)\n        }}\n        shouldCloseOnBackdropClick={false}\n        footer={\n          <Flex flexDirection=\"row\" gap={12} justifyContent=\"flex-end\">\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                setDeleteConfirmUuid(null)\n              }}\n            >\n              {t('cancelCta')}\n            </Components.Button>\n            <Components.Button\n              variant=\"error\"\n              onClick={() => {\n                void handleDeleteModalConfirm()\n              }}\n              isLoading={isDeletePending}\n            >\n              {t('deleteModalConfirmCta')}\n            </Components.Button>\n          </Flex>\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          <Components.Heading as=\"h2\">{t('deleteModalTitle')}</Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {addressForDeleteModal ? (\n              <Trans\n                t={t}\n                i18nKey=\"deleteModalDescription\"\n                values={{\n                  address: formatPendingHomeAddressLine(addressForDeleteModal),\n                }}\n                components={{\n                  strong: <Components.Text weight=\"medium\" as=\"span\" />,\n                }}\n                tOptions={{ interpolation: { escapeValue: false } }}\n              />\n            ) : null}\n          </Components.Text>\n        </Flex>\n      </Components.Modal>\n    </Flex>\n  )\n}\n"],"names":["HomeAddressCourtesyWithholdingBlock","CourtesyWithholding","formHook","tHa","Components","useComponentContext","control","courtesyWithholdingEnabled","useWatch","jsxs","Fragment","jsx","Trans","HomeAddressView","editHomeAddressForm","createHomeAddressForm","employeeHomeAddresses","employeeDisplayName","editingHomeAddressUuid","onEditAddressTargetChange","onSaved","onConfirmDelete","isDeletePending","useTranslation","addressModal","setAddressModal","useState","deleteConfirmUuid","setDeleteConfirmUuid","addressModalContainerRef","useRef","addressModalPortal","setAddressModalPortal","useLayoutEffect","syncPortal","id","homeAddress","editStatus","editOnSubmit","editForm","homeAddresses","createStatus","createOnSubmit","createForm","EditStreet1","EditStreet2","EditCity","EditState","EditZip","EditCourtesyWithholding","CreateStreet1","CreateStreet2","CreateCity","CreateState","CreateZip","CreateCourtesyWithholding","CreateEffectiveDate","zipValidation","HomeAddressErrorCodes","startDateValidation","pendingFutureAddress","useMemo","getPendingFutureHomeAddress","addressForDeleteModal","a","changePendingPossessiveLabel","trimmed","chronologicalAsc","b","aDate","bDate","sortedHistory","address","historyEndDate","row","idx","nextStart","nextDate","normalizeToDate","endDate","addDays","y","m","d","formatDateLongWithYear","historyDataView","useDataView","Flex","formatStreetForDisplay","getCityStateZip","HamburgerMenu","PencilSvg","TrashCanSvg","EmptyData","HouseIcon","closeAddressModal","handleDeleteModalConfirm","addressModalSession","handleSave","submitResult","hasFieldErrors","modalPending","FlexItem","formatPendingHomeAddressLine","DataView","SDKFormProvider","Grid"],"mappings":"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"}
+{"version":3,"file":"HomeAddressView.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddressView.tsx"],"sourcesContent":["import { useLayoutEffect, useMemo, useRef, useState } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { useWatch } from 'react-hook-form'\nimport type { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport type { TFunction } from 'i18next'\nimport {\n  formatPendingHomeAddressLine,\n  getPendingFutureHomeAddress,\n} from './getPendingFutureHomeAddress'\nimport HouseIcon from '@/assets/icons/house.svg?react'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { HomeAddressErrorCodes } from '@/components/Employee/Profile/shared/useHomeAddressForm/homeAddressSchema'\nimport type { UseHomeAddressFormReady } from '@/components/Employee/Profile/shared/useHomeAddressForm'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport type { HookSubmitResult } from '@/partner-hook-utils/types'\nimport { DataView, EmptyData, HamburgerMenu, useDataView } from '@/components/Common'\nimport { Flex, FlexItem } from '@/components/Common/Flex/Flex'\nimport { Grid } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { addDays, formatDateLongWithYear, normalizeToDate } from '@/helpers/dateFormatting'\nimport { formatStreetForDisplay, getCityStateZip } from '@/helpers/formattedStrings'\n\nfunction HomeAddressCourtesyWithholdingBlock({\n  CourtesyWithholding,\n  formHook,\n  tHa,\n}: {\n  CourtesyWithholding: UseHomeAddressFormReady['form']['Fields']['CourtesyWithholding']\n  formHook: UseHomeAddressFormReady\n  tHa: TFunction<'Employee.HomeAddress'>\n}) {\n  const Components = useComponentContext()\n  const { control } = formHook.form.hookFormInternals.formMethods\n  const courtesyWithholdingEnabled = useWatch({ control, name: 'courtesyWithholding' })\n\n  return (\n    <>\n      <CourtesyWithholding\n        label={tHa('courtesyWithholdingLabel')}\n        description={\n          <>\n            {tHa('courtesyWithholdingDescription')}\n            <Trans\n              t={tHa}\n              i18nKey=\"learnMoreCta\"\n              components={{\n                LearnMoreLink: <Components.Link />,\n              }}\n            />\n          </>\n        }\n      />\n      {courtesyWithholdingEnabled ? (\n        <Components.Alert label={tHa('withholdingTitle')} status=\"warning\">\n          <Trans t={tHa} i18nKey=\"withholdingNote\" />\n        </Components.Alert>\n      ) : null}\n    </>\n  )\n}\n\nexport interface HomeAddressViewProps {\n  editHomeAddressForm: UseHomeAddressFormReady\n  createHomeAddressForm: UseHomeAddressFormReady\n  /** Full list for history, pending future row, and delete confirmation (from management list query). */\n  employeeHomeAddresses: EmployeeAddress[] | undefined\n  employeeDisplayName: string\n  /** Resolved UUID passed to the edit form (`homeAddressUuid`); active row when not editing history. */\n  editingHomeAddressUuid: string | undefined\n  /** `undefined` = edit active/current address; otherwise set to a history row’s UUID. */\n  onEditAddressTargetChange: (homeAddressUuid: string | undefined) => void\n  onSaved: (result: HookSubmitResult<EmployeeAddress>) => void\n  onConfirmDelete: (homeAddressUuid: string) => Promise<boolean>\n  isDeletePending?: boolean\n}\n\nexport function HomeAddressView({\n  editHomeAddressForm,\n  createHomeAddressForm,\n  employeeHomeAddresses,\n  employeeDisplayName,\n  editingHomeAddressUuid,\n  onEditAddressTargetChange,\n  onSaved,\n  onConfirmDelete,\n  isDeletePending = false,\n}: HomeAddressViewProps) {\n  const { t } = useTranslation('Employee.HomeAddress.Management')\n  const { t: tHa } = useTranslation('Employee.HomeAddress')\n  const Components = useComponentContext()\n  const [addressModal, setAddressModal] = useState<'edit' | 'create' | null>(null)\n  const [deleteConfirmUuid, setDeleteConfirmUuid] = useState<string | null>(null)\n  const addressModalContainerRef = useRef<HTMLDivElement>(null)\n  const [addressModalPortal, setAddressModalPortal] = useState<HTMLElement | undefined>(undefined)\n\n  useLayoutEffect(() => {\n    if (!addressModal) {\n      setAddressModalPortal(undefined)\n      return\n    }\n    const syncPortal = () => {\n      setAddressModalPortal(addressModalContainerRef.current ?? undefined)\n    }\n    syncPortal()\n    if (addressModalContainerRef.current == null) {\n      const id = requestAnimationFrame(syncPortal)\n      return () => {\n        cancelAnimationFrame(id)\n      }\n    }\n  }, [addressModal])\n\n  const {\n    data: { homeAddress },\n    status: editStatus,\n    actions: { onSubmit: editOnSubmit },\n    form: editForm,\n  } = editHomeAddressForm\n\n  const homeAddresses = employeeHomeAddresses\n\n  const {\n    status: createStatus,\n    actions: { onSubmit: createOnSubmit },\n    form: createForm,\n  } = createHomeAddressForm\n\n  const {\n    Fields: {\n      Street1: EditStreet1,\n      Street2: EditStreet2,\n      City: EditCity,\n      State: EditState,\n      Zip: EditZip,\n      CourtesyWithholding: EditCourtesyWithholding,\n    },\n  } = editForm\n\n  const {\n    Fields: {\n      Street1: CreateStreet1,\n      Street2: CreateStreet2,\n      City: CreateCity,\n      State: CreateState,\n      Zip: CreateZip,\n      CourtesyWithholding: CreateCourtesyWithholding,\n      EffectiveDate: CreateEffectiveDate,\n    },\n  } = createForm\n\n  const zipValidation = {\n    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.zip'),\n    [HomeAddressErrorCodes.INVALID_ZIP]: tHa('validations.zip'),\n  }\n\n  const startDateValidation = {\n    [HomeAddressErrorCodes.REQUIRED]: t('form.startDateRequired'),\n  }\n\n  const pendingFutureAddress = useMemo(\n    () => getPendingFutureHomeAddress(homeAddresses),\n    [homeAddresses],\n  )\n\n  const addressForDeleteModal = useMemo(() => {\n    if (!deleteConfirmUuid || !homeAddresses) {\n      return undefined\n    }\n    return homeAddresses.find(a => a.uuid === deleteConfirmUuid)\n  }, [deleteConfirmUuid, homeAddresses])\n\n  const changePendingPossessiveLabel = useMemo(() => {\n    const trimmed = employeeDisplayName.trim()\n    return trimmed ? `${trimmed}'s` : t('changePendingPossessiveFallback')\n  }, [employeeDisplayName, t])\n\n  const chronologicalAsc = [...(homeAddresses ?? [])].sort((a, b) => {\n    const aDate = a.effectiveDate?.toString() ?? ''\n    const bDate = b.effectiveDate?.toString() ?? ''\n    if (!aDate && !bDate) return 0\n    if (!aDate) return 1\n    if (!bDate) return -1\n    return aDate.localeCompare(bDate)\n  })\n\n  const historyAddresses = chronologicalAsc.filter(address => address.active !== true)\n  const sortedHistory = [...historyAddresses].reverse()\n\n  const historyEndDate = (row: EmployeeAddress) => {\n    const idx = chronologicalAsc.findIndex(a => a.uuid === row.uuid)\n    if (idx === -1 || idx >= chronologicalAsc.length - 1) return '—'\n    const nextStart = chronologicalAsc[idx + 1]?.effectiveDate\n    if (!nextStart) return '—'\n    const nextDate = normalizeToDate(nextStart.toString())\n    if (!nextDate) return '—'\n    const endDate = addDays(nextDate, -1)\n    const y = endDate.getFullYear()\n    const m = String(endDate.getMonth() + 1).padStart(2, '0')\n    const d = String(endDate.getDate()).padStart(2, '0')\n    return formatDateLongWithYear(`${y}-${m}-${d}`)\n  }\n\n  const historyDataView = useDataView({\n    data: sortedHistory,\n    columns: [\n      {\n        title: t('columns.address'),\n        render: (row: EmployeeAddress) => (\n          <Flex flexDirection=\"column\" gap={0}>\n            <Components.Text weight=\"medium\">{formatStreetForDisplay(row)}</Components.Text>\n            <Components.Text variant=\"supporting\">{getCityStateZip(row)}</Components.Text>\n          </Flex>\n        ),\n      },\n      {\n        title: t('columns.startDate'),\n        render: (row: EmployeeAddress) =>\n          row.effectiveDate ? formatDateLongWithYear(row.effectiveDate.toString()) : '—',\n      },\n      {\n        title: t('columns.endDate'),\n        render: (row: EmployeeAddress) => historyEndDate(row),\n      },\n    ],\n    itemMenu: (row: EmployeeAddress) => (\n      <HamburgerMenu\n        triggerLabel={t('rowMenuAriaLabel')}\n        items={[\n          {\n            label: t('rowEdit'),\n            onClick: () => {\n              onEditAddressTargetChange(row.uuid)\n              setAddressModal('edit')\n            },\n            icon: <PencilSvg aria-hidden />,\n          },\n          {\n            label: t('rowDelete'),\n            onClick: () => {\n              if (row.active === true) {\n                return\n              }\n              setDeleteConfirmUuid(row.uuid)\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n      />\n    ),\n    emptyState: () => (\n      <div data-testid=\"home-address-history-empty\">\n        <EmptyData\n          icon={<HouseIcon aria-hidden />}\n          title={t('historyEmptyTitle')}\n          description={t('historyEmptyDescription')}\n        />\n      </div>\n    ),\n  })\n\n  const closeAddressModal = () => {\n    setAddressModal(null)\n    onEditAddressTargetChange(undefined)\n  }\n\n  const handleDeleteModalConfirm = async () => {\n    if (!deleteConfirmUuid) {\n      return\n    }\n    const deleted = await onConfirmDelete(deleteConfirmUuid)\n    if (deleted) {\n      setDeleteConfirmUuid(null)\n    }\n  }\n\n  const addressModalSession =\n    addressModal === 'edit'\n      ? {\n          onSubmit: editOnSubmit,\n          formMethods: editHomeAddressForm.form.hookFormInternals.formMethods,\n          isPending: editStatus.isPending,\n        }\n      : addressModal === 'create'\n        ? {\n            onSubmit: createOnSubmit,\n            formMethods: createHomeAddressForm.form.hookFormInternals.formMethods,\n            isPending: createStatus.isPending,\n          }\n        : null\n\n  const handleSave = async () => {\n    if (!addressModalSession) {\n      return\n    }\n\n    const submitResult = await addressModalSession.onSubmit()\n\n    if (submitResult) {\n      onSaved(submitResult)\n    }\n\n    const hasFieldErrors = Object.keys(addressModalSession.formMethods.formState.errors).length > 0\n    if (submitResult || !hasFieldErrors) {\n      closeAddressModal()\n    }\n  }\n\n  const modalPending = addressModalSession?.isPending ?? false\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={4} alignItems=\"flex-start\">\n        <Components.Heading as=\"h1\" styledAs=\"h2\">\n          {t('title')}\n        </Components.Heading>\n        <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n      </Flex>\n\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('currentSectionTitle')}\n            action={\n              homeAddress ? (\n                <Components.Button\n                  variant=\"secondary\"\n                  onClick={() => {\n                    onEditAddressTargetChange(undefined)\n                    setAddressModal('edit')\n                  }}\n                  isLoading={editStatus.isPending}\n                >\n                  {t('editCta')}\n                </Components.Button>\n              ) : undefined\n            }\n          />\n        }\n        footer={\n          <Components.Button\n            variant=\"secondary\"\n            onClick={() => {\n              onEditAddressTargetChange(undefined)\n              setAddressModal('create')\n            }}\n            isLoading={createStatus.isPending}\n          >\n            {t('changeCta')}\n          </Components.Button>\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {homeAddress ? (\n            <Flex flexDirection=\"column\" gap={4}>\n              <FlexItem>\n                <Components.Text weight=\"medium\">\n                  {formatStreetForDisplay(homeAddress)}\n                </Components.Text>\n                <Components.Text weight=\"medium\">{getCityStateZip(homeAddress)}</Components.Text>\n              </FlexItem>\n              {homeAddress.effectiveDate ? (\n                <Components.Text variant=\"supporting\">\n                  {t('currentSince', {\n                    date: formatDateLongWithYear(homeAddress.effectiveDate.toString()),\n                  })}\n                </Components.Text>\n              ) : null}\n            </Flex>\n          ) : (\n            <Components.Text>{tHa('formTitle')}</Components.Text>\n          )}\n          {pendingFutureAddress ? (\n            <Components.Alert status=\"warning\" label={t('changePendingTitle')}>\n              <Components.Text variant=\"supporting\">\n                {t('changePendingDescription', {\n                  possessiveLabel: changePendingPossessiveLabel,\n                  newAddress: formatPendingHomeAddressLine(pendingFutureAddress),\n                  effectiveDate: pendingFutureAddress.effectiveDate\n                    ? formatDateLongWithYear(pendingFutureAddress.effectiveDate.toString())\n                    : '—',\n                  interpolation: { escapeValue: false },\n                })}\n              </Components.Text>\n            </Components.Alert>\n          ) : null}\n        </Flex>\n      </Components.Box>\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <Components.Heading as=\"h2\" styledAs=\"h4\">\n          {t('historySectionTitle')}\n        </Components.Heading>\n        <DataView label={t('historySectionTitle')} {...historyDataView} />\n      </Flex>\n\n      <Components.Modal\n        isOpen={addressModal !== null}\n        onClose={closeAddressModal}\n        shouldCloseOnBackdropClick={false}\n        containerRef={addressModalContainerRef}\n        footer={\n          <Flex flexDirection=\"row\" gap={12} justifyContent=\"flex-end\">\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                closeAddressModal()\n              }}\n            >\n              {t('cancelCta')}\n            </Components.Button>\n            <Components.Button\n              variant=\"primary\"\n              onClick={() => {\n                void handleSave()\n              }}\n              isLoading={modalPending}\n            >\n              {t('submitCta')}\n            </Components.Button>\n          </Flex>\n        }\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">\n              {addressModal === 'edit' ? t('editModalTitle') : t('createModalTitle')}\n            </Components.Heading>\n            <Components.Text variant=\"supporting\">\n              {addressModal === 'edit' ? t('editModalDescription') : t('createModalDescription')}\n            </Components.Text>\n          </Flex>\n          {addressModal === 'edit' ? (\n            <SDKFormProvider formHookResult={editHomeAddressForm}>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: '1fr',\n                }}\n                gap={20}\n              >\n                <EditStreet1\n                  label={tHa('street1')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <EditStreet2\n                  label={tHa('street2')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <EditCity\n                  label={tHa('city')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.city'),\n                  }}\n                />\n                <EditState\n                  label={tHa('state')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.state'),\n                  }}\n                  portalContainer={addressModalPortal}\n                />\n                <EditZip label={tHa('zip')} validationMessages={zipValidation} />\n                <HomeAddressCourtesyWithholdingBlock\n                  CourtesyWithholding={EditCourtesyWithholding}\n                  formHook={editHomeAddressForm}\n                  tHa={tHa}\n                />\n              </Grid>\n            </SDKFormProvider>\n          ) : null}\n          {addressModal === 'create' ? (\n            <SDKFormProvider formHookResult={createHomeAddressForm}>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: '1fr',\n                }}\n                gap={20}\n              >\n                {CreateEffectiveDate ? (\n                  <CreateEffectiveDate\n                    label={t('columns.startDate')}\n                    description={t('startDateHelper')}\n                    validationMessages={startDateValidation}\n                    portalContainer={addressModalPortal}\n                  />\n                ) : null}\n                <CreateStreet1\n                  label={tHa('street1')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <CreateStreet2\n                  label={tHa('street2')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <CreateCity\n                  label={tHa('city')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.city'),\n                  }}\n                />\n                <CreateState\n                  label={tHa('state')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.state'),\n                  }}\n                  portalContainer={addressModalPortal}\n                />\n                <CreateZip label={tHa('zip')} validationMessages={zipValidation} />\n                <HomeAddressCourtesyWithholdingBlock\n                  CourtesyWithholding={CreateCourtesyWithholding}\n                  formHook={createHomeAddressForm}\n                  tHa={tHa}\n                />\n              </Grid>\n            </SDKFormProvider>\n          ) : null}\n        </Flex>\n      </Components.Modal>\n\n      <Components.Modal\n        isOpen={deleteConfirmUuid !== null}\n        onClose={() => {\n          setDeleteConfirmUuid(null)\n        }}\n        shouldCloseOnBackdropClick={false}\n        footer={\n          <Flex flexDirection=\"row\" gap={12} justifyContent=\"flex-end\">\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                setDeleteConfirmUuid(null)\n              }}\n            >\n              {t('cancelCta')}\n            </Components.Button>\n            <Components.Button\n              variant=\"error\"\n              onClick={() => {\n                void handleDeleteModalConfirm()\n              }}\n              isLoading={isDeletePending}\n            >\n              {t('deleteModalConfirmCta')}\n            </Components.Button>\n          </Flex>\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          <Components.Heading as=\"h2\">{t('deleteModalTitle')}</Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {addressForDeleteModal ? (\n              <Trans\n                t={t}\n                i18nKey=\"deleteModalDescription\"\n                values={{\n                  address: formatPendingHomeAddressLine(addressForDeleteModal),\n                }}\n                components={{\n                  strong: <Components.Text weight=\"medium\" as=\"span\" />,\n                }}\n                tOptions={{ interpolation: { escapeValue: false } }}\n              />\n            ) : null}\n          </Components.Text>\n        </Flex>\n      </Components.Modal>\n    </Flex>\n  )\n}\n"],"names":["HomeAddressCourtesyWithholdingBlock","CourtesyWithholding","formHook","tHa","Components","useComponentContext","control","courtesyWithholdingEnabled","useWatch","jsxs","Fragment","jsx","Trans","HomeAddressView","editHomeAddressForm","createHomeAddressForm","employeeHomeAddresses","employeeDisplayName","editingHomeAddressUuid","onEditAddressTargetChange","onSaved","onConfirmDelete","isDeletePending","useTranslation","addressModal","setAddressModal","useState","deleteConfirmUuid","setDeleteConfirmUuid","addressModalContainerRef","useRef","addressModalPortal","setAddressModalPortal","useLayoutEffect","syncPortal","id","homeAddress","editStatus","editOnSubmit","editForm","homeAddresses","createStatus","createOnSubmit","createForm","EditStreet1","EditStreet2","EditCity","EditState","EditZip","EditCourtesyWithholding","CreateStreet1","CreateStreet2","CreateCity","CreateState","CreateZip","CreateCourtesyWithholding","CreateEffectiveDate","zipValidation","HomeAddressErrorCodes","startDateValidation","pendingFutureAddress","useMemo","getPendingFutureHomeAddress","addressForDeleteModal","a","changePendingPossessiveLabel","trimmed","chronologicalAsc","b","aDate","bDate","sortedHistory","address","historyEndDate","row","idx","nextStart","nextDate","normalizeToDate","endDate","addDays","y","m","d","formatDateLongWithYear","historyDataView","useDataView","Flex","formatStreetForDisplay","getCityStateZip","HamburgerMenu","PencilSvg","TrashCanSvg","EmptyData","HouseIcon","closeAddressModal","handleDeleteModalConfirm","addressModalSession","handleSave","submitResult","hasFieldErrors","modalPending","FlexItem","formatPendingHomeAddressLine","DataView","SDKFormProvider","Grid"],"mappings":"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"}