@gusto/embedded-react-sdk 0.42.0 → 0.43.0

package/dist/components/Employee/EmployeeList/onboarding/EmployeeListView.js

@@ -1,19 +1,20 @@
-import { jsx as e, jsxs as o, Fragment as L } from "react/jsx-runtime";
+import { jsx as i, jsxs as o, Fragment as L } from "react/jsx-runtime";
 import { useState as k } from "react";
 import { useTranslation as A } from "react-i18next";
 import { Flex as m } from "../../../Common/Flex/Flex.js";
+import "classnames";
 import { EmptyData as S } from "../../../Common/EmptyData/EmptyData.js";
-import { ActionsLayout as f } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { ActionsLayout as p } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { EmployeeOnboardingStatusBadge as x } from "../../../Common/OnboardingStatusBadge/index.js";
 import s from "../../../../assets/icons/pencil.svg.js";
 import E from "../../../../assets/icons/trashcan.svg.js";
 import { firstLastName as P } from "../../../../helpers/formattedStrings.js";
-import p from "../../../../assets/icons/plus-circle.svg.js";
+import f from "../../../../assets/icons/plus-circle.svg.js";
 import { HamburgerMenu as B } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as j } from "../../../Common/DataView/useDataView.js";
 import { DataView as V } from "../../../Common/DataView/DataView.js";
