@gusto/embedded-react-sdk 0.57.3 → 0.58.0

package/dist/i18n/en/{Payroll.UNSTABLE_PayrollEditEmployee.json.js → Payroll.RropPayrollEditEmployee.json.js}

@@ -1,4 +1,4 @@
-const e = "Edit payroll for {{employeeName}}", t = "{{firstName}} {{lastName}}", n = "Regular and overtime hours", o = "Regular hours", r = "Add overtime", i = "When adding overtime hours, you must record hours and earnings by work week so {{employeeName}}'s pay is calculated correctly.", s = "Hours", m = "Save", a = "Cancel", u = "Hour type", l = "Type", c = "Amount", p = "Hours", d = { regularHours: "Regular Hours", overtime: "Overtime", doubleOvertime: "Double overtime" }, b = "Time off", y = "Time off hours used this pay period", h = "Unused time off payout", f = "Enter the unused hours to pay out on the final paycheck. This is separate from time off hours used during the pay period.", g = { remaining: "{{balance}} remaining" }, v = "Additional earnings", T = "Certain types of additional earnings affect the overtime premium (the multiplier used to calculate OT rates).", C = "Only additional earnings attributable to this pay period should be entered below. These amounts will be included in the overtime premium calculations on this payroll. Employee earnings attributable to any period of time different than this pay period (such as a quarterly or annual bonus) should be entered as a separate off-cycle payroll specifying the relevant dates.", A = "Included in overtime multiplier calculation", R = "Not a factor for overtime calculation", k = "Reimbursements", E = "Description", O = "e.g., Office supplies", D = "Amount", L = "Reimbursement", w = "Reimbursements", H = "Description", N = "Amount", P = "Type", M = "Recurring", x = "One-time", q = "No reimbursements", U = "Add one-time reimbursement", W = "Add one-time reimbursement", B = "Save reimbursement", S = "Cancel reimbursement", G = "Remove {{description}} reimbursement", I = "{{description}} (recurring reimbursement)", _ = "Recurring reimbursements are managed outside of payroll.", z = { bonus: "Bonus", paycheckTips: "Paycheck tips", correctionPayment: "Correction payment", commission: "Commission", cashTips: "Cash tips", reimbursement: "Reimbursement" }, F = "Payment", j = "Payment method", J = "Changing the default payment method will only apply to this payroll.", K = { directDeposit: "Direct deposit", check: "Check" }, Q = { reimbursementAmount: "Amount must be greater than zero", maxReimbursementAmount: "Amount must be less than or equal to 1,000,000", negativeAmount: "Amount cannot be negative", requiredWorkweek: "Enter an amount for every workweek", maxHours: "Hours must be less than or equal to 99,999" }, V = {
+const e = "Edit payroll for {{employeeName}}", t = "{{firstName}} {{lastName}}", n = "Regular and overtime hours", o = "Regular hours", r = "Add overtime", i = "When adding overtime hours, you must record hours and earnings by work week so {{employeeName}}'s pay is calculated correctly.", s = "Hours", a = "Save", m = "Cancel", u = "Hour type", l = "Type", c = "Amount", p = "Hours", d = { regularHours: "Regular Hours", overtime: "Overtime", doubleOvertime: "Double overtime" }, b = "Time off", y = "Time off hours used this pay period", h = "Unused time off payout", f = "Enter the unused hours to pay out on the final paycheck. This is separate from time off hours used during the pay period.", g = { remaining: "{{balance}} remaining" }, v = "Additional earnings", T = "Certain types of additional earnings affect the overtime premium (the multiplier used to calculate OT rates).", C = "Only additional earnings attributable to this pay period should be entered below. These amounts will be included in the overtime premium calculations on this payroll. Employee earnings attributable to any period of time different than this pay period (such as a quarterly or annual bonus) should be entered as a separate off-cycle payroll specifying the relevant dates.", R = "Included in overtime multiplier calculation", A = "Not a factor for overtime calculation", k = "Reimbursements", E = "Description", O = "e.g., Office supplies", D = "Amount", H = "Reimbursement", L = "Reimbursements", P = "Description", w = "Amount", N = "Type", M = "Recurring", x = "One-time", q = "No reimbursements", W = "Add one-time reimbursement", U = "Add one-time reimbursement", B = "Save reimbursement", G = "Cancel reimbursement", I = "Remove {{description}} reimbursement", S = "{{description}} (recurring reimbursement)", z = "Recurring reimbursements are managed outside of payroll.", F = { bonus: "Bonus", paycheckTips: "Paycheck tips", correctionPayment: "Correction payment", commission: "Commission", cashTips: "Cash tips", reimbursement: "Reimbursement" }, _ = "Payment", j = "Payment method", J = "Changing the default payment method will only apply to this payroll.", K = { directDeposit: "Direct deposit", check: "Check" }, Q = { reimbursementAmount: "Amount must be greater than zero", maxReimbursementAmount: "Amount must be less than or equal to 1,000,000", negativeAmount: "Amount cannot be negative", requiredWorkweek: "Enter an amount for every workweek", maxHours: "Hours must be less than or equal to 99,999" }, V = "Preapproved hours", X = "Additional hours", Y = {
   pageTitle: e,
   breadcrumbLabel: t,
   regularHoursTitle: n,
@@ -6,8 +6,8 @@ const e = "Edit payroll for {{employeeName}}", t = "{{firstName}} {{lastName}}",
   addOvertimeCta: r,
   overtimeWorkweekAlert: i,
   hoursUnit: s,
-  saveCta: m,
-  cancelCta: a,
+  saveCta: a,
+  cancelCta: m,
   hourTypeColumn: u,
   typeColumn: l,
   amountColumn: c,
@@ -21,53 +21,56 @@ const e = "Edit payroll for {{employeeName}}", t = "{{firstName}} {{lastName}}",
   additionalEarningsTitle: v,
   overtimeMultiplierEarningsAlert: T,
   overtimeMultiplierEarningsAlertDescription: C,
-  overtimeIncludedEarningsGroupLabel: A,
-  overtimeExcludedEarningsGroupLabel: R,
+  overtimeIncludedEarningsGroupLabel: R,
+  overtimeExcludedEarningsGroupLabel: A,
   reimbursementTitle: k,
   reimbursementDescriptionLabel: E,
   reimbursementDescriptionPlaceholder: O,
   reimbursementAmountLabel: D,
-  reimbursementUnnamedFallback: L,
-  reimbursementsTableLabel: w,
-  reimbursementDescriptionColumn: H,
-  reimbursementAmountColumn: N,
-  reimbursementTypeColumn: P,
+  reimbursementUnnamedFallback: H,
+  reimbursementsTableLabel: L,
+  reimbursementDescriptionColumn: P,
+  reimbursementAmountColumn: w,
+  reimbursementTypeColumn: N,
   reimbursementTypeRecurring: M,
   reimbursementTypeOneTime: x,
   reimbursementEmptyTitle: q,
-  addReimbursementCta: U,
-  addReimbursementLink: W,
+  addReimbursementCta: W,
+  addReimbursementLink: U,
   saveReimbursementCta: B,
-  cancelReimbursementCta: S,
-  removeReimbursementLabel: G,
-  recurringReimbursementLabel: I,
-  recurringReimbursementTooltip: _,
-  fixedCompensationNames: z,
-  paymentMethodTitle: F,
+  cancelReimbursementCta: G,
+  removeReimbursementLabel: I,
+  recurringReimbursementLabel: S,
+  recurringReimbursementTooltip: z,
+  fixedCompensationNames: F,
+  paymentMethodTitle: _,
   paymentMethodLabel: j,
   paymentMethodDescription: J,
   paymentMethodOptions: K,
-  validations: Q
+  validations: Q,
+  preapprovedHoursColumn: V,
+  additionalHoursColumn: X
 };
 export {
   r as addOvertimeCta,
-  U as addReimbursementCta,
-  W as addReimbursementLink,
+  W as addReimbursementCta,
+  U as addReimbursementLink,
   v as additionalEarningsTitle,
+  X as additionalHoursColumn,
   c as amountColumn,
   t as breadcrumbLabel,
-  a as cancelCta,
-  S as cancelReimbursementCta,
+  m as cancelCta,
+  G as cancelReimbursementCta,
   d as compensationNames,
-  V as default,
+  Y as default,
   f as finalPayoutDescription,
   h as finalPayoutTitle,
-  z as fixedCompensationNames,
+  F as fixedCompensationNames,
   u as hourTypeColumn,
   p as hoursColumn,
   s as hoursUnit,
-  R as overtimeExcludedEarningsGroupLabel,
-  A as overtimeIncludedEarningsGroupLabel,
+  A as overtimeExcludedEarningsGroupLabel,
+  R as overtimeIncludedEarningsGroupLabel,
   T as overtimeMultiplierEarningsAlert,
   C as overtimeMultiplierEarningsAlertDescription,
   i as overtimeWorkweekAlert,
@@ -75,25 +78,26 @@ export {
   J as paymentMethodDescription,
   j as paymentMethodLabel,
   K as paymentMethodOptions,
-  F as paymentMethodTitle,
-  I as recurringReimbursementLabel,
-  _ as recurringReimbursementTooltip,
+  _ as paymentMethodTitle,
+  V as preapprovedHoursColumn,
+  S as recurringReimbursementLabel,
+  z as recurringReimbursementTooltip,
   n as regularHoursTitle,
   o as regularHoursTitleWithoutOvertime,
-  N as reimbursementAmountColumn,
+  w as reimbursementAmountColumn,
   D as reimbursementAmountLabel,
-  H as reimbursementDescriptionColumn,
+  P as reimbursementDescriptionColumn,
   E as reimbursementDescriptionLabel,
   O as reimbursementDescriptionPlaceholder,
   q as reimbursementEmptyTitle,
   k as reimbursementTitle,
-  P as reimbursementTypeColumn,
+  N as reimbursementTypeColumn,
   x as reimbursementTypeOneTime,
   M as reimbursementTypeRecurring,
-  L as reimbursementUnnamedFallback,
-  w as reimbursementsTableLabel,
-  G as removeReimbursementLabel,
-  m as saveCta,
+  H as reimbursementUnnamedFallback,
+  L as reimbursementsTableLabel,
+  I as removeReimbursementLabel,
+  a as saveCta,
   B as saveReimbursementCta,
   g as timeOffBalance,
   b as timeOffTitle,
@@ -101,4 +105,4 @@ export {
   l as typeColumn,
   Q as validations
 };
-//# sourceMappingURL=Payroll.UNSTABLE_PayrollEditEmployee.json.js.map
+//# sourceMappingURL=Payroll.RropPayrollEditEmployee.json.js.map

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

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

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

@@ -0,0 +1,28 @@
+const e = "Edit transition payroll", t = "A transition payroll covers the gap between your old and new pay schedules.", a = "When a pay schedule changes, there may be workdays that fall between the end of the old schedule and the start of the new one. This transition payroll ensures employees are paid for those days.", n = "Transition Details", s = "Pay period", o = "Pay schedule", i = "Payment date", l = "Continue", r = { noEmployeeCompensations: "This transition payroll has no employees to update, so its settings could not be saved." }, c = { title: "Deductions and contributions", description: "Employers often block deductions and contributions from certain checks (i.e. bonus checks), since they are calculated on a per-pay-period basis. Deductions and contributions include loan repayments, garnishments, benefits, etc. Taxes will be included regardless of what is chosen.", options: { include: "Make all the regular deductions and contributions.", skip: "Block all deductions and contributions, except 401(k). Taxes will be included." } }, d = { regular: { label: "Regular hours, regular wages, and tips", description: "These earnings should be taxed at a rate that matches your employees' regular pay schedule." }, supplemental: { label: "Supplemental wages, bonus wages, commission", description: "These are typically taxed at the rate required by the IRS for federal income taxes and by the state for state income taxes." }, reimbursement: { label: "Reimbursements" } }, u = {
+  pageTitle: e,
+  pageDescription: t,
+  transitionExplanation: a,
+  detailsHeading: n,
+  payPeriodLabel: s,
+  payScheduleLabel: o,
+  checkDateLabel: i,
+  continueCta: l,
+  errors: r,
+  deductions: c,
+  wageTypeGroups: d
+};
+export {
+  i as checkDateLabel,
+  l as continueCta,
+  c as deductions,
+  u as default,
+  n as detailsHeading,
+  r as errors,
+  t as pageDescription,
+  e as pageTitle,
+  s as payPeriodLabel,
+  o as payScheduleLabel,
+  a as transitionExplanation,
+  d as wageTypeGroups
+};
+//# sourceMappingURL=Payroll.TransitionConfiguration.json.js.map

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

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

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.3";
+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

@@ -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",