@gusto/embedded-react-sdk 0.57.2 → 0.58.0

package/dist/i18n/en/Payroll.TransitionPayrollAlert.json.js

@@ -1,18 +1,22 @@
-const o = "Transition payroll - {{dateRange}}", e = "Because you changed your pay schedule, you'll need to run some transition payrolls. Transition payrolls let you pay employees for any workdays during gaps between pay schedules. You may choose to skip them, but it is your responsibility to ensure employees are paid properly. Regular payroll functionality is blocked until you either run or skip transition payrolls.", l = "Run Transition Payroll", i = "Skip this payroll", r = "Transition payroll skipped", a = { title: "Skip {{dateRange}} transition payroll?", body: "Skipping this payroll means employees will not be paid for the transition period. It is your responsibility to ensure employees are paid properly.", confirmCta: "Skip payroll", cancelCta: "Cancel" }, t = {
+const o = "Transition payroll - {{dateRange}}", e = "You have {{count}} transition payrolls to run or skip", l = "Because you changed your pay schedule, you'll need to run some transition payrolls. Transition payrolls let you pay employees for any workdays during gaps between pay schedules. You may choose to skip them, but it is your responsibility to ensure employees are paid properly. Regular payroll functionality is blocked until you either run or skip transition payrolls.", i = "Run Transition Payroll", t = "Review and submit", r = "Skip this payroll", a = "Transition payroll skipped", s = { title: "Skip {{dateRange}} transition payroll?", body: "Skipping this payroll means employees will not be paid for the transition period. It is your responsibility to ensure employees are paid properly.", confirmCta: "Skip payroll", cancelCta: "Cancel" }, n = {
   alertTitle: o,
-  alertDescription: e,
-  runPayroll: l,
-  skipPayroll: i,
-  skipSuccessAlert: r,
-  skipDialog: a
+  multipleAlertTitle: e,
+  alertDescription: l,
+  runPayroll: i,
+  reviewPayroll: t,
+  skipPayroll: r,
+  skipSuccessAlert: a,
+  skipDialog: s
 };
 export {
-  e as alertDescription,
+  l as alertDescription,
   o as alertTitle,
-  t as default,
-  l as runPayroll,
-  a as skipDialog,
-  i as skipPayroll,
-  r as skipSuccessAlert
+  n as default,
+  e as multipleAlertTitle,
+  t as reviewPayroll,
+  i as runPayroll,
+  s as skipDialog,
+  r as skipPayroll,
+  a as skipSuccessAlert
 };
 //# sourceMappingURL=Payroll.TransitionPayrollAlert.json.js.map

package/dist/i18n/en/Payroll.TransitionPayrollAlert.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"Payroll.TransitionPayrollAlert.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"Payroll.TransitionPayrollAlert.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/i18n/en/common.json.js

@@ -1,4 +1,4 @@
-const e = { loading: "Loading component...", loadingOptions: "Loading options...", requiredField: "is a required field", errorEncountered: "There was a problem with your submission", multipleErrorsEncountered: "There were multiple problems with your submission" }, o = { defaultTitle: "Document" }, n = "Select an option...", t = "You are on step {{currentStep}} of {{totalSteps}}", i = "Back", r = { errorHeading: "Error", globalReactError: "Error while rendering SDK component: {{error}}", resetGlobalError: "Try again", unknownError: "Unknown Error", missingParamsOrContext: "{{component}} is missing {{param}} parameter or is used outside {{provider}}", unhandledEvent: "Unhandled event type: {{event}}", unknownEventType: "Unprocessed event type", ensureRequired: "Required prop is missing" }, a = { completedStep: "Completed step", selectArrow: "Show options", calendarArrow: "Show calendar", nextMonth: "Show next month", previousMonth: "Show previous month", paginationFirst: "Navigate to first page", paginationPrev: "Navigate to previous page", paginationNext: "Navigate to next page", paginationLast: "Navigate to last page" }, s = { paginationControlCountLabel: "Items per page", paginationFetchingLabel: "Fetching data...", openMenu: "Open menu", menuLabel: "Menu", tabNavigation: "Tab navigation", selectedItems: "Selected {{label}}", removeItem: "Remove {{label}}" }, d = { contractor: { undefined: "N/A", admin_onboarding_incomplete: "Admin-onboarding Incomplete", admin_onboarding_review: "Admin-onboarding review", onboarding_completed: "Completed", self_onboarding_not_invited: "Self-onboarding: Not Invited", self_onboarding_invited: "Self-onboarding: Invited", self_onboarding_started: "Self-onboarding started", self_onboarding_review: "Self-onboarding: Review" }, employee: { undefined: "N/A", admin_onboarding_incomplete: "Admin-onboarding Incomplete", onboarding_completed: "Completed", self_onboarding_pending_invite: "Self-onboarding: Pending Invite", self_onboarding_invited: "Self-onboarding: Invited", self_onboarding_invited_started: "Self-onboarding started", self_onboarding_invited_overdue: "Self-onboarding: Overdue", self_onboarding_completed_by_employee: "Self-onboarding: Completed", self_onboarding_awaiting_admin_review: "Self-onboarding: Admin review" } }, l = { ssn: { placeholder: "***-**-****" }, ein: { placeholder: "**-*******" }, workersCompensationRatePerHourAdornment: "/hr" }, m = { hourly: "{{amount}}/hr", weekly: "{{amount}}/yr", monthly: "{{amount}}/yr", yearly: "{{amount}}/yr", paycheck: "{{amount}}/paycheck" }, c = { hourly: "{{amount}} per hour", weekly: "{{amount}} per week", monthly: "{{amount}} per month", yearly: "{{amount}} per year", paycheck: "{{amount}} per paycheck" }, p = { accountName: "Account name is required", routingNumber: "Routing number should be a number (9 digits)", accountNumber: "Account number is a required field", ssn: "The SSN must be exactly 9 digits long, cannot contain all zeros in any group, and the first three digits cannot be '666' or in the range 900–999.", ssnRequired: "Social Security Number is required", location: "Location is not valid", dob: "Date of birth is required", percentageMin: "Minimum value is {{min}}%", percentageMax: "Maximum value is {{max}}%" }, g = { AL: "Alabama", AK: "Alaska", AZ: "Arizona", AR: "Arkansas", CA: "California", CO: "Colorado", CT: "Connecticut", DE: "Delaware", DC: "District of Columbia", FL: "Florida", GA: "Georgia", HI: "Hawaii", ID: "Idaho", IL: "Illinois", IN: "Indiana", IA: "Iowa", KS: "Kansas", KY: "Kentucky", LA: "Louisiana", ME: "Maine", MD: "Maryland", MA: "Massachusetts", MI: "Michigan", MN: "Minnesota", MS: "Mississippi", MO: "Missouri", MT: "Montana", NE: "Nebraska", NV: "Nevada", NH: "New Hampshire", NJ: "New Jersey", NM: "New Mexico", NY: "New York", NC: "North Carolina", ND: "North Dakota", OH: "Ohio", OK: "Oklahoma", OR: "Oregon", PA: "Pennsylvania", RI: "Rhode Island", SC: "South Carolina", SD: "South Dakota", TN: "Tennessee", TX: "Texas", UT: "Utah", VT: "Vermont", VA: "Virginia", WA: "Washington", WV: "West Virginia", WI: "Wisconsin", WY: "Wyoming" }, u = { selectRowHeader: "Select row", selectRowLabel: "Select row", selectAllRowsLabel: "Select all rows", actionsColumnHeader: "Actions" }, b = { selectRowLabel: "Select row", selectAllRowsLabel: "Select all rows" }, h = { owner: "Owner", president: "President", vice_president: "Vice President", treasurer: "Treasurer", corporate_officer: "Corporate Officer", partner: "Partner", member: "Member" }, v = { uploadInstructions: "<clickToUpload>Click to upload</clickToUpload> or drag and drop", acceptedTypes: "Only {{types}} files are permitted", removeFile: "Remove file" }, f = { itemMovedDown: "Item {{item}} moved down to position {{position}} of {{total}}", itemMovedUp: "Item {{item}} moved up to position {{position}} of {{total}}", dragStarted: "Started dragging item {{item}}", dragEnded: "Finished dragging item {{item}}", movedUp: "Item {{item}} moved up to position {{position}} of {{total}}", movedDown: "Item {{item}} moved down to position {{position}} of {{total}}", reorderingCanceled: "Reordering mode canceled for item {{item}}", reorderingExited: "Exited reordering mode for item {{item}}", reorderingStarted: "Entered reordering mode for item {{item}}. Use arrow keys to move, Escape to cancel, or Space to finish.", reorderingComplete: "Reordering complete for item {{item}}", draggableLabel: "Press Space or Enter to start reordering item {{item}}", draggableLabelActive: "Press arrow keys to move item {{item}}, or press Space/Enter to finish reordering", draggablePosition: "Item {{item}} at position {{position}} of {{total}}", item: "Item {{position}}", dropItemHere: "Drop item here", draggableItem: "Draggable item" }, w = {
+const e = { loading: "Loading component...", loadingOptions: "Loading options...", requiredField: "is a required field", errorEncountered: "There was a problem with your submission", multipleErrorsEncountered: "There were multiple problems with your submission" }, o = { defaultTitle: "Document" }, n = "Select an option...", t = "You are on step {{currentStep}} of {{totalSteps}}", i = "Back", r = { errorHeading: "Error", globalReactError: "Error while rendering SDK component: {{error}}", resetGlobalError: "Try again", unknownError: "Unknown Error", missingParamsOrContext: "{{component}} is missing {{param}} parameter or is used outside {{provider}}", unhandledEvent: "Unhandled event type: {{event}}", unknownEventType: "Unprocessed event type", ensureRequired: "Required prop is missing" }, a = { completedStep: "Completed step", selectArrow: "Show options", calendarArrow: "Show calendar", nextMonth: "Show next month", previousMonth: "Show previous month", paginationFirst: "Navigate to first page", paginationPrev: "Navigate to previous page", paginationNext: "Navigate to next page", paginationLast: "Navigate to last page" }, s = { paginationControlCountLabel: "Items per page", paginationFetchingLabel: "Fetching data...", openMenu: "Open menu", menuLabel: "Menu", tabNavigation: "Tab navigation", selectedItems: "Selected {{label}}", removeItem: "Remove {{label}}" }, d = { contractor: { undefined: "N/A", admin_onboarding_incomplete: "Admin-onboarding Incomplete", admin_onboarding_review: "Admin-onboarding review", onboarding_completed: "Completed", self_onboarding_not_invited: "Self-onboarding: Not Invited", self_onboarding_invited: "Self-onboarding: Invited", self_onboarding_started: "Self-onboarding started", self_onboarding_review: "Self-onboarding: Review" }, employee: { undefined: "N/A", admin_onboarding_incomplete: "Admin-onboarding Incomplete", onboarding_completed: "Completed", self_onboarding_pending_invite: "Self-onboarding: Pending Invite", self_onboarding_invited: "Self-onboarding: Invited", self_onboarding_invited_started: "Self-onboarding started", self_onboarding_invited_overdue: "Self-onboarding: Overdue", self_onboarding_completed_by_employee: "Self-onboarding: Completed", self_onboarding_awaiting_admin_review: "Self-onboarding: Admin review" } }, l = { ssn: { placeholder: "***-**-****" }, ein: { placeholder: "**-*******" }, workersCompensationRatePerHourAdornment: "/hr" }, m = { hourly: "{{amount}}/hr", weekly: "{{amount}}/yr", monthly: "{{amount}}/yr", yearly: "{{amount}}/yr", paycheck: "{{amount}}/paycheck" }, c = { hourly: "{{amount}} per hour", weekly: "{{amount}} per week", monthly: "{{amount}} per month", yearly: "{{amount}} per year", paycheck: "{{amount}} per paycheck" }, p = { accountName: "Account name is required", routingNumber: "Routing number should be a number (9 digits)", accountNumber: "Account number is a required field", ssn: "The SSN must be exactly 9 digits long, cannot contain all zeros in any group, and the first three digits cannot be '666' or in the range 900–999.", ssnRequired: "Social Security Number is required", location: "Location is not valid", dob: "Date of birth is required", percentageMin: "Minimum value is {{min}}%", percentageMax: "Maximum value is {{max}}%" }, g = { AL: "Alabama", AK: "Alaska", AZ: "Arizona", AR: "Arkansas", CA: "California", CO: "Colorado", CT: "Connecticut", DE: "Delaware", DC: "District of Columbia", FL: "Florida", GA: "Georgia", HI: "Hawaii", ID: "Idaho", IL: "Illinois", IN: "Indiana", IA: "Iowa", KS: "Kansas", KY: "Kentucky", LA: "Louisiana", ME: "Maine", MD: "Maryland", MA: "Massachusetts", MI: "Michigan", MN: "Minnesota", MS: "Mississippi", MO: "Missouri", MT: "Montana", NE: "Nebraska", NV: "Nevada", NH: "New Hampshire", NJ: "New Jersey", NM: "New Mexico", NY: "New York", NC: "North Carolina", ND: "North Dakota", OH: "Ohio", OK: "Oklahoma", OR: "Oregon", PA: "Pennsylvania", RI: "Rhode Island", SC: "South Carolina", SD: "South Dakota", TN: "Tennessee", TX: "Texas", UT: "Utah", VT: "Vermont", VA: "Virginia", WA: "Washington", WV: "West Virginia", WI: "Wisconsin", WY: "Wyoming" }, u = { selectRowHeader: "Select row", selectRowLabel: "Select row", selectAllRowsLabel: "Select all rows", actionsColumnHeader: "Actions" }, b = { selectRowLabel: "Select row", selectAllRowsLabel: "Select all rows", sortByLabel: "Sort by", sortDefaultOption: "Default order", sortAscendingOption: "{{column}} (A–Z)", sortDescendingOption: "{{column}} (Z–A)" }, h = { owner: "Owner", president: "President", vice_president: "Vice President", treasurer: "Treasurer", corporate_officer: "Corporate Officer", partner: "Partner", member: "Member" }, v = { uploadInstructions: "<clickToUpload>Click to upload</clickToUpload> or drag and drop", acceptedTypes: "Only {{types}} files are permitted", removeFile: "Remove file" }, f = { itemMovedDown: "Item {{item}} moved down to position {{position}} of {{total}}", itemMovedUp: "Item {{item}} moved up to position {{position}} of {{total}}", dragStarted: "Started dragging item {{item}}", dragEnded: "Finished dragging item {{item}}", movedUp: "Item {{item}} moved up to position {{position}} of {{total}}", movedDown: "Item {{item}} moved down to position {{position}} of {{total}}", reorderingCanceled: "Reordering mode canceled for item {{item}}", reorderingExited: "Exited reordering mode for item {{item}}", reorderingStarted: "Entered reordering mode for item {{item}}. Use arrow keys to move, Escape to cancel, or Space to finish.", reorderingComplete: "Reordering complete for item {{item}}", draggableLabel: "Press Space or Enter to start reordering item {{item}}", draggableLabelActive: "Press arrow keys to move item {{item}}, or press Space/Enter to finish reordering", draggablePosition: "Item {{item}} at position {{position}} of {{total}}", item: "Item {{position}}", dropItemHere: "Drop item here", draggableItem: "Draggable item" }, w = {
   status: e,
   documentEmbed: o,
   selectPlaceholder: n,

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const e = "@gusto/embedded-react-sdk", o = "0.57.2";
+const e = "@gusto/embedded-react-sdk", o = "0.58.0";
 export {
   e as name,
   o as version

package/dist/partner-hook-utils/form/composeSubmitHandler.js

@@ -1,63 +1,70 @@
-import { composeErrorHandler as u } from "../composeErrorHandler.js";
-function f(e) {
-  return "handleSubmit" in e && typeof e.handleSubmit == "function";
+import { composeErrorHandler as h } from "../composeErrorHandler.js";
+const m = /* @__PURE__ */ new WeakSet();
+function u(t) {
+  return "handleSubmit" in t && typeof t.handleSubmit == "function";
 }
-function h(e) {
-  return f(e) ? e : e.form.hookFormInternals.formMethods;
+function g(t) {
+  return u(t) ? t : t.form.hookFormInternals.formMethods;
 }
-function g(e) {
-  const i = [];
-  for (const { input: n, formMethods: s, errors: o } of e) {
-    if (f(n)) continue;
-    const t = n.form.hookFormInternals._fieldElementRegistry;
-    if (t)
-      for (const r of Object.keys(o)) {
-        const l = t.get(r);
-        l && i.push({ formMethods: s, name: r, element: l });
+function y(t) {
+  const a = [];
+  for (const { input: s, formMethods: i, errors: n } of t) {
+    if (u(s)) continue;
+    const o = s.form.hookFormInternals._fieldElementRegistry;
+    if (o)
+      for (const r of Object.keys(n)) {
+        const e = o.get(r);
+        e && a.push({ formMethods: i, name: r, element: e });
       }
   }
-  if (i.length > 0) {
-    i.sort((s, o) => {
-      const t = s.element.getBoundingClientRect(), r = o.element.getBoundingClientRect();
-      return t.top - r.top || t.left - r.left;
-    }), i[0].element.focus();
+  if (a.length > 0) {
+    a.sort((i, n) => {
+      const o = i.element.getBoundingClientRect(), r = n.element.getBoundingClientRect();
+      return o.top - r.top || o.left - r.left;
+    }), a[0].element.focus();
     return;
   }
-  for (const { formMethods: n, errors: s } of e) {
-    const o = Object.keys(s)[0];
-    if (o) {
-      n.setFocus(o);
+  for (const { formMethods: s, errors: i } of t) {
+    const n = Object.keys(i)[0];
+    if (n) {
+      s.setFocus(n);
       return;
     }
   }
 }
-function F(e, i) {
-  const n = e.filter((t) => !f(t)), s = async (t) => {
-    t.preventDefault();
-    const r = await Promise.all(
-      e.map(
-        (c) => new Promise((m) => {
-          const a = h(c);
-          a.handleSubmit(
-            () => {
-              m({ input: c, formMethods: a, valid: !0, errors: {} });
-            },
-            (d) => {
-              m({ input: c, formMethods: a, valid: !1, errors: d });
-            }
-          )();
-        })
-      )
-    );
-    if (!r.every((c) => c.valid)) {
-      g(r);
-      return;
+function v(t, a) {
+  const s = t.filter((o) => !u(o)), i = async (o) => {
+    o.preventDefault();
+    const r = t.map((e) => ({ input: e, formMethods: g(e) }));
+    if (!r.some(({ formMethods: e }) => m.has(e))) {
+      r.forEach(({ formMethods: e }) => m.add(e));
+      try {
+        const e = await Promise.all(
+          r.map(async ({ input: l, formMethods: c }) => {
+            let f = { input: l, formMethods: c, valid: !1, errors: {} };
+            return await c.handleSubmit(
+              () => {
+                f = { input: l, formMethods: c, valid: !0, errors: {} };
+              },
+              (d) => {
+                f = { input: l, formMethods: c, valid: !1, errors: d };
+              }
+            )(), f;
+          })
+        );
+        if (!e.every((l) => l.valid)) {
+          y(e);
+          return;
+        }
+        await a();
+      } finally {
+        r.forEach(({ formMethods: e }) => m.delete(e));
+      }
     }
-    await i();
-  }, o = u(n);
-  return { handleSubmit: s, errorHandling: o };
+  }, n = h(s);
+  return { handleSubmit: i, errorHandling: n };
 }
 export {
-  F as composeSubmitHandler
+  v as composeSubmitHandler
 };
 //# sourceMappingURL=composeSubmitHandler.js.map

package/dist/partner-hook-utils/form/composeSubmitHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"composeSubmitHandler.js","sources":["../../../src/partner-hook-utils/form/composeSubmitHandler.ts"],"sourcesContent":["import type { SyntheticEvent } from 'react'\nimport type { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { composeErrorHandler } from '../composeErrorHandler'\nimport type { HookErrorHandling, HookFormInternals } from '../types'\nimport type { FieldElementRegistry } from '@/components/Common/Fields/hooks/fieldElementRegistry'\n\n/**\n * Minimal shape required for a form hook result to participate in `composeSubmitHandler`.\n * Any hook returning `BaseFormHookReady` satisfies this interface.\n *\n * `formMethods` is declared with method-call syntax (rather than reused from\n * `HookFormInternals`) so TypeScript applies bivariant parameter checking,\n * allowing hooks with specific form data generics to be passed without casts.\n * `_fieldElementRegistry` is reused directly since its type doesn't depend on\n * the form's generic.\n *\n * @public\n * @childOf {@link composeSubmitHandler}\n */\nexport interface ComposableFormHookResult {\n  /** The form surface: the react-hook-form internals used to validate and focus fields. */\n  form: {\n    hookFormInternals: Pick<HookFormInternals, '_fieldElementRegistry'> & {\n      formMethods: {\n        handleSubmit(\n          onValid: () => void,\n          onInvalid?: (errors: Record<string, unknown>) => void,\n        ): () => Promise<void>\n        setFocus(name: string): void\n        formState: { errors: Record<string, unknown> }\n      }\n    }\n  }\n  /** The error-handling surface aggregated across the composed forms. */\n  errorHandling: HookErrorHandling\n}\n\n/**\n * Accepted input for a single slot of `composeSubmitHandler`'s `forms` array.\n *\n * @remarks\n * - SDK form hook results (anything matching `ComposableFormHookResult`) are composed directly.\n * - A raw `react-hook-form` `UseFormReturn<T>` is supported for screen-local auxiliary forms\n *   that don't warrant a dedicated SDK hook. Raw forms contribute validation/focus behavior\n *   but no `errorHandling` (fields surface their own inline errors via react-hook-form).\n *\n * @typeParam T - The shape of the form values when a raw `UseFormReturn` is passed.\n * @public\n * @childOf {@link composeSubmitHandler}\n */\nexport type ComposeSubmitInput<T extends FieldValues = FieldValues> =\n  ComposableFormHookResult | UseFormReturn<T>\n\ninterface FormValidationResult {\n  input: ComposeSubmitInput\n  formMethods: FormMethods\n  valid: boolean\n  errors: Record<string, unknown>\n}\n\n/**\n * Result returned by {@link composeSubmitHandler}: a single submit handler that\n * coordinates validation across the composed forms, and aggregated error state.\n *\n * @public\n * @childOf {@link composeSubmitHandler}\n */\nexport interface ComposeSubmitHandlerResult {\n  /** Submit handler to pass to a form's `onSubmit`. Validates all composed forms before calling `onAllValid`. */\n  handleSubmit: (e: SyntheticEvent) => Promise<void>\n  /** Aggregated error state across all composed SDK form hooks. Pass to {@link composeErrorHandler} for screen-level error surfaces. */\n  errorHandling: HookErrorHandling\n}\n\ntype FormMethods = ComposableFormHookResult['form']['hookFormInternals']['formMethods']\n\nfunction isRawUseForm<T extends FieldValues>(\n  input: ComposeSubmitInput<T>,\n): input is UseFormReturn<T> {\n  return 'handleSubmit' in input && typeof input.handleSubmit === 'function'\n}\n\nfunction extractFormMethods<T extends FieldValues>(input: ComposeSubmitInput<T>): FormMethods {\n  if (isRawUseForm(input)) return input as unknown as FormMethods\n  return input.form.hookFormInternals.formMethods\n}\n\n/**\n * Picks the visually first invalid field across all composed forms using live\n * `getBoundingClientRect()` positions, then focuses its DOM element. Falls back\n * to array-order (first form's first error) when no element can be resolved —\n * raw `UseFormReturn` inputs have no registry, and forms rendered without\n * `SDKFormProvider` or a HookField wrapper won't have their fields registered\n * either, so we let react-hook-form's `setFocus` attempt it instead.\n *\n * Consumes `results` (captured from each form's `onInvalid` callback) rather\n * than reading `formState.errors` — the latter is a proxy that returns `{}`\n * when accessed outside a component subscription.\n */\nfunction focusFirstInvalidAcrossForms(results: FormValidationResult[]): void {\n  type Candidate = {\n    formMethods: FormMethods\n    name: string\n    element: HTMLElement\n  }\n  const candidates: Candidate[] = []\n  for (const { input, formMethods, errors } of results) {\n    if (isRawUseForm(input)) continue\n    const registry = input.form.hookFormInternals._fieldElementRegistry as\n      FieldElementRegistry | undefined\n    if (!registry) continue\n    for (const name of Object.keys(errors)) {\n      const element = registry.get(name)\n      if (element) {\n        candidates.push({ formMethods, name, element })\n      }\n    }\n  }\n\n  if (candidates.length > 0) {\n    candidates.sort((a, b) => {\n      const ar = a.element.getBoundingClientRect()\n      const br = b.element.getBoundingClientRect()\n      return ar.top - br.top || ar.left - br.left\n    })\n    const winner = candidates[0]!\n    // Focus the DOM element directly. Bypasses react-hook-form's `setFocus`,\n    // which depends on `_fields[name]._f.ref` and isn't reliably populated\n    // when fields are rendered through libraries like react-aria-components.\n    winner.element.focus()\n    return\n  }\n\n  for (const { formMethods, errors } of results) {\n    const firstErrorField = Object.keys(errors)[0]\n    if (firstErrorField) {\n      formMethods.setFocus(firstErrorField)\n      return\n    }\n  }\n}\n\n/**\n * Coordinates validation and submission across multiple form hooks on the same page.\n *\n * @remarks\n * Validates all forms simultaneously via `handleSubmit()`, then focuses the visually first\n * invalid field across all forms (sorted by `getBoundingClientRect()`). Only calls\n * `onAllValid` when every form passes.\n *\n * Uses `handleSubmit` rather than `trigger` so that react-hook-form sets\n * `formState.isSubmitted = true`, which enables `reValidateMode` (default: `onChange`).\n * Without this, errors set by manual `trigger()` calls would never clear as the user types.\n *\n * Each hook passed to `forms` should be initialized with `shouldFocusError: false` so that\n * react-hook-form's built-in per-form focus is disabled and `composeSubmitHandler` can manage\n * cross-form focus instead.\n *\n * The returned `errorHandling` is the same shape every SDK hook returns, so the whole result\n * can be passed back into {@link composeErrorHandler} when you need to add extra\n * `@gusto/embedded-api-v-2026-06-15` queries or screen-level submit state.\n *\n * @typeParam TForms - Tuple of form value shapes, one per slot of `forms`.\n * @param forms - Form hook results and/or raw `UseFormReturn` instances to coordinate.\n * @param onAllValid - Async callback invoked once every form has passed validation.\n * @returns A {@link ComposeSubmitHandlerResult} with a unified `handleSubmit` and aggregated `errorHandling`.\n * @public\n * @group Form composition\n *\n * @example\n * ```tsx\n * const detailsForm = useEmployeeDetailsForm({ employeeId, shouldFocusError: false })\n * const addressForm = useHomeAddressForm({ employeeId, shouldFocusError: false })\n *\n * const { handleSubmit, errorHandling } = composeSubmitHandler(\n *   [detailsForm, addressForm],\n *   async () => {\n *     await detailsForm.actions.onSubmit()\n *     await addressForm.actions.onSubmit()\n *   },\n * )\n *\n * return <form onSubmit={handleSubmit}>...</form>\n * ```\n */\nexport function composeSubmitHandler<TForms extends readonly FieldValues[]>(\n  forms: readonly [...{ [K in keyof TForms]: ComposeSubmitInput<TForms[K]> }],\n  onAllValid: () => Promise<void>,\n): ComposeSubmitHandlerResult {\n  const errorSources = forms.filter((form): form is ComposableFormHookResult => !isRawUseForm(form))\n\n  const handleSubmit = async (e: SyntheticEvent) => {\n    e.preventDefault()\n\n    const validationResults = await Promise.all(\n      forms.map(\n        input =>\n          new Promise<FormValidationResult>(resolve => {\n            const formMethods = extractFormMethods(input)\n            void formMethods.handleSubmit(\n              () => {\n                resolve({ input, formMethods, valid: true, errors: {} })\n              },\n              errors => {\n                resolve({ input, formMethods, valid: false, errors })\n              },\n            )()\n          }),\n      ),\n    )\n\n    const allValid = validationResults.every(r => r.valid)\n\n    if (!allValid) {\n      focusFirstInvalidAcrossForms(validationResults)\n      return\n    }\n\n    await onAllValid()\n  }\n\n  const errorHandling = composeErrorHandler(errorSources)\n\n  return { handleSubmit, errorHandling }\n}\n"],"names":["isRawUseForm","input","extractFormMethods","focusFirstInvalidAcrossForms","results","candidates","formMethods","errors","registry","name","element","a","b","ar","br","firstErrorField","composeSubmitHandler","forms","onAllValid","errorSources","form","handleSubmit","e","validationResults","resolve","r","errorHandling","composeErrorHandler"],"mappings":";AA4EA,SAASA,EACPC,GAC2B;AAC3B,SAAO,kBAAkBA,KAAS,OAAOA,EAAM,gBAAiB;AAClE;AAEA,SAASC,EAA0CD,GAA2C;AAC5F,SAAID,EAAaC,CAAK,IAAUA,IACzBA,EAAM,KAAK,kBAAkB;AACtC;AAcA,SAASE,EAA6BC,GAAuC;AAM3E,QAAMC,IAA0B,CAAA;AAChC,aAAW,EAAE,OAAAJ,GAAO,aAAAK,GAAa,QAAAC,EAAA,KAAYH,GAAS;AACpD,QAAIJ,EAAaC,CAAK,EAAG;AACzB,UAAMO,IAAWP,EAAM,KAAK,kBAAkB;AAE9C,QAAKO;AACL,iBAAWC,KAAQ,OAAO,KAAKF,CAAM,GAAG;AACtC,cAAMG,IAAUF,EAAS,IAAIC,CAAI;AACjC,QAAIC,KACFL,EAAW,KAAK,EAAE,aAAAC,GAAa,MAAAG,GAAM,SAAAC,GAAS;AAAA,MAElD;AAAA,EACF;AAEA,MAAIL,EAAW,SAAS,GAAG;AACzB,IAAAA,EAAW,KAAK,CAACM,GAAGC,MAAM;AACxB,YAAMC,IAAKF,EAAE,QAAQ,sBAAA,GACfG,IAAKF,EAAE,QAAQ,sBAAA;AACrB,aAAOC,EAAG,MAAMC,EAAG,OAAOD,EAAG,OAAOC,EAAG;AAAA,IACzC,CAAC,GACcT,EAAW,CAAC,EAIpB,QAAQ,MAAA;AACf;AAAA,EACF;AAEA,aAAW,EAAE,aAAAC,GAAa,QAAAC,EAAA,KAAYH,GAAS;AAC7C,UAAMW,IAAkB,OAAO,KAAKR,CAAM,EAAE,CAAC;AAC7C,QAAIQ,GAAiB;AACnB,MAAAT,EAAY,SAASS,CAAe;AACpC;AAAA,IACF;AAAA,EACF;AACF;AA6CO,SAASC,EACdC,GACAC,GAC4B;AAC5B,QAAMC,IAAeF,EAAM,OAAO,CAACG,MAA2C,CAACpB,EAAaoB,CAAI,CAAC,GAE3FC,IAAe,OAAOC,MAAsB;AAChD,IAAAA,EAAE,eAAA;AAEF,UAAMC,IAAoB,MAAM,QAAQ;AAAA,MACtCN,EAAM;AAAA,QACJ,CAAAhB,MACE,IAAI,QAA8B,CAAAuB,MAAW;AAC3C,gBAAMlB,IAAcJ,EAAmBD,CAAK;AAC5C,UAAKK,EAAY;AAAA,YACf,MAAM;AACJ,cAAAkB,EAAQ,EAAE,OAAAvB,GAAO,aAAAK,GAAa,OAAO,IAAM,QAAQ,CAAA,GAAI;AAAA,YACzD;AAAA,YACA,CAAAC,MAAU;AACR,cAAAiB,EAAQ,EAAE,OAAAvB,GAAO,aAAAK,GAAa,OAAO,IAAO,QAAAC,GAAQ;AAAA,YACtD;AAAA,UAAA,EACF;AAAA,QACF,CAAC;AAAA,MAAA;AAAA,IACL;AAKF,QAAI,CAFagB,EAAkB,MAAM,CAAAE,MAAKA,EAAE,KAAK,GAEtC;AACb,MAAAtB,EAA6BoB,CAAiB;AAC9C;AAAA,IACF;AAEA,UAAML,EAAA;AAAA,EACR,GAEMQ,IAAgBC,EAAoBR,CAAY;AAEtD,SAAO,EAAE,cAAAE,GAAc,eAAAK,EAAA;AACzB;"}
+{"version":3,"file":"composeSubmitHandler.js","sources":["../../../src/partner-hook-utils/form/composeSubmitHandler.ts"],"sourcesContent":["import type { SyntheticEvent } from 'react'\nimport type { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { composeErrorHandler } from '../composeErrorHandler'\nimport type { HookErrorHandling, HookFormInternals } from '../types'\nimport type { FieldElementRegistry } from '@/components/Common/Fields/hooks/fieldElementRegistry'\n\n/**\n * Minimal shape required for a form hook result to participate in `composeSubmitHandler`.\n * Any hook returning `BaseFormHookReady` satisfies this interface.\n *\n * `formMethods` is declared with method-call syntax (rather than reused from\n * `HookFormInternals`) so TypeScript applies bivariant parameter checking,\n * allowing hooks with specific form data generics to be passed without casts.\n * `_fieldElementRegistry` is reused directly since its type doesn't depend on\n * the form's generic.\n *\n * @public\n * @childOf {@link composeSubmitHandler}\n */\nexport interface ComposableFormHookResult {\n  /** The form surface: the react-hook-form internals used to validate and focus fields. */\n  form: {\n    hookFormInternals: Pick<HookFormInternals, '_fieldElementRegistry'> & {\n      formMethods: {\n        handleSubmit(\n          onValid: () => void,\n          onInvalid?: (errors: Record<string, unknown>) => void,\n        ): () => Promise<void>\n        setFocus(name: string): void\n        formState: { errors: Record<string, unknown> }\n      }\n    }\n  }\n  /** The error-handling surface aggregated across the composed forms. */\n  errorHandling: HookErrorHandling\n}\n\n/**\n * Accepted input for a single slot of `composeSubmitHandler`'s `forms` array.\n *\n * @remarks\n * - SDK form hook results (anything matching `ComposableFormHookResult`) are composed directly.\n * - A raw `react-hook-form` `UseFormReturn<T>` is supported for screen-local auxiliary forms\n *   that don't warrant a dedicated SDK hook. Raw forms contribute validation/focus behavior\n *   but no `errorHandling` (fields surface their own inline errors via react-hook-form).\n *\n * @typeParam T - The shape of the form values when a raw `UseFormReturn` is passed.\n * @public\n * @childOf {@link composeSubmitHandler}\n */\nexport type ComposeSubmitInput<T extends FieldValues = FieldValues> =\n  ComposableFormHookResult | UseFormReturn<T>\n\ninterface FormValidationResult {\n  input: ComposeSubmitInput\n  formMethods: FormMethods\n  valid: boolean\n  errors: Record<string, unknown>\n}\n\n/**\n * Result returned by {@link composeSubmitHandler}: a single submit handler that\n * coordinates validation across the composed forms, and aggregated error state.\n *\n * @public\n * @childOf {@link composeSubmitHandler}\n */\nexport interface ComposeSubmitHandlerResult {\n  /** Submit handler to pass to a form's `onSubmit`. Validates all composed forms before calling `onAllValid`. */\n  handleSubmit: (e: SyntheticEvent) => Promise<void>\n  /** Aggregated error state across all composed SDK form hooks. Pass to {@link composeErrorHandler} for screen-level error surfaces. */\n  errorHandling: HookErrorHandling\n}\n\ntype FormMethods = ComposableFormHookResult['form']['hookFormInternals']['formMethods']\n\nconst formsWithSubmitInFlight = new WeakSet<FormMethods>()\n\nfunction isRawUseForm<T extends FieldValues>(\n  input: ComposeSubmitInput<T>,\n): input is UseFormReturn<T> {\n  return 'handleSubmit' in input && typeof input.handleSubmit === 'function'\n}\n\nfunction extractFormMethods<T extends FieldValues>(input: ComposeSubmitInput<T>): FormMethods {\n  if (isRawUseForm(input)) return input as unknown as FormMethods\n  return input.form.hookFormInternals.formMethods\n}\n\n/**\n * Picks the visually first invalid field across all composed forms using live\n * `getBoundingClientRect()` positions, then focuses its DOM element. Falls back\n * to array-order (first form's first error) when no element can be resolved —\n * raw `UseFormReturn` inputs have no registry, and forms rendered without\n * `SDKFormProvider` or a HookField wrapper won't have their fields registered\n * either, so we let react-hook-form's `setFocus` attempt it instead.\n *\n * Consumes `results` (captured from each form's `onInvalid` callback) rather\n * than reading `formState.errors` — the latter is a proxy that returns `{}`\n * when accessed outside a component subscription.\n */\nfunction focusFirstInvalidAcrossForms(results: FormValidationResult[]): void {\n  type Candidate = {\n    formMethods: FormMethods\n    name: string\n    element: HTMLElement\n  }\n  const candidates: Candidate[] = []\n  for (const { input, formMethods, errors } of results) {\n    if (isRawUseForm(input)) continue\n    const registry = input.form.hookFormInternals._fieldElementRegistry as\n      FieldElementRegistry | undefined\n    if (!registry) continue\n    for (const name of Object.keys(errors)) {\n      const element = registry.get(name)\n      if (element) {\n        candidates.push({ formMethods, name, element })\n      }\n    }\n  }\n\n  if (candidates.length > 0) {\n    candidates.sort((a, b) => {\n      const ar = a.element.getBoundingClientRect()\n      const br = b.element.getBoundingClientRect()\n      return ar.top - br.top || ar.left - br.left\n    })\n    const winner = candidates[0]!\n    // Focus the DOM element directly. Bypasses react-hook-form's `setFocus`,\n    // which depends on `_fields[name]._f.ref` and isn't reliably populated\n    // when fields are rendered through libraries like react-aria-components.\n    winner.element.focus()\n    return\n  }\n\n  for (const { formMethods, errors } of results) {\n    const firstErrorField = Object.keys(errors)[0]\n    if (firstErrorField) {\n      formMethods.setFocus(firstErrorField)\n      return\n    }\n  }\n}\n\n/**\n * Coordinates validation and submission across multiple form hooks on the same page.\n *\n * @remarks\n * Validates all forms simultaneously via `handleSubmit()`, then focuses the visually first\n * invalid field across all forms (sorted by `getBoundingClientRect()`). Only calls\n * `onAllValid` when every form passes.\n *\n * Uses `handleSubmit` rather than `trigger` so that react-hook-form sets\n * `formState.isSubmitted = true`, which enables `reValidateMode` (default: `onChange`).\n * Without this, errors set by manual `trigger()` calls would never clear as the user types.\n *\n * Each hook passed to `forms` should be initialized with `shouldFocusError: false` so that\n * react-hook-form's built-in per-form focus is disabled and `composeSubmitHandler` can manage\n * cross-form focus instead.\n *\n * The returned `errorHandling` is the same shape every SDK hook returns, so the whole result\n * can be passed back into {@link composeErrorHandler} when you need to add extra\n * `@gusto/embedded-api-v-2026-06-15` queries or screen-level submit state.\n *\n * @typeParam TForms - Tuple of form value shapes, one per slot of `forms`.\n * @param forms - Form hook results and/or raw `UseFormReturn` instances to coordinate.\n * @param onAllValid - Async callback invoked once every form has passed validation.\n * @returns A {@link ComposeSubmitHandlerResult} with a unified `handleSubmit` and aggregated `errorHandling`.\n * @public\n * @group Form composition\n *\n * @example\n * ```tsx\n * const detailsForm = useEmployeeDetailsForm({ employeeId, shouldFocusError: false })\n * const addressForm = useHomeAddressForm({ employeeId, shouldFocusError: false })\n *\n * const { handleSubmit, errorHandling } = composeSubmitHandler(\n *   [detailsForm, addressForm],\n *   async () => {\n *     await detailsForm.actions.onSubmit()\n *     await addressForm.actions.onSubmit()\n *   },\n * )\n *\n * return <form onSubmit={handleSubmit}>...</form>\n * ```\n */\nexport function composeSubmitHandler<TForms extends readonly FieldValues[]>(\n  forms: readonly [...{ [K in keyof TForms]: ComposeSubmitInput<TForms[K]> }],\n  onAllValid: () => Promise<void>,\n): ComposeSubmitHandlerResult {\n  const errorSources = forms.filter((form): form is ComposableFormHookResult => !isRawUseForm(form))\n\n  const handleSubmit = async (e: SyntheticEvent) => {\n    e.preventDefault()\n\n    const composedForms = forms.map(input => ({ input, formMethods: extractFormMethods(input) }))\n    if (composedForms.some(({ formMethods }) => formsWithSubmitInFlight.has(formMethods))) return\n    composedForms.forEach(({ formMethods }) => formsWithSubmitInFlight.add(formMethods))\n\n    try {\n      const validationResults = await Promise.all(\n        composedForms.map(async ({ input, formMethods }) => {\n          let result: FormValidationResult = { input, formMethods, valid: false, errors: {} }\n          await formMethods.handleSubmit(\n            () => {\n              result = { input, formMethods, valid: true, errors: {} }\n            },\n            errors => {\n              result = { input, formMethods, valid: false, errors }\n            },\n          )()\n          return result\n        }),\n      )\n\n      const allValid = validationResults.every(r => r.valid)\n\n      if (!allValid) {\n        focusFirstInvalidAcrossForms(validationResults)\n        return\n      }\n\n      await onAllValid()\n    } finally {\n      composedForms.forEach(({ formMethods }) => formsWithSubmitInFlight.delete(formMethods))\n    }\n  }\n\n  const errorHandling = composeErrorHandler(errorSources)\n\n  return { handleSubmit, errorHandling }\n}\n"],"names":["formsWithSubmitInFlight","isRawUseForm","input","extractFormMethods","focusFirstInvalidAcrossForms","results","candidates","formMethods","errors","registry","name","element","a","b","ar","br","firstErrorField","composeSubmitHandler","forms","onAllValid","errorSources","form","handleSubmit","e","composedForms","validationResults","result","r","errorHandling","composeErrorHandler"],"mappings":";AA4EA,MAAMA,wBAA8B,QAAA;AAEpC,SAASC,EACPC,GAC2B;AAC3B,SAAO,kBAAkBA,KAAS,OAAOA,EAAM,gBAAiB;AAClE;AAEA,SAASC,EAA0CD,GAA2C;AAC5F,SAAID,EAAaC,CAAK,IAAUA,IACzBA,EAAM,KAAK,kBAAkB;AACtC;AAcA,SAASE,EAA6BC,GAAuC;AAM3E,QAAMC,IAA0B,CAAA;AAChC,aAAW,EAAE,OAAAJ,GAAO,aAAAK,GAAa,QAAAC,EAAA,KAAYH,GAAS;AACpD,QAAIJ,EAAaC,CAAK,EAAG;AACzB,UAAMO,IAAWP,EAAM,KAAK,kBAAkB;AAE9C,QAAKO;AACL,iBAAWC,KAAQ,OAAO,KAAKF,CAAM,GAAG;AACtC,cAAMG,IAAUF,EAAS,IAAIC,CAAI;AACjC,QAAIC,KACFL,EAAW,KAAK,EAAE,aAAAC,GAAa,MAAAG,GAAM,SAAAC,GAAS;AAAA,MAElD;AAAA,EACF;AAEA,MAAIL,EAAW,SAAS,GAAG;AACzB,IAAAA,EAAW,KAAK,CAACM,GAAGC,MAAM;AACxB,YAAMC,IAAKF,EAAE,QAAQ,sBAAA,GACfG,IAAKF,EAAE,QAAQ,sBAAA;AACrB,aAAOC,EAAG,MAAMC,EAAG,OAAOD,EAAG,OAAOC,EAAG;AAAA,IACzC,CAAC,GACcT,EAAW,CAAC,EAIpB,QAAQ,MAAA;AACf;AAAA,EACF;AAEA,aAAW,EAAE,aAAAC,GAAa,QAAAC,EAAA,KAAYH,GAAS;AAC7C,UAAMW,IAAkB,OAAO,KAAKR,CAAM,EAAE,CAAC;AAC7C,QAAIQ,GAAiB;AACnB,MAAAT,EAAY,SAASS,CAAe;AACpC;AAAA,IACF;AAAA,EACF;AACF;AA6CO,SAASC,EACdC,GACAC,GAC4B;AAC5B,QAAMC,IAAeF,EAAM,OAAO,CAACG,MAA2C,CAACpB,EAAaoB,CAAI,CAAC,GAE3FC,IAAe,OAAOC,MAAsB;AAChD,IAAAA,EAAE,eAAA;AAEF,UAAMC,IAAgBN,EAAM,IAAI,CAAAhB,OAAU,EAAE,OAAAA,GAAO,aAAaC,EAAmBD,CAAK,EAAA,EAAI;AAC5F,QAAI,CAAAsB,EAAc,KAAK,CAAC,EAAE,aAAAjB,EAAA,MAAkBP,EAAwB,IAAIO,CAAW,CAAC,GACpF;AAAA,MAAAiB,EAAc,QAAQ,CAAC,EAAE,aAAAjB,EAAA,MAAkBP,EAAwB,IAAIO,CAAW,CAAC;AAEnF,UAAI;AACF,cAAMkB,IAAoB,MAAM,QAAQ;AAAA,UACtCD,EAAc,IAAI,OAAO,EAAE,OAAAtB,GAAO,aAAAK,QAAkB;AAClD,gBAAImB,IAA+B,EAAE,OAAAxB,GAAO,aAAAK,GAAa,OAAO,IAAO,QAAQ,GAAC;AAChF,yBAAMA,EAAY;AAAA,cAChB,MAAM;AACJ,gBAAAmB,IAAS,EAAE,OAAAxB,GAAO,aAAAK,GAAa,OAAO,IAAM,QAAQ,GAAC;AAAA,cACvD;AAAA,cACA,CAAAC,MAAU;AACR,gBAAAkB,IAAS,EAAE,OAAAxB,GAAO,aAAAK,GAAa,OAAO,IAAO,QAAAC,EAAA;AAAA,cAC/C;AAAA,YAAA,EACF,GACOkB;AAAA,UACT,CAAC;AAAA,QAAA;AAKH,YAAI,CAFaD,EAAkB,MAAM,CAAAE,MAAKA,EAAE,KAAK,GAEtC;AACb,UAAAvB,EAA6BqB,CAAiB;AAC9C;AAAA,QACF;AAEA,cAAMN,EAAA;AAAA,MACR,UAAA;AACE,QAAAK,EAAc,QAAQ,CAAC,EAAE,aAAAjB,EAAA,MAAkBP,EAAwB,OAAOO,CAAW,CAAC;AAAA,MACxF;AAAA;AAAA,EACF,GAEMqB,IAAgBC,EAAoBT,CAAY;AAEtD,SAAO,EAAE,cAAAE,GAAc,eAAAM,EAAA;AACzB;"}

package/dist/partner-hook-utils/form/fields/RadioGroupHookField.js

@@ -1,44 +1,46 @@
-import { jsx as F } from "react/jsx-runtime";
-import { useHookFieldResolution as g } from "../useHookFieldResolution.js";
-import { getFieldWithOptions as b } from "../getFieldWithOptions.js";
-import { withFieldElementRegistry as h } from "./withFieldElementRegistry.js";
-import { RadioGroupField as k } from "../../../components/Common/Fields/RadioGroupField/RadioGroupField.js";
-function E({
+import { jsx as b } from "react/jsx-runtime";
+import { useHookFieldResolution as h } from "../useHookFieldResolution.js";
+import { getFieldWithOptions as k } from "../getFieldWithOptions.js";
+import { withFieldElementRegistry as q } from "./withFieldElementRegistry.js";
+import { RadioGroupField as v } from "../../../components/Common/Fields/RadioGroupField/RadioGroupField.js";
+function w({
   name: e,
-  formHookResult: r,
-  label: s,
-  description: l,
-  validationMessages: d,
+  formHookResult: d,
+  label: a,
+  description: m,
+  validationMessages: u,
   getOptionLabel: i,
-  FieldComponent: n
+  getOptionDescription: r,
+  FieldComponent: f
 }) {
-  const { metadata: a, control: m, errorMessage: p, fieldElementRegistry: u } = g(
+  const { metadata: n, control: p, errorMessage: R, fieldElementRegistry: c } = h(
     e,
-    r,
-    d
-  ), o = b(a, e), t = o?.options ?? [], f = i && o?.entries ? o.entries.map((R, c) => ({
-    value: t[c]?.value ?? "",
-    label: i(R)
-  })) : t;
-  return h(
-    u,
-    /* @__PURE__ */ F(
-      k,
+    d,
+    u
+  ), o = k(n, e), s = o?.options ?? [], F = (i ?? r) && o?.entries ? o.entries.map((t, l) => ({
+    value: s[l]?.value ?? "",
+    label: i ? i(t) : s[l]?.label ?? "",
+    ...r ? { description: r(t) } : {}
+  })) : s;
+  return q(
+    c,
+    /* @__PURE__ */ b(
+      v,
       {
         name: e,
-        control: m,
-        label: s,
-        description: l,
-        errorMessage: p,
+        control: p,
+        label: a,
+        description: m,
+        errorMessage: R,
         isRequired: o?.isRequired,
         isDisabled: o?.isDisabled,
-        options: f,
-        FieldComponent: n
+        options: F,
+        FieldComponent: f
       }
     )
   );
 }
 export {
-  E as RadioGroupHookField
+  w as RadioGroupHookField
 };
 //# sourceMappingURL=RadioGroupHookField.js.map

package/dist/partner-hook-utils/form/fields/RadioGroupHookField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/RadioGroupHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport { getFieldWithOptions } from '../getFieldWithOptions'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { withFieldElementRegistry } from './withFieldElementRegistry'\nimport { RadioGroupField } from '@/components/Common'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\n\n/**\n * Props accepted by a radio group field surfaced through a form hook.\n * Exposes `getOptionLabel` to customize how option entries are rendered as labels,\n * and `validationMessages` for custom error text alongside the shared base field\n * attributes (`label`, `description`).\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @typeParam TEntry - Shape of each option entry consumed by `getOptionLabel`.\n * @public\n * @group Hook field props\n */\nexport interface RadioGroupHookFieldProps<\n  TErrorCode extends string = never,\n  TEntry = unknown,\n> extends BaseFieldProps {\n  /** The field name; must match the corresponding key in the form schema. */\n  name: string\n  /** Form hook result to connect to; falls back to the nearest `SDKFormProvider` when omitted. */\n  formHookResult?: FormHookResult\n  /** Custom error text keyed by validation error code. */\n  validationMessages?: ValidationMessages<TErrorCode>\n  /** Maps a raw option entry to its display label; when omitted, options use the labels provided by the hook. */\n  getOptionLabel?: (entry: TEntry) => string\n  /** Replaces the default radio group UI component; must accept the same props as `RadioGroupProps`. */\n  FieldComponent?: ComponentType<RadioGroupProps>\n}\n\n/**\n * Radio group field connected to a partner form hook result via `useHookFieldResolution`.\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @typeParam TEntry - Shape of each option entry consumed by `getOptionLabel`.\n * @param props - Field configuration including `name`, `formHookResult`, and an optional `getOptionLabel`.\n * @returns The rendered radio group field wrapped in the field element registry.\n * @internal\n */\nexport function RadioGroupHookField<TErrorCode extends string, TEntry = unknown>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  getOptionLabel,\n  FieldComponent,\n}: RadioGroupHookFieldProps<TErrorCode, TEntry>) {\n  const { metadata, control, errorMessage, fieldElementRegistry } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = getFieldWithOptions<TEntry>(metadata, name)\n\n  const defaultOptions = fieldMetadata?.options ?? []\n  const options =\n    getOptionLabel && fieldMetadata?.entries\n      ? fieldMetadata.entries.map((entry, index) => ({\n          value: defaultOptions[index]?.value ?? '',\n          label: getOptionLabel(entry),\n        }))\n      : defaultOptions\n\n  return withFieldElementRegistry(\n    fieldElementRegistry,\n    <RadioGroupField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      options={options}\n      FieldComponent={FieldComponent}\n    />,\n  )\n}\n"],"names":["RadioGroupHookField","name","formHookResult","label","description","validationMessages","getOptionLabel","FieldComponent","metadata","control","errorMessage","fieldElementRegistry","useHookFieldResolution","fieldMetadata","getFieldWithOptions","defaultOptions","options","entry","index","withFieldElementRegistry","jsx","RadioGroupField"],"mappings":";;;;;AA4CO,SAASA,EAAiE;AAAA,EAC/E,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,GAAiD;AAC/C,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,GAAc,sBAAAC,MAAyBC;AAAA,IAChEX;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIQ,IAAgBC,EAA4BN,GAAUP,CAAI,GAE1Dc,IAAiBF,GAAe,WAAW,CAAA,GAC3CG,IACJV,KAAkBO,GAAe,UAC7BA,EAAc,QAAQ,IAAI,CAACI,GAAOC,OAAW;AAAA,IAC3C,OAAOH,EAAeG,CAAK,GAAG,SAAS;AAAA,IACvC,OAAOZ,EAAeW,CAAK;AAAA,EAAA,EAC3B,IACFF;AAEN,SAAOI;AAAA,IACLR;AAAA,IACA,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAApB;AAAA,QACA,SAAAQ;AAAA,QACA,OAAAN;AAAA,QACA,aAAAC;AAAA,QACA,cAAAM;AAAA,QACA,YAAYG,GAAe;AAAA,QAC3B,YAAYA,GAAe;AAAA,QAC3B,SAAAG;AAAA,QACA,gBAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"RadioGroupHookField.js","sources":["../../../../src/partner-hook-utils/form/fields/RadioGroupHookField.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from 'react'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport { getFieldWithOptions } from '../getFieldWithOptions'\nimport type { BaseFieldProps, ValidationMessages, FormHookResult } from '../../types'\nimport { withFieldElementRegistry } from './withFieldElementRegistry'\nimport { RadioGroupField } from '@/components/Common'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\n\n/**\n * Props accepted by a radio group field surfaced through a form hook.\n * Exposes `getOptionLabel` and `getOptionDescription` to customize how option entries are\n * rendered, and `validationMessages` for custom error text alongside the shared base field\n * attributes (`label`, `description`).\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @typeParam TEntry - Shape of each option entry consumed by `getOptionLabel` and `getOptionDescription`.\n * @public\n * @group Hook field props\n */\nexport interface RadioGroupHookFieldProps<\n  TErrorCode extends string = never,\n  TEntry = unknown,\n> extends BaseFieldProps {\n  /** The field name; must match the corresponding key in the form schema. */\n  name: string\n  /** Form hook result to connect to; falls back to the nearest `SDKFormProvider` when omitted. */\n  formHookResult?: FormHookResult\n  /** Custom error text keyed by validation error code. */\n  validationMessages?: ValidationMessages<TErrorCode>\n  /** Maps a raw option entry to its display label; when omitted, options use the labels provided by the hook. */\n  getOptionLabel?: (entry: TEntry) => string\n  /** Maps a raw option entry to supporting text rendered beneath that radio option; when omitted, no per-option description is rendered. */\n  getOptionDescription?: (entry: TEntry) => ReactNode\n  /** Replaces the default radio group UI component; must accept the same props as `RadioGroupProps`. */\n  FieldComponent?: ComponentType<RadioGroupProps>\n}\n\n/**\n * Radio group field connected to a partner form hook result via `useHookFieldResolution`.\n *\n * @typeParam TErrorCode - Validation error code keys mapped via `validationMessages`.\n * @typeParam TEntry - Shape of each option entry consumed by `getOptionLabel` and `getOptionDescription`.\n * @param props - Field configuration including `name`, `formHookResult`, and optional `getOptionLabel` / `getOptionDescription`.\n * @returns The rendered radio group field wrapped in the field element registry.\n * @internal\n */\nexport function RadioGroupHookField<TErrorCode extends string, TEntry = unknown>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  getOptionLabel,\n  getOptionDescription,\n  FieldComponent,\n}: RadioGroupHookFieldProps<TErrorCode, TEntry>) {\n  const { metadata, control, errorMessage, fieldElementRegistry } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = getFieldWithOptions<TEntry>(metadata, name)\n\n  const defaultOptions = fieldMetadata?.options ?? []\n  // Either callback needs `entries` to map over; whichever one is omitted falls back to the\n  // label the hook already supplied / no description.\n  const options =\n    (getOptionLabel ?? getOptionDescription) && fieldMetadata?.entries\n      ? fieldMetadata.entries.map((entry, index) => ({\n          value: defaultOptions[index]?.value ?? '',\n          label: getOptionLabel ? getOptionLabel(entry) : (defaultOptions[index]?.label ?? ''),\n          ...(getOptionDescription ? { description: getOptionDescription(entry) } : {}),\n        }))\n      : defaultOptions\n\n  return withFieldElementRegistry(\n    fieldElementRegistry,\n    <RadioGroupField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      options={options}\n      FieldComponent={FieldComponent}\n    />,\n  )\n}\n"],"names":["RadioGroupHookField","name","formHookResult","label","description","validationMessages","getOptionLabel","getOptionDescription","FieldComponent","metadata","control","errorMessage","fieldElementRegistry","useHookFieldResolution","fieldMetadata","getFieldWithOptions","defaultOptions","options","entry","index","withFieldElementRegistry","jsx","RadioGroupField"],"mappings":";;;;;AA8CO,SAASA,EAAiE;AAAA,EAC/E,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,gBAAAC;AACF,GAAiD;AAC/C,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,GAAc,sBAAAC,MAAyBC;AAAA,IAChEZ;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIS,IAAgBC,EAA4BN,GAAUR,CAAI,GAE1De,IAAiBF,GAAe,WAAW,CAAA,GAG3CG,KACHX,KAAkBC,MAAyBO,GAAe,UACvDA,EAAc,QAAQ,IAAI,CAACI,GAAOC,OAAW;AAAA,IAC3C,OAAOH,EAAeG,CAAK,GAAG,SAAS;AAAA,IACvC,OAAOb,IAAiBA,EAAeY,CAAK,IAAKF,EAAeG,CAAK,GAAG,SAAS;AAAA,IACjF,GAAIZ,IAAuB,EAAE,aAAaA,EAAqBW,CAAK,EAAA,IAAM,CAAA;AAAA,EAAC,EAC3E,IACFF;AAEN,SAAOI;AAAA,IACLR;AAAA,IACA,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAArB;AAAA,QACA,SAAAS;AAAA,QACA,OAAAP;AAAA,QACA,aAAAC;AAAA,QACA,cAAAO;AAAA,QACA,YAAYG,GAAe;AAAA,QAC3B,YAAYA,GAAe;AAAA,QAC3B,SAAAG;AAAA,QACA,gBAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/shared/constants.js

@@ -1,5 +1,5 @@
 import { OnboardingStatus as E } from "@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus";
-import { OnboardingStatus as e } from "@gusto/embedded-api/models/components/contractor";
+import { ContractorOnboardingStatus1 as e } from "@gusto/embedded-api/models/components/contractor";
 const t = {
   EMPLOYEE_CREATE: "employee/create",
   EMPLOYEE_CREATED: "employee/created",
@@ -322,8 +322,9 @@ const t = {
   OFF_CYCLE_CREATED: "offCycle/created",
   OFF_CYCLE_BLOCKERS_VIEW_ALL: "offCycle/blockers/viewAll",
   DISMISSAL_PAY_PERIOD_SELECTED: "dismissal/payPeriod/selected",
-  TRANSITION_CREATED: "transition/created",
+  TRANSITION_CONFIGURED: "transition/configured",
   RUN_TRANSITION_PAYROLL: "transition/runPayroll",
+  TRANSITION_PAYROLL_SELECTED: "transition/payrollSelected",
   TRANSITION_PAYROLL_SKIPPED: "transition/payrollSkipped"
 }, S = {
   TIME_OFF_CREATE_POLICY: "timeOff/createPolicy",
@@ -503,11 +504,11 @@ const t = {
   l,
   i,
   P
-], $ = {
+], z = {
   submitting: "submitting",
   submit_success: "submit_success",
   processing_failed: "processing_failed"
-}, z = [
+}, $ = [
   "fast_ach_threshold_exceeded",
   "needs_earned_access_for_fast_ach"
 ], EE = ["AK", "CA", "MN", "NV", "OR", "WA"];
@@ -537,8 +538,8 @@ export {
   f as HOURS_PER_PAY_PERIOD_WEEKLY,
   b as I9_FORM_NAME,
   K as PAYMENT_METHODS,
-  $ as PAYROLL_PROCESSING_STATUS,
-  z as PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,
+  z as PAYROLL_PROCESSING_STATUS,
+  $ as PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,
   V as PAY_PERIODS,
   v as SIGNATORY_TITLES,
   k as SPLIT_BY,