-function W({
+function X({
   employees: r,
   isFetching: g,
   pagination: h,
@@ -31,76 +32,76 @@ function W({
       {
         key: "name",
         title: t("nameLabel"),
-        render: (i) => P({
-          first_name: i.firstName,
-          last_name: i.lastName
+        render: (e) => P({
+          first_name: e.firstName,
+          last_name: e.lastName
         })
       },
       {
         key: "status",
         title: t("statusLabel"),
-        render: (i) => /* @__PURE__ */ e(
+        render: (e) => /* @__PURE__ */ i(
           x,
           {
-            onboarded: i.onboarded,
-            onboardingStatus: i.onboardingStatus
+            onboarded: e.onboarded,
+            onboardingStatus: e.onboardingStatus
           }
         )
       }
     ],
-    itemMenu: (i) => {
+    itemMenu: (e) => {
       const a = [];
-      return i.allowedActions.includes("edit") && a.push({
+      return e.allowedActions.includes("edit") && a.push({
         label: t("editCta"),
         onClick: () => {
-          b(i.uuid, i.onboardingStatus ?? void 0);
+          b(e.uuid, e.onboardingStatus ?? void 0);
         },
-        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
-      }), i.allowedActions.includes("cancel_self_onboarding") && a.push({
+        icon: /* @__PURE__ */ i(s, { "aria-hidden": !0 })
+      }), e.allowedActions.includes("cancel_self_onboarding") && a.push({
         label: t("cancelSelfOnboardingCta"),
         onClick: () => {
-          v(i.uuid);
+          v(e.uuid);
         },
-        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
-      }), i.allowedActions.includes("review") && a.push({
+        icon: /* @__PURE__ */ i(s, { "aria-hidden": !0 })
+      }), e.allowedActions.includes("review") && a.push({
         label: t("reviewCta"),
         onClick: () => {
-          w(i.uuid);
+          w(e.uuid);
         },
-        icon: /* @__PURE__ */ e(s, { "aria-hidden": !0 })
-      }), i.allowedActions.includes("delete") && a.push({
+        icon: /* @__PURE__ */ i(s, { "aria-hidden": !0 })
+      }), e.allowedActions.includes("delete") && a.push({
         label: t("deleteCta"),
         onClick: () => {
-          c(i.uuid);
+          c(e.uuid);
         },
-        icon: /* @__PURE__ */ e(E, { "aria-hidden": !0 })
-      }), /* @__PURE__ */ e(B, { items: a, triggerLabel: t("hamburgerTitle") });
+        icon: /* @__PURE__ */ i(E, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ i(B, { items: a, triggerLabel: t("hamburgerTitle") });
     },
     isFetching: g,
     pagination: h,
-    emptyState: () => /* @__PURE__ */ e(S, { title: t("emptyTableTitle"), description: t("emptyTableDescription"), children: /* @__PURE__ */ o(f, { justifyContent: "center", children: [
-      /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: u, children: t("skipCta") }),
-      /* @__PURE__ */ e(n.Button, { variant: "primary", onClick: d, icon: /* @__PURE__ */ e(p, {}), children: t("addEmployeeCta") })
+    emptyState: () => /* @__PURE__ */ i(S, { title: t("emptyTableTitle"), description: t("emptyTableDescription"), children: /* @__PURE__ */ o(p, { justifyContent: "center", children: [
+      /* @__PURE__ */ i(n.Button, { variant: "secondary", onClick: u, children: t("skipCta") }),
+      /* @__PURE__ */ i(n.Button, { variant: "primary", onClick: d, icon: /* @__PURE__ */ i(f, {}), children: t("addEmployeeCta") })
     ] }) })
   });
   return /* @__PURE__ */ o(L, { children: [
     /* @__PURE__ */ o(m, { flexDirection: "column", gap: 24, children: [
       /* @__PURE__ */ o(m, { justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("title") }),
-        r.length > 0 && /* @__PURE__ */ e(
+        /* @__PURE__ */ i(n.Heading, { as: "h2", children: t("title") }),
+        r.length > 0 && /* @__PURE__ */ i(
           n.Button,
           {
             variant: "secondary",
             onClick: d,
-            icon: /* @__PURE__ */ e(p, {}),
+            icon: /* @__PURE__ */ i(f, {}),
             children: t("addAnotherCta")
           }
         )
       ] }),
-      /* @__PURE__ */ e(V, { label: t("employeeListLabel"), ...y }),
-      r.length > 0 && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(n.Button, { onClick: u, children: t("continueCta") }) })
+      /* @__PURE__ */ i(V, { label: t("employeeListLabel"), ...y }),
+      r.length > 0 && /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i(n.Button, { onClick: u, children: t("continueCta") }) })
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ i(
       n.Dialog,
       {
         isOpen: !!l,
@@ -125,6 +126,6 @@ function W({
   ] });
 }
 export {
-  W as EmployeeListView
+  X as EmployeeListView
 };
 //# sourceMappingURL=EmployeeListView.js.map

package/dist/components/Employee/EmployeeList/onboarding/EmployeeListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeListView.js","sources":["../../../../../src/components/Employee/EmployeeList/onboarding/EmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport type { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList'\nimport { DataView, EmptyData, ActionsLayout, useDataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface EmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  onEdit: (employeeId: string, onboardingStatus?: OnboardingStatus) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  onReview: (employeeId: string) => Promise<void>\n  onAddEmployee: () => void\n  onSkip: () => void\n}\n\nexport function EmployeeListView({\n  employees,\n  isFetching,\n  pagination,\n  status,\n  onEdit,\n  onDelete,\n  onCancelSelfOnboarding,\n  onReview,\n  onAddEmployee,\n  onSkip,\n}: EmployeeListViewProps) {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: [\n      {\n        key: 'name',\n        title: t('nameLabel'),\n        render: (employee: EmployeeWithActions) => {\n          return firstLastName({\n            first_name: employee.firstName,\n            last_name: employee.lastName,\n          })\n        },\n      },\n      {\n        key: 'status',\n        title: t('statusLabel'),\n        render: (employee: EmployeeWithActions) => (\n          <EmployeeOnboardingStatusBadge\n            onboarded={employee.onboarded}\n            onboardingStatus={employee.onboardingStatus}\n          />\n        ),\n      },\n    ],\n    itemMenu: employee => {\n      const menuItems = []\n\n      if (employee.allowedActions.includes('edit')) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            onEdit(employee.uuid, employee.onboardingStatus ?? undefined)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('cancel_self_onboarding')) {\n        menuItems.push({\n          label: t('cancelSelfOnboardingCta'),\n          onClick: () => {\n            void onCancelSelfOnboarding(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('review')) {\n        menuItems.push({\n          label: t('reviewCta'),\n          onClick: () => {\n            void onReview(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('deleteCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Components.Button variant=\"secondary\" onClick={onSkip}>\n            {t('skipCta')}\n          </Components.Button>\n          <Components.Button variant=\"primary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n\n          {employees.length > 0 && (\n            <Components.Button\n              variant=\"secondary\"\n              onClick={onAddEmployee}\n              icon={<PlusCircleIcon />}\n            >\n              {t('addAnotherCta')}\n            </Components.Button>\n          )}\n        </Flex>\n\n        <DataView label={t('employeeListLabel')} {...dataViewProps} />\n\n        {employees.length > 0 && (\n          <ActionsLayout>\n            <Components.Button onClick={onSkip}>{t('continueCta')}</Components.Button>\n          </ActionsLayout>\n        )}\n      </Flex>\n\n      <Components.Dialog\n        isOpen={!!employeeToDelete}\n        onClose={() => {\n          setEmployeeToDelete(null)\n        }}\n        onPrimaryActionClick={async () => {\n          if (employeeToDelete) {\n            try {\n              await onDelete(employeeToDelete)\n              setEmployeeToDelete(null)\n            } catch {\n              // Keep dialog open on error\n            }\n          }\n        }}\n        isPrimaryActionLoading={status.isPending}\n        isDestructive\n        title={t('deleteDialog.title')}\n        primaryActionLabel={t('deleteDialog.confirmCta')}\n        closeActionLabel={t('deleteDialog.cancelCta')}\n      >\n        {t('deleteDialog.description')}\n      </Components.Dialog>\n    </>\n  )\n}\n"],"names":["EmployeeListView","employees","isFetching","pagination","status","onEdit","onDelete","onCancelSelfOnboarding","onReview","onAddEmployee","onSkip","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","dataViewProps","useDataView","employee","firstLastName","jsx","EmployeeOnboardingStatusBadge","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","EmptyData","jsxs","ActionsLayout","PlusCircleIcon","Fragment","Flex","DataView"],"mappings":"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"}
+{"version":3,"file":"EmployeeListView.js","sources":["../../../../../src/components/Employee/EmployeeList/onboarding/EmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport type { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList'\nimport { DataView, EmptyData, ActionsLayout, useDataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface EmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  onEdit: (employeeId: string, onboardingStatus?: OnboardingStatus) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  onReview: (employeeId: string) => Promise<void>\n  onAddEmployee: () => void\n  onSkip: () => void\n}\n\nexport function EmployeeListView({\n  employees,\n  isFetching,\n  pagination,\n  status,\n  onEdit,\n  onDelete,\n  onCancelSelfOnboarding,\n  onReview,\n  onAddEmployee,\n  onSkip,\n}: EmployeeListViewProps) {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: [\n      {\n        key: 'name',\n        title: t('nameLabel'),\n        render: (employee: EmployeeWithActions) => {\n          return firstLastName({\n            first_name: employee.firstName,\n            last_name: employee.lastName,\n          })\n        },\n      },\n      {\n        key: 'status',\n        title: t('statusLabel'),\n        render: (employee: EmployeeWithActions) => (\n          <EmployeeOnboardingStatusBadge\n            onboarded={employee.onboarded}\n            onboardingStatus={employee.onboardingStatus}\n          />\n        ),\n      },\n    ],\n    itemMenu: employee => {\n      const menuItems = []\n\n      if (employee.allowedActions.includes('edit')) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            onEdit(employee.uuid, employee.onboardingStatus ?? undefined)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('cancel_self_onboarding')) {\n        menuItems.push({\n          label: t('cancelSelfOnboardingCta'),\n          onClick: () => {\n            void onCancelSelfOnboarding(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('review')) {\n        menuItems.push({\n          label: t('reviewCta'),\n          onClick: () => {\n            void onReview(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('deleteCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Components.Button variant=\"secondary\" onClick={onSkip}>\n            {t('skipCta')}\n          </Components.Button>\n          <Components.Button variant=\"primary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n\n          {employees.length > 0 && (\n            <Components.Button\n              variant=\"secondary\"\n              onClick={onAddEmployee}\n              icon={<PlusCircleIcon />}\n            >\n              {t('addAnotherCta')}\n            </Components.Button>\n          )}\n        </Flex>\n\n        <DataView label={t('employeeListLabel')} {...dataViewProps} />\n\n        {employees.length > 0 && (\n          <ActionsLayout>\n            <Components.Button onClick={onSkip}>{t('continueCta')}</Components.Button>\n          </ActionsLayout>\n        )}\n      </Flex>\n\n      <Components.Dialog\n        isOpen={!!employeeToDelete}\n        onClose={() => {\n          setEmployeeToDelete(null)\n        }}\n        onPrimaryActionClick={async () => {\n          if (employeeToDelete) {\n            try {\n              await onDelete(employeeToDelete)\n              setEmployeeToDelete(null)\n            } catch {\n              // Keep dialog open on error\n            }\n          }\n        }}\n        isPrimaryActionLoading={status.isPending}\n        isDestructive\n        title={t('deleteDialog.title')}\n        primaryActionLabel={t('deleteDialog.confirmCta')}\n        closeActionLabel={t('deleteDialog.cancelCta')}\n      >\n        {t('deleteDialog.description')}\n      </Components.Dialog>\n    </>\n  )\n}\n"],"names":["EmployeeListView","employees","isFetching","pagination","status","onEdit","onDelete","onCancelSelfOnboarding","onReview","onAddEmployee","onSkip","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","dataViewProps","useDataView","employee","firstLastName","jsx","EmployeeOnboardingStatusBadge","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","EmptyData","jsxs","ActionsLayout","PlusCircleIcon","Fragment","Flex","DataView"],"mappings":"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"}

package/dist/components/Employee/FederalTaxes/Actions.js

@@ -1,13 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { useFederalTaxes as i } from "./useFederalTaxes.js";
+import "classnames";
 import { ActionsLayout as s } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function f() {
+function l() {
   const { t } = r("Employee.FederalTaxes"), { isPending: n } = i(), e = m();
   return /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(e.Button, { type: "submit", isLoading: n, children: t("submitCta") }) });
 }
 export {
-  f as Actions
+  l as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Employee/FederalTaxes/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/FederalTaxes/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useFederalTaxes } from './useFederalTaxes'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const { isPending } = useFederalTaxes()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useFederalTaxes","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/FederalTaxes/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useFederalTaxes } from './useFederalTaxes'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const { isPending } = useFederalTaxes()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useFederalTaxes","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}

package/dist/components/Employee/FederalTaxes/FederalForm.js

@@ -1,6 +1,7 @@
 import { jsxs as l, Fragment as a, jsx as r } from "react/jsx-runtime";
 import { useTranslation as s, Trans as m } from "react-i18next";
 import { z as i } from "zod";
+import "classnames";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { SelectField as d } from "../../Common/Fields/SelectField/SelectField.js";
 import { RadioGroupField as c } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
@@ -12,8 +13,8 @@ const f = i.object({
   otherIncome: i.number().transform(String),
   deductions: i.number().transform(String),
   extraWithholding: i.number().transform(String)
-}), x = f;
-function q() {
+}), q = f;
+function I() {
   const { t: e } = s("Employee.FederalTaxes"), o = u(), n = [
     { value: "Single", label: e("filingStatusSingle") },
     { value: "Married", label: e("filingStatusMarried") },
@@ -103,7 +104,7 @@ function q() {
   ] });
 }
 export {
-  q as FederalForm,
-  x as FederalFormSchema
+  I as FederalForm,
+  q as FederalFormSchema
 };
 //# sourceMappingURL=FederalForm.js.map

package/dist/components/Employee/FederalTaxes/FederalForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/FederalTaxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { SelectField, RadioGroupField, NumberInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst Rev2020Schema = z.object({\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n})\n\nexport const FederalFormSchema = Rev2020Schema\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n\n  const filingStatusOptions = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFilingStatusPlaceholder')}\n        description={t('selectWithholdingDescription')}\n        options={filingStatusOptions}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        isRequired\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Trans\n            i18nKey={'includesSpouseExplanation'}\n            t={t}\n            components={{\n              IrsLink: <Components.Link />,\n            }}\n          />\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["Rev2020Schema","z","FederalFormSchema","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusOptions","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":"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"}
+{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/FederalTaxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { SelectField, RadioGroupField, NumberInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst Rev2020Schema = z.object({\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n})\n\nexport const FederalFormSchema = Rev2020Schema\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n\n  const filingStatusOptions = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFilingStatusPlaceholder')}\n        description={t('selectWithholdingDescription')}\n        options={filingStatusOptions}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        isRequired\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Trans\n            i18nKey={'includesSpouseExplanation'}\n            t={t}\n            components={{\n              IrsLink: <Components.Link />,\n            }}\n          />\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["Rev2020Schema","z","FederalFormSchema","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusOptions","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":"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"}

package/dist/components/Employee/FederalTaxes/useFederalTaxes.js

@@ -10,11 +10,12 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
+import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [T, c] = o("FederalTaxesContext");
+const [c, u] = o("FederalTaxesContext");
 export {
-  c as FederalTaxesProvider,
-  T as useFederalTaxes
+  u as FederalTaxesProvider,
+  c as useFederalTaxes
 };
 //# sourceMappingURL=useFederalTaxes.js.map

package/dist/components/Employee/FederalTaxes/useFederalTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] =\n  createCompoundContext<FederalTaxesContextType>('FederalTaxesContext')\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAMA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] =\n  createCompoundContext<FederalTaxesContextType>('FederalTaxesContext')\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

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

@@ -10,6 +10,7 @@ import { HomeAddressErrorCodes as a } from "../../Profile/shared/useHomeAddressF
 import { SDKFormProvider as Z } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { Flex as s, FlexItem as Ae } from "../../../Common/Flex/Flex.js";
 import { Grid as j } from "../../../Common/Grid/Grid.js";
+import "classnames";
 import { EmptyData as Fe } from "../../../Common/EmptyData/EmptyData.js";
 import { useComponentContext as Y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { formatDateLongWithYear as E, normalizeToDate as Ue, addDays as We } from "../../../../helpers/dateFormatting.js";
@@ -46,7 +47,7 @@ function q({
     f ? /* @__PURE__ */ e(C.Alert, { label: c("withholdingTitle"), status: "warning", children: /* @__PURE__ */ e(L, { t: c, i18nKey: "withholdingNote" }) }) : null
   ] });
 }
-function at({
+function st({
   editHomeAddressForm: u,
   createHomeAddressForm: m,
   employeeHomeAddresses: c,
@@ -471,6 +472,6 @@ function at({
   ] });
 }
 export {
-  at as HomeAddressView
+  st as HomeAddressView
 };
 //# sourceMappingURL=HomeAddressView.js.map

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={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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"}

package/dist/components/Employee/Landing/Landing.js

@@ -2,25 +2,26 @@ import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { useTranslation as h } from "react-i18next";
 import { useEmployeesGetSuspense as g } from "@gusto/embedded-api/react-query/employeesGet";
 import { useCompaniesGetSuspense as y } from "@gusto/embedded-api/react-query/companiesGet";
-import m from "dompurify";
+import s from "dompurify";
 import { useMemo as c } from "react";
 import { BaseComponent as x } from "../../Base/Base.js";
 import { useBase as E } from "../../Base/useBase.js";
 import { Flex as r } from "../../Common/Flex/Flex.js";
+import "classnames";
 import { ActionsLayout as C } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as L } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as S, useComponentDictionary as D } from "../../../i18n/I18n.js";
 import { componentEvents as I } from "../../../shared/constants.js";
 import N from "../../../assets/icons/icon-arrow-right.svg.js";
-function P(o) {
+function w(o) {
   return S("Employee.Landing"), D("Employee.Landing", o.dictionary), /* @__PURE__ */ e(x, { ...o, children: /* @__PURE__ */ e(v, { ...o, children: o.children }) });
 }
 const v = ({ employeeId: o, companyId: p, className: l }) => {
   const { onEvent: d } = E(), t = L(), {
     data: { employee: a }
-  } = g({ employeeId: o }), f = c(() => m.sanitize(a.firstName), [a]), {
-    data: { company: s }
-  } = y({ companyId: p }), u = c(() => m.sanitize(s?.name ?? ""), [s]), { t: n } = h("Employee.Landing");
+  } = g({ employeeId: o }), f = c(() => s.sanitize(a.firstName), [a]), {
+    data: { company: m }
+  } = y({ companyId: p }), u = c(() => s.sanitize(m?.name ?? ""), [m]), { t: n } = h("Employee.Landing");
   return /* @__PURE__ */ e("section", { className: l, children: /* @__PURE__ */ e(
     t.Box,
     {
@@ -60,6 +61,6 @@ const v = ({ employeeId: o, companyId: p, className: l }) => {
   ) });
 };
 export {
-  P as Landing
+  w as Landing
 };
 //# sourceMappingURL=Landing.js.map

package/dist/components/Employee/Landing/Landing.js.map

@@ -1 +1 @@
-{"version":3,"file":"Landing.js","sources":["../../../../src/components/Employee/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useCompaniesGetSuspense } from '@gusto/embedded-api/react-query/companiesGet'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\ninterface SummaryProps extends CommonComponentInterface<'Employee.Landing'> {\n  employeeId: string\n  companyId: string\n}\n\nexport function Landing(props: SummaryProps & BaseComponentInterface) {\n  useI18n('Employee.Landing')\n  useComponentDictionary('Employee.Landing', props.dictionary)\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, companyId, className }: SummaryProps) => {\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const sanitizedFirstName = useMemo(() => DOMPurify.sanitize(employee!.firstName), [employee])\n\n  const {\n    data: { company },\n  } = useCompaniesGetSuspense({ companyId })\n  const sanitizedCompanyName = useMemo(() => DOMPurify.sanitize(company?.name ?? ''), [company])\n\n  const { t } = useTranslation('Employee.Landing')\n\n  return (\n    <section className={className}>\n      <Components.Box\n        footer={\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.EMPLOYEE_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n              <ArrowRightIcon aria-hidden />\n            </Components.Button>\n          </ActionsLayout>\n        }\n      >\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">\n              {t('landingSubtitle', {\n                firstName: sanitizedFirstName,\n                companyName: sanitizedCompanyName,\n                interpolation: { escapeValue: false },\n              })}\n            </Components.Heading>\n            <Components.Text variant=\"supporting\">{t('landingDescription')}</Components.Text>\n          </Flex>\n          <Flex flexDirection=\"column\" gap={8}>\n            <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n            <Components.UnorderedList\n              items={[t('steps.personalInfo'), t('steps.taxInfo'), t('steps.bankInfo')]}\n            />\n          </Flex>\n        </Flex>\n      </Components.Box>\n    </section>\n  )\n}\n"],"names":["Landing","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","employeeId","companyId","className","onEvent","useBase","Components","useComponentContext","employee","useEmployeesGetSuspense","sanitizedFirstName","useMemo","DOMPurify","company","useCompaniesGetSuspense","sanitizedCompanyName","t","useTranslation","ActionsLayout","jsxs","componentEvents","ArrowRightIcon","Flex"],"mappings":";;;;;;;;;;;;;;AAuBO,SAASA,EAAQC,GAA8C;AACpE,SAAAC,EAAQ,kBAAkB,GAC1BC,EAAuB,oBAAoBF,EAAM,UAAU,GAGzD,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,WAAAC,QAA8B;AACnE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEb;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAA;AAAA,EAAS,IACfC,EAAwB,EAAE,YAAAR,GAAY,GACpCS,IAAqBC,EAAQ,MAAMC,EAAU,SAASJ,EAAU,SAAS,GAAG,CAACA,CAAQ,CAAC,GAEtF;AAAA,IACJ,MAAM,EAAE,SAAAK,EAAA;AAAA,EAAQ,IACdC,EAAwB,EAAE,WAAAZ,GAAW,GACnCa,IAAuBJ,EAAQ,MAAMC,EAAU,SAASC,GAAS,QAAQ,EAAE,GAAG,CAACA,CAAO,CAAC,GAEvF,EAAE,GAAAG,EAAA,IAAMC,EAAe,kBAAkB;AAE/C,SACE,gBAAAnB,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,0BACGY,GAAA,EACC,UAAA,gBAAAC;AAAA,QAACb,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQgB,EAAgB,8BAA8B;AAAA,UACxD;AAAA,UAEC,UAAA;AAAA,YAAAJ,EAAE,eAAe;AAAA,YAClB,gBAAAlB,EAACuB,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEhC;AAAA,MAGF,4BAACC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,QAAA,gBAAAH,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAxB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MACpB,YAAE,mBAAmB;AAAA,YACpB,WAAWI;AAAA,YACX,aAAaK;AAAA,YACb,eAAe,EAAE,aAAa,GAAA;AAAA,UAAM,CACrC,GACH;AAAA,UACA,gBAAAjB,EAACQ,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAU,EAAE,oBAAoB,EAAA,CAAE;AAAA,QAAA,GACjE;AAAA,QACA,gBAAAG,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAxB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAU,EAAE,eAAe,GAAE;AAAA,UAChD,gBAAAlB;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,OAAO,CAACU,EAAE,oBAAoB,GAAGA,EAAE,eAAe,GAAGA,EAAE,gBAAgB,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1E,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Landing.js","sources":["../../../../src/components/Employee/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useCompaniesGetSuspense } from '@gusto/embedded-api/react-query/companiesGet'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\ninterface SummaryProps extends CommonComponentInterface<'Employee.Landing'> {\n  employeeId: string\n  companyId: string\n}\n\nexport function Landing(props: SummaryProps & BaseComponentInterface) {\n  useI18n('Employee.Landing')\n  useComponentDictionary('Employee.Landing', props.dictionary)\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, companyId, className }: SummaryProps) => {\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const sanitizedFirstName = useMemo(() => DOMPurify.sanitize(employee!.firstName), [employee])\n\n  const {\n    data: { company },\n  } = useCompaniesGetSuspense({ companyId })\n  const sanitizedCompanyName = useMemo(() => DOMPurify.sanitize(company?.name ?? ''), [company])\n\n  const { t } = useTranslation('Employee.Landing')\n\n  return (\n    <section className={className}>\n      <Components.Box\n        footer={\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.EMPLOYEE_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n              <ArrowRightIcon aria-hidden />\n            </Components.Button>\n          </ActionsLayout>\n        }\n      >\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">\n              {t('landingSubtitle', {\n                firstName: sanitizedFirstName,\n                companyName: sanitizedCompanyName,\n                interpolation: { escapeValue: false },\n              })}\n            </Components.Heading>\n            <Components.Text variant=\"supporting\">{t('landingDescription')}</Components.Text>\n          </Flex>\n          <Flex flexDirection=\"column\" gap={8}>\n            <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n            <Components.UnorderedList\n              items={[t('steps.personalInfo'), t('steps.taxInfo'), t('steps.bankInfo')]}\n            />\n          </Flex>\n        </Flex>\n      </Components.Box>\n    </section>\n  )\n}\n"],"names":["Landing","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","employeeId","companyId","className","onEvent","useBase","Components","useComponentContext","employee","useEmployeesGetSuspense","sanitizedFirstName","useMemo","DOMPurify","company","useCompaniesGetSuspense","sanitizedCompanyName","t","useTranslation","ActionsLayout","jsxs","componentEvents","ArrowRightIcon","Flex"],"mappings":";;;;;;;;;;;;;;;AAuBO,SAASA,EAAQC,GAA8C;AACpE,SAAAC,EAAQ,kBAAkB,GAC1BC,EAAuB,oBAAoBF,EAAM,UAAU,GAGzD,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,WAAAC,QAA8B;AACnE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEb;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAA;AAAA,EAAS,IACfC,EAAwB,EAAE,YAAAR,GAAY,GACpCS,IAAqBC,EAAQ,MAAMC,EAAU,SAASJ,EAAU,SAAS,GAAG,CAACA,CAAQ,CAAC,GAEtF;AAAA,IACJ,MAAM,EAAE,SAAAK,EAAA;AAAA,EAAQ,IACdC,EAAwB,EAAE,WAAAZ,GAAW,GACnCa,IAAuBJ,EAAQ,MAAMC,EAAU,SAASC,GAAS,QAAQ,EAAE,GAAG,CAACA,CAAO,CAAC,GAEvF,EAAE,GAAAG,EAAA,IAAMC,EAAe,kBAAkB;AAE/C,SACE,gBAAAnB,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,0BACGY,GAAA,EACC,UAAA,gBAAAC;AAAA,QAACb,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQgB,EAAgB,8BAA8B;AAAA,UACxD;AAAA,UAEC,UAAA;AAAA,YAAAJ,EAAE,eAAe;AAAA,YAClB,gBAAAlB,EAACuB,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEhC;AAAA,MAGF,4BAACC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,QAAA,gBAAAH,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAxB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MACpB,YAAE,mBAAmB;AAAA,YACpB,WAAWI;AAAA,YACX,aAAaK;AAAA,YACb,eAAe,EAAE,aAAa,GAAA;AAAA,UAAM,CACrC,GACH;AAAA,UACA,gBAAAjB,EAACQ,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAU,EAAE,oBAAoB,EAAA,CAAE;AAAA,QAAA,GACjE;AAAA,QACA,gBAAAG,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAxB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAU,EAAE,eAAe,GAAE;AAAA,UAChD,gBAAAlB;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,OAAO,CAACU,EAAE,oBAAoB,GAAGA,EAAE,eAAe,GAAGA,EAAE,gBAAgB,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1E,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/PaymentMethod/Actions.js

@@ -1,10 +1,11 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
-import { usePaymentMethod as m } from "./usePaymentMethod.js";
+import { useTranslation as m } from "react-i18next";
+import { usePaymentMethod as l } from "./usePaymentMethod.js";
+import "classnames";
 import { ActionsLayout as p } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const L = () => {
-  const { handleAdd: a, handleCancel: i, isPending: r, bankAccounts: s, handleSplit: c, mode: t } = m(), { t: n } = l("Employee.PaymentMethod"), o = u();
+const f = () => {
+  const { handleAdd: a, handleCancel: i, isPending: r, bankAccounts: s, handleSplit: c, mode: t } = l(), { t: n } = m("Employee.PaymentMethod"), o = u();
   return /* @__PURE__ */ d(p, { children: [
     (t === "ADD" || t === "SPLIT") && /* @__PURE__ */ e(o.Button, { variant: "secondary", type: "button", onClick: i, children: n("cancelAddCta") }),
     t === "LIST" && s.length > 1 && /* @__PURE__ */ e(o.Button, { variant: "secondary", type: "button", onClick: c, children: n("splitCta") }),
@@ -13,6 +14,6 @@ const L = () => {
   ] });
 };
 export {
-  L as Actions
+  f as Actions
 };
 //# sourceMappingURL=Actions.js.map