@gusto/embedded-react-sdk 0.48.2 → 0.49.0

package/dist/components/Employee/WorkAddress/management/WorkAddressEditForm.d.ts

@@ -1,26 +1,24 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../../Base/Base';
+import { BaseComponentInterface } from '../../../Base/Base';
 /**
  * Props for {@link WorkAddressEditForm}.
  *
  * @public
  */
-export interface WorkAddressEditFormProps extends CommonComponentInterface<'Employee.Management.WorkAddress'> {
+export interface WorkAddressEditFormProps extends BaseComponentInterface<'Employee.Management.WorkAddress'> {
     /** The associated employee identifier. */
     employeeId: string;
-    /** Event handler fired on form save, cancel, and delete actions. */
-    onEvent: BaseComponentInterface['onEvent'];
 }
 /**
  * Standalone employee work address edit form for creating, updating, and deleting addresses.
  *
- * @remarks
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
- * | `employee/management/workAddress/created` | A new work address was created | {@link EmployeeWorkAddress} |
- * | `employee/management/workAddress/updated` | An existing work address was updated | {@link EmployeeWorkAddress} |
- * | `employee/management/workAddress/deleted` | A work address was deleted | {@link EmployeeWorkAddress} |
+ * | `employee/management/workAddress/created` | A new work address was created | {@link APIModels.EmployeeWorkAddress} |
+ * | `employee/management/workAddress/updated` | An existing work address was updated | {@link APIModels.EmployeeWorkAddress} |
+ * | `employee/management/workAddress/deleted` | A work address was deleted | {@link APIModels.EmployeeWorkAddress} |
  * | `employee/management/workAddress/editCancelled` | User backed out of the edit form | — |
  *
  * @public
  */
-export declare function WorkAddressEditForm({ FallbackComponent, ...props }: WorkAddressEditFormProps & BaseComponentInterface): import("react").JSX.Element;
+export declare function WorkAddressEditForm({ FallbackComponent, ...props }: WorkAddressEditFormProps): import("react").JSX.Element;

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

@@ -32,10 +32,7 @@ function k({ employeeId: d, dictionary: s, onEvent: o }) {
     }
   ) });
 }
