@gusto/embedded-react-sdk 0.44.2 → 0.46.0

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

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

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

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

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/fields.js

@@ -1,12 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
+import { SelectHookField as t } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
 import { NumberInputHookField as o } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
-import { RadioGroupHookField as t } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
-import { SelectHookField as r } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { RadioGroupHookField as r } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 function d(n) {
-  return /* @__PURE__ */ e(r, { ...n, name: "filingStatus" });
+  return /* @__PURE__ */ e(t, { ...n, name: "filingStatus" });
 }
 function a(n) {
-  return /* @__PURE__ */ e(t, { ...n, name: "twoJobs" });
+  return /* @__PURE__ */ e(r, { ...n, name: "twoJobs" });
 }
 function f(n) {
   return /* @__PURE__ */ e(o, { ...n, name: "dependentsAmount", format: "currency", min: 0 });

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

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