@gusto/embedded-react-sdk 0.51.2 → 0.52.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # Changelog
 
+## [0.52.0](https://github.com/Gusto/embedded-react-sdk/compare/v0.51.2...v0.52.0) (2026-07-10)
+
+### ⚠ Breaking Changes
+
+- **`@gusto/embedded-api` is now pinned to the dated `v2026-06-15` package** ([#2371](https://github.com/Gusto/embedded-react-sdk/issues/2371)). Update your dependency and imports from `@gusto/embedded-api-v-2026-02-01` to `@gusto/embedded-api-v-2026-06-15`.
+  - `EmployeeCompensations` money fields (`grossPay`, `netPay`, `checkAmount`) are now `string` instead of `number`.
+  - `@gusto/embedded-api/models/components/payroll` was renamed to `@gusto/embedded-api/models/components/payrollshow`.
+  - Company tax requirement records now report `setupStatus` instead of `setupComplete`.
+  - A few exports were renamed: `WageType` → `ContractorWageType`, `SortOrder` → `QueryParamSortOrder`, `Include` → `GetV1CompaniesCompanyIdEmployeesQueryParamInclude`, `ContractorOnboardingStatus1` → `OnboardingStatus`.
+- **`ApiProvider` and `ApiProviderProps` are no longer exported** ([#2376](https://github.com/Gusto/embedded-react-sdk/issues/2376)). If you composed the provider stack manually, use `GustoProvider` or `GustoProviderCustomUIAdapter` instead — both wrap `ApiProvider` internally.
+- **`ObservabilityProvider`, `useObservability`, `ObservabilityProviderProps`, and `ObservabilityContextValue` are no longer exported** ([#2376](https://github.com/Gusto/embedded-react-sdk/issues/2376)). Configure observability via the `observability` field on the `config` prop passed to `GustoProvider` / `GustoProviderCustomUIAdapter` instead.
+- **`GustoApiProps` (the props type for `GustoProvider`) was renamed to `GustoProviderProps`** ([#2376](https://github.com/Gusto/embedded-react-sdk/issues/2376)). The previous `GustoProviderProps` (props for `GustoProviderCustomUIAdapter`) was renamed to `GustoBaseProviderProps`. Update any direct references to these type names.
+
+### Features & Enhancements
+
+- Added `FormBox`, a UI primitive for grouping form sections, alongside the existing `Box` component. Override it via the component adapter like any other UI primitive. ([#2359](https://github.com/Gusto/embedded-react-sdk/issues/2359))
+- `StateTaxes` and `StateTaxesList` accept a new `showContinueButton` prop (defaults to `true`) to hide the Continue button when either is embedded as a step inside a larger flow with its own navigation. ([#2381](https://github.com/Gusto/embedded-react-sdk/issues/2381))
+
+### Fixes
+
+- `OnboardingSummary` now shows confirmation copy instead of a "Missing requirements" checklist when an employee has been invited to self-onboard, since those steps are owned by the employee rather than the admin. ([#2369](https://github.com/Gusto/embedded-react-sdk/issues/2369))
+- `Contractor.SignatureForm` now includes the "U.S. person" definition below the W-9 certification checklist. ([#2382](https://github.com/Gusto/embedded-react-sdk/issues/2382))
+
+### Chores & Maintenance
+
+- Bump dev dependencies (`@commitlint/cli`, `msw`, `prettier`, `ws`)
+- Bump dependencies (`i18next`, `react-i18next`)
+
 ## [0.51.2](https://github.com/Gusto/embedded-react-sdk/compare/v0.51.1...v0.51.2) (2026-07-07)
 
 ### Fixes

package/dist/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes.d.ts

@@ -11,7 +11,7 @@ import { EventType } from '../../../types/Helpers';
  * `startDate` and `endDate` keys) are auto-formatted with the active locale's
  * short-with-year date format before interpolation.
  *
- * @public
+ * @internal
  */
 export interface FlowBreadcrumb {
     /**

package/dist/components/Common/OnboardingStatusBadge/index.d.ts

@@ -1,4 +1,4 @@
-import { ContractorOnboardingStatus1 } from '@gusto/embedded-api/models/components/contractor';
+import { OnboardingStatus as ContractorOnboardingStatus1 } from '@gusto/embedded-api/models/components/contractor';
 import { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus';
 type OnboardingStatuses = ContractorOnboardingStatus1 | OnboardingStatus;
 interface OnboardingStatusBadgeProps<T extends OnboardingStatuses> {

package/dist/components/Common/OnboardingStatusBadge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Common/OnboardingStatusBadge/index.tsx"],"sourcesContent":["import type { ContractorOnboardingStatus1 } from '@gusto/embedded-api/models/components/contractor'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype OnboardingStatuses = ContractorOnboardingStatus1 | OnboardingStatus\n\ninterface OnboardingStatusBadgeProps<T extends OnboardingStatuses> {\n  onboarded?: boolean\n  onboardingEntity: 'contractor' | 'employee'\n  onboardingStatus?: T | null\n}\n/** @internal */\nexport const OnboardingStatusBadge = <T extends OnboardingStatuses>({\n  onboarded,\n  onboardingEntity,\n  onboardingStatus,\n}: OnboardingStatusBadgeProps<T>) => {\n  const { Badge } = useComponentContext()\n  const { t } = useTranslation()\n\n  //HACK: `never` should instead be a better type\n  return (\n    <Badge status={onboarded ? 'success' : 'warning'}>\n      {t(`onboardingStatus.${onboardingEntity}.${onboardingStatus ?? 'undefined'}` as never)}\n    </Badge>\n  )\n}\n\ninterface ContractorOnboardingStatusBadgeProps {\n  onboarded?: boolean\n  onboardingStatus?: ContractorOnboardingStatus1 | null\n}\n/** @internal */\nexport const ContractorOnboardingStatusBadge = (props: ContractorOnboardingStatusBadgeProps) => (\n  <OnboardingStatusBadge {...props} onboardingEntity=\"contractor\" />\n)\n\ninterface EmployeeOnboardingStatusBadgeProps {\n  onboarded?: boolean\n  onboardingStatus?: OnboardingStatus | null\n}\n/** @internal */\nexport const EmployeeOnboardingStatusBadge = (props: EmployeeOnboardingStatusBadgeProps) => (\n  <OnboardingStatusBadge {...props} onboardingEntity=\"employee\" />\n)\n"],"names":["OnboardingStatusBadge","onboarded","onboardingEntity","onboardingStatus","Badge","useComponentContext","t","useTranslation","jsx","ContractorOnboardingStatusBadge","props","EmployeeOnboardingStatusBadge"],"mappings":";;;AAaO,MAAMA,IAAwB,CAA+B;AAAA,EAClE,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AACF,MAAqC;AACnC,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZ,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAGd,SACE,gBAAAC,EAACJ,GAAA,EAAM,QAAQH,IAAY,YAAY,WACpC,UAAAK,EAAE,oBAAoBJ,CAAgB,IAAIC,KAAoB,WAAW,EAAW,GACvF;AAEJ,GAOaM,IAAkC,CAACC,MAC9C,gBAAAF,EAACR,KAAuB,GAAGU,GAAO,kBAAiB,aAAA,CAAa,GAQrDC,IAAgC,CAACD,MAC5C,gBAAAF,EAACR,KAAuB,GAAGU,GAAO,kBAAiB,WAAA,CAAW;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Common/OnboardingStatusBadge/index.tsx"],"sourcesContent":["import type { OnboardingStatus as ContractorOnboardingStatus1 } from '@gusto/embedded-api/models/components/contractor'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype OnboardingStatuses = ContractorOnboardingStatus1 | OnboardingStatus\n\ninterface OnboardingStatusBadgeProps<T extends OnboardingStatuses> {\n  onboarded?: boolean\n  onboardingEntity: 'contractor' | 'employee'\n  onboardingStatus?: T | null\n}\n/** @internal */\nexport const OnboardingStatusBadge = <T extends OnboardingStatuses>({\n  onboarded,\n  onboardingEntity,\n  onboardingStatus,\n}: OnboardingStatusBadgeProps<T>) => {\n  const { Badge } = useComponentContext()\n  const { t } = useTranslation()\n\n  //HACK: `never` should instead be a better type\n  return (\n    <Badge status={onboarded ? 'success' : 'warning'}>\n      {t(`onboardingStatus.${onboardingEntity}.${onboardingStatus ?? 'undefined'}` as never)}\n    </Badge>\n  )\n}\n\ninterface ContractorOnboardingStatusBadgeProps {\n  onboarded?: boolean\n  onboardingStatus?: ContractorOnboardingStatus1 | null\n}\n/** @internal */\nexport const ContractorOnboardingStatusBadge = (props: ContractorOnboardingStatusBadgeProps) => (\n  <OnboardingStatusBadge {...props} onboardingEntity=\"contractor\" />\n)\n\ninterface EmployeeOnboardingStatusBadgeProps {\n  onboarded?: boolean\n  onboardingStatus?: OnboardingStatus | null\n}\n/** @internal */\nexport const EmployeeOnboardingStatusBadge = (props: EmployeeOnboardingStatusBadgeProps) => (\n  <OnboardingStatusBadge {...props} onboardingEntity=\"employee\" />\n)\n"],"names":["OnboardingStatusBadge","onboarded","onboardingEntity","onboardingStatus","Badge","useComponentContext","t","useTranslation","jsx","ContractorOnboardingStatusBadge","props","EmployeeOnboardingStatusBadge"],"mappings":";;;AAaO,MAAMA,IAAwB,CAA+B;AAAA,EAClE,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AACF,MAAqC;AACnC,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZ,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAGd,SACE,gBAAAC,EAACJ,GAAA,EAAM,QAAQH,IAAY,YAAY,WACpC,UAAAK,EAAE,oBAAoBJ,CAAgB,IAAIC,KAAoB,WAAW,EAAW,GACvF;AAEJ,GAOaM,IAAkC,CAACC,MAC9C,gBAAAF,EAACR,KAAuB,GAAGU,GAAO,kBAAiB,aAAA,CAAa,GAQrDC,IAAgC,CAACD,MAC5C,gBAAAF,EAACR,KAAuB,GAAGU,GAAO,kBAAiB,WAAA,CAAW;"}

package/dist/components/Common/UI/FormBox/FormBox.d.ts

@@ -0,0 +1,9 @@
+import { FormBoxProps } from './FormBoxTypes';
+/**
+ * Renders a bordered container used to group related form fields, with an optional header slot.
+ *
+ * @param props - The {@link FormBoxProps} controlling the form box contents, header, and padding.
+ * @returns The rendered form box.
+ * @internal
+ */
+export declare function FormBox({ children, header, withPadding, className }: FormBoxProps): import("react").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import i from "classnames";
+import t from "./FormBox.module.scss.js";
+function l({ children: r, header: o, withPadding: e = !0, className: a }) {
+  return /* @__PURE__ */ m("div", { className: i(t.root, a), "data-testid": "data-form-box", children: [
+    o && /* @__PURE__ */ s("div", { className: t.header, children: o }),
+    /* @__PURE__ */ s("div", { className: e ? t.content : t.contentFlush, children: r })
+  ] });
+}
+export {
+  l as FormBox
+};
+//# sourceMappingURL=FormBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormBox.js","sources":["../../../../../src/components/Common/UI/FormBox/FormBox.tsx"],"sourcesContent":["import cn from 'classnames'\nimport styles from './FormBox.module.scss'\nimport type { FormBoxProps } from '@/components/Common/UI/FormBox/FormBoxTypes'\n\n/**\n * Renders a bordered container used to group related form fields, with an optional header slot.\n *\n * @param props - The {@link FormBoxProps} controlling the form box contents, header, and padding.\n * @returns The rendered form box.\n * @internal\n */\nexport function FormBox({ children, header, withPadding = true, className }: FormBoxProps) {\n  return (\n    <div className={cn(styles.root, className)} data-testid=\"data-form-box\">\n      {header && <div className={styles.header}>{header}</div>}\n      <div className={withPadding ? styles.content : styles.contentFlush}>{children}</div>\n    </div>\n  )\n}\n"],"names":["FormBox","children","header","withPadding","className","jsxs","cn","styles","jsx"],"mappings":";;;AAWO,SAASA,EAAQ,EAAE,UAAAC,GAAU,QAAAC,GAAQ,aAAAC,IAAc,IAAM,WAAAC,KAA2B;AACzF,SACE,gBAAAC,EAAC,SAAI,WAAWC,EAAGC,EAAO,MAAMH,CAAS,GAAG,eAAY,iBACrD,UAAA;AAAA,IAAAF,KAAU,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAL,GAAO;AAAA,IAClD,gBAAAM,EAAC,SAAI,WAAWL,IAAcI,EAAO,UAAUA,EAAO,cAAe,UAAAN,EAAA,CAAS;AAAA,EAAA,GAChF;AAEJ;"}

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

@@ -0,0 +1,14 @@
+const t = "_root_c61dy_1", o = "_header_c61dy_12", n = "_content_c61dy_17", c = "_contentFlush_c61dy_22", e = {
+  root: t,
+  header: o,
+  content: n,
+  contentFlush: c
+};
+export {
+  n as content,
+  c as contentFlush,
+  e as default,
+  o as header,
+  t as root
+};
+//# sourceMappingURL=FormBox.module.scss.js.map

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

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

package/dist/components/Common/UI/FormBox/FormBoxTypes.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+/**
+ * Props your `FormBox` implementation must accept from the component adapter.
+ * Renders a sectioned container used to group related form fields, with an optional header slot.
+ *
+ * @public
+ * @group Component props
+ */
+export interface FormBoxProps {
+    /**
+     * Content rendered inside the form box body.
+     */
+    children: ReactNode;
+    /**
+     * Optional content rendered above the body in the form box header section.
+     */
+    header?: ReactNode;
+    /**
+     * Whether the body should apply the default inner padding. Defaults to true; set to false for content that needs to be flush with the form box edges.
+     */
+    withPadding?: boolean;
+    /**
+     * CSS className to be applied to the root element.
+     */
+    className?: string;
+}

package/dist/components/Common/UI/FormBoxHeader/FormBoxHeader.d.ts

@@ -0,0 +1,9 @@
+import { FormBoxHeaderProps } from './FormBoxHeaderTypes';
+/**
+ * Renders a titled header for a {@link FormBoxProps | FormBox}, with optional description and inline action slot.
+ *
+ * @param rawProps - The {@link FormBoxHeaderProps} controlling the title, description, action, and heading level.
+ * @returns The rendered form box header.
+ * @internal
+ */
+export declare function FormBoxHeader(rawProps: FormBoxHeaderProps): import("react").JSX.Element;

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

@@ -0,0 +1,23 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { FormBoxHeaderDefaults as p } from "./FormBoxHeaderTypes.js";
+import i from "./FormBoxHeader.module.scss.js";
+import { applyMissingDefaults as c } from "../../../../helpers/applyMissingDefaults.js";
+import { useComponentContext as d } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as n } from "../../Flex/Flex.js";
+function D(s) {
+  const { title: a, description: o, action: m, headingLevel: l } = c(
+    s,
+    p
+  ), t = d();
+  return /* @__PURE__ */ e("div", { className: i.root, children: /* @__PURE__ */ r(n, { flexDirection: "row", gap: 16, justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ r(n, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ e(t.Heading, { as: l, className: i.headerTitle, children: a }),
+      o && /* @__PURE__ */ e(t.Text, { as: "p", variant: "supporting", children: o })
+    ] }),
+    m
+  ] }) });
+}
+export {
+  D as FormBoxHeader
+};
+//# sourceMappingURL=FormBoxHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormBoxHeader.js","sources":["../../../../../src/components/Common/UI/FormBoxHeader/FormBoxHeader.tsx"],"sourcesContent":["import { type FormBoxHeaderProps, FormBoxHeaderDefaults } from './FormBoxHeaderTypes'\nimport styles from './FormBoxHeader.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex'\n\n/**\n * Renders a titled header for a {@link FormBoxProps | FormBox}, with optional description and inline action slot.\n *\n * @param rawProps - The {@link FormBoxHeaderProps} controlling the title, description, action, and heading level.\n * @returns The rendered form box header.\n * @internal\n */\nexport function FormBoxHeader(rawProps: FormBoxHeaderProps) {\n  const { title, description, action, headingLevel } = applyMissingDefaults(\n    rawProps,\n    FormBoxHeaderDefaults,\n  )\n  const Components = useComponentContext()\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"row\" gap={16} justifyContent=\"space-between\" alignItems=\"center\">\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as={headingLevel!} className={styles.headerTitle}>\n            {title}\n          </Components.Heading>\n          {description && (\n            <Components.Text as=\"p\" variant=\"supporting\">\n              {description}\n            </Components.Text>\n          )}\n        </Flex>\n\n        {action}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["FormBoxHeader","rawProps","title","description","action","headingLevel","applyMissingDefaults","FormBoxHeaderDefaults","Components","useComponentContext","jsx","styles","jsxs","Flex"],"mappings":";;;;;;AAaO,SAASA,EAAcC,GAA8B;AAC1D,QAAM,EAAE,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,cAAAC,MAAiBC;AAAA,IACnDL;AAAA,IACAM;AAAA,EAAA,GAEIC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,OAAM,KAAK,IAAI,gBAAe,iBAAgB,YAAW,UAC3E,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAACF,EAAW,SAAX,EAAmB,IAAIH,GAAe,WAAWM,EAAO,aACtD,UAAAT,EAAA,CACH;AAAA,MACCC,uBACEK,EAAW,MAAX,EAAgB,IAAG,KAAI,SAAQ,cAC7B,UAAAL,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAECC;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}

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

@@ -0,0 +1,8 @@
+const o = "_root_1vjsj_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};
+//# sourceMappingURL=FormBoxHeader.module.scss.js.map

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

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

package/dist/components/Common/UI/FormBoxHeader/FormBoxHeaderTypes.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+/**
+ * Props your `FormBoxHeader` implementation must accept from the component adapter.
+ * Renders the header section of a FormBox, combining a title, optional description, and an optional inline action slot.
+ *
+ * @public
+ * @group Component props
+ */
+export interface FormBoxHeaderProps {
+    /**
+     * Title content rendered as the heading.
+     */
+    title: ReactNode;
+    /**
+     * Optional supporting description rendered below the title.
+     */
+    description?: ReactNode;
+    /**
+     * Optional action content (e.g. a Button) rendered inline opposite the title.
+     */
+    action?: ReactNode;
+    /**
+     * Semantic heading level for the title. Defaults to `h3`.
+     *
+     * @defaultValue `'h3'`
+     */
+    headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+/**
+ * Default prop values for FormBoxHeader component.
+ *
+ * @internal
+ */
+export declare const FormBoxHeaderDefaults: {
+    readonly headingLevel: "h3";
+};

package/dist/components/Common/UI/FormBoxHeader/FormBoxHeaderTypes.js

@@ -0,0 +1,7 @@
+const e = {
+  headingLevel: "h3"
+};
+export {
+  e as FormBoxHeaderDefaults
+};
+//# sourceMappingURL=FormBoxHeaderTypes.js.map

package/dist/components/Common/UI/FormBoxHeader/FormBoxHeaderTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBoxHeaderTypes.js","sources":["../../../../../src/components/Common/UI/FormBoxHeader/FormBoxHeaderTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Props your `FormBoxHeader` implementation must accept from the component adapter.\n * Renders the header section of a FormBox, combining a title, optional description, and an optional inline action slot.\n *\n * @public\n * @group Component props\n */\nexport interface FormBoxHeaderProps {\n  /**\n   * Title content rendered as the heading.\n   */\n  title: ReactNode\n  /**\n   * Optional supporting description rendered below the title.\n   */\n  description?: ReactNode\n  /**\n   * Optional action content (e.g. a Button) rendered inline opposite the title.\n   */\n  action?: ReactNode\n  /**\n   * Semantic heading level for the title. Defaults to `h3`.\n   *\n   * @defaultValue `'h3'`\n   */\n  headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\n/**\n * Default prop values for FormBoxHeader component.\n *\n * @internal\n */\nexport const FormBoxHeaderDefaults = {\n  headingLevel: 'h3',\n} as const satisfies Partial<FormBoxHeaderProps>\n"],"names":["FormBoxHeaderDefaults"],"mappings":"AAmCO,MAAMA,IAAwB;AAAA,EACnC,cAAc;AAChB;"}

package/dist/components/Common/UI/FormBoxHeader/index.d.ts

@@ -0,0 +1 @@
+export { FormBoxHeader } from './FormBoxHeader';

package/dist/components/Common/UI/Input/InputTypes.d.ts

@@ -7,6 +7,7 @@ import { InputHTMLAttributes, ReactNode, Ref } from 'react';
  * `adornmentStart` and `adornmentEnd` slots from this interface.
  *
  * @public
+ * @group Component props
  */
 export interface InputProps extends Pick<InputHTMLAttributes<HTMLInputElement>, 'className' | 'id' | 'name' | 'placeholder' | 'type' | 'value' | 'onChange' | 'onBlur' | 'onFocus' | 'aria-describedby' | 'aria-labelledby' | 'aria-invalid' | 'min' | 'max' | 'maxLength'> {
     /**

package/dist/components/Common/UI/Input/InputTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputTypes.js","sources":["../../../../../src/components/Common/UI/Input/InputTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, ReactNode, Ref } from 'react'\n\n/**\n * Base text-input primitive used internally by `TextInput` and `NumberInput`.\n *\n * @remarks\n * Higher-level field components like TextInput and NumberInput reuse the\n * `adornmentStart` and `adornmentEnd` slots from this interface.\n *\n * @public\n */\nexport interface InputProps extends Pick<\n  InputHTMLAttributes<HTMLInputElement>,\n  | 'className'\n  | 'id'\n  | 'name'\n  | 'placeholder'\n  | 'type'\n  | 'value'\n  | 'onChange'\n  | 'onBlur'\n  | 'onFocus'\n  | 'aria-describedby'\n  | 'aria-labelledby'\n  | 'aria-invalid'\n  | 'min'\n  | 'max'\n  | 'maxLength'\n> {\n  /**\n   * Ref for the input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n\n  /**\n   * Content to display at the start of the input\n   */\n  adornmentStart?: ReactNode\n\n  /**\n   * Content to display at the end of the input\n   */\n  adornmentEnd?: ReactNode\n\n  /**\n   * Whether the input is disabled\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n}\n\n/**\n * Default prop values for the Input primitive, applied through the component adapter.\n *\n * @internal\n */\nexport const InputDefaults = {\n  isDisabled: false,\n} as const satisfies Partial<InputProps>\n"],"names":["InputDefaults"],"mappings":"AAwDO,MAAMA,IAAgB;AAAA,EAC3B,YAAY;AACd;"}
+{"version":3,"file":"InputTypes.js","sources":["../../../../../src/components/Common/UI/Input/InputTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, ReactNode, Ref } from 'react'\n\n/**\n * Base text-input primitive used internally by `TextInput` and `NumberInput`.\n *\n * @remarks\n * Higher-level field components like TextInput and NumberInput reuse the\n * `adornmentStart` and `adornmentEnd` slots from this interface.\n *\n * @public\n * @group Component props\n */\nexport interface InputProps extends Pick<\n  InputHTMLAttributes<HTMLInputElement>,\n  | 'className'\n  | 'id'\n  | 'name'\n  | 'placeholder'\n  | 'type'\n  | 'value'\n  | 'onChange'\n  | 'onBlur'\n  | 'onFocus'\n  | 'aria-describedby'\n  | 'aria-labelledby'\n  | 'aria-invalid'\n  | 'min'\n  | 'max'\n  | 'maxLength'\n> {\n  /**\n   * Ref for the input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n\n  /**\n   * Content to display at the start of the input\n   */\n  adornmentStart?: ReactNode\n\n  /**\n   * Content to display at the end of the input\n   */\n  adornmentEnd?: ReactNode\n\n  /**\n   * Whether the input is disabled\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n}\n\n/**\n * Default prop values for the Input primitive, applied through the component adapter.\n *\n * @internal\n */\nexport const InputDefaults = {\n  isDisabled: false,\n} as const satisfies Partial<InputProps>\n"],"names":["InputDefaults"],"mappings":"AAyDO,MAAMA,IAAgB;AAAA,EAC3B,YAAY;AACd;"}

package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.d.ts

@@ -1,6 +1,5 @@
 import { z } from 'zod';
-import { generateCreateSignatorySchema } from './Schema';
 /** @internal */
-export type CreateSignatoryInputs = z.infer<ReturnType<typeof generateCreateSignatorySchema>>;
+export type CreateSignatoryInputs = { firstName: string; lastName: string; email: string; title: string; phone: string; ssn: string; birthday: Date; street1: string; city: string; state: string; zip: string; street2?: string | undefined; };
 /** @internal */
 export declare const CreateSignatoryForm: () => import("react").JSX.Element;

package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.d.ts

@@ -8,6 +8,6 @@ export declare const InviteSignatorySchema: z.ZodObject<{
     title: z.ZodString;
 }, z.core.$strip>;
 /** @internal */
-export type InviteSignatoryInputs = z.infer<typeof InviteSignatorySchema>;
+export type InviteSignatoryInputs = { firstName: string; lastName: string; email: string; confirmEmail: string; title: string; };
 /** @internal */
 export declare const InviteSignatoryForm: () => import("react").JSX.Element;

package/dist/components/Company/BankAccount/BankAccountForm/Form.d.ts

@@ -5,6 +5,6 @@ export declare const BankAccountFormSchema: z.ZodObject<{
     accountNumber: z.ZodString;
 }, z.core.$strip>;
 /** @internal */
-export type BankAccountFormInputs = z.infer<typeof BankAccountFormSchema>;
+export type BankAccountFormInputs = { routingNumber: string; accountNumber: string; };
 /** @internal */
 export declare function Form(): import("react").JSX.Element;

package/dist/components/Company/BankAccount/BankAccountVerify/Form.d.ts

@@ -5,6 +5,6 @@ export declare const BankAccountVerifySchema: z.ZodObject<{
     deposit2: z.ZodNumber;
 }, z.core.$strip>;
 /** @internal */
-export type BankAccountVerifyInputs = z.infer<typeof BankAccountVerifySchema>;
+export type BankAccountVerifyInputs = { deposit1: number; deposit2: number; };
 /** @internal */
 export declare function Form(): import("react").JSX.Element;

package/dist/components/Company/DocumentSigner/shared/useSignCompanyForm/signCompanyFormSchema.d.ts

@@ -21,7 +21,7 @@ export type SignCompanyFormErrorCode = (typeof SignCompanyFormErrorCodes)[keyof
  *
  * @public
  */
-export type SignCompanyFormField = "signature" | "confirmSignature";
+export type SignCompanyFormField = "confirmSignature" | "signature";
 /**
  * Shape of the values managed by the sign-company form.
  *

package/dist/components/Company/FederalTaxes/useFederalTaxes.d.ts

@@ -13,7 +13,7 @@ export declare const FederalTaxFormSchema: z.ZodObject<{
     legalName: z.ZodString;
 }, z.core.$strip>;
 /** @internal */
-export type FederalTaxFormInputs = z.input<typeof FederalTaxFormSchema>;
+export type FederalTaxFormInputs = { legalName: string; federalEin?: string | undefined; taxPayerType?: string | undefined; filingForm?: string | undefined; };
 /**
  * Pre-populated values for the company federal tax form, supplied via {@link FederalTaxesProps}.
  * At least one of `taxPayerType`, `filingForm`, or `legalName` must be provided.

package/dist/components/Company/Locations/LocationForm/Form.d.ts

@@ -13,7 +13,7 @@ export declare const LocationFormSchema: z.ZodObject<{
     }>>>;
 }, z.core.$strip>;
 /** @internal */
-export type LocationFormInputs = z.infer<typeof LocationFormSchema>;
+export type LocationFormInputs = { phoneNumber: string; street1: string; city: string; state: string; zip: string; street2?: string | undefined; addressType?: ("filingAddress" | "mailingAddress")[] | undefined; };
 interface FormProps {
     isMailingLocked?: boolean;
     isFilingLocked?: boolean;

package/dist/components/Company/PaySchedule/shared/usePayScheduleForm/payScheduleSchema.d.ts

@@ -23,20 +23,20 @@ export type PayScheduleErrorCode = (typeof PayScheduleErrorCodes)[keyof typeof P
  *
  * @public
  */
-export type PayScheduleFrequency = "Every week" | "Every other week" | "Twice per month" | "Monthly";
+export type PayScheduleFrequency = "Every other week" | "Every week" | "Monthly" | "Twice per month";
 /**
  * Union of field names managed by the pay schedule form.
  *
  * @public
  */
-export type PayScheduleField = "customName" | "frequency" | "customTwicePerMonth" | "anchorPayDate" | "anchorEndOfPayPeriod" | "day1" | "day2";
+export type PayScheduleField = "anchorEndOfPayPeriod" | "anchorPayDate" | "customName" | "customTwicePerMonth" | "day1" | "day2" | "frequency";
 /**
  * Shape of the values managed by the pay schedule form.
  *
  * @public
  * @interface
  */
-export type PayScheduleFormData = { customName: string; frequency: "Every week" | "Every other week" | "Twice per month" | "Monthly"; customTwicePerMonth: string; anchorPayDate: string | null; anchorEndOfPayPeriod: string | null; day1: number; day2: number; };
+export type PayScheduleFormData = { customName: string; frequency: "Every other week" | "Every week" | "Monthly" | "Twice per month"; customTwicePerMonth: string; anchorPayDate: string | null; anchorEndOfPayPeriod: string | null; day1: number; day2: number; };
 /** @internal */
 export type PayScheduleFormOutputs = PayScheduleFormData;
 /**

package/dist/components/Company/PaySchedule/shared/usePayScheduleForm/usePayScheduleForm.d.ts

@@ -169,4 +169,4 @@ export type UsePayScheduleFormResult = HookLoadingResult | UsePayScheduleFormRea
  *
  * @public
  */
-export type PayScheduleFieldsMetadata = { customName: FieldMetadata; frequency: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Every week" | "Every other week" | "Twice per month" | "Monthly">; customTwicePerMonth: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<string>; anchorPayDate: FieldMetadata; anchorEndOfPayPeriod: FieldMetadata; day1: FieldMetadata; day2: FieldMetadata; };
+export type PayScheduleFieldsMetadata = { customName: FieldMetadata; frequency: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Every other week" | "Every week" | "Monthly" | "Twice per month">; customTwicePerMonth: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<string>; anchorPayDate: FieldMetadata; anchorEndOfPayPeriod: FieldMetadata; day1: FieldMetadata; day2: FieldMetadata; };

package/dist/components/Company/StateTaxes/StateTaxes.d.ts

@@ -7,6 +7,15 @@ import { BaseComponentInterface } from '../../Base';
 export interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {
     /** UUID of the company whose state taxes are being managed. */
     companyId: string;
+    /**
+     * Controls visibility of the Continue button below the state tax list.
+     *
+     * When `false`, hides the Continue button. Use this when the flow is embedded
+     * as one step inside a larger flow that provides its own navigation.
+     *
+     * @defaultValue `true`
+     */
+    showContinueButton?: boolean;
 }
 /**
  * Orchestrated flow for managing a company's state tax setup.
@@ -28,4 +37,4 @@ export interface StateTaxesProps extends BaseComponentInterface<'Company.StateTa
  * @returns The rendered state taxes flow.
  * @public
  */
-export declare function StateTaxes({ companyId, onEvent, dictionary }: StateTaxesProps): import("react").JSX.Element;
+export declare function StateTaxes({ companyId, onEvent, dictionary, showContinueButton, }: StateTaxesProps): import("react").JSX.Element;

package/dist/components/Company/StateTaxes/StateTaxes.js

@@ -1,27 +1,33 @@
-import { jsx as r } from "react/jsx-runtime";
-import { createMachine as i } from "robot3";
-import { useMemo as n } from "react";
-import { stateTaxesStateMachine as s } from "./stateTaxesStateMachine.js";
-import { StateTaxesListContextual as p } from "./StateTaxesComponents.js";
-import { Flow as x } from "../../Flow/Flow.js";
-import { useComponentDictionary as f } from "../../../i18n/I18n.js";
-function l({ companyId: t, onEvent: e, dictionary: o }) {
-  f("Company.StateTaxes", o);
-  const a = n(
-    () => i(
+import { jsx as i } from "react/jsx-runtime";
+import { createMachine as n } from "robot3";
+import { useMemo as s } from "react";
+import { stateTaxesStateMachine as p } from "./stateTaxesStateMachine.js";
+import { StateTaxesListContextual as x } from "./StateTaxesComponents.js";
+import { Flow as f } from "../../Flow/Flow.js";
+import { useComponentDictionary as c } from "../../../i18n/I18n.js";
+function g({
+  companyId: t,
+  onEvent: o,
+  dictionary: a,
+  showContinueButton: e = !0
+}) {
+  c("Company.StateTaxes", a);
+  const r = s(
+    () => n(
       "viewStateTaxes",
-      s,
+      p,
       (m) => ({
         ...m,
-        component: p,
-        companyId: t
+        component: x,
+        companyId: t,
+        showContinueButton: e
       })
     ),
-    [t]
+    [t, e]
   );
-  return /* @__PURE__ */ r(x, { machine: a, onEvent: e });
+  return /* @__PURE__ */ i(f, { machine: r, onEvent: o });
 }
 export {
-  l as StateTaxes
+  g as StateTaxes
 };
 //# sourceMappingURL=StateTaxes.js.map

package/dist/components/Company/StateTaxes/StateTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxes.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport { StateTaxesListContextual } from './StateTaxesComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for the {@link StateTaxes} flow.\n *\n * @public\n */\nexport interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  /** UUID of the company whose state taxes are being managed. */\n  companyId: string\n}\n\n/**\n * Orchestrated flow for managing a company's state tax setup.\n *\n * @remarks\n * Switches internally between a list of states with tax requirements and a per-state edit form.\n * For finer-grained control over navigation, use the standalone {@link StateTaxesList} and\n * {@link StateTaxesForm} building blocks directly.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/stateTaxes/edit` | A state row was selected for editing | `{ state: string }` |\n * | `company/stateTaxes/updated` | State tax requirements were saved | — |\n * | `company/stateTaxes/done` | The list view was completed | — |\n * | `CANCEL` | Editing was cancelled and the form was closed | — |\n *\n * @param props - {@link StateTaxesProps}\n * @returns The rendered state taxes flow.\n * @public\n */\nexport function StateTaxes({ companyId, onEvent, dictionary }: StateTaxesProps) {\n  useComponentDictionary('Company.StateTaxes', dictionary)\n  const manageStateTaxes = useMemo(\n    () =>\n      createMachine(\n        'viewStateTaxes',\n        stateTaxesStateMachine,\n        (initialContext: StateTaxesContextInterface) => ({\n          ...initialContext,\n          component: StateTaxesListContextual,\n          companyId,\n        }),\n      ),\n    [companyId],\n  )\n  return <Flow machine={manageStateTaxes} onEvent={onEvent} />\n}\n"],"names":["StateTaxes","companyId","onEvent","dictionary","useComponentDictionary","manageStateTaxes","useMemo","createMachine","stateTaxesStateMachine","initialContext","StateTaxesListContextual","jsx","Flow"],"mappings":";;;;;;;AAuCO,SAASA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAA+B;AAC9E,EAAAC,EAAuB,sBAAsBD,CAAU;AACvD,QAAME,IAAmBC;AAAA,IACvB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAT;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACA,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAASP,GAAkB,SAAAH,EAAA,CAAkB;AAC5D;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport { StateTaxesListContextual } from './StateTaxesComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/**\n * Props for the {@link StateTaxes} flow.\n *\n * @public\n */\nexport interface StateTaxesProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  /** UUID of the company whose state taxes are being managed. */\n  companyId: string\n  /**\n   * Controls visibility of the Continue button below the state tax list.\n   *\n   * When `false`, hides the Continue button. Use this when the flow is embedded\n   * as one step inside a larger flow that provides its own navigation.\n   *\n   * @defaultValue `true`\n   */\n  showContinueButton?: boolean\n}\n\n/**\n * Orchestrated flow for managing a company's state tax setup.\n *\n * @remarks\n * Switches internally between a list of states with tax requirements and a per-state edit form.\n * For finer-grained control over navigation, use the standalone {@link StateTaxesList} and\n * {@link StateTaxesForm} building blocks directly.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/stateTaxes/edit` | A state row was selected for editing | `{ state: string }` |\n * | `company/stateTaxes/updated` | State tax requirements were saved | — |\n * | `company/stateTaxes/done` | The list view was completed | — |\n * | `CANCEL` | Editing was cancelled and the form was closed | — |\n *\n * @param props - {@link StateTaxesProps}\n * @returns The rendered state taxes flow.\n * @public\n */\nexport function StateTaxes({\n  companyId,\n  onEvent,\n  dictionary,\n  showContinueButton = true,\n}: StateTaxesProps) {\n  useComponentDictionary('Company.StateTaxes', dictionary)\n  const manageStateTaxes = useMemo(\n    () =>\n      createMachine(\n        'viewStateTaxes',\n        stateTaxesStateMachine,\n        (initialContext: StateTaxesContextInterface) => ({\n          ...initialContext,\n          component: StateTaxesListContextual,\n          companyId,\n          showContinueButton,\n        }),\n      ),\n    [companyId, showContinueButton],\n  )\n  return <Flow machine={manageStateTaxes} onEvent={onEvent} />\n}\n"],"names":["StateTaxes","companyId","onEvent","dictionary","showContinueButton","useComponentDictionary","manageStateTaxes","useMemo","createMachine","stateTaxesStateMachine","initialContext","StateTaxesListContextual","jsx","Flow"],"mappings":";;;;;;;AAgDO,SAASA,EAAW;AAAA,EACzB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,GAAoB;AAClB,EAAAC,EAAuB,sBAAsBF,CAAU;AACvD,QAAMG,IAAmBC;AAAA,IACvB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAV;AAAA,QACA,oBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAWG,CAAkB;AAAA,EAAA;AAEhC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASP,GAAkB,SAAAJ,EAAA,CAAkB;AAC5D;"}

package/dist/components/Company/StateTaxes/StateTaxesComponents.d.ts

@@ -7,6 +7,8 @@ export interface StateTaxesContextInterface extends FlowContextInterface {
     state?: string;
     /** Current step component rendered by the flow machine. */
     component: React.ComponentType | null;
+    /** Controls visibility of the Continue button in the state tax list. */
+    showContinueButton: boolean;
 }
 /** @internal */
 export declare function StateTaxesListContextual(): import("react").JSX.Element;

package/dist/components/Company/StateTaxes/StateTaxesComponents.js

@@ -1,20 +1,27 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { StateTaxesList as m } from "./StateTaxesList/StateTaxesList.js";
 import { StateTaxesForm as s } from "./StateTaxesForm/StateTaxesForm.js";
-import { useFlow as r } from "../../Flow/useFlow.js";
-import { ensureRequired as e } from "../../../helpers/ensureRequired.js";
+import { useFlow as a } from "../../Flow/useFlow.js";
+import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
 function f() {
-  const { companyId: t, onEvent: o } = r();
-  return /* @__PURE__ */ n(m, { onEvent: o, companyId: e(t) });
+  const { companyId: t, onEvent: o, showContinueButton: e } = a();
+  return /* @__PURE__ */ r(
+    m,
+    {
+      onEvent: o,
+      companyId: n(t),
+      showContinueButton: e
+    }
+  );
 }
 function d() {
-  const { companyId: t, state: o, onEvent: a } = r();
-  return /* @__PURE__ */ n(
+  const { companyId: t, state: o, onEvent: e } = a();
+  return /* @__PURE__ */ r(
     s,
     {
-      companyId: e(t),
-      state: e(o),
-      onEvent: a
+      companyId: n(t),
+      state: n(o),
+      onEvent: e
     }
   );
 }

package/dist/components/Company/StateTaxes/StateTaxesComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesComponents.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxesComponents.tsx"],"sourcesContent":["import { StateTaxesList } from './StateTaxesList/StateTaxesList'\nimport { StateTaxesForm } from './StateTaxesForm/StateTaxesForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface StateTaxesContextInterface extends FlowContextInterface {\n  /** UUID of the company whose state taxes are being managed. */\n  companyId: string\n  /** Two-letter state code currently being edited, when in the form view. */\n  state?: string\n  /** Current step component rendered by the flow machine. */\n  component: React.ComponentType | null\n}\n\n/** @internal */\nexport function StateTaxesListContextual() {\n  const { companyId, onEvent } = useFlow<StateTaxesContextInterface>()\n  return <StateTaxesList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function StateTaxesFormContextual() {\n  const { companyId, state, onEvent } = useFlow<StateTaxesContextInterface>()\n  return (\n    <StateTaxesForm\n      companyId={ensureRequired(companyId)}\n      state={ensureRequired(state)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["StateTaxesListContextual","companyId","onEvent","useFlow","StateTaxesList","ensureRequired","StateTaxesFormContextual","state","jsx","StateTaxesForm"],"mappings":";;;;;AAgBO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAe,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAGO,SAASK,IAA2B;AACzC,QAAM,EAAE,WAAAL,GAAW,OAAAM,GAAO,SAAAL,EAAA,IAAYC,EAAA;AACtC,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWJ,EAAeJ,CAAS;AAAA,MACnC,OAAOI,EAAeE,CAAK;AAAA,MAC3B,SAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"StateTaxesComponents.js","sources":["../../../../src/components/Company/StateTaxes/StateTaxesComponents.tsx"],"sourcesContent":["import { StateTaxesList } from './StateTaxesList/StateTaxesList'\nimport { StateTaxesForm } from './StateTaxesForm/StateTaxesForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface StateTaxesContextInterface extends FlowContextInterface {\n  /** UUID of the company whose state taxes are being managed. */\n  companyId: string\n  /** Two-letter state code currently being edited, when in the form view. */\n  state?: string\n  /** Current step component rendered by the flow machine. */\n  component: React.ComponentType | null\n  /** Controls visibility of the Continue button in the state tax list. */\n  showContinueButton: boolean\n}\n\n/** @internal */\nexport function StateTaxesListContextual() {\n  const { companyId, onEvent, showContinueButton } = useFlow<StateTaxesContextInterface>()\n  return (\n    <StateTaxesList\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      showContinueButton={showContinueButton}\n    />\n  )\n}\n\n/** @internal */\nexport function StateTaxesFormContextual() {\n  const { companyId, state, onEvent } = useFlow<StateTaxesContextInterface>()\n  return (\n    <StateTaxesForm\n      companyId={ensureRequired(companyId)}\n      state={ensureRequired(state)}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["StateTaxesListContextual","companyId","onEvent","showContinueButton","useFlow","jsx","StateTaxesList","ensureRequired","StateTaxesFormContextual","state","StateTaxesForm"],"mappings":";;;;;AAkBO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,oBAAAC,EAAA,IAAuBC,EAAA;AACnD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAJ;AAAA,MACA,WAAWK,EAAeN,CAAS;AAAA,MACnC,oBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAA2B;AACzC,QAAM,EAAE,WAAAP,GAAW,OAAAQ,GAAO,SAAAP,EAAA,IAAYE,EAAA;AACtC,SACE,gBAAAC;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,WAAWH,EAAeN,CAAS;AAAA,MACnC,OAAOM,EAAeE,CAAK;AAAA,MAC3B,SAAAP;AAAA,IAAA;AAAA,EAAA;AAGN;"}