-function _({
-  FallbackComponent: d,
-  ...s
-}) {
+function _({ FallbackComponent: d, ...s }) {
   return /* @__PURE__ */ r(
     g,
     {

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-v-2025-11-15/models/components/employeeworkaddress'\nimport { WorkAddressView } from './WorkAddressView'\nimport {\n  isUseWorkAddressManagementSuccess,\n  useWorkAddressManagement,\n} from './useWorkAddressManagement'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} 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 CommonComponentInterface<'Employee.Management.WorkAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on form save, cancel, and delete actions. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nfunction WorkAddressEditFormRoot({ employeeId, dictionary, onEvent }: 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 <BaseLayout isLoading error={management.errorHandling.errors} />\n  }\n\n  if (!isUseWorkAddressManagementSuccess(management)) {\n    return <BaseLayout error={management.errorHandling.errors} />\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}>\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 * @remarks\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/workAddress/created` | A new work address was created | {@link EmployeeWorkAddress} |\n * | `employee/management/workAddress/updated` | An existing work address was updated | {@link EmployeeWorkAddress} |\n * | `employee/management/workAddress/deleted` | A work address was deleted | {@link EmployeeWorkAddress} |\n * | `employee/management/workAddress/editCancelled` | User backed out of the edit form | — |\n *\n * @public\n */\nexport function WorkAddressEditForm({\n  FallbackComponent,\n  ...props\n}: WorkAddressEditFormProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.WorkAddress\"\n      FallbackComponent={FallbackComponent}\n    >\n      <WorkAddressEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["WorkAddressEditFormRoot","employeeId","dictionary","onEvent","useI18n","useComponentDictionary","management","useWorkAddressManagement","BaseLayout","isUseWorkAddressManagementSuccess","jsx","handleWorkAddressSaved","result","componentEvents","WorkAddressView","WorkAddressEditForm","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AA4BA,SAASA,EAAwB,EAAE,YAAAC,GAAY,YAAAC,GAAY,SAAAC,KAAqC;AAC9F,EAAAC,EAAQ,CAAC,iCAAiC,CAAC,GAC3CC,EAAuB,mCAAmCH,CAAU;AAEpE,QAAMI,IAAaC,EAAyB,EAAE,YAAAN,GAAY,SAAAE,GAAS;AAEnE,MAAIG,EAAW;AACb,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAW,cAAc,QAAQ;AAGvE,MAAI,CAACG,EAAkCH,CAAU;AAC/C,WAAO,gBAAAI,EAACF,GAAA,EAAW,OAAOF,EAAW,cAAc,QAAQ;AAG7D,QAAMK,IAAyB,CAACC,MAAkD;AAChF,IAAIA,EAAO,SAAS,WAClBT,EAAQU,EAAgB,0CAA0CD,EAAO,IAAI,IAE7ET,EAAQU,EAAgB,0CAA0CD,EAAO,IAAI;AAAA,EAEjF;AAEA,SACE,gBAAAF,EAACF,GAAA,EAAW,OAAOF,EAAW,cAAc,QAC1C,UAAA,gBAAAI;AAAA,IAACI;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,QAAAR,EAAQU,EAAgB,+CAA+C;AAAA,MACzE;AAAA,MACA,iBAAiBP,EAAW,OAAO;AAAA,IAAA;AAAA,EAAA,GAEvC;AAEJ;AAeO,SAASS,EAAoB;AAAA,EAClC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAsD;AACpD,SACE,gBAAAP;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MAEA,UAAA,gBAAAN,EAACV,GAAA,EAAyB,GAAGiB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG1C;"}
+{"version":3,"file":"WorkAddressEditForm.js","sources":["../../../../../src/components/Employee/WorkAddress/management/WorkAddressEditForm.tsx"],"sourcesContent":["import type { EmployeeWorkAddress } from '@gusto/embedded-api-v-2025-11-15/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({ employeeId, dictionary, onEvent }: 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 <BaseLayout isLoading error={management.errorHandling.errors} />\n  }\n\n  if (!isUseWorkAddressManagementSuccess(management)) {\n    return <BaseLayout error={management.errorHandling.errors} />\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}>\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({ FallbackComponent, ...props }: WorkAddressEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.WorkAddress\"\n      FallbackComponent={FallbackComponent}\n    >\n      <WorkAddressEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["WorkAddressEditFormRoot","employeeId","dictionary","onEvent","useI18n","useComponentDictionary","management","useWorkAddressManagement","BaseLayout","isUseWorkAddressManagementSuccess","jsx","handleWorkAddressSaved","result","componentEvents","WorkAddressView","WorkAddressEditForm","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAqBA,SAASA,EAAwB,EAAE,YAAAC,GAAY,YAAAC,GAAY,SAAAC,KAAqC;AAC9F,EAAAC,EAAQ,CAAC,iCAAiC,CAAC,GAC3CC,EAAuB,mCAAmCH,CAAU;AAEpE,QAAMI,IAAaC,EAAyB,EAAE,YAAAN,GAAY,SAAAE,GAAS;AAEnE,MAAIG,EAAW;AACb,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAW,cAAc,QAAQ;AAGvE,MAAI,CAACG,EAAkCH,CAAU;AAC/C,WAAO,gBAAAI,EAACF,GAAA,EAAW,OAAOF,EAAW,cAAc,QAAQ;AAG7D,QAAMK,IAAyB,CAACC,MAAkD;AAChF,IAAIA,EAAO,SAAS,WAClBT,EAAQU,EAAgB,0CAA0CD,EAAO,IAAI,IAE7ET,EAAQU,EAAgB,0CAA0CD,EAAO,IAAI;AAAA,EAEjF;AAEA,SACE,gBAAAF,EAACF,GAAA,EAAW,OAAOF,EAAW,cAAc,QAC1C,UAAA,gBAAAI;AAAA,IAACI;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,QAAAR,EAAQU,EAAgB,+CAA+C;AAAA,MACzE;AAAA,MACA,iBAAiBP,EAAW,OAAO;AAAA,IAAA;AAAA,EAAA,GAEvC;AAEJ;AAeO,SAASS,EAAoB,EAAE,mBAAAC,GAAmB,GAAGC,KAAmC;AAC7F,SACE,gBAAAP;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MAEA,UAAA,gBAAAN,EAACV,GAAA,EAAyB,GAAGiB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG1C;"}

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

@@ -1,11 +1,11 @@
-import { jsxs as r, jsx as e, Fragment as K } from "react/jsx-runtime";
+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 c, FlexItem as Ce } from "../../../Common/Flex/Flex.js";
+import { Flex as s, FlexItem as Ce } 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";
@@ -18,21 +18,21 @@ import { formatDateLongWithYear as S, normalizeToDate as Se, addDays as Pe } fro
 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";
-function _(s, u) {
-  if (!(!s.locationUuid || !u?.length))
-    return u.find((o) => o.uuid === s.locationUuid);
+function _(c, u) {
+  if (!(!c.locationUuid || !u?.length))
+    return u.find((o) => o.uuid === c.locationUuid);
 }
-function X(s, u) {
-  const o = _(s, u);
+function X(c, u) {
+  const o = _(c, u);
   if (o) {
     const y = B(o).trim(), P = R(o).trim();
     return { primary: y, secondary: P };
   }
-  const H = B(s).trim(), f = R(s).trim();
+  const H = B(c).trim(), f = R(c).trim();
   return { primary: H, secondary: f };
 }
 function Je({
-  editWorkAddressForm: s,
+  editWorkAddressForm: c,
   changeWorkAddressForm: u,
   workAddresses: o,
   editTargetUuid: H,
@@ -43,7 +43,7 @@ function Je({
   onBack: N,
   isDeletePending: ee = !1
 }) {
-  const { t } = he("Employee.Management.WorkAddress"), i = Te(), [l, x] = F(null), [m, C] = F(null), k = fe(null), [b, V] = F(void 0);
+  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(() => {
     if (!l) {
       V(void 0);
@@ -63,10 +63,10 @@ function Je({
     data: { workAddress: d, companyLocations: p },
     status: j,
     form: { Fields: te }
-  } = s, M = te.EffectiveDate != null, { status: O } = u, U = {
-    [Z.REQUIRED]: t("form.locationRequired")
+  } = c, M = te.EffectiveDate != null, { status: O } = u, U = {
+    [Z.REQUIRED]: e("form.locationRequired")
   }, W = {
-    [Z.REQUIRED]: t("form.startDateRequired")
+    [Z.REQUIRED]: e("form.startDateRequired")
   }, L = v(
     () => ve(o),
     [o]
@@ -75,8 +75,8 @@ function Je({
       return o.find((n) => n.uuid === m);
   }, [m, o]), ie = v(() => {
     const n = y.trim();
-    return n ? `${n}'s` : t("changePendingPossessiveFallback");
-  }, [y, t]), D = v(() => [...o ?? []].sort((n, a) => {
+    return n ? `${n}'s` : e("changePendingPossessiveFallback");
+  }, [y, e]), D = v(() => [...o ?? []].sort((n, a) => {
     const h = n.effectiveDate ?? "", g = a.effectiveDate ?? "";
     return !h && !g ? 0 : h ? g ? h.localeCompare(g) : -1 : 1;
   }), [o]), q = v(
@@ -89,58 +89,58 @@ function Je({
     if (!h) return "—";
     const g = Se(h);
     if (!g) return "—";
-    const E = Pe(g, -1), ce = E.getFullYear(), de = String(E.getMonth() + 1).padStart(2, "0"), ue = String(E.getDate()).padStart(2, "0");
-    return S(`${ce}-${de}-${ue}`);
+    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,
     columns: [
       {
-        title: t("columns.location"),
+        title: e("columns.location"),
         render: (n) => {
           const a = X(n, p);
-          return /* @__PURE__ */ r(c, { flexDirection: "column", gap: 0, children: [
-            /* @__PURE__ */ e(i.Text, { weight: "medium", children: a.primary }),
-            /* @__PURE__ */ e(i.Text, { variant: "supporting", children: a.secondary })
+          return /* @__PURE__ */ r(s, { flexDirection: "column", gap: 0, children: [
+            /* @__PURE__ */ t(i.Text, { weight: "medium", children: a.primary }),
+            /* @__PURE__ */ t(i.Text, { variant: "supporting", children: a.secondary })
           ] });
         }
       },
       {
-        title: t("columns.startDate"),
+        title: e("columns.startDate"),
         render: (n) => n.effectiveDate ? S(n.effectiveDate) : "—"
       },
       {
-        title: t("columns.endDate"),
+        title: e("columns.endDate"),
         render: (n) => re(n)
       }
     ],
-    itemMenu: (n) => /* @__PURE__ */ e(
+    itemMenu: (n) => /* @__PURE__ */ t(
       Le,
       {
-        triggerLabel: t("rowMenuAriaLabel"),
+        triggerLabel: e("rowMenuAriaLabel"),
         items: [
           {
-            label: t("rowEdit"),
+            label: e("rowEdit"),
             onClick: () => {
               f(n.uuid), x("edit");
             },
-            icon: /* @__PURE__ */ e(ye, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ t(ye, { "aria-hidden": !0 })
           },
           {
-            label: t("rowDelete"),
+            label: e("rowDelete"),
             onClick: () => {
               n.active !== !0 && C(n.uuid);
             },
-            icon: /* @__PURE__ */ e(xe, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ t(xe, { "aria-hidden": !0 })
           }
         ]
       }
     ),
-    emptyState: () => /* @__PURE__ */ e("div", { "data-testid": "work-address-history-empty", children: /* @__PURE__ */ e(
+    emptyState: () => /* @__PURE__ */ t("div", { "data-testid": "work-address-history-empty", children: /* @__PURE__ */ t(
       be,
       {
-        icon: /* @__PURE__ */ e(De, { "aria-hidden": !0 }),
-        title: t("historyEmptyTitle"),
-        description: t("historyEmptyDescription")
+        icon: /* @__PURE__ */ t(De, { "aria-hidden": !0 }),
+        title: e("historyEmptyTitle"),
+        description: e("historyEmptyDescription")
       }
     ) })
   }), T = () => {
@@ -153,7 +153,7 @@ function Je({
     if (!l)
       return;
     if (l === "edit") {
-      const a = await s.actions.onSubmit(
+      const a = await c.actions.onSubmit(
         void 0,
         M ? void 0 : { effectiveDate: d?.effectiveDate }
       );
@@ -162,20 +162,20 @@ function Je({
     }
     const n = await u.actions.onSubmit();
     n && (I(n), T());
-  }, se = l === "edit" ? j.isPending : O.isPending, A = d ? X(d, p) : null, w = d && p ? _(d, p) : void 0;
-  return /* @__PURE__ */ r(c, { flexDirection: "column", gap: 24, children: [
-    /* @__PURE__ */ r(c, { flexDirection: "column", gap: 4, alignItems: "flex-start", children: [
-      /* @__PURE__ */ e(i.Heading, { as: "h1", styledAs: "h2", children: t("title") }),
-      /* @__PURE__ */ e(i.Text, { variant: "supporting", children: t("description") })
+  }, 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: [
+    /* @__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") })
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       i.Box,
       {
-        header: /* @__PURE__ */ e(
+        header: /* @__PURE__ */ t(
           i.BoxHeader,
           {
-            title: t("currentSectionTitle"),
-            action: d ? /* @__PURE__ */ e(
+            title: e("currentSectionTitle"),
+            action: d ? /* @__PURE__ */ t(
               i.Button,
               {
                 variant: "secondary",
@@ -183,12 +183,12 @@ function Je({
                   f(void 0), x("edit");
                 },
                 isLoading: j.isPending,
-                children: t("editCta")
+                children: e("editCta")
               }
             ) : void 0
           }
         ),
-        footer: /* @__PURE__ */ e(
+        footer: /* @__PURE__ */ t(
           i.Button,
           {
             variant: "secondary",
@@ -196,23 +196,23 @@ function Je({
               f(void 0), x("create");
             },
             isLoading: O.isPending,
-            children: t("changeCta")
+            children: e("changeCta")
           }
         ),
-        children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 16, children: [
-          d && A ? /* @__PURE__ */ r(c, { flexDirection: "column", gap: 4, children: [
-            /* @__PURE__ */ e(Ce, { children: w ? /* @__PURE__ */ r(K, { children: [
-              /* @__PURE__ */ e(i.Text, { weight: "medium", children: B(w).trim() }),
-              /* @__PURE__ */ e(i.Text, { weight: "medium", children: R(w) })
+        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(i.Text, { weight: "medium", children: B(w).trim() }),
+              /* @__PURE__ */ t(i.Text, { weight: "medium", children: R(w) })
             ] }) : /* @__PURE__ */ r(K, { children: [
-              /* @__PURE__ */ e(i.Text, { weight: "medium", children: A.primary }),
-              /* @__PURE__ */ e(i.Text, { weight: "medium", children: A.secondary })
+              /* @__PURE__ */ t(i.Text, { weight: "medium", children: A.primary }),
+              /* @__PURE__ */ t(i.Text, { weight: "medium", children: A.secondary })
             ] }) }),
-            d.effectiveDate ? /* @__PURE__ */ e(i.Text, { variant: "supporting", children: t("currentSince", {
+            d.effectiveDate ? /* @__PURE__ */ t(i.Text, { variant: "supporting", children: e("currentSince", {
               date: S(d.effectiveDate)
             }) }) : null
-          ] }) : /* @__PURE__ */ e(i.Text, { children: t("currentEmpty") }),
-          L ? /* @__PURE__ */ e(i.Alert, { status: "warning", label: t("changePendingTitle"), children: /* @__PURE__ */ e(i.Text, { variant: "supporting", children: t("changePendingDescription", {
+          ] }) : /* @__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,
             newAddress: Q(L, p),
             effectiveDate: L.effectiveDate ? S(L.effectiveDate) : "—",
@@ -224,37 +224,37 @@ function Je({
         ] })
       }
     ),
-    /* @__PURE__ */ r(c, { flexDirection: "column", gap: 12, children: [
-      /* @__PURE__ */ e(i.Heading, { as: "h2", styledAs: "h4", children: t("historySectionTitle") }),
-      /* @__PURE__ */ e(Ae, { label: t("historySectionTitle"), ...oe })
+    /* @__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__ */ e(Me, { children: /* @__PURE__ */ e(i.Button, { variant: "secondary", onClick: N, children: t("backCta") }) }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(Me, { children: /* @__PURE__ */ t(i.Button, { variant: "secondary", onClick: N, children: e("backCta") }) }),
+    /* @__PURE__ */ t(
       i.Modal,
       {
         isOpen: l !== null,
         onClose: T,
         shouldCloseOnBackdropClick: !1,
         containerRef: k,
-        footer: /* @__PURE__ */ r(c, { flexDirection: "row", gap: 12, justifyContent: "flex-end", children: [
-          /* @__PURE__ */ e(i.Button, { variant: "secondary", onClick: T, children: t("cancelCta") }),
-          /* @__PURE__ */ e(
+        footer: /* @__PURE__ */ r(s, { flexDirection: "row", gap: 12, justifyContent: "flex-end", children: [
+          /* @__PURE__ */ t(i.Button, { variant: "secondary", onClick: T, children: e("cancelCta") }),
+          /* @__PURE__ */ t(
             i.Button,
             {
               variant: "primary",
               onClick: () => {
                 le();
               },
-              isLoading: se,
-              children: t("submitCta")
+              isLoading: ce,
+              children: e("submitCta")
             }
           )
         ] }),
-        children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ e(i.Heading, { as: "h2", children: t(l === "edit" ? "editModalTitle" : "changeModalTitle") }),
-          /* @__PURE__ */ e(i.Text, { variant: "supporting", children: t(l === "edit" ? "editModalDescription" : "changeModalDescription") }),
-          l === "edit" && M ? /* @__PURE__ */ e(i.Alert, { status: "warning", label: t("editPastAddressAlertTitle") }) : null,
-          l === "edit" ? /* @__PURE__ */ e(J, { formHookResult: s, children: /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ t(i.Heading, { as: "h2", children: e(l === "edit" ? "editModalTitle" : "changeModalTitle") }),
+          /* @__PURE__ */ t(i.Text, { variant: "supporting", children: e(l === "edit" ? "editModalDescription" : "changeModalDescription") }),
+          l === "edit" && M ? /* @__PURE__ */ t(i.Alert, { status: "warning", label: e("editPastAddressAlertTitle") }) : null,
+          l === "edit" ? /* @__PURE__ */ t(J, { formHookResult: c, children: /* @__PURE__ */ r(
             Y,
             {
               gridTemplateColumns: {
@@ -263,20 +263,21 @@ function Je({
               },
               gap: 20,
               children: [
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   z,
                   {
-                    label: t(M ? "form.editInactiveLocationLabel" : "form.editLocationLabel"),
-                    description: t("form.editLocationDescription"),
+                    label: e(M ? "form.editInactiveLocationLabel" : "form.editLocationLabel"),
+                    description: e("form.editLocationDescription"),
+                    placeholder: e("form.selectPlaceholder"),
                     validationMessages: U,
                     portalContainer: b
                   }
                 ),
-                M ? /* @__PURE__ */ e(
+                M ? /* @__PURE__ */ t(
                   G,
                   {
-                    label: t("form.startDateLabel"),
-                    description: t("form.editInactiveStartDateDescription"),
+                    label: e("form.startDateLabel"),
+                    description: e("form.editInactiveStartDateDescription"),
                     validationMessages: W,
                     portalContainer: b
                   }
@@ -284,7 +285,7 @@ function Je({
               ]
             }
           ) }) : null,
-          l === "create" ? /* @__PURE__ */ e(J, { formHookResult: u, children: /* @__PURE__ */ r(
+          l === "create" ? /* @__PURE__ */ t(J, { formHookResult: u, children: /* @__PURE__ */ r(
             Y,
             {
               gridTemplateColumns: {
@@ -293,20 +294,21 @@ function Je({
               },
               gap: 20,
               children: [
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   z,
                   {
-                    label: t("form.newWorkAddressLabel"),
-                    description: t("form.newWorkAddressDescription"),
+                    label: e("form.newWorkAddressLabel"),
+                    description: e("form.newWorkAddressDescription"),
+                    placeholder: e("form.selectPlaceholder"),
                     validationMessages: U,
                     portalContainer: b
                   }
                 ),
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   G,
                   {
-                    label: t("form.startDateLabel"),
-                    description: t("form.startDateDescription"),
+                    label: e("form.startDateLabel"),
+                    description: e("form.startDateDescription"),
                     validationMessages: W,
                     portalContainer: b
                   }
@@ -317,7 +319,7 @@ function Je({
         ] })
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       i.Modal,
       {
         isOpen: m !== null,
@@ -325,18 +327,18 @@ function Je({
           C(null);
         },
         shouldCloseOnBackdropClick: !1,
-        footer: /* @__PURE__ */ r(c, { flexDirection: "row", gap: 12, justifyContent: "flex-end", children: [
-          /* @__PURE__ */ e(
+        footer: /* @__PURE__ */ r(s, { flexDirection: "row", gap: 12, justifyContent: "flex-end", children: [
+          /* @__PURE__ */ t(
             i.Button,
             {
               variant: "secondary",
               onClick: () => {
                 C(null);
               },
-              children: t("cancelCta")
+              children: e("cancelCta")
             }
           ),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             i.Button,
             {
               variant: "error",
@@ -344,22 +346,22 @@ function Je({
                 ae();
               },
               isLoading: ee && m !== null,
-              children: t("deleteModalConfirmCta")
+              children: e("deleteModalConfirmCta")
             }
           )
         ] }),
-        children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ e(i.Heading, { as: "h2", children: t("deleteModalTitle") }),
-          /* @__PURE__ */ e(i.Text, { variant: "supporting", children: $ ? /* @__PURE__ */ e(
+        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,
             {
-              t,
+              t: e,
               i18nKey: "deleteModalDescription",
               values: {
                 address: Q($, p)
               },
               components: {
-                strong: /* @__PURE__ */ e(i.Text, { weight: "medium", as: "span" })
+                strong: /* @__PURE__ */ t(i.Text, { weight: "medium", as: "span" })
               }
             }
           ) : null })