@gusto/embedded-react-sdk 0.55.8 → 0.56.1

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.js

@@ -20,20 +20,20 @@ const z = t.object({
 function L({
   employeeName: n,
   existingTermination: e,
-  onSubmit: d,
-  onCancel: y,
+  onSubmit: y,
+  onCancel: c,
   isLoading: s,
   className: u
 }) {
-  const { Alert: f, Heading: h, Text: p, Button: m } = F();
+  const { Alert: f, Heading: O, Text: p, Button: m } = F();
   W("Employee.Terminations.TerminateEmployee");
-  const { t: o } = D("Employee.Terminations.TerminateEmployee"), O = (v) => v.runTerminationPayroll === !0 ? "dismissalPayroll" : "regularPayroll", b = {
+  const { t: o } = D("Employee.Terminations.TerminateEmployee"), h = (v) => v.runTerminationPayroll === !0 ? "dismissalPayroll" : "regularPayroll", b = {
     lastDayOfWork: q(e?.effectiveDate) ?? void 0,
-    payrollOption: e ? O(e) : "dismissalPayroll"
+    payrollOption: e ? h(e) : "dismissalPayroll"
   }, i = g({
     resolver: E(z),
     defaultValues: b
-  }), c = i.watch("payrollOption"), P = [
+  }), d = i.watch("payrollOption"), P = [
     {
       value: "dismissalPayroll",
       label: o("form.payrollOption.options.dismissalPayroll.label"),
@@ -50,9 +50,9 @@ function L({
       description: o("form.payrollOption.options.anotherWay.description")
     }
   ];
-  return /* @__PURE__ */ r(x, { ...i, children: /* @__PURE__ */ r(T, { onSubmit: i.handleSubmit(d), children: /* @__PURE__ */ r("section", { className: u, children: /* @__PURE__ */ l(a, { flexDirection: "column", gap: 24, children: [
+  return /* @__PURE__ */ r(x, { ...i, children: /* @__PURE__ */ r(T, { onSubmit: i.handleSubmit(y), children: /* @__PURE__ */ l(a, { className: u, flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ l(a, { flexDirection: "column", gap: 4, children: [
-      /* @__PURE__ */ r(h, { as: "h2", children: o("title", { employeeName: n }) }),
+      /* @__PURE__ */ r(O, { as: "h2", children: o("title", { employeeName: n }) }),
       /* @__PURE__ */ r(p, { variant: "supporting", children: o("subtitle") })
     ] }),
     /* @__PURE__ */ l(a, { flexDirection: "column", gap: 24, children: [
@@ -77,13 +77,13 @@ function L({
           errorMessage: o("validation.payrollOptionRequired")
         }
       ),
-      /* @__PURE__ */ r(f, { status: "warning", label: o(`alert.${c}.label`), children: /* @__PURE__ */ r(p, { children: o(`alert.${c}.text`, { employeeName: n }) }) })
+      /* @__PURE__ */ r(f, { status: "warning", label: o(`alert.${d}.label`), children: /* @__PURE__ */ r(p, { children: o(`alert.${d}.text`, { employeeName: n }) }) })
     ] }),
     /* @__PURE__ */ l(R, { children: [
-      /* @__PURE__ */ r(m, { variant: "secondary", onClick: y, isDisabled: s, children: o("actions.cancel") }),
+      /* @__PURE__ */ r(m, { variant: "secondary", onClick: c, isDisabled: s, children: o("actions.cancel") }),
       /* @__PURE__ */ r(m, { type: "submit", variant: "primary", isLoading: s, children: o("actions.submit") })
     ] })
-  ] }) }) }) });
+  ] }) }) });
 }
 export {
   L as TerminateEmployeePresentation

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"TerminateEmployeePresentation.js","sources":["../../../../../src/components/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport z from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Termination } from '@gusto/embedded-api/models/components/termination'\nimport type { PayrollOption } from '../types'\nimport type { TerminateEmployeeFormData } from './TerminateEmployee'\nimport { Flex, ActionsLayout, DatePickerField, RadioGroupField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { normalizeToDate } from '@/helpers/dateFormatting'\n\ninterface TerminateEmployeePresentationProps {\n  employeeName: string\n  existingTermination?: Termination\n  onSubmit: (data: TerminateEmployeeFormData) => void\n  onCancel: () => void\n  isLoading: boolean\n  /** CSS class name applied to the root element. */\n  className?: string\n}\n\nconst terminateEmployeeSchema = z.object({\n  lastDayOfWork: z.date({ error: 'validation.lastDayRequired' }),\n  payrollOption: z.enum(['dismissalPayroll', 'regularPayroll', 'anotherWay'], {\n    error: 'validation.payrollOptionRequired',\n  }),\n})\n\n/** @internal */\nexport function TerminateEmployeePresentation({\n  employeeName,\n  existingTermination,\n  onSubmit,\n  onCancel,\n  isLoading,\n  className,\n}: TerminateEmployeePresentationProps) {\n  const { Alert, Heading, Text, Button } = useComponentContext()\n  useI18n('Employee.Terminations.TerminateEmployee')\n  const { t } = useTranslation('Employee.Terminations.TerminateEmployee')\n\n  const getPayrollOptionFromTermination = (termination: Termination): PayrollOption => {\n    if (termination.runTerminationPayroll === true) {\n      return 'dismissalPayroll'\n    }\n    return 'regularPayroll'\n  }\n\n  const initialValues: Partial<TerminateEmployeeFormData> = {\n    lastDayOfWork: normalizeToDate(existingTermination?.effectiveDate) ?? undefined,\n    payrollOption: existingTermination\n      ? getPayrollOptionFromTermination(existingTermination)\n      : 'dismissalPayroll',\n  }\n  const formMethods = useForm<TerminateEmployeeFormData>({\n    resolver: zodResolver(terminateEmployeeSchema),\n    defaultValues: initialValues,\n  })\n\n  const selectedPayrollOption = formMethods.watch('payrollOption')\n\n  const payrollOptions = [\n    {\n      value: 'dismissalPayroll' as const,\n      label: t('form.payrollOption.options.dismissalPayroll.label'),\n      description: t('form.payrollOption.options.dismissalPayroll.description'),\n    },\n    {\n      value: 'regularPayroll' as const,\n      label: t('form.payrollOption.options.regularPayroll.label'),\n      description: t('form.payrollOption.options.regularPayroll.description'),\n    },\n    {\n      value: 'anotherWay' as const,\n      label: t('form.payrollOption.options.anotherWay.label'),\n      description: t('form.payrollOption.options.anotherWay.description'),\n    },\n  ]\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <section className={className}>\n          <Flex flexDirection=\"column\" gap={24}>\n            <Flex flexDirection=\"column\" gap={4}>\n              <Heading as=\"h2\">{t('title', { employeeName })}</Heading>\n              <Text variant=\"supporting\">{t('subtitle')}</Text>\n            </Flex>\n\n            <Flex flexDirection=\"column\" gap={24}>\n              <DatePickerField\n                name=\"lastDayOfWork\"\n                label={t('form.lastDayOfEmployment.label')}\n                description={t('form.lastDayOfEmployment.description')}\n                isRequired\n                errorMessage={t('validation.lastDayRequired')}\n              />\n\n              <RadioGroupField<PayrollOption>\n                name=\"payrollOption\"\n                label={t('form.payrollOption.label')}\n                description={t('form.payrollOption.description')}\n                options={payrollOptions}\n                isRequired\n                errorMessage={t('validation.payrollOptionRequired')}\n              />\n              <Alert status=\"warning\" label={t(`alert.${selectedPayrollOption}.label`)}>\n                <Text>{t(`alert.${selectedPayrollOption}.text`, { employeeName })}</Text>\n              </Alert>\n            </Flex>\n\n            <ActionsLayout>\n              <Button variant=\"secondary\" onClick={onCancel} isDisabled={isLoading}>\n                {t('actions.cancel')}\n              </Button>\n              <Button type=\"submit\" variant=\"primary\" isLoading={isLoading}>\n                {t('actions.submit')}\n              </Button>\n            </ActionsLayout>\n          </Flex>\n        </section>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["terminateEmployeeSchema","z","TerminateEmployeePresentation","employeeName","existingTermination","onSubmit","onCancel","isLoading","className","Alert","Heading","Text","Button","useComponentContext","useI18n","t","useTranslation","getPayrollOptionFromTermination","termination","initialValues","normalizeToDate","formMethods","useForm","zodResolver","selectedPayrollOption","payrollOptions","FormProvider","jsx","HtmlForm","jsxs","Flex","DatePickerField","RadioGroupField","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"TerminateEmployeePresentation.js","sources":["../../../../../src/components/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport z from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Termination } from '@gusto/embedded-api/models/components/termination'\nimport type { PayrollOption } from '../types'\nimport type { TerminateEmployeeFormData } from './TerminateEmployee'\nimport { Flex, ActionsLayout, DatePickerField, RadioGroupField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { normalizeToDate } from '@/helpers/dateFormatting'\n\ninterface TerminateEmployeePresentationProps {\n  employeeName: string\n  existingTermination?: Termination\n  onSubmit: (data: TerminateEmployeeFormData) => void\n  onCancel: () => void\n  isLoading: boolean\n  /** CSS class name applied to the root element. */\n  className?: string\n}\n\nconst terminateEmployeeSchema = z.object({\n  lastDayOfWork: z.date({ error: 'validation.lastDayRequired' }),\n  payrollOption: z.enum(['dismissalPayroll', 'regularPayroll', 'anotherWay'], {\n    error: 'validation.payrollOptionRequired',\n  }),\n})\n\n/** @internal */\nexport function TerminateEmployeePresentation({\n  employeeName,\n  existingTermination,\n  onSubmit,\n  onCancel,\n  isLoading,\n  className,\n}: TerminateEmployeePresentationProps) {\n  const { Alert, Heading, Text, Button } = useComponentContext()\n  useI18n('Employee.Terminations.TerminateEmployee')\n  const { t } = useTranslation('Employee.Terminations.TerminateEmployee')\n\n  const getPayrollOptionFromTermination = (termination: Termination): PayrollOption => {\n    if (termination.runTerminationPayroll === true) {\n      return 'dismissalPayroll'\n    }\n    return 'regularPayroll'\n  }\n\n  const initialValues: Partial<TerminateEmployeeFormData> = {\n    lastDayOfWork: normalizeToDate(existingTermination?.effectiveDate) ?? undefined,\n    payrollOption: existingTermination\n      ? getPayrollOptionFromTermination(existingTermination)\n      : 'dismissalPayroll',\n  }\n  const formMethods = useForm<TerminateEmployeeFormData>({\n    resolver: zodResolver(terminateEmployeeSchema),\n    defaultValues: initialValues,\n  })\n\n  const selectedPayrollOption = formMethods.watch('payrollOption')\n\n  const payrollOptions = [\n    {\n      value: 'dismissalPayroll' as const,\n      label: t('form.payrollOption.options.dismissalPayroll.label'),\n      description: t('form.payrollOption.options.dismissalPayroll.description'),\n    },\n    {\n      value: 'regularPayroll' as const,\n      label: t('form.payrollOption.options.regularPayroll.label'),\n      description: t('form.payrollOption.options.regularPayroll.description'),\n    },\n    {\n      value: 'anotherWay' as const,\n      label: t('form.payrollOption.options.anotherWay.label'),\n      description: t('form.payrollOption.options.anotherWay.description'),\n    },\n  ]\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex className={className} flexDirection=\"column\" gap={24}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('title', { employeeName })}</Heading>\n            <Text variant=\"supporting\">{t('subtitle')}</Text>\n          </Flex>\n\n          <Flex flexDirection=\"column\" gap={24}>\n            <DatePickerField\n              name=\"lastDayOfWork\"\n              label={t('form.lastDayOfEmployment.label')}\n              description={t('form.lastDayOfEmployment.description')}\n              isRequired\n              errorMessage={t('validation.lastDayRequired')}\n            />\n\n            <RadioGroupField<PayrollOption>\n              name=\"payrollOption\"\n              label={t('form.payrollOption.label')}\n              description={t('form.payrollOption.description')}\n              options={payrollOptions}\n              isRequired\n              errorMessage={t('validation.payrollOptionRequired')}\n            />\n            <Alert status=\"warning\" label={t(`alert.${selectedPayrollOption}.label`)}>\n              <Text>{t(`alert.${selectedPayrollOption}.text`, { employeeName })}</Text>\n            </Alert>\n          </Flex>\n\n          <ActionsLayout>\n            <Button variant=\"secondary\" onClick={onCancel} isDisabled={isLoading}>\n              {t('actions.cancel')}\n            </Button>\n            <Button type=\"submit\" variant=\"primary\" isLoading={isLoading}>\n              {t('actions.submit')}\n            </Button>\n          </ActionsLayout>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["terminateEmployeeSchema","z","TerminateEmployeePresentation","employeeName","existingTermination","onSubmit","onCancel","isLoading","className","Alert","Heading","Text","Button","useComponentContext","useI18n","t","useTranslation","getPayrollOptionFromTermination","termination","initialValues","normalizeToDate","formMethods","useForm","zodResolver","selectedPayrollOption","payrollOptions","FormProvider","jsx","HtmlForm","jsxs","Flex","DatePickerField","RadioGroupField","ActionsLayout"],"mappings":";;;;;;;;;;;;;AAuBA,MAAMA,IAA0BC,EAAE,OAAO;AAAA,EACvC,eAAeA,EAAE,KAAK,EAAE,OAAO,8BAA8B;AAAA,EAC7D,eAAeA,EAAE,KAAK,CAAC,oBAAoB,kBAAkB,YAAY,GAAG;AAAA,IAC1E,OAAO;AAAA,EAAA,CACR;AACH,CAAC;AAGM,SAASC,EAA8B;AAAA,EAC5C,cAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACF,GAAuC;AACrC,QAAM,EAAE,OAAAC,GAAO,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA;AACzC,EAAAC,EAAQ,yCAAyC;AACjD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yCAAyC,GAEhEC,IAAkC,CAACC,MACnCA,EAAY,0BAA0B,KACjC,qBAEF,kBAGHC,IAAoD;AAAA,IACxD,eAAeC,EAAgBhB,GAAqB,aAAa,KAAK;AAAA,IACtE,eAAeA,IACXa,EAAgCb,CAAmB,IACnD;AAAA,EAAA,GAEAiB,IAAcC,EAAmC;AAAA,IACrD,UAAUC,EAAYvB,CAAuB;AAAA,IAC7C,eAAemB;AAAA,EAAA,CAChB,GAEKK,IAAwBH,EAAY,MAAM,eAAe,GAEzDI,IAAiB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,OAAOV,EAAE,mDAAmD;AAAA,MAC5D,aAAaA,EAAE,yDAAyD;AAAA,IAAA;AAAA,IAE1E;AAAA,MACE,OAAO;AAAA,MACP,OAAOA,EAAE,iDAAiD;AAAA,MAC1D,aAAaA,EAAE,uDAAuD;AAAA,IAAA;AAAA,IAExE;AAAA,MACE,OAAO;AAAA,MACP,OAAOA,EAAE,6CAA6C;AAAA,MACtD,aAAaA,EAAE,mDAAmD;AAAA,IAAA;AAAA,EACpE;AAGF,2BACGW,GAAA,EAAc,GAAGL,GAChB,UAAA,gBAAAM,EAACC,KAAS,UAAUP,EAAY,aAAahB,CAAQ,GACnD,UAAA,gBAAAwB,EAACC,GAAA,EAAK,WAAAtB,GAAsB,eAAc,UAAS,KAAK,IACtD,UAAA;AAAA,IAAA,gBAAAqB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAACjB,GAAA,EAAQ,IAAG,MAAM,UAAAK,EAAE,SAAS,EAAE,cAAAZ,EAAA,CAAc,GAAE;AAAA,wBAC9CQ,GAAA,EAAK,SAAQ,cAAc,UAAAI,EAAE,UAAU,EAAA,CAAE;AAAA,IAAA,GAC5C;AAAA,IAEA,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOhB,EAAE,gCAAgC;AAAA,UACzC,aAAaA,EAAE,sCAAsC;AAAA,UACrD,YAAU;AAAA,UACV,cAAcA,EAAE,4BAA4B;AAAA,QAAA;AAAA,MAAA;AAAA,MAG9C,gBAAAY;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,0BAA0B;AAAA,UACnC,aAAaA,EAAE,gCAAgC;AAAA,UAC/C,SAASU;AAAA,UACT,YAAU;AAAA,UACV,cAAcV,EAAE,kCAAkC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEpD,gBAAAY,EAAClB,KAAM,QAAO,WAAU,OAAOM,EAAE,SAASS,CAAqB,QAAQ,GACrE,4BAACb,GAAA,EAAM,UAAAI,EAAE,SAASS,CAAqB,SAAS,EAAE,cAAArB,EAAA,CAAc,GAAE,EAAA,CACpE;AAAA,IAAA,GACF;AAAA,sBAEC8B,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAN,EAACf,GAAA,EAAO,SAAQ,aAAY,SAASN,GAAU,YAAYC,GACxD,UAAAQ,EAAE,gBAAgB,EAAA,CACrB;AAAA,MACA,gBAAAY,EAACf,KAAO,MAAK,UAAS,SAAQ,WAAU,WAAAL,GACrC,UAAAQ,EAAE,gBAAgB,EAAA,CACrB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

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

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as e } from "react/jsx-runtime";
+import { jsxs as e, jsx as n } from "react/jsx-runtime";
 import { useTranslation as O, Trans as W } from "react-i18next";
 import { Flex as t } from "../../../Common/Flex/Flex.js";
 import { ActionsLayout as q } from "../../../Common/ActionsLayout/ActionsLayout.js";
@@ -40,7 +40,7 @@ function Q({
       description: i("dates.lastPayDay")
     }
   ], I = s || m || d || f;
-  return /* @__PURE__ */ n("section", { className: C, children: /* @__PURE__ */ e(t, { flexDirection: "column", gap: 24, children: [
+  return /* @__PURE__ */ e(t, { className: C, flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ e(t, { flexDirection: "column", gap: 4, children: [
       h && /* @__PURE__ */ n(v, { status: "success", label: i("alert.success.label", { employeeName: l }) }),
       /* @__PURE__ */ n(r, { as: "h2", children: i("title") }),
@@ -93,7 +93,7 @@ function Q({
         children: /* @__PURE__ */ n(o, { children: i("cancelDialog.body") })
       }
     )
-  ] }) });
+  ] });
 }
 export {
   Q as TerminationSummaryPresentation

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  /** 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    <section className={className}>\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    </section>\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","jsx","jsxs","Flex","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/WorkAddressView.js

@@ -1,4 +1,4 @@
-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 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";
@@ -44,7 +44,7 @@ function Xe({
   isDeletePending: ee = !1,
   className: te
 }) {
-  const { t } = ge("Employee.Management.WorkAddress"), i = Se(), [l, x] = F(null), [m, C] = F(null), k = pe(null), [b, V] = F(void 0);
+  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);
@@ -65,9 +65,9 @@ function Xe({
     status: j,
     form: { Fields: ie }
   } = c, M = ie.EffectiveDate != null, { status: O } = u, U = {
-    [Z.REQUIRED]: t("form.locationRequired")
+    [Z.REQUIRED]: e("form.locationRequired")
   }, W = {
-    [Z.REQUIRED]: t("form.startDateRequired")
+    [Z.REQUIRED]: e("form.startDateRequired")
   }, L = v(
     () => De(o),
     [o]
@@ -76,8 +76,8 @@ function Xe({
       return o.find((n) => n.uuid === m);
   }, [m, o]), ne = 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(
@@ -96,52 +96,52 @@ function Xe({
     data: re,
     columns: [
       {
-        title: t("columns.location"),
+        title: e("columns.location"),
         render: (n) => {
           const a = X(n, p);
           return /* @__PURE__ */ r(s, { flexDirection: "column", gap: 0, children: [
-            /* @__PURE__ */ e(i.Text, { weight: "medium", children: a.primary }),
-            /* @__PURE__ */ e(i.Text, { variant: "supporting", children: a.secondary })
+            /* @__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) => oe(n)
       }
     ],
-    itemMenu: (n) => /* @__PURE__ */ e(
+    itemMenu: (n) => /* @__PURE__ */ t(
       Te,
       {
-        triggerLabel: t("rowMenuAriaLabel"),
+        triggerLabel: e("rowMenuAriaLabel"),
         items: [
           {
-            label: t("rowEdit"),
+            label: e("rowEdit"),
             onClick: () => {
               f(n.uuid), x("edit");
             },
-            icon: /* @__PURE__ */ e(xe, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ t(xe, { "aria-hidden": !0 })
           },
           {
-            label: t("rowDelete"),
+            label: e("rowDelete"),
             onClick: () => {
               n.active !== !0 && C(n.uuid);
             },
-            icon: /* @__PURE__ */ e(Ce, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ t(Ce, { "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(
       Me,
       {
-        icon: /* @__PURE__ */ e(ye, { "aria-hidden": !0 }),
-        title: t("historyEmptyTitle"),
-        description: t("historyEmptyDescription")
+        icon: /* @__PURE__ */ t(ye, { "aria-hidden": !0 }),
+        title: e("historyEmptyTitle"),
+        description: e("historyEmptyDescription")
       }
     ) })
   }), T = () => {
@@ -164,19 +164,19 @@ function Xe({
     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__ */ e("section", { className: te, children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 24, children: [
+  return /* @__PURE__ */ r(s, { className: te, flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ r(s, { 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") })
+      /* @__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",
@@ -184,12 +184,12 @@ function Xe({
                   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",
@@ -197,28 +197,25 @@ function Xe({
               f(void 0), x("create");
             },
             isLoading: O.isPending,
-            children: t("changeCta")
+            children: e("changeCta")
           }
         ),
         children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: [
           d && A ? /* @__PURE__ */ r(s, { flexDirection: "column", gap: 4, children: [
-            /* @__PURE__ */ e(be, { 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) })
+            /* @__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: [
-              /* @__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: ne,
-            newAddress: Q(
-              L,
-              p
-            ),
+            newAddress: Q(L, p),
             effectiveDate: L.effectiveDate ? S(L.effectiveDate) : "—",
             // Values are inserted into JSX text, so the browser already
             // escapes them. Telling i18next to escape too produces
@@ -229,11 +226,11 @@ function Xe({
       }
     ),
     /* @__PURE__ */ r(s, { flexDirection: "column", gap: 12, children: [
-      /* @__PURE__ */ e(i.Heading, { as: "h2", styledAs: "h4", children: t("historySectionTitle") }),
-      /* @__PURE__ */ e(we, { label: t("historySectionTitle"), ...ae })
+      /* @__PURE__ */ t(i.Heading, { as: "h2", styledAs: "h4", children: e("historySectionTitle") }),
+      /* @__PURE__ */ t(we, { label: e("historySectionTitle"), ...ae })
     ] }),
-    /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(i.Button, { variant: "secondary", onClick: N, children: t("backCta") }) }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(Le, { children: /* @__PURE__ */ t(i.Button, { variant: "secondary", onClick: N, children: e("backCta") }) }),
+    /* @__PURE__ */ t(
       i.Modal,
       {
         isOpen: l !== null,
@@ -241,8 +238,8 @@ function Xe({
         shouldCloseOnBackdropClick: !1,
         containerRef: k,
         footer: /* @__PURE__ */ r(s, { flexDirection: "row", gap: 12, justifyContent: "flex-end", children: [
-          /* @__PURE__ */ e(i.Button, { variant: "secondary", onClick: T, children: t("cancelCta") }),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(i.Button, { variant: "secondary", onClick: T, children: e("cancelCta") }),
+          /* @__PURE__ */ t(
             i.Button,
             {
               variant: "primary",
@@ -250,15 +247,15 @@ function Xe({
                 ce();
               },
               isLoading: se,
-              children: t("submitCta")
+              children: e("submitCta")
             }
           )
         ] }),
         children: /* @__PURE__ */ r(s, { 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: c, children: /* @__PURE__ */ r(
+          /* @__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: {
@@ -267,21 +264,21 @@ function Xe({
               },
               gap: 20,
               children: [
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   z,
                   {
-                    label: t(M ? "form.editInactiveLocationLabel" : "form.editLocationLabel"),
-                    description: t("form.editLocationDescription"),
-                    placeholder: t("form.selectPlaceholder"),
+                    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
                   }
@@ -289,7 +286,7 @@ function Xe({
               ]
             }
           ) }) : null,
-          l === "create" ? /* @__PURE__ */ e(J, { formHookResult: u, children: /* @__PURE__ */ r(
+          l === "create" ? /* @__PURE__ */ t(J, { formHookResult: u, children: /* @__PURE__ */ r(
             Y,
             {
               gridTemplateColumns: {
@@ -298,21 +295,21 @@ function Xe({
               },
               gap: 20,
               children: [
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   z,
                   {
-                    label: t("form.newWorkAddressLabel"),
-                    description: t("form.newWorkAddressDescription"),
-                    placeholder: t("form.selectPlaceholder"),
+                    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
                   }
@@ -323,7 +320,7 @@ function Xe({
         ] })
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       i.Modal,
       {
         isOpen: m !== null,
@@ -332,17 +329,17 @@ function Xe({
         },
         shouldCloseOnBackdropClick: !1,
         footer: /* @__PURE__ */ r(s, { flexDirection: "row", gap: 12, justifyContent: "flex-end", children: [
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             i.Button,
             {
               variant: "secondary",
               onClick: () => {
                 C(null);
               },
-              children: t("cancelCta")
+              children: e("cancelCta")
             }
           ),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             i.Button,
             {
               variant: "error",
@@ -350,29 +347,29 @@ function Xe({
                 le();
               },
               isLoading: ee && m !== null,
-              children: t("deleteModalConfirmCta")
+              children: e("deleteModalConfirmCta")
             }
           )
         ] }),
         children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ e(i.Heading, { as: "h2", children: t("deleteModalTitle") }),
-          /* @__PURE__ */ e(i.Text, { variant: "supporting", children: $ ? /* @__PURE__ */ e(
+          /* @__PURE__ */ t(i.Heading, { as: "h2", children: e("deleteModalTitle") }),
+          /* @__PURE__ */ t(i.Text, { variant: "supporting", children: $ ? /* @__PURE__ */ t(
             ve,
             {
-              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 })
         ] })
       }
     )
-  ] }) });
+  ] });
 }
 export {
   Xe as WorkAddressView