@gusto/embedded-react-sdk 0.44.2 → 0.46.0

package/CHANGELOG.md

@@ -1,5 +1,69 @@
 # Changelog
 
+## [0.46.0](https://github.com/Gusto/embedded-react-sdk/compare/v0.45.0...v0.46.0) (2026-05-21)
+
+### Features & Enhancements
+
+- Add `EditCompensation` block for steady-state compensation edits from the Employee Dashboard ([#1861](https://github.com/Gusto/embedded-react-sdk/issues/1861))
+
+### Fixes
+
+- Fix React hydration error in the Employee Dashboard document viewer caused by the "download this document" link rendering as two nested `<a>` elements ([#1893](https://github.com/Gusto/embedded-react-sdk/issues/1893))
+- Preserve the selected `DashboardFlow` tab when entering and leaving a sub-flow (Add bank account, Add deduction, Edit Federal/State taxes, View document); Cancel/Back now returns to the originating tab instead of resetting to Basic details ([#1893](https://github.com/Gusto/embedded-react-sdk/issues/1893))
+- Show the compensation effective date instead of the hire date on the Employee Dashboard Job and Pay tab ([#1896](https://github.com/Gusto/embedded-react-sdk/issues/1896))
+- Validate the time-off policy waiting period as an integer; reject decimal and non-numeric values ([#1863](https://github.com/Gusto/embedded-react-sdk/issues/1863))
+- Replace Suspense-blocking queries on the Employee Dashboard with per-section skeleton states for faster perceived loading ([#1892](https://github.com/Gusto/embedded-react-sdk/issues/1892))
+
+## [0.45.0](https://github.com/Gusto/embedded-react-sdk/compare/v0.44.2...v0.45.0) (2026-05-21)
+
+### Features & Enhancements
+
+- Employee Dashboard Compensation card now displays a multi-job table for nonexempt employees, a Deductions block, pending compensation change alerts, and an empty state with an Add Job CTA ([#1872](https://github.com/Gusto/embedded-react-sdk/issues/1872), [#1877](https://github.com/Gusto/embedded-react-sdk/issues/1877), [#1878](https://github.com/Gusto/embedded-react-sdk/issues/1878), [#1886](https://github.com/Gusto/embedded-react-sdk/issues/1886))
+- Compensation editing is now routed through `DashboardFlow`, so users can edit job and pay details directly from the Employee Dashboard ([#1880](https://github.com/Gusto/embedded-react-sdk/issues/1880))
+- Add `DocumentManager` block to `DashboardFlow` for viewing and managing employee documents from the dashboard ([#1852](https://github.com/Gusto/embedded-react-sdk/issues/1852))
+- Payment method sub-flows (add/edit bank account, update payment method) are now available inside `DashboardFlow` ([#1821](https://github.com/Gusto/embedded-react-sdk/issues/1821))
+- Download paystub PDFs from the Employee Dashboard Job and Pay tab ([#1842](https://github.com/Gusto/embedded-react-sdk/issues/1842))
+- Migrate `EmployeeDeductions` to hook-based architecture, exposing `useEmployeeDeductions` for headless usage ([#1845](https://github.com/Gusto/embedded-react-sdk/issues/1845))
+- Add `useClientPagination` hook for in-memory list pagination ([#1885](https://github.com/Gusto/embedded-react-sdk/issues/1885))
+
+### Fixes
+
+- Lazy-load Employee Dashboard tab data to reduce first-paint API requests ([#1890](https://github.com/Gusto/embedded-react-sdk/issues/1890))
+- Stop sending `effective_date` in the compensation PUT body, which caused the API to reject updates in certain scenarios ([#1876](https://github.com/Gusto/embedded-react-sdk/issues/1876))
+- Fix check-payment warning alert rendering in `PayrollOverview` ([#1884](https://github.com/Gusto/embedded-react-sdk/issues/1884))
+- Display human-readable field names instead of raw `snake_case` keys in API error messages ([#1799](https://github.com/Gusto/embedded-react-sdk/issues/1799))
+- Apply consistent spacing and supporting text styling to component headers ([#1847](https://github.com/Gusto/embedded-react-sdk/issues/1847))
+- Fix back navigation from add-employees returning to the wrong step ([#1792](https://github.com/Gusto/embedded-react-sdk/issues/1792))
+- Add missing confirmation dialog when adding employees to a policy in standalone mode ([#1798](https://github.com/Gusto/embedded-react-sdk/issues/1798))
+- Add loading and disabled states to buttons across the Time Off flow to prevent double-submits ([#1812](https://github.com/Gusto/embedded-react-sdk/issues/1812))
+- Cap policy settings number inputs at 20,000 and validate waiting period as an integer ([#1791](https://github.com/Gusto/embedded-react-sdk/issues/1791), [#1879](https://github.com/Gusto/embedded-react-sdk/issues/1879))
+- Show a validation error when no policy type is selected ([#1802](https://github.com/Gusto/embedded-react-sdk/issues/1802))
+- Always dismiss the delete-policy dialog after the API call completes, even on error ([#1793](https://github.com/Gusto/embedded-react-sdk/issues/1793))
+- Clear stale policy reset date when switching accrual method to unlimited or per-anniversary-year ([#1801](https://github.com/Gusto/embedded-react-sdk/issues/1801), [#1850](https://github.com/Gusto/embedded-react-sdk/issues/1850))
+- Send `accrualRateUnit: null` for non-hourly accrual methods so the API does not reject the request ([#1786](https://github.com/Gusto/embedded-react-sdk/issues/1786))
+- Hide the balance column for unlimited accrual policies where it is not applicable ([#1789](https://github.com/Gusto/embedded-react-sdk/issues/1789), [#1822](https://github.com/Gusto/embedded-react-sdk/issues/1822))
+- Filter non-numeric input on balance fields and default starting balance to "0" for new employees ([#1790](https://github.com/Gusto/embedded-react-sdk/issues/1790), [#1788](https://github.com/Gusto/embedded-react-sdk/issues/1788))
+- Include employee balances in the wizard-mode add-employees API call so balances are not lost on submit ([#1787](https://github.com/Gusto/embedded-react-sdk/issues/1787))
+- Send a separate PUT with `complete: true` after the final wizard step to properly mark the policy as complete ([#1800](https://github.com/Gusto/embedded-react-sdk/issues/1800))
+- Display a friendly error message for `LIMIT_VIOLATION_MAX_HOURS` and de-duplicate repeated balance error messages on the policy settings screen ([#1831](https://github.com/Gusto/embedded-react-sdk/issues/1831), [#1851](https://github.com/Gusto/embedded-react-sdk/issues/1851))
+- Surface errors inline inside the edit-balance modal instead of silently failing ([#1794](https://github.com/Gusto/embedded-react-sdk/issues/1794))
+- Show the policy name in the heading when editing a time off policy ([#1811](https://github.com/Gusto/embedded-react-sdk/issues/1811))
+- Show the reassignment warning only when selected employees actually have existing PTO balances ([#1797](https://github.com/Gusto/embedded-react-sdk/issues/1797))
+- Show an empty-state CTA when a policy has no employees assigned ([#1813](https://github.com/Gusto/embedded-react-sdk/issues/1813))
+- Show job title column in the policy detail employee table ([#1795](https://github.com/Gusto/embedded-react-sdk/issues/1795))
+- Sort policies alphabetically by name for a stable display order ([#1796](https://github.com/Gusto/embedded-react-sdk/issues/1796))
+- Fix responsive layout of policy detail cards so they follow the Tabs mode correctly ([#1810](https://github.com/Gusto/embedded-react-sdk/issues/1810))
+- Constrain starting balance input width and center-align the empty search state in the employee table ([#1819](https://github.com/Gusto/embedded-react-sdk/issues/1819), [#1817](https://github.com/Gusto/embedded-react-sdk/issues/1817))
+- Use `DetailViewLayout` back button with secondary variant for visual consistency ([#1808](https://github.com/Gusto/embedded-react-sdk/issues/1808))
+
+### Chores & Maintenance
+
+- Refactor `EditCompensation` to consume `useJobForm` + `useCompensationForm` hooks and organize compensation files by journey ([#1736](https://github.com/Gusto/embedded-react-sdk/issues/1736), [#1860](https://github.com/Gusto/embedded-react-sdk/issues/1860))
+- Refactor `useSplitPaymentsForm` to align with canonical hook patterns ([#1866](https://github.com/Gusto/embedded-react-sdk/issues/1866))
+- Bump `dompurify` from 3.4.2 to 3.4.5 (security fix) ([#1816](https://github.com/Gusto/embedded-react-sdk/issues/1816), [#1881](https://github.com/Gusto/embedded-react-sdk/issues/1881))
+- Bump runtime dependencies (`i18next`, `react-hook-form`, `react-i18next`)
+- Bump dev dependencies (`@storybook/*`, `vitest`, `@vitest/coverage-v8`, `typescript-eslint`, `lint-staged`, `tsx`, `@commitlint/*`, `@vitejs/plugin-react-swc`, `eslint-plugin-storybook`, `@types/react`)
+
 ## [0.44.2](https://github.com/Gusto/embedded-react-sdk/compare/v0.44.1...v0.44.2) (2026-05-12)
 
 ### Fixes

package/dist/components/Common/DetailViewLayout/DetailViewLayout.js

@@ -5,9 +5,9 @@ import a from "./DetailViewLayout.module.scss.js";
 import y from "../../../assets/icons/caret-left.svg.js";
 import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 function T({
-  title: t,
+  title: o,
   subtitle: r,
-  onBack: o,
+  onBack: t,
   backLabel: c,
   actions: n,
   tabs: s,
@@ -18,19 +18,19 @@ function T({
 }) {
   const { Button: f, Heading: v, Text: g, Tabs: N } = C(), d = x();
   return /* @__PURE__ */ i("section", { className: l(a.root, u), "aria-labelledby": d, children: [
-    o && /* @__PURE__ */ e(
+    t && /* @__PURE__ */ e(
       f,
       {
-        variant: "tertiary",
+        variant: "secondary",
         className: a.backButton,
         icon: /* @__PURE__ */ e(y, { "aria-hidden": "true" }),
-        onClick: o,
+        onClick: t,
         children: c
       }
     ),
     /* @__PURE__ */ i("div", { className: l(a.pageHeader, r && a.hasSubtitle), children: [
       /* @__PURE__ */ i("div", { className: a.titleGroup, children: [
-        /* @__PURE__ */ e(v, { as: "h2", styledAs: "h2", id: d, children: t }),
+        /* @__PURE__ */ e(v, { as: "h2", styledAs: "h2", id: d, children: o }),
         r && /* @__PURE__ */ e(g, { variant: "supporting", children: r })
       ] }),
       n && /* @__PURE__ */ e("div", { className: a.actions, children: n })
@@ -41,7 +41,7 @@ function T({
         tabs: s,
         selectedId: m,
         onSelectionChange: h,
-        "aria-label": t
+        "aria-label": o
       }
     ) : p
   ] });

package/dist/components/Common/DetailViewLayout/DetailViewLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailViewLayout.js","sources":["../../../../src/components/Common/DetailViewLayout/DetailViewLayout.tsx"],"sourcesContent":["import { useId } from 'react'\nimport classNames from 'classnames'\nimport type { DetailViewLayoutProps } from './DetailViewLayoutTypes'\nimport styles from './DetailViewLayout.module.scss'\nimport CaretLeftIcon from '@/assets/icons/caret-left.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function DetailViewLayout({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  tabs,\n  selectedTabId,\n  onTabChange,\n  children,\n  className,\n}: DetailViewLayoutProps) {\n  const { Button, Heading, Text, Tabs } = useComponentContext()\n  const headingId = useId()\n\n  return (\n    <section className={classNames(styles.root, className)} aria-labelledby={headingId}>\n      {onBack && (\n        <Button\n          variant=\"tertiary\"\n          className={styles.backButton}\n          icon={<CaretLeftIcon aria-hidden=\"true\" />}\n          onClick={onBack}\n        >\n          {backLabel}\n        </Button>\n      )}\n\n      <div className={classNames(styles.pageHeader, subtitle && styles.hasSubtitle)}>\n        <div className={styles.titleGroup}>\n          <Heading as=\"h2\" styledAs=\"h2\" id={headingId}>\n            {title}\n          </Heading>\n          {subtitle && <Text variant=\"supporting\">{subtitle}</Text>}\n        </div>\n        {actions && <div className={styles.actions}>{actions}</div>}\n      </div>\n\n      {tabs !== undefined ? (\n        <Tabs\n          tabs={tabs}\n          selectedId={selectedTabId}\n          onSelectionChange={onTabChange}\n          aria-label={title}\n        />\n      ) : (\n        children\n      )}\n    </section>\n  )\n}\n"],"names":["DetailViewLayout","title","subtitle","onBack","backLabel","actions","tabs","selectedTabId","onTabChange","children","className","Button","Heading","Text","Tabs","useComponentContext","headingId","useId","jsxs","classNames","styles","jsx","CaretLeftIcon"],"mappings":";;;;;;AAOO,SAASA,EAAiB;AAAA,EAC/B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAA0B;AACxB,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAA,GAClCC,IAAYC,EAAA;AAElB,SACE,gBAAAC,EAAC,aAAQ,WAAWC,EAAWC,EAAO,MAAMV,CAAS,GAAG,mBAAiBM,GACtE,UAAA;AAAA,IAAAb,KACC,gBAAAkB;AAAA,MAACV;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAWS,EAAO;AAAA,QAClB,MAAM,gBAAAC,EAACC,GAAA,EAAc,eAAY,OAAA,CAAO;AAAA,QACxC,SAASnB;AAAA,QAER,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAIL,gBAAAc,EAAC,SAAI,WAAWC,EAAWC,EAAO,YAAYlB,KAAYkB,EAAO,WAAW,GAC1E,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAO,YACrB,UAAA;AAAA,QAAA,gBAAAC,EAACT,KAAQ,IAAG,MAAK,UAAS,MAAK,IAAII,GAChC,UAAAf,EAAA,CACH;AAAA,QACCC,KAAY,gBAAAmB,EAACR,GAAA,EAAK,SAAQ,cAAc,UAAAX,EAAA,CAAS;AAAA,MAAA,GACpD;AAAA,MACCG,KAAW,gBAAAgB,EAAC,OAAA,EAAI,WAAWD,EAAO,SAAU,UAAAf,EAAA,CAAQ;AAAA,IAAA,GACvD;AAAA,IAECC,MAAS,SACR,gBAAAe;AAAA,MAACP;AAAA,MAAA;AAAA,QACC,MAAAR;AAAA,QACA,YAAYC;AAAA,QACZ,mBAAmBC;AAAA,QACnB,cAAYP;AAAA,MAAA;AAAA,IAAA,IAGdQ;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"DetailViewLayout.js","sources":["../../../../src/components/Common/DetailViewLayout/DetailViewLayout.tsx"],"sourcesContent":["import { useId } from 'react'\nimport classNames from 'classnames'\nimport type { DetailViewLayoutProps } from './DetailViewLayoutTypes'\nimport styles from './DetailViewLayout.module.scss'\nimport CaretLeftIcon from '@/assets/icons/caret-left.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function DetailViewLayout({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  tabs,\n  selectedTabId,\n  onTabChange,\n  children,\n  className,\n}: DetailViewLayoutProps) {\n  const { Button, Heading, Text, Tabs } = useComponentContext()\n  const headingId = useId()\n\n  return (\n    <section className={classNames(styles.root, className)} aria-labelledby={headingId}>\n      {onBack && (\n        <Button\n          variant=\"secondary\"\n          className={styles.backButton}\n          icon={<CaretLeftIcon aria-hidden=\"true\" />}\n          onClick={onBack}\n        >\n          {backLabel}\n        </Button>\n      )}\n\n      <div className={classNames(styles.pageHeader, subtitle && styles.hasSubtitle)}>\n        <div className={styles.titleGroup}>\n          <Heading as=\"h2\" styledAs=\"h2\" id={headingId}>\n            {title}\n          </Heading>\n          {subtitle && <Text variant=\"supporting\">{subtitle}</Text>}\n        </div>\n        {actions && <div className={styles.actions}>{actions}</div>}\n      </div>\n\n      {tabs !== undefined ? (\n        <Tabs\n          tabs={tabs}\n          selectedId={selectedTabId}\n          onSelectionChange={onTabChange}\n          aria-label={title}\n        />\n      ) : (\n        children\n      )}\n    </section>\n  )\n}\n"],"names":["DetailViewLayout","title","subtitle","onBack","backLabel","actions","tabs","selectedTabId","onTabChange","children","className","Button","Heading","Text","Tabs","useComponentContext","headingId","useId","jsxs","classNames","styles","jsx","CaretLeftIcon"],"mappings":";;;;;;AAOO,SAASA,EAAiB;AAAA,EAC/B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAA0B;AACxB,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAA,GAClCC,IAAYC,EAAA;AAElB,SACE,gBAAAC,EAAC,aAAQ,WAAWC,EAAWC,EAAO,MAAMV,CAAS,GAAG,mBAAiBM,GACtE,UAAA;AAAA,IAAAb,KACC,gBAAAkB;AAAA,MAACV;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAWS,EAAO;AAAA,QAClB,MAAM,gBAAAC,EAACC,GAAA,EAAc,eAAY,OAAA,CAAO;AAAA,QACxC,SAASnB;AAAA,QAER,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAIL,gBAAAc,EAAC,SAAI,WAAWC,EAAWC,EAAO,YAAYlB,KAAYkB,EAAO,WAAW,GAC1E,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAO,YACrB,UAAA;AAAA,QAAA,gBAAAC,EAACT,KAAQ,IAAG,MAAK,UAAS,MAAK,IAAII,GAChC,UAAAf,EAAA,CACH;AAAA,QACCC,KAAY,gBAAAmB,EAACR,GAAA,EAAK,SAAQ,cAAc,UAAAX,EAAA,CAAS;AAAA,MAAA,GACpD;AAAA,MACCG,KAAW,gBAAAgB,EAAC,OAAA,EAAI,WAAWD,EAAO,SAAU,UAAAf,EAAA,CAAQ;AAAA,IAAA,GACvD;AAAA,IAECC,MAAS,SACR,gBAAAe;AAAA,MAACP;AAAA,MAAA;AAAA,QACC,MAAAR;AAAA,QACA,YAAYC;AAAA,QACZ,mBAAmBC;AAAA,QACnB,cAAYP;AAAA,MAAA;AAAA,IAAA,IAGdQ;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Common/UI/Alert/Alert.js

@@ -1,40 +1,41 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { useId as p, useRef as v, useEffect as g } from "react";
-import N from "classnames";
-import { ButtonIcon as b } from "../Button/ButtonIcon.js";
-import { AlertDefaults as I } from "./AlertTypes.js";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { useId as p, useRef as N, useEffect as g } from "react";
+import b from "classnames";
+import { ButtonIcon as I } from "../Button/ButtonIcon.js";
+import { AlertDefaults as S } from "./AlertTypes.js";
 import e from "./Alert.module.scss.js";
-import { applyMissingDefaults as S } from "../../../../helpers/applyMissingDefaults.js";
-import w from "../../../../assets/icons/info.svg.js";
-import x from "../../../../assets/icons/success_check.svg.js";
-import y from "../../../../assets/icons/warning.svg.js";
-import C from "../../../../assets/icons/error.svg.js";
-import D from "../../../../assets/icons/close.svg.js";
-function z(c) {
-  const m = S(c, I), { label: d, children: o, status: i, icon: f, className: h, onDismiss: a, disableScrollIntoView: t } = m, n = p(), s = v(null), u = i === "info" ? /* @__PURE__ */ r(w, { "aria-hidden": !0 }) : i === "success" ? /* @__PURE__ */ r(x, { "aria-hidden": !0 }) : i === "warning" ? /* @__PURE__ */ r(y, { "aria-hidden": !0 }) : /* @__PURE__ */ r(C, { "aria-hidden": !0 });
+import { applyMissingDefaults as w } from "../../../../helpers/applyMissingDefaults.js";
+import x from "../../../../assets/icons/info.svg.js";
+import y from "../../../../assets/icons/success_check.svg.js";
+import C from "../../../../assets/icons/warning.svg.js";
+import D from "../../../../assets/icons/error.svg.js";
+import j from "../../../../assets/icons/close.svg.js";
+function F(m) {
+  const d = w(m, S), { label: f, children: s, action: o, status: i, icon: h, className: u, onDismiss: t, disableScrollIntoView: n } = d, l = p(), a = N(null), v = i === "info" ? /* @__PURE__ */ r(x, { "aria-hidden": !0 }) : i === "success" ? /* @__PURE__ */ r(y, { "aria-hidden": !0 }) : i === "warning" ? /* @__PURE__ */ r(C, { "aria-hidden": !0 }) : /* @__PURE__ */ r(D, { "aria-hidden": !0 });
   return g(() => {
-    !t && s.current && (s.current.scrollIntoView({ behavior: "smooth" }), s.current.focus());
-  }, [t]), /* @__PURE__ */ r("div", { className: N(e.root, h), children: /* @__PURE__ */ l(
+    !n && a.current && (a.current.scrollIntoView({ behavior: "smooth" }), a.current.focus());
+  }, [n]), /* @__PURE__ */ r("div", { className: b(e.root, u), children: /* @__PURE__ */ c(
     "div",
     {
       className: e.alert,
       role: "alert",
-      "aria-labelledby": n,
+      "aria-labelledby": l,
       "data-variant": i,
-      ref: s,
+      ref: a,
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ r("div", { className: e.header, children: /* @__PURE__ */ l("div", { className: e.iconLabelContainer, children: [
-          /* @__PURE__ */ r("div", { className: e.icon, children: f || u }),
-          /* @__PURE__ */ r("h6", { id: n, children: d }),
-          a && /* @__PURE__ */ r("div", { className: e.dismiss, children: /* @__PURE__ */ r(b, { variant: "tertiary", onClick: a, "aria-label": "Dismiss alert", children: /* @__PURE__ */ r(D, { width: 36, height: 36 }) }) })
+        /* @__PURE__ */ r("div", { className: e.header, children: /* @__PURE__ */ c("div", { className: e.iconLabelContainer, children: [
+          /* @__PURE__ */ r("div", { className: e.icon, children: h || v }),
+          /* @__PURE__ */ r("h6", { id: l, children: f }),
+          o && /* @__PURE__ */ r("div", { className: e.action, children: o }),
+          t && /* @__PURE__ */ r("div", { className: e.dismiss, children: /* @__PURE__ */ r(I, { variant: "tertiary", onClick: t, "aria-label": "Dismiss alert", children: /* @__PURE__ */ r(j, { width: 36, height: 36 }) }) })
         ] }) }),
-        o && /* @__PURE__ */ r("div", { className: e.content, children: o })
+        s && /* @__PURE__ */ r("div", { className: e.content, children: s })
       ]
     }
   ) });
 }
 export {
-  z as Alert
+  F as Alert
 };
 //# sourceMappingURL=Alert.js.map

package/dist/components/Common/UI/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { ButtonIcon } from '../Button/ButtonIcon'\nimport { type AlertProps, AlertDefaults } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\nimport CloseIcon from '@/assets/icons/close.svg?react'\n\nexport function Alert(rawProps: AlertProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, AlertDefaults)\n  const { label, children, status, icon, className, onDismiss, disableScrollIntoView } =\n    resolvedProps\n  const id = useId()\n  const alertRef = useRef<HTMLDivElement>(null)\n  const defaultIcon =\n    status === 'info' ? (\n      <InfoIcon aria-hidden />\n    ) : status === 'success' ? (\n      <SuccessIcon aria-hidden />\n    ) : status === 'warning' ? (\n      <WarningIcon aria-hidden />\n    ) : (\n      <ErrorIcon aria-hidden />\n    )\n\n  useEffect(() => {\n    if (!disableScrollIntoView && alertRef.current) {\n      alertRef.current.scrollIntoView({ behavior: 'smooth' })\n      alertRef.current.focus()\n    }\n  }, [disableScrollIntoView])\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <div\n        className={styles.alert}\n        role=\"alert\"\n        aria-labelledby={id}\n        data-variant={status}\n        ref={alertRef}\n        tabIndex={-1}\n      >\n        <div className={styles.header}>\n          <div className={styles.iconLabelContainer}>\n            <div className={styles.icon}>{icon || defaultIcon}</div>\n            <h6 id={id}>{label}</h6>\n            {onDismiss && (\n              <div className={styles.dismiss}>\n                <ButtonIcon variant=\"tertiary\" onClick={onDismiss} aria-label=\"Dismiss alert\">\n                  <CloseIcon width={36} height={36} />\n                </ButtonIcon>\n              </div>\n            )}\n          </div>\n        </div>\n        {children && <div className={styles.content}>{children}</div>}\n      </div>\n    </div>\n  )\n}\n"],"names":["Alert","rawProps","resolvedProps","applyMissingDefaults","AlertDefaults","label","children","status","icon","className","onDismiss","disableScrollIntoView","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs","ButtonIcon","CloseIcon"],"mappings":";;;;;;;;;;;;AAYO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,MAAAC,GAAM,WAAAC,GAAW,WAAAC,GAAW,uBAAAC,MAC3DT,GACIU,IAAKC,EAAA,GACLC,IAAWC,EAAuB,IAAI,GACtCC,IACJT,MAAW,SACT,gBAAAU,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC,IACpBX,MAAW,YACb,gBAAAU,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC,IACvBZ,MAAW,YACb,gBAAAU,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC,IAEzB,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAG3B,SAAAC,EAAU,MAAM;AACd,IAAI,CAACX,KAAyBG,EAAS,YACrCA,EAAS,QAAQ,eAAe,EAAE,UAAU,UAAU,GACtDA,EAAS,QAAQ,MAAA;AAAA,EAErB,GAAG,CAACH,CAAqB,CAAC,qBAGvB,OAAA,EAAI,WAAWY,EAAWC,EAAO,MAAMf,CAAS,GAC/C,UAAA,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcL;AAAA,MACd,KAAKO;AAAA,MACL,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWO,EAAO,QACrB,4BAAC,OAAA,EAAI,WAAWA,EAAO,oBACrB,UAAA;AAAA,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,UAClD,gBAAAC,EAAC,MAAA,EAAG,IAAAL,GAAS,UAAAP,EAAA,CAAM;AAAA,UAClBK,uBACE,OAAA,EAAI,WAAWc,EAAO,SACrB,UAAA,gBAAAP,EAACS,KAAW,SAAQ,YAAW,SAAShB,GAAW,cAAW,iBAC5D,UAAA,gBAAAO,EAACU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACpC,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QACCrB,KAAY,gBAAAW,EAAC,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAlB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE3D;AAEJ;"}
+{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { ButtonIcon } from '../Button/ButtonIcon'\nimport { type AlertProps, AlertDefaults } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\nimport CloseIcon from '@/assets/icons/close.svg?react'\n\nexport function Alert(rawProps: AlertProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, AlertDefaults)\n  const { label, children, action, status, icon, className, onDismiss, disableScrollIntoView } =\n    resolvedProps\n  const id = useId()\n  const alertRef = useRef<HTMLDivElement>(null)\n  const defaultIcon =\n    status === 'info' ? (\n      <InfoIcon aria-hidden />\n    ) : status === 'success' ? (\n      <SuccessIcon aria-hidden />\n    ) : status === 'warning' ? (\n      <WarningIcon aria-hidden />\n    ) : (\n      <ErrorIcon aria-hidden />\n    )\n\n  useEffect(() => {\n    if (!disableScrollIntoView && alertRef.current) {\n      alertRef.current.scrollIntoView({ behavior: 'smooth' })\n      alertRef.current.focus()\n    }\n  }, [disableScrollIntoView])\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <div\n        className={styles.alert}\n        role=\"alert\"\n        aria-labelledby={id}\n        data-variant={status}\n        ref={alertRef}\n        tabIndex={-1}\n      >\n        <div className={styles.header}>\n          <div className={styles.iconLabelContainer}>\n            <div className={styles.icon}>{icon || defaultIcon}</div>\n            <h6 id={id}>{label}</h6>\n            {action && <div className={styles.action}>{action}</div>}\n            {onDismiss && (\n              <div className={styles.dismiss}>\n                <ButtonIcon variant=\"tertiary\" onClick={onDismiss} aria-label=\"Dismiss alert\">\n                  <CloseIcon width={36} height={36} />\n                </ButtonIcon>\n              </div>\n            )}\n          </div>\n        </div>\n        {children && <div className={styles.content}>{children}</div>}\n      </div>\n    </div>\n  )\n}\n"],"names":["Alert","rawProps","resolvedProps","applyMissingDefaults","AlertDefaults","label","children","action","status","icon","className","onDismiss","disableScrollIntoView","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs","ButtonIcon","CloseIcon"],"mappings":";;;;;;;;;;;;AAYO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,QAAAC,GAAQ,MAAAC,GAAM,WAAAC,GAAW,WAAAC,GAAW,uBAAAC,EAAA,IACnEV,GACIW,IAAKC,EAAA,GACLC,IAAWC,EAAuB,IAAI,GACtCC,IACJT,MAAW,SACT,gBAAAU,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC,IACpBX,MAAW,YACb,gBAAAU,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC,IACvBZ,MAAW,YACb,gBAAAU,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC,IAEzB,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAG3B,SAAAC,EAAU,MAAM;AACd,IAAI,CAACX,KAAyBG,EAAS,YACrCA,EAAS,QAAQ,eAAe,EAAE,UAAU,UAAU,GACtDA,EAAS,QAAQ,MAAA;AAAA,EAErB,GAAG,CAACH,CAAqB,CAAC,qBAGvB,OAAA,EAAI,WAAWY,EAAWC,EAAO,MAAMf,CAAS,GAC/C,UAAA,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcL;AAAA,MACd,KAAKO;AAAA,MACL,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWO,EAAO,QACrB,4BAAC,OAAA,EAAI,WAAWA,EAAO,oBACrB,UAAA;AAAA,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,UAClD,gBAAAC,EAAC,MAAA,EAAG,IAAAL,GAAS,UAAAR,EAAA,CAAM;AAAA,UAClBE,KAAU,gBAAAW,EAAC,OAAA,EAAI,WAAWO,EAAO,QAAS,UAAAlB,GAAO;AAAA,UACjDI,uBACE,OAAA,EAAI,WAAWc,EAAO,SACrB,UAAA,gBAAAP,EAACS,KAAW,SAAQ,YAAW,SAAShB,GAAW,cAAW,iBAC5D,UAAA,gBAAAO,EAACU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACpC,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QACCtB,KAAY,gBAAAY,EAAC,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAnB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE3D;AAEJ;"}

package/dist/components/Common/UI/Alert/Alert.module.scss.js

@@ -1,20 +1,22 @@
-const e = "_root_elr84_1", o = "_alert_elr84_4", n = "_header_elr84_18", t = "_iconLabelContainer_elr84_23", _ = "_icon_elr84_23", r = "_content_elr84_44", s = "_dismiss_elr84_51", c = {
-  root: e,
-  alert: o,
-  header: n,
-  iconLabelContainer: t,
+const o = "_root_1vsx2_1", n = "_alert_1vsx2_4", t = "_header_1vsx2_18", s = "_iconLabelContainer_1vsx2_23", _ = "_icon_1vsx2_23", c = "_content_1vsx2_44", e = "_action_1vsx2_51", i = "_dismiss_1vsx2_57", a = {
+  root: o,
+  alert: n,
+  header: t,
+  iconLabelContainer: s,
   icon: _,
-  content: r,
-  dismiss: s
+  content: c,
+  action: e,
+  dismiss: i
 };
 export {
-  o as alert,
-  r as content,
-  c as default,
-  s as dismiss,
-  n as header,
+  e as action,
+  n as alert,
+  c as content,
+  a as default,
+  i as dismiss,
+  t as header,
   _ as icon,
-  t as iconLabelContainer,
-  e as root
+  s as iconLabelContainer,
+  o as root
 };
 //# sourceMappingURL=Alert.module.scss.js.map

package/dist/components/Common/UI/Alert/Alert.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"Alert.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/Common/UI/Alert/AlertTypes.d.ts

@@ -12,6 +12,14 @@ export interface AlertProps {
      * Optional children to be rendered inside the alert
      */
     children?: ReactNode;
+    /**
+     * Optional action node (e.g. a Button) rendered inline beside the label,
+     * before the dismiss button. Use this for compact alerts that need a single
+     * call-to-action next to the heading (e.g. a "Review" button summarising
+     * details available in a modal). Multi-line supporting copy should still
+     * pass through `children`.
+     */
+    action?: ReactNode;
     /**
      * Optional custom icon component to override the default icon
      */

package/dist/components/Common/UI/Alert/AlertTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertTypes.js","sources":["../../../../../src/components/Common/UI/Alert/AlertTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface AlertProps {\n  /**\n   * The visual status that the alert should convey\n   */\n  status?: 'info' | 'success' | 'warning' | 'error'\n  /**\n   * The label text for the alert\n   */\n  label: string\n  /**\n   * Optional children to be rendered inside the alert\n   */\n  children?: ReactNode\n  /**\n   * Optional custom icon component to override the default icon\n   */\n  icon?: ReactNode\n  /**\n   * CSS className to be applied\n   */\n  className?: string\n  /**\n   * Optional callback function called when the dismiss button is clicked\n   */\n  onDismiss?: () => void\n  /**\n   * Whether to disable scrolling the alert into view and focusing it on mount. Set to true when using inside modals.\n   */\n  disableScrollIntoView?: boolean\n}\n\n/**\n * Default prop values for Alert component.\n */\nexport const AlertDefaults = {\n  status: 'info',\n} as const satisfies Partial<AlertProps>\n"],"names":["AlertDefaults"],"mappings":"AAoCO,MAAMA,IAAgB;AAAA,EAC3B,QAAQ;AACV;"}
+{"version":3,"file":"AlertTypes.js","sources":["../../../../../src/components/Common/UI/Alert/AlertTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface AlertProps {\n  /**\n   * The visual status that the alert should convey\n   */\n  status?: 'info' | 'success' | 'warning' | 'error'\n  /**\n   * The label text for the alert\n   */\n  label: string\n  /**\n   * Optional children to be rendered inside the alert\n   */\n  children?: ReactNode\n  /**\n   * Optional action node (e.g. a Button) rendered inline beside the label,\n   * before the dismiss button. Use this for compact alerts that need a single\n   * call-to-action next to the heading (e.g. a \"Review\" button summarising\n   * details available in a modal). Multi-line supporting copy should still\n   * pass through `children`.\n   */\n  action?: ReactNode\n  /**\n   * Optional custom icon component to override the default icon\n   */\n  icon?: ReactNode\n  /**\n   * CSS className to be applied\n   */\n  className?: string\n  /**\n   * Optional callback function called when the dismiss button is clicked\n   */\n  onDismiss?: () => void\n  /**\n   * Whether to disable scrolling the alert into view and focusing it on mount. Set to true when using inside modals.\n   */\n  disableScrollIntoView?: boolean\n}\n\n/**\n * Default prop values for Alert component.\n */\nexport const AlertDefaults = {\n  status: 'info',\n} as const satisfies Partial<AlertProps>\n"],"names":["AlertDefaults"],"mappings":"AA4CO,MAAMA,IAAgB;AAAA,EAC3B,QAAQ;AACV;"}

package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.js

@@ -1,27 +1,27 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { useTranslation as c } from "react-i18next";
 import { useCreateSignatory as p } from "./useCreateSignatory.js";
-import { Flex as o } from "../../../Common/Flex/Flex.js";
-import { Grid as n } from "../../../Common/Grid/Grid.js";
-import { STATES_ABBR as u } from "../../../../shared/constants.js";
-import { usePlaceholderSSN as g, normalizeSSN as h } from "../../../../helpers/ssn.js";
+import { Flex as i } from "../../../Common/Flex/Flex.js";
+import { Grid as l } from "../../../Common/Grid/Grid.js";
+import { STATES_ABBR as g } from "../../../../shared/constants.js";
+import { usePlaceholderSSN as u, normalizeSSN as h } from "../../../../helpers/ssn.js";
 import { TitleSelect as f } from "../TitleSelect.js";
 import { useMaskedTransform as y, commonMasks as b } from "../../../../helpers/mask.js";
 import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { TextInputField as s } from "../../../Common/Fields/TextInputField/TextInputField.js";
+import { TextInputField as a } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { DatePickerField as D } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
-import { SelectField as M } from "../../../Common/Fields/SelectField/SelectField.js";
-const j = () => {
-  const i = S(), { currentSignatory: t } = p(), { t: e } = c("Company.AssignSignatory"), d = g(t?.hasSsn), m = y(b.phoneMask);
-  return /* @__PURE__ */ a(o, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ a(o, { flexDirection: "column", gap: 12, children: [
-      /* @__PURE__ */ a("header", { children: [
-        /* @__PURE__ */ r(i.Heading, { as: "h2", children: e("signatoryDetails.title") }),
-        /* @__PURE__ */ r(i.Text, { children: e("signatoryDetails.description") })
-      ] }),
-      /* @__PURE__ */ a(n, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
+import { SelectField as v } from "../../../Common/Fields/SelectField/SelectField.js";
+const I = () => {
+  const t = S(), { currentSignatory: o } = p(), { t: e } = c("Company.AssignSignatory"), d = u(o?.hasSsn), m = y(b.phoneMask);
+  return /* @__PURE__ */ s(i, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ s(i, { flexDirection: "column", gap: 32, alignItems: "stretch", children: [
+      /* @__PURE__ */ r("header", { children: /* @__PURE__ */ s(i, { flexDirection: "column", gap: 4, children: [
+        /* @__PURE__ */ r(t.Heading, { as: "h2", children: e("signatoryDetails.title") }),
+        /* @__PURE__ */ r(t.Text, { variant: "supporting", children: e("signatoryDetails.description") })
+      ] }) }),
+      /* @__PURE__ */ s(l, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
         /* @__PURE__ */ r(
-          s,
+          a,
           {
             name: "firstName",
             label: e("signatoryDetails.firstName"),
@@ -30,7 +30,7 @@ const j = () => {
           }
         ),
         /* @__PURE__ */ r(
-          s,
+          a,
           {
             name: "lastName",
             label: e("signatoryDetails.lastName"),
@@ -39,18 +39,18 @@ const j = () => {
           }
         ),
         /* @__PURE__ */ r(
-          s,
+          a,
           {
             name: "email",
             label: e("signatoryDetails.email"),
             isRequired: !0,
             errorMessage: e("validations.email"),
-            isDisabled: !!t
+            isDisabled: !!o
           }
         ),
         /* @__PURE__ */ r(f, {}),
         /* @__PURE__ */ r(
-          s,
+          a,
           {
             name: "phone",
             label: e("signatoryDetails.phone"),
@@ -60,12 +60,12 @@ const j = () => {
           }
         ),
         /* @__PURE__ */ r(
-          s,
+          a,
           {
             name: "ssn",
             label: e("signatoryDetails.ssn"),
             errorMessage: e("validations.ssn", { ns: "common" }),
-            isRequired: !t?.hasSsn,
+            isRequired: !o?.hasSsn,
             transform: h,
             placeholder: d
           }
@@ -81,14 +81,14 @@ const j = () => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ a(o, { flexDirection: "column", gap: 12, children: [
-      /* @__PURE__ */ a("header", { children: [
-        /* @__PURE__ */ r(i.Heading, { as: "h2", children: e("address.title") }),
-        /* @__PURE__ */ r(i.Text, { children: e("address.description") })
-      ] }),
-      /* @__PURE__ */ a(n, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
+    /* @__PURE__ */ s(i, { flexDirection: "column", gap: 32, alignItems: "stretch", children: [
+      /* @__PURE__ */ r("header", { children: /* @__PURE__ */ s(i, { flexDirection: "column", gap: 4, children: [
+        /* @__PURE__ */ r(t.Heading, { as: "h2", children: e("address.title") }),
+        /* @__PURE__ */ r(t.Text, { variant: "supporting", children: e("address.description") })
+      ] }) }),
+      /* @__PURE__ */ s(l, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
         /* @__PURE__ */ r(
-          s,
+          a,
           {
             name: "street1",
             label: e("address.street1"),
@@ -96,9 +96,9 @@ const j = () => {
             errorMessage: e("validations.address.street1")
           }
         ),
-        /* @__PURE__ */ r(s, { name: "street2", label: e("address.street2") }),
+        /* @__PURE__ */ r(a, { name: "street2", label: e("address.street2") }),
         /* @__PURE__ */ r(
-          s,
+          a,
           {
             name: "city",
             label: e("address.city"),
@@ -107,12 +107,12 @@ const j = () => {
           }
         ),
         /* @__PURE__ */ r(
-          M,
+          v,
           {
             name: "state",
-            options: u.map((l) => ({
-              label: e(`statesHash.${l}`, { ns: "common" }),
-              value: l
+            options: g.map((n) => ({
+              label: e(`statesHash.${n}`, { ns: "common" }),
+              value: n
             })),
             label: e("address.state"),
             placeholder: e("address.statePlaceholder"),
@@ -121,7 +121,7 @@ const j = () => {
           }
         ),
         /* @__PURE__ */ r(
-          s,
+          a,
           {
             name: "zip",
             label: e("address.zip"),
@@ -134,6 +134,6 @@ const j = () => {
   ] });
 };
 export {
-  j as CreateSignatoryForm
+  I as CreateSignatoryForm
 };
 //# sourceMappingURL=CreateSignatoryForm.js.map

package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { z } from 'zod'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport type { generateCreateSignatorySchema } from './Schema'\nimport { TextInputField, Grid, Flex, SelectField, DatePickerField } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CreateSignatoryInputs = z.infer<ReturnType<typeof generateCreateSignatorySchema>>\n\nexport const CreateSignatoryForm = () => {\n  const Components = useComponentContext()\n  const { currentSignatory } = useCreateSignatory()\n  const { t } = useTranslation('Company.AssignSignatory')\n  const placeholderSSN = usePlaceholderSSN(currentSignatory?.hasSsn)\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('signatoryDetails.title')}</Components.Heading>\n          <Components.Text>{t('signatoryDetails.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"firstName\"\n            label={t('signatoryDetails.firstName')}\n            isRequired\n            errorMessage={t('validations.firstName')}\n          />\n          <TextInputField\n            name=\"lastName\"\n            label={t('signatoryDetails.lastName')}\n            isRequired\n            errorMessage={t('validations.lastName')}\n          />\n          <TextInputField\n            name=\"email\"\n            label={t('signatoryDetails.email')}\n            isRequired\n            errorMessage={t('validations.email')}\n            isDisabled={Boolean(currentSignatory)}\n          />\n          <TitleSelect />\n          <TextInputField\n            name=\"phone\"\n            label={t('signatoryDetails.phone')}\n            isRequired\n            errorMessage={t('validations.phone')}\n            transform={transformPhone}\n          />\n          <TextInputField\n            name=\"ssn\"\n            label={t('signatoryDetails.ssn')}\n            errorMessage={t('validations.ssn', { ns: 'common' })}\n            isRequired={!currentSignatory?.hasSsn}\n            transform={normalizeSSN}\n            placeholder={placeholderSSN}\n          />\n          <DatePickerField\n            name=\"birthday\"\n            label={t('signatoryDetails.birthday')}\n            errorMessage={t('validations.dob')}\n            isRequired\n          />\n        </Grid>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('address.title')}</Components.Heading>\n          <Components.Text>{t('address.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"street1\"\n            label={t('address.street1')}\n            isRequired\n            errorMessage={t('validations.address.street1')}\n          />\n          <TextInputField name=\"street2\" label={t('address.street2')} />\n          <TextInputField\n            name=\"city\"\n            label={t('address.city')}\n            isRequired\n            errorMessage={t('validations.address.city')}\n          />\n          <SelectField\n            name=\"state\"\n            options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n              label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n              value: stateAbbr,\n            }))}\n            label={t('address.state')}\n            placeholder={t('address.statePlaceholder')}\n            errorMessage={t('validations.address.state')}\n            isRequired\n          />\n          <TextInputField\n            name=\"zip\"\n            label={t('address.zip')}\n            isRequired\n            errorMessage={t('validations.address.zip')}\n          />\n        </Grid>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["CreateSignatoryForm","Components","useComponentContext","currentSignatory","useCreateSignatory","t","useTranslation","placeholderSSN","usePlaceholderSSN","transformPhone","useMaskedTransform","commonMasks","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect","normalizeSSN","DatePickerField","SelectField","STATES_ABBR","stateAbbr"],"mappings":"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"}
+{"version":3,"file":"CreateSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { z } from 'zod'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport type { generateCreateSignatorySchema } from './Schema'\nimport { TextInputField, Grid, Flex, SelectField, DatePickerField } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CreateSignatoryInputs = z.infer<ReturnType<typeof generateCreateSignatorySchema>>\n\nexport const CreateSignatoryForm = () => {\n  const Components = useComponentContext()\n  const { currentSignatory } = useCreateSignatory()\n  const { t } = useTranslation('Company.AssignSignatory')\n  const placeholderSSN = usePlaceholderSSN(currentSignatory?.hasSsn)\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={32} alignItems=\"stretch\">\n        <header>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">{t('signatoryDetails.title')}</Components.Heading>\n            <Components.Text variant=\"supporting\">\n              {t('signatoryDetails.description')}\n            </Components.Text>\n          </Flex>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"firstName\"\n            label={t('signatoryDetails.firstName')}\n            isRequired\n            errorMessage={t('validations.firstName')}\n          />\n          <TextInputField\n            name=\"lastName\"\n            label={t('signatoryDetails.lastName')}\n            isRequired\n            errorMessage={t('validations.lastName')}\n          />\n          <TextInputField\n            name=\"email\"\n            label={t('signatoryDetails.email')}\n            isRequired\n            errorMessage={t('validations.email')}\n            isDisabled={Boolean(currentSignatory)}\n          />\n          <TitleSelect />\n          <TextInputField\n            name=\"phone\"\n            label={t('signatoryDetails.phone')}\n            isRequired\n            errorMessage={t('validations.phone')}\n            transform={transformPhone}\n          />\n          <TextInputField\n            name=\"ssn\"\n            label={t('signatoryDetails.ssn')}\n            errorMessage={t('validations.ssn', { ns: 'common' })}\n            isRequired={!currentSignatory?.hasSsn}\n            transform={normalizeSSN}\n            placeholder={placeholderSSN}\n          />\n          <DatePickerField\n            name=\"birthday\"\n            label={t('signatoryDetails.birthday')}\n            errorMessage={t('validations.dob')}\n            isRequired\n          />\n        </Grid>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={32} alignItems=\"stretch\">\n        <header>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">{t('address.title')}</Components.Heading>\n            <Components.Text variant=\"supporting\">{t('address.description')}</Components.Text>\n          </Flex>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"street1\"\n            label={t('address.street1')}\n            isRequired\n            errorMessage={t('validations.address.street1')}\n          />\n          <TextInputField name=\"street2\" label={t('address.street2')} />\n          <TextInputField\n            name=\"city\"\n            label={t('address.city')}\n            isRequired\n            errorMessage={t('validations.address.city')}\n          />\n          <SelectField\n            name=\"state\"\n            options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n              label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n              value: stateAbbr,\n            }))}\n            label={t('address.state')}\n            placeholder={t('address.statePlaceholder')}\n            errorMessage={t('validations.address.state')}\n            isRequired\n          />\n          <TextInputField\n            name=\"zip\"\n            label={t('address.zip')}\n            isRequired\n            errorMessage={t('validations.address.zip')}\n          />\n        </Grid>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["CreateSignatoryForm","Components","useComponentContext","currentSignatory","useCreateSignatory","t","useTranslation","placeholderSSN","usePlaceholderSSN","transformPhone","useMaskedTransform","commonMasks","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect","normalizeSSN","DatePickerField","SelectField","STATES_ABBR","stateAbbr"],"mappings":"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"}

package/dist/components/Company/AssignSignatory/Head.js

@@ -1,14 +1,17 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { useTranslation as r } from "react-i18next";
-import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const p = () => {
-  const { t: n } = r("Company.AssignSignatory"), o = s();
-  return /* @__PURE__ */ e("header", { children: [
-    /* @__PURE__ */ t(o.Heading, { as: "h1", children: n("title") }),
-    /* @__PURE__ */ t(o.Text, { children: n("description") })
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { useTranslation as i } from "react-i18next";
+import { useComponentContext as e } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as s } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+const d = () => {
+  const { t: o } = i("Company.AssignSignatory"), t = e();
+  return /* @__PURE__ */ r(s, { flexDirection: "column", gap: 4, children: [
+    /* @__PURE__ */ n(t.Heading, { as: "h1", children: o("title") }),
+    /* @__PURE__ */ n(t.Text, { variant: "supporting", children: o("description") })
   ] });
 };
 export {
-  p as Head
+  d as Head
 };
 //# sourceMappingURL=Head.js.map

package/dist/components/Company/AssignSignatory/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sources":["../../../../src/components/Company/AssignSignatory/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Head = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const Components = useComponentContext()\n\n  return (\n    <header>\n      <Components.Heading as=\"h1\">{t('title')}</Components.Heading>\n      <Components.Text>{t('description')}</Components.Text>\n    </header>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAGO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAaC,EAAA;AAEnB,2BACG,UAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,sBACvCE,EAAW,MAAX,EAAiB,UAAAF,EAAE,aAAa,EAAA,CAAE;AAAA,EAAA,GACrC;AAEJ;"}
+{"version":3,"file":"Head.js","sources":["../../../../src/components/Company/AssignSignatory/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\n\nexport const Head = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h1\">{t('title')}</Components.Heading>\n      <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n    </Flex>\n  )\n}\n"],"names":["Head","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx"],"mappings":";;;;;;AAIO,MAAMA,IAAO,MAAM;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAC,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,IACxC,gBAAAM,EAACJ,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,aAAa,EAAA,CAAE;AAAA,EAAA,GAC1D;AAEJ;"}