@gusto/embedded-react-sdk 0.55.7 → 0.56.0

package/dist/components/Employee/Terminations/TerminationSummary/TerminationSummaryPresentation.js

@@ -1,11 +1,11 @@
 import { jsxs as e, jsx as n } from "react/jsx-runtime";
-import { useTranslation as I, Trans as O } from "react-i18next";
+import { useTranslation as O, Trans as W } from "react-i18next";
 import { Flex as t } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as W } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as q } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useDateFormatter as B } from "../../../../hooks/useDateFormatter.js";
-import { useI18n as E } from "../../../../i18n/I18n.js";
-function N({
+import { ActionsLayout as q } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as B } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDateFormatter as E } from "../../../../hooks/useDateFormatter.js";
+import { useI18n as H } from "../../../../i18n/I18n.js";
+function Q({
   employeeName: l,
   effectiveDate: u,
   canCancel: s,
@@ -21,11 +21,12 @@ function N({
   isCancelDialogOpen: x,
   onDialogClose: A,
   onDialogConfirm: T,
-  isCancelling: k
+  isCancelling: k,
+  className: C
 }) {
-  const { Alert: C, Heading: r, Text: o, Button: c, DescriptionList: v, Dialog: P, Link: L } = q(), { formatLongWithYear: F } = B();
-  E("Employee.Terminations.TerminationSummary");
-  const { t: i } = I("Employee.Terminations.TerminationSummary"), p = F(u) || "N/A", S = [
+  const { Alert: v, Heading: r, Text: o, Button: c, DescriptionList: P, Dialog: L, Link: F } = B(), { formatLongWithYear: S } = E();
+  H("Employee.Terminations.TerminationSummary");
+  const { t: i } = O("Employee.Terminations.TerminationSummary"), p = S(u) || "N/A", j = [
     {
       term: i("dates.today"),
       description: i("dates.dismissed", { employeeName: l })
@@ -38,26 +39,26 @@ function N({
       term: p,
       description: i("dates.lastPayDay")
     }
-  ], j = s || m || d || f;
-  return /* @__PURE__ */ e(t, { flexDirection: "column", gap: 24, children: [
+  ], I = s || m || d || f;
+  return /* @__PURE__ */ e(t, { className: C, flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ e(t, { flexDirection: "column", gap: 4, children: [
-      h && /* @__PURE__ */ n(C, { status: "success", label: i("alert.success.label", { employeeName: l }) }),
+      h && /* @__PURE__ */ n(v, { status: "success", label: i("alert.success.label", { employeeName: l }) }),
       /* @__PURE__ */ n(r, { as: "h2", children: i("title") }),
       /* @__PURE__ */ n(o, { variant: "supporting", children: i("subtitle") })
     ] }),
-    /* @__PURE__ */ n(v, { items: S }),
+    /* @__PURE__ */ n(P, { items: j }),
     /* @__PURE__ */ e(t, { flexDirection: "column", gap: 16, children: [
       /* @__PURE__ */ n(r, { as: "h3", children: i("offboarding.title") }),
       /* @__PURE__ */ e(t, { flexDirection: "column", gap: 16, children: [
         /* @__PURE__ */ e(t, { flexDirection: "column", gap: 8, children: [
           /* @__PURE__ */ n(r, { as: "h4", children: i("offboarding.runPayroll.title") }),
           /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(
-            O,
+            W,
             {
               i18nKey: "offboarding.runPayroll.description",
               t: i,
               components: {
-                StateRequirementsLink: /* @__PURE__ */ n(L, {})
+                StateRequirementsLink: /* @__PURE__ */ n(F, {})
               }
             }
           ) })
@@ -72,14 +73,14 @@ function N({
         ] })
       ] })
     ] }),
-    j && /* @__PURE__ */ e(W, { children: [
+    I && /* @__PURE__ */ e(q, { children: [
       s && /* @__PURE__ */ n(c, { variant: "error", onClick: D, isDisabled: a, children: i("actions.cancelTermination") }),
       m && /* @__PURE__ */ n(c, { variant: "secondary", onClick: g, isDisabled: a, children: i("actions.editDismissal") }),
       d && /* @__PURE__ */ n(c, { variant: "primary", onClick: y, isDisabled: a, children: i("actions.runDismissalPayroll") }),
       f && /* @__PURE__ */ n(c, { variant: "primary", onClick: b, isDisabled: a, children: i("actions.runOffCyclePayroll") })
     ] }),
     /* @__PURE__ */ n(
-      P,
+      L,
       {
         isOpen: x,
         onClose: A,
@@ -95,6 +96,6 @@ function N({
   ] });
 }
 export {
-  N as TerminationSummaryPresentation
+  Q as TerminationSummaryPresentation
 };
 //# sourceMappingURL=TerminationSummaryPresentation.js.map

package/dist/components/Employee/Terminations/TerminationSummary/TerminationSummaryPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"TerminationSummaryPresentation.js","sources":["../../../../../src/components/Employee/Terminations/TerminationSummary/TerminationSummaryPresentation.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { useI18n } from '@/i18n'\n\ninterface TerminationSummaryPresentationProps {\n  employeeName: string\n  effectiveDate: string | undefined\n  canCancel: boolean\n  canEdit: boolean\n  showRunPayroll: boolean\n  showRunOffCyclePayroll: boolean\n  showSuccessAlert: boolean\n  onCancelClick: () => void\n  onEditDismissal: () => void\n  onRunDismissalPayroll: () => void\n  onRunOffCyclePayroll: () => void\n  isLoading: boolean\n  isCancelDialogOpen: boolean\n  onDialogClose: () => void\n  onDialogConfirm: () => void\n  isCancelling: boolean\n}\n\n/** @internal */\nexport function TerminationSummaryPresentation({\n  employeeName,\n  effectiveDate,\n  canCancel,\n  canEdit,\n  showRunPayroll,\n  showRunOffCyclePayroll,\n  showSuccessAlert,\n  onCancelClick,\n  onEditDismissal,\n  onRunDismissalPayroll,\n  onRunOffCyclePayroll,\n  isLoading,\n  isCancelDialogOpen,\n  onDialogClose,\n  onDialogConfirm,\n  isCancelling,\n}: TerminationSummaryPresentationProps) {\n  const { Alert, Heading, Text, Button, DescriptionList, Dialog, Link } = useComponentContext()\n  const { formatLongWithYear } = useDateFormatter()\n  useI18n('Employee.Terminations.TerminationSummary')\n  const { t } = useTranslation('Employee.Terminations.TerminationSummary')\n\n  const formattedDate = formatLongWithYear(effectiveDate) || 'N/A'\n\n  const dateItems = [\n    {\n      term: t('dates.today'),\n      description: t('dates.dismissed', { employeeName }),\n    },\n    {\n      term: formattedDate,\n      description: t('dates.lastDayOfWork'),\n    },\n    {\n      term: formattedDate,\n      description: t('dates.lastPayDay'),\n    },\n  ]\n\n  const hasActions = canCancel || canEdit || showRunPayroll || showRunOffCyclePayroll\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={4}>\n        {showSuccessAlert && (\n          <Alert status=\"success\" label={t('alert.success.label', { employeeName })} />\n        )}\n        <Heading as=\"h2\">{t('title')}</Heading>\n        <Text variant=\"supporting\">{t('subtitle')}</Text>\n      </Flex>\n\n      <DescriptionList items={dateItems} />\n\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h3\">{t('offboarding.title')}</Heading>\n\n        <Flex flexDirection=\"column\" gap={16}>\n          <Flex flexDirection=\"column\" gap={8}>\n            <Heading as=\"h4\">{t('offboarding.runPayroll.title')}</Heading>\n            <Text>\n              <Trans\n                i18nKey=\"offboarding.runPayroll.description\"\n                t={t}\n                components={{\n                  StateRequirementsLink: <Link />,\n                }}\n              />\n            </Text>\n          </Flex>\n\n          <Flex flexDirection=\"column\" gap={8}>\n            <Heading as=\"h4\">{t('offboarding.taxForms.title')}</Heading>\n            <Text>{t('offboarding.taxForms.description')}</Text>\n          </Flex>\n\n          <Flex flexDirection=\"column\" gap={8}>\n            <Heading as=\"h4\">{t('offboarding.disconnectAccounts.title')}</Heading>\n            <Text>{t('offboarding.disconnectAccounts.description')}</Text>\n          </Flex>\n        </Flex>\n      </Flex>\n\n      {hasActions && (\n        <ActionsLayout>\n          {canCancel && (\n            <Button variant=\"error\" onClick={onCancelClick} isDisabled={isLoading}>\n              {t('actions.cancelTermination')}\n            </Button>\n          )}\n          {canEdit && (\n            <Button variant=\"secondary\" onClick={onEditDismissal} isDisabled={isLoading}>\n              {t('actions.editDismissal')}\n            </Button>\n          )}\n          {showRunPayroll && (\n            <Button variant=\"primary\" onClick={onRunDismissalPayroll} isDisabled={isLoading}>\n              {t('actions.runDismissalPayroll')}\n            </Button>\n          )}\n          {showRunOffCyclePayroll && (\n            <Button variant=\"primary\" onClick={onRunOffCyclePayroll} isDisabled={isLoading}>\n              {t('actions.runOffCyclePayroll')}\n            </Button>\n          )}\n        </ActionsLayout>\n      )}\n\n      <Dialog\n        isOpen={isCancelDialogOpen}\n        onClose={onDialogClose}\n        onPrimaryActionClick={onDialogConfirm}\n        isDestructive\n        isPrimaryActionLoading={isCancelling}\n        primaryActionLabel={t('cancelDialog.confirm')}\n        closeActionLabel={t('cancelDialog.cancel')}\n        title={t('cancelDialog.title')}\n      >\n        <Text>{t('cancelDialog.body')}</Text>\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["TerminationSummaryPresentation","employeeName","effectiveDate","canCancel","canEdit","showRunPayroll","showRunOffCyclePayroll","showSuccessAlert","onCancelClick","onEditDismissal","onRunDismissalPayroll","onRunOffCyclePayroll","isLoading","isCancelDialogOpen","onDialogClose","onDialogConfirm","isCancelling","Alert","Heading","Text","Button","DescriptionList","Dialog","Link","useComponentContext","formatLongWithYear","useDateFormatter","useI18n","t","useTranslation","formattedDate","dateItems","hasActions","jsxs","Flex","jsx","Trans","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"TerminationSummaryPresentation.js","sources":["../../../../../src/components/Employee/Terminations/TerminationSummary/TerminationSummaryPresentation.tsx"],"sourcesContent":["import { useTranslation, Trans } from 'react-i18next'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { useI18n } from '@/i18n'\n\ninterface TerminationSummaryPresentationProps {\n  employeeName: string\n  effectiveDate: string | undefined\n  canCancel: boolean\n  canEdit: boolean\n  showRunPayroll: boolean\n  showRunOffCyclePayroll: boolean\n  showSuccessAlert: boolean\n  onCancelClick: () => void\n  onEditDismissal: () => void\n  onRunDismissalPayroll: () => void\n  onRunOffCyclePayroll: () => void\n  isLoading: boolean\n  isCancelDialogOpen: boolean\n  onDialogClose: () => void\n  onDialogConfirm: () => void\n  isCancelling: boolean\n  /** CSS class name applied to the root element. */\n  className?: string\n}\n\n/** @internal */\nexport function TerminationSummaryPresentation({\n  employeeName,\n  effectiveDate,\n  canCancel,\n  canEdit,\n  showRunPayroll,\n  showRunOffCyclePayroll,\n  showSuccessAlert,\n  onCancelClick,\n  onEditDismissal,\n  onRunDismissalPayroll,\n  onRunOffCyclePayroll,\n  isLoading,\n  isCancelDialogOpen,\n  onDialogClose,\n  onDialogConfirm,\n  isCancelling,\n  className,\n}: TerminationSummaryPresentationProps) {\n  const { Alert, Heading, Text, Button, DescriptionList, Dialog, Link } = useComponentContext()\n  const { formatLongWithYear } = useDateFormatter()\n  useI18n('Employee.Terminations.TerminationSummary')\n  const { t } = useTranslation('Employee.Terminations.TerminationSummary')\n\n  const formattedDate = formatLongWithYear(effectiveDate) || 'N/A'\n\n  const dateItems = [\n    {\n      term: t('dates.today'),\n      description: t('dates.dismissed', { employeeName }),\n    },\n    {\n      term: formattedDate,\n      description: t('dates.lastDayOfWork'),\n    },\n    {\n      term: formattedDate,\n      description: t('dates.lastPayDay'),\n    },\n  ]\n\n  const hasActions = canCancel || canEdit || showRunPayroll || showRunOffCyclePayroll\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={4}>\n        {showSuccessAlert && (\n          <Alert status=\"success\" label={t('alert.success.label', { employeeName })} />\n        )}\n        <Heading as=\"h2\">{t('title')}</Heading>\n        <Text variant=\"supporting\">{t('subtitle')}</Text>\n      </Flex>\n\n      <DescriptionList items={dateItems} />\n\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h3\">{t('offboarding.title')}</Heading>\n\n        <Flex flexDirection=\"column\" gap={16}>\n          <Flex flexDirection=\"column\" gap={8}>\n            <Heading as=\"h4\">{t('offboarding.runPayroll.title')}</Heading>\n            <Text>\n              <Trans\n                i18nKey=\"offboarding.runPayroll.description\"\n                t={t}\n                components={{\n                  StateRequirementsLink: <Link />,\n                }}\n              />\n            </Text>\n          </Flex>\n\n          <Flex flexDirection=\"column\" gap={8}>\n            <Heading as=\"h4\">{t('offboarding.taxForms.title')}</Heading>\n            <Text>{t('offboarding.taxForms.description')}</Text>\n          </Flex>\n\n          <Flex flexDirection=\"column\" gap={8}>\n            <Heading as=\"h4\">{t('offboarding.disconnectAccounts.title')}</Heading>\n            <Text>{t('offboarding.disconnectAccounts.description')}</Text>\n          </Flex>\n        </Flex>\n      </Flex>\n\n      {hasActions && (\n        <ActionsLayout>\n          {canCancel && (\n            <Button variant=\"error\" onClick={onCancelClick} isDisabled={isLoading}>\n              {t('actions.cancelTermination')}\n            </Button>\n          )}\n          {canEdit && (\n            <Button variant=\"secondary\" onClick={onEditDismissal} isDisabled={isLoading}>\n              {t('actions.editDismissal')}\n            </Button>\n          )}\n          {showRunPayroll && (\n            <Button variant=\"primary\" onClick={onRunDismissalPayroll} isDisabled={isLoading}>\n              {t('actions.runDismissalPayroll')}\n            </Button>\n          )}\n          {showRunOffCyclePayroll && (\n            <Button variant=\"primary\" onClick={onRunOffCyclePayroll} isDisabled={isLoading}>\n              {t('actions.runOffCyclePayroll')}\n            </Button>\n          )}\n        </ActionsLayout>\n      )}\n\n      <Dialog\n        isOpen={isCancelDialogOpen}\n        onClose={onDialogClose}\n        onPrimaryActionClick={onDialogConfirm}\n        isDestructive\n        isPrimaryActionLoading={isCancelling}\n        primaryActionLabel={t('cancelDialog.confirm')}\n        closeActionLabel={t('cancelDialog.cancel')}\n        title={t('cancelDialog.title')}\n      >\n        <Text>{t('cancelDialog.body')}</Text>\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["TerminationSummaryPresentation","employeeName","effectiveDate","canCancel","canEdit","showRunPayroll","showRunOffCyclePayroll","showSuccessAlert","onCancelClick","onEditDismissal","onRunDismissalPayroll","onRunOffCyclePayroll","isLoading","isCancelDialogOpen","onDialogClose","onDialogConfirm","isCancelling","className","Alert","Heading","Text","Button","DescriptionList","Dialog","Link","useComponentContext","formatLongWithYear","useDateFormatter","useI18n","t","useTranslation","formattedDate","dateItems","hasActions","Flex","jsxs","jsx","Trans","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/WorkAddress/management/WorkAddressEditForm.js

@@ -1,17 +1,18 @@
 import { jsx as o } from "react/jsx-runtime";
-import { WorkAddressView as A } from "./WorkAddressView.js";
-import { useWorkAddressManagement as E, isUseWorkAddressManagementSuccess as g } from "./useWorkAddressManagement.js";
-import { BaseBoundaries as W, BaseLayout as i } from "../../../Base/Base.js";
-import { useI18n as c, useComponentDictionary as k } from "../../../../i18n/I18n.js";
+import { WorkAddressView as E } from "./WorkAddressView.js";
+import { useWorkAddressManagement as g, isUseWorkAddressManagementSuccess as W } from "./useWorkAddressManagement.js";
+import { BaseBoundaries as c, BaseLayout as i } from "../../../Base/Base.js";
+import { useI18n as k, useComponentDictionary as D } from "../../../../i18n/I18n.js";
 import { componentEvents as n } from "../../../../shared/constants.js";
-function D({
+function l({
   employeeId: s,
   dictionary: d,
   onEvent: r,
-  LoaderComponent: a
+  LoaderComponent: a,
+  className: m
 }) {
-  c(["Employee.Management.WorkAddress"]), k("Employee.Management.WorkAddress", d);
-  const e = E({ employeeId: s, onEvent: r });
+  k(["Employee.Management.WorkAddress"]), D("Employee.Management.WorkAddress", d);
+  const e = g({ employeeId: s, onEvent: r });
   if (e.isLoading)
     return /* @__PURE__ */ o(
       i,
@@ -21,13 +22,13 @@ function D({
         LoaderComponent: a
       }
     );
-  if (!g(e))
+  if (!W(e))
     return /* @__PURE__ */ o(i, { error: e.errorHandling.errors, LoaderComponent: a });
-  const m = (t) => {
+  const A = (t) => {
     t.mode === "create" ? r(n.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_CREATED, t.data) : r(n.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_UPDATED, t.data);
   };
   return /* @__PURE__ */ o(i, { error: e.errorHandling.errors, LoaderComponent: a, children: /* @__PURE__ */ o(
-    A,
+    E,
     {
       editWorkAddressForm: e.data.editWorkAddressForm,
       changeWorkAddressForm: e.data.changeWorkAddressForm,
@@ -36,30 +37,31 @@ function D({
       onEditTargetUuidChange: e.actions.setEditTargetUuid,
       employeeDisplayName: e.data.employeeDisplayName,
       onConfirmDelete: e.actions.confirmDeleteWorkAddress,
-      onWorkAddressSaved: m,
+      onWorkAddressSaved: A,
       onBack: () => {
         r(n.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_CANCELLED);
       },
-      isDeletePending: e.status.isDeletePending
+      isDeletePending: e.status.isDeletePending,
+      className: m
     }
   ) });
 }
-function y({
+function N({
   FallbackComponent: s,
   LoaderComponent: d,
   ...r
 }) {
   return /* @__PURE__ */ o(
-    W,
+    c,
     {
       componentName: "Employee.Management.WorkAddress",
       FallbackComponent: s,
       LoaderComponent: d,
-      children: /* @__PURE__ */ o(D, { LoaderComponent: d, ...r })
+      children: /* @__PURE__ */ o(l, { LoaderComponent: d, ...r })
     }
   );
 }
 export {
-  y as WorkAddressEditForm
+  N as WorkAddressEditForm
 };
 //# sourceMappingURL=WorkAddressEditForm.js.map

package/dist/components/Employee/WorkAddress/management/WorkAddressEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkAddressEditForm.js","sources":["../../../../../src/components/Employee/WorkAddress/management/WorkAddressEditForm.tsx"],"sourcesContent":["import type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { WorkAddressView } from './WorkAddressView'\nimport {\n  isUseWorkAddressManagementSuccess,\n  useWorkAddressManagement,\n} from './useWorkAddressManagement'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport type { HookSubmitResult } from '@/partner-hook-utils/types'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link WorkAddressEditForm}.\n *\n * @public\n */\nexport interface WorkAddressEditFormProps extends BaseComponentInterface<'Employee.Management.WorkAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction WorkAddressEditFormRoot({\n  employeeId,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: WorkAddressEditFormProps) {\n  useI18n(['Employee.Management.WorkAddress'])\n  useComponentDictionary('Employee.Management.WorkAddress', dictionary)\n\n  const management = useWorkAddressManagement({ employeeId, onEvent })\n\n  if (management.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={management.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  if (!isUseWorkAddressManagementSuccess(management)) {\n    return <BaseLayout error={management.errorHandling.errors} LoaderComponent={LoaderComponent} />\n  }\n\n  const handleWorkAddressSaved = (result: HookSubmitResult<EmployeeWorkAddress>) => {\n    if (result.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_CREATED, result.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_UPDATED, result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={management.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <WorkAddressView\n        editWorkAddressForm={management.data.editWorkAddressForm}\n        changeWorkAddressForm={management.data.changeWorkAddressForm}\n        workAddresses={management.data.employeeWorkAddresses}\n        editTargetUuid={management.data.editTargetUuid}\n        onEditTargetUuidChange={management.actions.setEditTargetUuid}\n        employeeDisplayName={management.data.employeeDisplayName}\n        onConfirmDelete={management.actions.confirmDeleteWorkAddress}\n        onWorkAddressSaved={handleWorkAddressSaved}\n        onBack={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_CANCELLED)\n        }}\n        isDeletePending={management.status.isDeletePending}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Standalone employee work address edit form for creating, updating, and deleting addresses.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/workAddress/created` | A new work address was created | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/updated` | An existing work address was updated | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/deleted` | A work address was deleted | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/editCancelled` | User backed out of the edit form | — |\n *\n * @public\n */\nexport function WorkAddressEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: WorkAddressEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.WorkAddress\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <WorkAddressEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["WorkAddressEditFormRoot","employeeId","dictionary","onEvent","LoaderComponent","useI18n","useComponentDictionary","management","useWorkAddressManagement","jsx","BaseLayout","isUseWorkAddressManagementSuccess","handleWorkAddressSaved","result","componentEvents","WorkAddressView","WorkAddressEditForm","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAqBA,SAASA,EAAwB;AAAA,EAC/B,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AACF,GAA6B;AAC3B,EAAAC,EAAQ,CAAC,iCAAiC,CAAC,GAC3CC,EAAuB,mCAAmCJ,CAAU;AAEpE,QAAMK,IAAaC,EAAyB,EAAE,YAAAP,GAAY,SAAAE,GAAS;AAEnE,MAAII,EAAW;AACb,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOH,EAAW,cAAc;AAAA,QAChC,iBAAAH;AAAA,MAAA;AAAA,IAAA;AAKN,MAAI,CAACO,EAAkCJ,CAAU;AAC/C,6BAAQG,GAAA,EAAW,OAAOH,EAAW,cAAc,QAAQ,iBAAAH,GAAkC;AAG/F,QAAMQ,IAAyB,CAACC,MAAkD;AAChF,IAAIA,EAAO,SAAS,WAClBV,EAAQW,EAAgB,0CAA0CD,EAAO,IAAI,IAE7EV,EAAQW,EAAgB,0CAA0CD,EAAO,IAAI;AAAA,EAEjF;AAEA,2BACGH,GAAA,EAAW,OAAOH,EAAW,cAAc,QAAQ,iBAAAH,GAClD,UAAA,gBAAAK;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,qBAAqBR,EAAW,KAAK;AAAA,MACrC,uBAAuBA,EAAW,KAAK;AAAA,MACvC,eAAeA,EAAW,KAAK;AAAA,MAC/B,gBAAgBA,EAAW,KAAK;AAAA,MAChC,wBAAwBA,EAAW,QAAQ;AAAA,MAC3C,qBAAqBA,EAAW,KAAK;AAAA,MACrC,iBAAiBA,EAAW,QAAQ;AAAA,MACpC,oBAAoBK;AAAA,MACpB,QAAQ,MAAM;AACZ,QAAAT,EAAQW,EAAgB,+CAA+C;AAAA,MACzE;AAAA,MACA,iBAAiBP,EAAW,OAAO;AAAA,IAAA;AAAA,EAAA,GAEvC;AAEJ;AAeO,SAASS,EAAoB;AAAA,EAClC,mBAAAC;AAAA,EACA,iBAAAb;AAAA,EACA,GAAGc;AACL,GAA6B;AAC3B,SACE,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAAb;AAAA,MAEA,UAAA,gBAAAK,EAACT,GAAA,EAAwB,iBAAAI,GAAmC,GAAGc,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG5E;"}
+{"version":3,"file":"WorkAddressEditForm.js","sources":["../../../../../src/components/Employee/WorkAddress/management/WorkAddressEditForm.tsx"],"sourcesContent":["import type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { WorkAddressView } from './WorkAddressView'\nimport {\n  isUseWorkAddressManagementSuccess,\n  useWorkAddressManagement,\n} from './useWorkAddressManagement'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport type { HookSubmitResult } from '@/partner-hook-utils/types'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link WorkAddressEditForm}.\n *\n * @public\n */\nexport interface WorkAddressEditFormProps extends BaseComponentInterface<'Employee.Management.WorkAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction WorkAddressEditFormRoot({\n  employeeId,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n  className,\n}: WorkAddressEditFormProps) {\n  useI18n(['Employee.Management.WorkAddress'])\n  useComponentDictionary('Employee.Management.WorkAddress', dictionary)\n\n  const management = useWorkAddressManagement({ employeeId, onEvent })\n\n  if (management.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={management.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  if (!isUseWorkAddressManagementSuccess(management)) {\n    return <BaseLayout error={management.errorHandling.errors} LoaderComponent={LoaderComponent} />\n  }\n\n  const handleWorkAddressSaved = (result: HookSubmitResult<EmployeeWorkAddress>) => {\n    if (result.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_CREATED, result.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_UPDATED, result.data)\n    }\n  }\n\n  return (\n    <BaseLayout error={management.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <WorkAddressView\n        editWorkAddressForm={management.data.editWorkAddressForm}\n        changeWorkAddressForm={management.data.changeWorkAddressForm}\n        workAddresses={management.data.employeeWorkAddresses}\n        editTargetUuid={management.data.editTargetUuid}\n        onEditTargetUuidChange={management.actions.setEditTargetUuid}\n        employeeDisplayName={management.data.employeeDisplayName}\n        onConfirmDelete={management.actions.confirmDeleteWorkAddress}\n        onWorkAddressSaved={handleWorkAddressSaved}\n        onBack={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_CANCELLED)\n        }}\n        isDeletePending={management.status.isDeletePending}\n        className={className}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Standalone employee work address edit form for creating, updating, and deleting addresses.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/workAddress/created` | A new work address was created | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/updated` | An existing work address was updated | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/deleted` | A work address was deleted | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/editCancelled` | User backed out of the edit form | — |\n *\n * @public\n */\nexport function WorkAddressEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: WorkAddressEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.WorkAddress\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <WorkAddressEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["WorkAddressEditFormRoot","employeeId","dictionary","onEvent","LoaderComponent","className","useI18n","useComponentDictionary","management","useWorkAddressManagement","jsx","BaseLayout","isUseWorkAddressManagementSuccess","handleWorkAddressSaved","result","componentEvents","WorkAddressView","WorkAddressEditForm","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAqBA,SAASA,EAAwB;AAAA,EAC/B,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AACF,GAA6B;AAC3B,EAAAC,EAAQ,CAAC,iCAAiC,CAAC,GAC3CC,EAAuB,mCAAmCL,CAAU;AAEpE,QAAMM,IAAaC,EAAyB,EAAE,YAAAR,GAAY,SAAAE,GAAS;AAEnE,MAAIK,EAAW;AACb,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOH,EAAW,cAAc;AAAA,QAChC,iBAAAJ;AAAA,MAAA;AAAA,IAAA;AAKN,MAAI,CAACQ,EAAkCJ,CAAU;AAC/C,6BAAQG,GAAA,EAAW,OAAOH,EAAW,cAAc,QAAQ,iBAAAJ,GAAkC;AAG/F,QAAMS,IAAyB,CAACC,MAAkD;AAChF,IAAIA,EAAO,SAAS,WAClBX,EAAQY,EAAgB,0CAA0CD,EAAO,IAAI,IAE7EX,EAAQY,EAAgB,0CAA0CD,EAAO,IAAI;AAAA,EAEjF;AAEA,2BACGH,GAAA,EAAW,OAAOH,EAAW,cAAc,QAAQ,iBAAAJ,GAClD,UAAA,gBAAAM;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,qBAAqBR,EAAW,KAAK;AAAA,MACrC,uBAAuBA,EAAW,KAAK;AAAA,MACvC,eAAeA,EAAW,KAAK;AAAA,MAC/B,gBAAgBA,EAAW,KAAK;AAAA,MAChC,wBAAwBA,EAAW,QAAQ;AAAA,MAC3C,qBAAqBA,EAAW,KAAK;AAAA,MACrC,iBAAiBA,EAAW,QAAQ;AAAA,MACpC,oBAAoBK;AAAA,MACpB,QAAQ,MAAM;AACZ,QAAAV,EAAQY,EAAgB,+CAA+C;AAAA,MACzE;AAAA,MACA,iBAAiBP,EAAW,OAAO;AAAA,MACnC,WAAAH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAeO,SAASY,EAAoB;AAAA,EAClC,mBAAAC;AAAA,EACA,iBAAAd;AAAA,EACA,GAAGe;AACL,GAA6B;AAC3B,SACE,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAAd;AAAA,MAEA,UAAA,gBAAAM,EAACV,GAAA,EAAwB,iBAAAI,GAAmC,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG5E;"}

package/dist/components/Employee/WorkAddress/management/WorkAddressView.js

@@ -1,23 +1,23 @@
 import { jsxs as r, jsx as t, Fragment as K } from "react/jsx-runtime";
-import { useState as F, useRef as fe, useLayoutEffect as pe, useMemo as v } from "react";
-import { useTranslation as he, Trans as ge } from "react-i18next";
-import { getPendingFutureWorkAddress as ve, formatPendingWorkAddressLine as Q } from "./getPendingFutureWorkAddress.js";
-import De from "../../../../assets/icons/list.svg.js";
-import ye from "../../../../assets/icons/pencil.svg.js";
-import xe from "../../../../assets/icons/trashcan.svg.js";
-import { Flex as s, FlexItem as Ce } from "../../../Common/Flex/Flex.js";
+import { useState as F, useRef as pe, useLayoutEffect as he, useMemo as v } from "react";
+import { useTranslation as ge, Trans as ve } from "react-i18next";
+import { getPendingFutureWorkAddress as De, formatPendingWorkAddressLine as Q } from "./getPendingFutureWorkAddress.js";
+import ye from "../../../../assets/icons/list.svg.js";
+import xe from "../../../../assets/icons/pencil.svg.js";
+import Ce from "../../../../assets/icons/trashcan.svg.js";
+import { Flex as s, FlexItem as be } from "../../../Common/Flex/Flex.js";
 import { Grid as Y } from "../../../Common/Grid/Grid.js";
-import { EmptyData as be } from "../../../Common/EmptyData/EmptyData.js";
-import { ActionsLayout as Me } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { HamburgerMenu as Le } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { EmptyData as Me } from "../../../Common/EmptyData/EmptyData.js";
+import { ActionsLayout as Le } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { HamburgerMenu as Te } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { LocationField as z, EffectiveDateField as G } from "../../Profile/shared/useWorkAddressForm/fields.js";
 import { WorkAddressErrorCodes as Z } from "../../Profile/shared/useWorkAddressForm/workAddressSchema.js";
 import { SDKFormProvider as J } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as Te } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { formatDateLongWithYear as S, normalizeToDate as Se, addDays as Pe } from "../../../../helpers/dateFormatting.js";
+import { useComponentContext as Se } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { formatDateLongWithYear as S, normalizeToDate as Pe, addDays as ke } from "../../../../helpers/dateFormatting.js";
 import { getStreet as B, getCityStateZip as R } from "../../../../helpers/formattedStrings.js";
-import { useDataView as ke } from "../../../Common/DataView/useDataView.js";
-import { DataView as Ae } from "../../../Common/DataView/DataView.js";
+import { useDataView as Ae } from "../../../Common/DataView/useDataView.js";
+import { DataView as we } from "../../../Common/DataView/DataView.js";
 function _(c, u) {
   if (!(!c.locationUuid || !u?.length))
     return u.find((o) => o.uuid === c.locationUuid);
@@ -31,7 +31,7 @@ function X(c, u) {
   const H = B(c).trim(), f = R(c).trim();
   return { primary: H, secondary: f };
 }
-function Je({
+function Xe({
   editWorkAddressForm: c,
   changeWorkAddressForm: u,
   workAddresses: o,
@@ -41,10 +41,11 @@ function Je({
   onConfirmDelete: P,
   onWorkAddressSaved: I,
   onBack: N,
-  isDeletePending: ee = !1
+  isDeletePending: ee = !1,
+  className: te
 }) {
-  const { t: e } = he("Employee.Management.WorkAddress"), i = Te(), [l, x] = F(null), [m, C] = F(null), k = fe(null), [b, V] = F(void 0);
-  pe(() => {
+  const { t: e } = ge("Employee.Management.WorkAddress"), i = Se(), [l, x] = F(null), [m, C] = F(null), k = pe(null), [b, V] = F(void 0);
+  he(() => {
     if (!l) {
       V(void 0);
       return;
@@ -62,18 +63,18 @@ function Je({
   const {
     data: { workAddress: d, companyLocations: p },
     status: j,
-    form: { Fields: te }
-  } = c, M = te.EffectiveDate != null, { status: O } = u, U = {
+    form: { Fields: ie }
+  } = c, M = ie.EffectiveDate != null, { status: O } = u, U = {
     [Z.REQUIRED]: e("form.locationRequired")
   }, W = {
     [Z.REQUIRED]: e("form.startDateRequired")
   }, L = v(
-    () => ve(o),
+    () => De(o),
     [o]
   ), $ = v(() => {
     if (!(!m || !o))
       return o.find((n) => n.uuid === m);
-  }, [m, o]), ie = v(() => {
+  }, [m, o]), ne = v(() => {
     const n = y.trim();
     return n ? `${n}'s` : e("changePendingPossessiveFallback");
   }, [y, e]), D = v(() => [...o ?? []].sort((n, a) => {
@@ -82,17 +83,17 @@ function Je({
   }), [o]), q = v(
     () => D.filter((n) => n.active !== !0),
     [D]
-  ), ne = v(() => [...q].reverse(), [q]), re = (n) => {
-    const a = D.findIndex((me) => me.uuid === n.uuid);
+  ), re = v(() => [...q].reverse(), [q]), oe = (n) => {
+    const a = D.findIndex((fe) => fe.uuid === n.uuid);
     if (a === -1 || a >= D.length - 1) return "—";
     const h = D[a + 1]?.effectiveDate;
     if (!h) return "—";
-    const g = Se(h);
+    const g = Pe(h);
     if (!g) return "—";
-    const E = Pe(g, -1), se = E.getFullYear(), de = String(E.getMonth() + 1).padStart(2, "0"), ue = String(E.getDate()).padStart(2, "0");
-    return S(`${se}-${de}-${ue}`);
-  }, oe = ke({
-    data: ne,
+    const E = ke(g, -1), de = E.getFullYear(), ue = String(E.getMonth() + 1).padStart(2, "0"), me = String(E.getDate()).padStart(2, "0");
+    return S(`${de}-${ue}-${me}`);
+  }, ae = Ae({
+    data: re,
     columns: [
       {
         title: e("columns.location"),
@@ -110,11 +111,11 @@ function Je({
       },
       {
         title: e("columns.endDate"),
-        render: (n) => re(n)
+        render: (n) => oe(n)
       }
     ],
     itemMenu: (n) => /* @__PURE__ */ t(
-      Le,
+      Te,
       {
         triggerLabel: e("rowMenuAriaLabel"),
         items: [
@@ -123,33 +124,33 @@ function Je({
             onClick: () => {
               f(n.uuid), x("edit");
             },
-            icon: /* @__PURE__ */ t(ye, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ t(xe, { "aria-hidden": !0 })
           },
           {
             label: e("rowDelete"),
             onClick: () => {
               n.active !== !0 && C(n.uuid);
             },
-            icon: /* @__PURE__ */ t(xe, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ t(Ce, { "aria-hidden": !0 })
           }
         ]
       }
     ),
     emptyState: () => /* @__PURE__ */ t("div", { "data-testid": "work-address-history-empty", children: /* @__PURE__ */ t(
-      be,
+      Me,
       {
-        icon: /* @__PURE__ */ t(De, { "aria-hidden": !0 }),
+        icon: /* @__PURE__ */ t(ye, { "aria-hidden": !0 }),
         title: e("historyEmptyTitle"),
         description: e("historyEmptyDescription")
       }
     ) })
   }), T = () => {
     x(null), f(void 0);
-  }, ae = async () => {
+  }, le = async () => {
     if (!m)
       return;
     await P(m) && C(null);
-  }, le = async () => {
+  }, ce = async () => {
     if (!l)
       return;
     if (l === "edit") {
@@ -162,8 +163,8 @@ function Je({
     }
     const n = await u.actions.onSubmit();
     n && (I(n), T());
-  }, ce = l === "edit" ? j.isPending : O.isPending, A = d ? X(d, p) : null, w = d && p ? _(d, p) : void 0;
-  return /* @__PURE__ */ r(s, { flexDirection: "column", gap: 24, children: [
+  }, se = l === "edit" ? j.isPending : O.isPending, A = d ? X(d, p) : null, w = d && p ? _(d, p) : void 0;
+  return /* @__PURE__ */ r(s, { className: te, flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ r(s, { flexDirection: "column", gap: 4, alignItems: "flex-start", children: [
       /* @__PURE__ */ t(i.Heading, { as: "h1", styledAs: "h2", children: e("title") }),
       /* @__PURE__ */ t(i.Text, { variant: "supporting", children: e("description") })
@@ -201,7 +202,7 @@ function Je({
         ),
         children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: [
           d && A ? /* @__PURE__ */ r(s, { flexDirection: "column", gap: 4, children: [
-            /* @__PURE__ */ t(Ce, { children: w ? /* @__PURE__ */ r(K, { children: [
+            /* @__PURE__ */ t(be, { children: w ? /* @__PURE__ */ r(K, { children: [
               /* @__PURE__ */ t(i.Text, { weight: "medium", children: B(w).trim() }),
               /* @__PURE__ */ t(i.Text, { weight: "medium", children: R(w) })
             ] }) : /* @__PURE__ */ r(K, { children: [
@@ -213,7 +214,7 @@ function Je({
             }) }) : null
           ] }) : /* @__PURE__ */ t(i.Text, { children: e("currentEmpty") }),
           L ? /* @__PURE__ */ t(i.Alert, { status: "warning", label: e("changePendingTitle"), children: /* @__PURE__ */ t(i.Text, { variant: "supporting", children: e("changePendingDescription", {
-            possessiveLabel: ie,
+            possessiveLabel: ne,
             newAddress: Q(L, p),
             effectiveDate: L.effectiveDate ? S(L.effectiveDate) : "—",
             // Values are inserted into JSX text, so the browser already
@@ -226,9 +227,9 @@ function Je({
     ),
     /* @__PURE__ */ r(s, { flexDirection: "column", gap: 12, children: [
       /* @__PURE__ */ t(i.Heading, { as: "h2", styledAs: "h4", children: e("historySectionTitle") }),
-      /* @__PURE__ */ t(Ae, { label: e("historySectionTitle"), ...oe })
+      /* @__PURE__ */ t(we, { label: e("historySectionTitle"), ...ae })
     ] }),
-    /* @__PURE__ */ t(Me, { children: /* @__PURE__ */ t(i.Button, { variant: "secondary", onClick: N, children: e("backCta") }) }),
+    /* @__PURE__ */ t(Le, { children: /* @__PURE__ */ t(i.Button, { variant: "secondary", onClick: N, children: e("backCta") }) }),
     /* @__PURE__ */ t(
       i.Modal,
       {
@@ -243,9 +244,9 @@ function Je({
             {
               variant: "primary",
               onClick: () => {
-                le();
+                ce();
               },
-              isLoading: ce,
+              isLoading: se,
               children: e("submitCta")
             }
           )
@@ -343,7 +344,7 @@ function Je({
             {
               variant: "error",
               onClick: () => {
-                ae();
+                le();
               },
               isLoading: ee && m !== null,
               children: e("deleteModalConfirmCta")
@@ -353,7 +354,7 @@ function Je({
         children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: [
           /* @__PURE__ */ t(i.Heading, { as: "h2", children: e("deleteModalTitle") }),
           /* @__PURE__ */ t(i.Text, { variant: "supporting", children: $ ? /* @__PURE__ */ t(
-            ge,
+            ve,
             {
               t: e,
               i18nKey: "deleteModalDescription",
@@ -371,6 +372,6 @@ function Je({
   ] });
 }
 export {
-  Je as WorkAddressView
+  Xe as WorkAddressView
 };
 //# sourceMappingURL=WorkAddressView.js.map