@gusto/embedded-react-sdk 0.55.7 → 0.55.8

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

@@ -1,98 +1,102 @@
-const e = "Edit payroll for {{employeeName}}", t = "{{firstName}} {{lastName}}", n = "Regular and overtime hours", o = "Regular hours", r = "Add overtime", s = "When adding overtime hours, you must record hours and earnings by work week so {{employeeName}}'s pay is calculated correctly.", i = "Hours", m = "Save", a = "Cancel", u = "Hour type", c = "Type", l = "Amount", p = "Hours", d = "Other", b = { regularHours: "Regular Hours", overtime: "Overtime", doubleOvertime: "Double overtime" }, y = "Time off", h = "Time off hours used this pay period", f = "Unused time off payout", g = "Enter the unused hours to pay out on the final paycheck. This is separate from time off hours used during the pay period.", T = { remaining: "{{balance}} remaining" }, C = "Additional earnings", v = "Reimbursements", R = "Description", k = "e.g., Office supplies", A = "Amount", O = "Reimbursement", D = "Reimbursements", L = "Description", P = "Amount", E = "Type", N = "Recurring", w = "One-time", H = "No reimbursements", M = "Add one-time reimbursement", U = "Add one-time reimbursement", W = "Save reimbursement", B = "Cancel reimbursement", S = "Remove {{description}} reimbursement", x = "{{description}} (recurring reimbursement)", _ = "Recurring reimbursements are managed outside of payroll.", q = { bonus: "Bonus", paycheckTips: "Paycheck tips", correctionPayment: "Correction payment", commission: "Commission", cashTips: "Cash tips", reimbursement: "Reimbursement" }, z = "Payment", F = "Payment method", j = "Changing the default payment method will only apply to this payroll.", G = { directDeposit: "Direct deposit", check: "Check" }, I = { reimbursementAmount: "Amount must be greater than zero", negativeAmount: "Amount cannot be negative", requiredWorkweek: "Enter an amount for every workweek" }, J = {
+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", c = "Type", l = "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", g = "Enter the unused hours to pay out on the final paycheck. This is separate from time off hours used during the pay period.", f = { remaining: "{{balance}} remaining" }, v = "Additional earnings", T = "Earnings entered here factor into the overtime multiplier used to calculate {{employeeName}}'s total pay.", C = "Included in overtime multiplier calculation", R = "Not a factor for overtime calculation", A = "Reimbursements", k = "Description", E = "e.g., Office supplies", D = "Amount", L = "Reimbursement", O = "Reimbursements", N = "Description", P = "Amount", w = "Type", H = "Recurring", M = "One-time", U = "No reimbursements", W = "Add one-time reimbursement", x = "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.", q = { bonus: "Bonus", paycheckTips: "Paycheck tips", correctionPayment: "Correction payment", commission: "Commission", cashTips: "Cash tips", reimbursement: "Reimbursement" }, z = "Payment", F = "Payment method", j = "Changing the default payment method will only apply to this payroll.", J = { directDeposit: "Direct deposit", check: "Check" }, K = { reimbursementAmount: "Amount must be greater than zero", negativeAmount: "Amount cannot be negative", requiredWorkweek: "Enter an amount for every workweek" }, Q = {
   pageTitle: e,
   breadcrumbLabel: t,
   regularHoursTitle: n,
   regularHoursTitleWithoutOvertime: o,
   addOvertimeCta: r,
-  overtimeWorkweekAlert: s,
-  hoursUnit: i,
+  overtimeWorkweekAlert: i,
+  hoursUnit: s,
   saveCta: m,
   cancelCta: a,
   hourTypeColumn: u,
   typeColumn: c,
   amountColumn: l,
   hoursColumn: p,
-  otherTitle: d,
-  compensationNames: b,
-  timeOffTitle: y,
-  timeOffTitleDismissal: h,
-  finalPayoutTitle: f,
+  compensationNames: d,
+  timeOffTitle: b,
+  timeOffTitleDismissal: y,
+  finalPayoutTitle: h,
   finalPayoutDescription: g,
-  timeOffBalance: T,
-  additionalEarningsTitle: C,
-  reimbursementTitle: v,
-  reimbursementDescriptionLabel: R,
-  reimbursementDescriptionPlaceholder: k,
-  reimbursementAmountLabel: A,
-  reimbursementUnnamedFallback: O,
-  reimbursementsTableLabel: D,
-  reimbursementDescriptionColumn: L,
+  timeOffBalance: f,
+  additionalEarningsTitle: v,
+  overtimeMultiplierEarningsAlert: T,
+  overtimeIncludedEarningsGroupLabel: C,
+  overtimeExcludedEarningsGroupLabel: R,
+  reimbursementTitle: A,
+  reimbursementDescriptionLabel: k,
+  reimbursementDescriptionPlaceholder: E,
+  reimbursementAmountLabel: D,
+  reimbursementUnnamedFallback: L,
+  reimbursementsTableLabel: O,
+  reimbursementDescriptionColumn: N,
   reimbursementAmountColumn: P,
-  reimbursementTypeColumn: E,
-  reimbursementTypeRecurring: N,
-  reimbursementTypeOneTime: w,
-  reimbursementEmptyTitle: H,
-  addReimbursementCta: M,
-  addReimbursementLink: U,
-  saveReimbursementCta: W,
-  cancelReimbursementCta: B,
-  removeReimbursementLabel: S,
-  recurringReimbursementLabel: x,
+  reimbursementTypeColumn: w,
+  reimbursementTypeRecurring: H,
+  reimbursementTypeOneTime: M,
+  reimbursementEmptyTitle: U,
+  addReimbursementCta: W,
+  addReimbursementLink: x,
+  saveReimbursementCta: B,
+  cancelReimbursementCta: S,
+  removeReimbursementLabel: G,
+  recurringReimbursementLabel: I,
   recurringReimbursementTooltip: _,
   fixedCompensationNames: q,
   paymentMethodTitle: z,
   paymentMethodLabel: F,
   paymentMethodDescription: j,
-  paymentMethodOptions: G,
-  validations: I
+  paymentMethodOptions: J,
+  validations: K
 };
 export {
   r as addOvertimeCta,
-  M as addReimbursementCta,
-  U as addReimbursementLink,
-  C as additionalEarningsTitle,
+  W as addReimbursementCta,
+  x as addReimbursementLink,
+  v as additionalEarningsTitle,
   l as amountColumn,
   t as breadcrumbLabel,
   a as cancelCta,
-  B as cancelReimbursementCta,
-  b as compensationNames,
-  J as default,
+  S as cancelReimbursementCta,
+  d as compensationNames,
+  Q as default,
   g as finalPayoutDescription,
-  f as finalPayoutTitle,
+  h as finalPayoutTitle,
   q as fixedCompensationNames,
   u as hourTypeColumn,
   p as hoursColumn,
-  i as hoursUnit,
-  d as otherTitle,
-  s as overtimeWorkweekAlert,
+  s as hoursUnit,
+  R as overtimeExcludedEarningsGroupLabel,
+  C as overtimeIncludedEarningsGroupLabel,
+  T as overtimeMultiplierEarningsAlert,
+  i as overtimeWorkweekAlert,
   e as pageTitle,
   j as paymentMethodDescription,
   F as paymentMethodLabel,
-  G as paymentMethodOptions,
+  J as paymentMethodOptions,
   z as paymentMethodTitle,
-  x as recurringReimbursementLabel,
+  I as recurringReimbursementLabel,
   _ as recurringReimbursementTooltip,
   n as regularHoursTitle,
   o as regularHoursTitleWithoutOvertime,
   P as reimbursementAmountColumn,
-  A as reimbursementAmountLabel,
-  L as reimbursementDescriptionColumn,
-  R as reimbursementDescriptionLabel,
-  k as reimbursementDescriptionPlaceholder,
-  H as reimbursementEmptyTitle,
-  v as reimbursementTitle,
-  E as reimbursementTypeColumn,
-  w as reimbursementTypeOneTime,
-  N as reimbursementTypeRecurring,
-  O as reimbursementUnnamedFallback,
-  D as reimbursementsTableLabel,
-  S as removeReimbursementLabel,
+  D as reimbursementAmountLabel,
+  N as reimbursementDescriptionColumn,
+  k as reimbursementDescriptionLabel,
+  E as reimbursementDescriptionPlaceholder,
+  U as reimbursementEmptyTitle,
+  A as reimbursementTitle,
+  w as reimbursementTypeColumn,
+  M as reimbursementTypeOneTime,
+  H as reimbursementTypeRecurring,
+  L as reimbursementUnnamedFallback,
+  O as reimbursementsTableLabel,
+  G as removeReimbursementLabel,
   m as saveCta,
-  W as saveReimbursementCta,
-  T as timeOffBalance,
-  y as timeOffTitle,
-  h as timeOffTitleDismissal,
+  B as saveReimbursementCta,
+  f as timeOffBalance,
+  b as timeOffTitle,
+  y as timeOffTitleDismissal,
   c as typeColumn,
-  I as validations
+  K as validations
 };
 //# sourceMappingURL=Payroll.UNSTABLE_PayrollEditEmployee.json.js.map

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

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

package/dist/package.json.js

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

package/dist/src/components/Common/FieldCaption/FieldCaption.d.ts

@@ -1,17 +1,3 @@
+import { FieldCaptionProps } from './FieldCaptionTypes';
 /** @internal */
-export interface FieldCaptionProps {
-    /** Caption content rendered inside the label or legend element. */
-    children: React.ReactNode;
-    /** HTML element to render as — `label` for individual inputs, `legend` for fieldsets. */
-    as?: 'label' | 'legend';
-    /** Associates a `label` with an input by id. Ignored when `as` is `legend`. */
-    htmlFor?: string;
-    /** When false, appends a localized optional indicator after the caption. */
-    isRequired?: boolean;
-    /** Visually hides the caption while keeping it available to assistive technology. */
-    isVisuallyHidden?: boolean;
-    /** Additional class names appended to the root element. */
-    className?: string;
-}
-/** @internal */
-export declare const FieldCaption: React.FC<FieldCaptionProps>;
+export declare const FieldCaption: (props: FieldCaptionProps) => import("react").JSX.Element;

package/dist/src/components/Common/FieldCaption/FieldCaptionTypes.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+/**
+ * Props your `FieldCaption` implementation must accept from the component adapter.
+ * Renders the label or legend caption for a form control, including the optional/required indicator.
+ *
+ * @public
+ * @group Component props
+ */
+export interface FieldCaptionProps {
+    /** Caption content rendered inside the label or legend element. */
+    children: ReactNode;
+    /** HTML element to render as — `label` for individual inputs, `legend` for fieldsets. */
+    as?: 'label' | 'legend';
+    /** Associates a `label` with an input by id. Ignored when `as` is `legend`. */
+    htmlFor?: string;
+    /** When false, appends a localized optional indicator after the caption. */
+    isRequired?: boolean;
+    /** Visually hides the caption while keeping it available to assistive technology. */
+    isVisuallyHidden?: boolean;
+    /** Additional class names appended to the root element. */
+    className?: string;
+}

package/dist/src/components/Common/FieldCaption/index.d.ts

@@ -1 +1,2 @@
 export { FieldCaption } from './FieldCaption';
+export type { FieldCaptionProps } from './FieldCaptionTypes';

package/dist/src/components/Common/Flex/Flex.d.ts

@@ -2,6 +2,8 @@ import { Responsive, CustomPropertyValue } from '../../../helpers/responsive';
 /** @internal */
 export interface FlexProps {
     children: React.ReactNode;
+    /** CSS class name applied to the root element. */
+    className?: string;
     flexDirection?: Responsive<'row' | 'column'>;
     justifyContent?: Responsive<'space-between' | 'center' | 'flex-start' | 'flex-end' | 'space-around' | 'space-evenly' | 'normal'>;
     alignItems?: Responsive<'center' | 'flex-start' | 'flex-end' | 'stretch'>;
@@ -9,7 +11,7 @@ export interface FlexProps {
     gap?: Responsive<CustomPropertyValue>;
 }
 /** @internal */
-export declare function Flex({ children, flexDirection, justifyContent, alignItems, flexWrap, gap, }: FlexProps): import("react").JSX.Element;
+export declare function Flex({ children, className, flexDirection, justifyContent, alignItems, flexWrap, gap, }: FlexProps): import("react").JSX.Element;
 /** @internal */
 export interface FlexItemProps {
     flexGrow?: number | 'initial';

package/dist/src/components/Company/PaySchedule/PaySchedule.d.ts

@@ -7,7 +7,7 @@ import { RequireAtLeastOne } from '../../../types/Helpers';
  * @public
  */
 export type PayScheduleDefaultFields = {
-    [K in keyof Pick<PayScheduleFormData, 'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'>]: NonNullable<PayScheduleFormData[K]>;
+    [K in keyof Pick<PayScheduleFormData, 'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency' | 'workweekStartDay'>]: NonNullable<PayScheduleFormData[K]>;
 };
 /**
  * Default values for the {@link PaySchedule} form fields. Server data for an existing pay schedule
@@ -26,6 +26,14 @@ export interface PayScheduleProps extends BaseComponentInterface<'Company.PaySch
     companyId: string;
     /** Default values used to pre-fill the create form. Ignored fields not listed in {@link PayScheduleDefaultValues}. */
     defaultValues?: PayScheduleDefaultValues;
+    /**
+     * Renders the workweek start day field disabled while still submitting its current value,
+     * for partners that compute the workweek start day themselves and don't want end users
+     * editing it directly. Defaults to `false`.
+     *
+     * @alpha
+     */
+    disableWorkweekStartDayEditing?: boolean;
 }
 /**
  * Manages a company's pay schedules, including listing existing schedules and creating or editing one.
@@ -44,4 +52,4 @@ export interface PayScheduleProps extends BaseComponentInterface<'Company.PaySch
  * @returns The pay schedule list or form depending on whether any schedules exist.
  * @public
  */
-export declare const PaySchedule: ({ companyId, defaultValues, dictionary, ...props }: PayScheduleProps) => import("react").JSX.Element;
+export declare const PaySchedule: ({ companyId, defaultValues, disableWorkweekStartDayEditing, dictionary, ...props }: PayScheduleProps) => import("react").JSX.Element;

package/dist/src/components/Company/PaySchedule/PayScheduleComponents.d.ts

@@ -5,6 +5,7 @@ export interface PayScheduleContextInterface extends FlowContextInterface {
     companyId: string;
     payScheduleId?: string;
     defaultValues?: PayScheduleDefaultValues;
+    disableWorkweekStartDayEditing?: boolean;
     component: React.ComponentType | null;
 }
 /** @internal */

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

@@ -1,4 +1,4 @@
-import { PayScheduleErrorCodes, PayScheduleFrequency } from './payScheduleSchema';
+import { PayScheduleErrorCodes, PayScheduleFrequency, PayScheduleWorkweekStartDay } from './payScheduleSchema';
 import { TextInputHookFieldProps } from '../../../../../partner-hook-utils/form/fields/TextInputHookField';
 import { SelectHookFieldProps } from '../../../../../partner-hook-utils/form/fields/SelectHookField';
 import { RadioGroupHookFieldProps } from '../../../../../partner-hook-utils/form/fields/RadioGroupHookField';
@@ -81,3 +81,11 @@ export declare function Day1Field(props: Day1FieldProps): import("react").JSX.El
 export type Day2FieldProps = HookFieldProps<NumberInputHookFieldProps<DayValidation>>;
 /** @internal */
 export declare function Day2Field(props: Day2FieldProps): import("react").JSX.Element;
+/**
+ * Props accepted by {@link usePayScheduleForm}'s `Fields.WorkweekStartDay` component.
+ *
+ * @alpha
+ */
+export type WorkweekStartDayFieldProps = HookFieldProps<SelectHookFieldProps<never, PayScheduleWorkweekStartDay>>;
+/** @internal */
+export declare function WorkweekStartDayField(props: WorkweekStartDayFieldProps): import("react").JSX.Element;

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

@@ -1,4 +1,4 @@
 export { usePayScheduleForm } from './usePayScheduleForm';
 export type { PayScheduleOptionalFieldsToRequire, UsePayScheduleFormProps, UsePayScheduleFormResult, UsePayScheduleFormReady, PayScheduleFieldsMetadata, PayScheduleFormFields, } from './usePayScheduleForm';
-export { PayScheduleErrorCodes, type PayScheduleErrorCode, type PayScheduleFormData, type PayScheduleField, type PayScheduleFrequency, } from './payScheduleSchema';
-export type { RequiredValidation as PayScheduleRequiredValidation, DayValidation, CustomNameFieldProps, FrequencyFieldProps, CustomTwicePerMonthFieldProps, AnchorPayDateFieldProps, AnchorEndOfPayPeriodFieldProps, Day1FieldProps, Day2FieldProps, } from './fields';
+export { PayScheduleErrorCodes, type PayScheduleErrorCode, type PayScheduleFormData, type PayScheduleField, type PayScheduleFrequency, type PayScheduleWorkweekStartDay, } from './payScheduleSchema';
+export type { RequiredValidation as PayScheduleRequiredValidation, DayValidation, CustomNameFieldProps, FrequencyFieldProps, CustomTwicePerMonthFieldProps, AnchorPayDateFieldProps, AnchorEndOfPayPeriodFieldProps, Day1FieldProps, Day2FieldProps, WorkweekStartDayFieldProps, } from './fields';

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

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+import { WorkweekStartDay } from '@gusto/embedded-api/models/components/payschedulecreaterequest';
 import { OptionalFieldsToRequire } from '../../../../../partner-hook-utils/form/buildFormSchema';
 /**
  * Validation error codes emitted by {@link usePayScheduleForm} fields.
@@ -24,31 +25,37 @@ export type PayScheduleErrorCode = (typeof PayScheduleErrorCodes)[keyof typeof P
  * @public
  */
 export type PayScheduleFrequency = "Every other week" | "Every week" | "Monthly" | "Twice per month";
+/**
+ * Pay schedule workweek start day values accepted by {@link usePayScheduleForm}.
+ *
+ * @alpha
+ */
+export type PayScheduleWorkweekStartDay = WorkweekStartDay;
 /**
  * Union of field names managed by the pay schedule form.
  *
  * @public
  */
-export type PayScheduleField = "anchorEndOfPayPeriod" | "anchorPayDate" | "customName" | "customTwicePerMonth" | "day1" | "day2" | "frequency";
+export type PayScheduleField = "anchorEndOfPayPeriod" | "anchorPayDate" | "customName" | "customTwicePerMonth" | "day1" | "day2" | "frequency" | "workweekStartDay";
 /**
  * Shape of the values managed by the pay schedule form.
  *
  * @public
  * @interface
  */
-export type PayScheduleFormData = { customName: string; frequency: "Every other week" | "Every week" | "Monthly" | "Twice per month"; customTwicePerMonth: string; anchorPayDate: string | null; anchorEndOfPayPeriod: string | null; day1: number; day2: number; };
+export type PayScheduleFormData = { customName: string; frequency: "Every other week" | "Every week" | "Monthly" | "Twice per month"; customTwicePerMonth: string; anchorPayDate: string | null; anchorEndOfPayPeriod: string | null; day1: number; day2: number; workweekStartDay: "Sunday" | "Monday" | "Tuesday" | "Wednesday" | "Thursday" | "Friday" | "Saturday" | null; };
 /** @internal */
 export type PayScheduleFormOutputs = PayScheduleFormData;
 /**
  * Configuration for promoting optional pay schedule fields to required in a given mode.
  *
  * @remarks
- * Only fields that are optional by default can be promoted. Currently
- * `customTwicePerMonth` is the only configurable field.
+ * Only fields that are optional by default can be promoted:
+ * `customTwicePerMonth`, `day1`, `day2`, and `workweekStartDay`.
  *
  * @public
  */
-export type PayScheduleOptionalFieldsToRequire = { create?: ("customTwicePerMonth" | "day1" | "day2")[] | undefined; update?: ("customTwicePerMonth" | "day1" | "day2")[] | undefined; };
+export type PayScheduleOptionalFieldsToRequire = { create?: ("customTwicePerMonth" | "day1" | "day2" | "workweekStartDay")[] | undefined; update?: ("customTwicePerMonth" | "day1" | "day2" | "workweekStartDay")[] | undefined; };
 /** @internal */
 interface PayScheduleSchemaOptions {
     mode?: 'create' | 'update';
@@ -68,5 +75,14 @@ export declare function createPayScheduleSchema(options?: PayScheduleSchemaOptio
     anchorEndOfPayPeriod: z.ZodPipe<z.ZodTransform<string | null, unknown>, z.ZodNullable<z.ZodISODate>>;
     day1: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
     day2: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
+    workweekStartDay: z.ZodNullable<z.ZodEnum<{
+        readonly Sunday: "Sunday";
+        readonly Monday: "Monday";
+        readonly Tuesday: "Tuesday";
+        readonly Wednesday: "Wednesday";
+        readonly Thursday: "Thursday";
+        readonly Friday: "Friday";
+        readonly Saturday: "Saturday";
+    }>>;
 }>;
 export {};

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

@@ -2,8 +2,9 @@ import { ComponentType } from 'react';
 import { UseFormProps } from 'react-hook-form';
 import { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow';
 import { PaySchedulePreviewPayPeriod } from '@gusto/embedded-api/models/components/payschedulepreviewpayperiod';
+import { WorkweekStartDay } from '@gusto/embedded-api/models/components/payschedulecreaterequest';
 import { PayScheduleOptionalFieldsToRequire, PayScheduleFormData } from './payScheduleSchema';
-import { CustomNameFieldProps, FrequencyFieldProps, CustomTwicePerMonthFieldProps, AnchorPayDateFieldProps, AnchorEndOfPayPeriodFieldProps, Day1FieldProps, Day2FieldProps } from './fields';
+import { CustomNameFieldProps, FrequencyFieldProps, CustomTwicePerMonthFieldProps, AnchorPayDateFieldProps, AnchorEndOfPayPeriodFieldProps, Day1FieldProps, Day2FieldProps, WorkweekStartDayFieldProps } from './fields';
 import { BaseFormHookReady, FieldMetadata, HookLoadingResult, HookSubmitResult } from '../../../../../partner-hook-utils/types';
 export type { PayScheduleOptionalFieldsToRequire } from './payScheduleSchema';
 /**
@@ -30,6 +31,15 @@ export interface UsePayScheduleFormProps {
     validationMode?: UseFormProps['mode'];
     /** Auto-focus the first invalid field on submit. Set to `false` when using `composeSubmitHandler` so submit-time focus is coordinated across multiple forms. Defaults to `true`. */
     shouldFocusError?: boolean;
+    /**
+     * Renders `Fields.WorkweekStartDay` disabled while still submitting its current value,
+     * for partners that compute the workweek start day themselves and don't want end users
+     * editing it directly. Defaults to `false`. Has no effect unless the `payrollRegularRateOfPay`
+     * unstable feature is enabled.
+     *
+     * @alpha
+     */
+    disableWorkweekStartDayEditing?: boolean;
 }
 /**
  * Pre-bound field components exposed on `usePayScheduleForm().form.Fields`.
@@ -56,6 +66,14 @@ export interface PayScheduleFormFields {
     Day1: ComponentType<Day1FieldProps> | undefined;
     /** Bound to `day2`. Last-pay-day-of-month number input. Available when frequency is `'Twice per month'` with `'custom'` strategy. */
     Day2: ComponentType<Day2FieldProps> | undefined;
+    /**
+     * Bound to `workweekStartDay`. Workweek start day selector, used for regular rate of pay
+     * overtime calculations. `undefined` unless the `payrollRegularRateOfPay` unstable feature
+     * is enabled.
+     *
+     * @alpha
+     */
+    WorkweekStartDay: ComponentType<WorkweekStartDayFieldProps> | undefined;
 }
 /**
  * Ready-state shape returned by {@link usePayScheduleForm} once data has loaded.
@@ -157,7 +175,7 @@ export interface UsePayScheduleFormReady extends BaseFormHookReady<PayScheduleFi
  * }
  * ```
  */
-export declare function usePayScheduleForm({ companyId, payScheduleId, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, }: UsePayScheduleFormProps): HookLoadingResult | UsePayScheduleFormReady;
+export declare function usePayScheduleForm({ companyId, payScheduleId, optionalFieldsToRequire, defaultValues: partnerDefaults, validationMode, shouldFocusError, disableWorkweekStartDayEditing, }: UsePayScheduleFormProps): HookLoadingResult | UsePayScheduleFormReady;
 /**
  * Discriminated union returned by {@link usePayScheduleForm}.
  *
@@ -169,4 +187,4 @@ export type UsePayScheduleFormResult = HookLoadingResult | UsePayScheduleFormRea
  *
  * @public
  */
-export type PayScheduleFieldsMetadata = { customName: FieldMetadata; frequency: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Every other week" | "Every week" | "Monthly" | "Twice per month">; customTwicePerMonth: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<string>; anchorPayDate: FieldMetadata; anchorEndOfPayPeriod: FieldMetadata; day1: FieldMetadata; day2: FieldMetadata; };
+export type PayScheduleFieldsMetadata = { customName: FieldMetadata; frequency: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Every other week" | "Every week" | "Monthly" | "Twice per month">; customTwicePerMonth: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<string>; anchorPayDate: FieldMetadata; anchorEndOfPayPeriod: FieldMetadata; day1: FieldMetadata; day2: FieldMetadata; workweekStartDay: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<WorkweekStartDay>; };

package/dist/src/components/Contractor/ContractorList/management/ManagementContractorListView.d.ts

@@ -4,6 +4,8 @@ import { ContractorTab } from './ManagementContractorList';
 export interface ManagementContractorListViewProps extends Pick<Extract<UseContractorListResult, {
     isLoading: false;
 }>, 'pagination' | 'status'> {
+    /** CSS class name applied to the root element. */
+    className?: string;
     contractors: ContractorWithActions[];
     isFetching: boolean;
     selectedTab: ContractorTab;
@@ -19,4 +21,4 @@ export interface ManagementContractorListViewProps extends Pick<Extract<UseContr
     onAddContractor: () => void;
 }
 /** @internal */
-export declare function ManagementContractorListView({ contractors, isFetching, selectedTab, onTabChange, status, pagination, onEdit, onView, onDismiss, onRehire, onDelete, onCancelSelfOnboarding, onCancelDismissal, onCancelRehire, onAddContractor, }: ManagementContractorListViewProps): import("react").JSX.Element;
+export declare function ManagementContractorListView({ className, contractors, isFetching, selectedTab, onTabChange, status, pagination, onEdit, onView, onDismiss, onRehire, onDelete, onCancelSelfOnboarding, onCancelDismissal, onCancelRehire, onAddContractor, }: ManagementContractorListViewProps): import("react").JSX.Element;

package/dist/src/components/Contractor/ContractorList/onboarding/ContractorListView.d.ts

@@ -3,6 +3,8 @@ import { UseContractorListResult, ContractorWithActions } from '../shared/useCon
 export interface ContractorListViewProps extends Pick<Extract<UseContractorListResult, {
     isLoading: false;
 }>, 'pagination' | 'status'> {
+    /** CSS class name applied to the root element. */
+    className?: string;
     contractors: ContractorWithActions[];
     isFetching: boolean;
     successMessage?: string;
@@ -13,4 +15,4 @@ export interface ContractorListViewProps extends Pick<Extract<UseContractorListR
     onContinue: () => void;
 }
 /** @internal */
-export declare function ContractorListView({ contractors, isFetching, pagination, status, successMessage, onEdit, onDelete, onCancelSelfOnboarding, onAddContractor, onContinue, }: ContractorListViewProps): import("react").JSX.Element;
+export declare function ContractorListView({ className, contractors, isFetching, pagination, status, successMessage, onEdit, onDelete, onCancelSelfOnboarding, onAddContractor, onContinue, }: ContractorListViewProps): import("react").JSX.Element;

package/dist/src/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.d.ts

@@ -5,6 +5,8 @@ import { SetPaymentAmountsDictionary } from '../shared/SetPaymentAmounts';
 import { UsePaymentAmountsEditorReturn } from '../shared/usePaymentAmountsEditor';
 import { ApiPayrollBlocker } from '../../../Payroll/PayrollBlocker/payrollHelpers';
 interface ContractorPaymentCreatePaymentPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     contractors: Contractor[];
     contractorPayments: (ContractorPayments & {
         isTouched?: boolean;
@@ -28,5 +30,5 @@ interface ContractorPaymentCreatePaymentPresentationProps {
     paymentSpeedDays: number;
 }
 /** @internal */
-export declare const CreatePaymentPresentation: ({ contractors, paymentDate, contractorPayments, onPaymentDateChange, onSaveAndContinue, editModal, allowedPaymentMethods, paymentAmountsDictionary, totals, alerts, payrollBlockers, onViewBlockers, isLoading, paymentSpeedDays, }: ContractorPaymentCreatePaymentPresentationProps) => import("react").JSX.Element;
+export declare const CreatePaymentPresentation: ({ className, contractors, paymentDate, contractorPayments, onPaymentDateChange, onSaveAndContinue, editModal, allowedPaymentMethods, paymentAmountsDictionary, totals, alerts, payrollBlockers, onViewBlockers, isLoading, paymentSpeedDays, }: ContractorPaymentCreatePaymentPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Contractor/Payments/CreatePayment/PreviewPresentation.d.ts

@@ -3,6 +3,8 @@ import { Contractor } from '@gusto/embedded-api/models/components/contractor';
 import { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount';
 import { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs';
 interface PreviewPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     contractorPaymentGroup: ContractorPaymentGroupPreview;
     contractors: Contractor[];
     onBackToEdit: () => void;
@@ -14,5 +16,5 @@ interface PreviewPresentationProps {
     paymentSpeed?: PaymentSpeed;
 }
 /** @internal */
-export declare const PreviewPresentation: ({ contractorPaymentGroup, contractors, onBackToEdit, onSubmit, isLoading, bankAccount, selectedUnblockOptions, onUnblockOptionChange, paymentSpeed, }: PreviewPresentationProps) => import("react").JSX.Element;
+export declare const PreviewPresentation: ({ className, contractorPaymentGroup, contractors, onBackToEdit, onSubmit, isLoading, bankAccount, selectedUnblockOptions, onUnblockOptionChange, paymentSpeed, }: PreviewPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.d.ts

@@ -1,6 +1,8 @@
 import { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup';
 import { Contractor } from '@gusto/embedded-api/models/components/contractor';
 interface PaymentHistoryPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     paymentGroup: ContractorPaymentGroup;
     contractors: Contractor[];
     onViewPayment: (paymentId: string) => void;
@@ -8,5 +10,5 @@ interface PaymentHistoryPresentationProps {
     isCancelling: boolean;
 }
 /** @internal */
-export declare const PaymentHistoryPresentation: ({ paymentGroup, contractors, onViewPayment, onCancelPayment, isCancelling, }: PaymentHistoryPresentationProps) => import("react").JSX.Element;
+export declare const PaymentHistoryPresentation: ({ className, paymentGroup, contractors, onViewPayment, onCancelPayment, isCancelling, }: PaymentHistoryPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Contractor/Payments/PaymentStatement/PaymentStatementPresentation.d.ts

@@ -2,11 +2,13 @@ import { ContractorPaymentForGroup } from '@gusto/embedded-api/models/components
 import { Contractor } from '@gusto/embedded-api/models/components/contractor';
 import { ContractorPaymentReceipt } from '@gusto/embedded-api/models/components/contractorpaymentreceipt';
 interface PaymentStatementPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     payment: ContractorPaymentForGroup;
     contractor: Contractor;
     paymentReceipt?: ContractorPaymentReceipt;
     checkDate: string;
 }
 /** @internal */
-export declare const PaymentStatementPresentation: ({ payment, contractor, checkDate, paymentReceipt, }: PaymentStatementPresentationProps) => import("react").JSX.Element;
+export declare const PaymentStatementPresentation: ({ className, payment, contractor, checkDate, paymentReceipt, }: PaymentStatementPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.d.ts

@@ -3,6 +3,8 @@ import { InternalAlert } from '../types';
 import { EventType } from '../../../../shared/constants';
 import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
 interface ContractorPaymentPaymentsListPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     numberOfMonths: number;
     contractorPayments: ContractorPaymentGroupWithBlockers[];
     onCreatePayment: () => void;
@@ -16,5 +18,5 @@ interface ContractorPaymentPaymentsListPresentationProps {
     paginationProps?: PaginationControlProps;
 }
 /** @internal */
-export declare const PaymentsListPresentation: ({ contractorPayments, numberOfMonths, onCreatePayment, onCreateHistoricalPayment, onDateRangeChange, onViewPayment, alerts, companyId, hasUnresolvedWireInRequests, onEvent, paginationProps, }: ContractorPaymentPaymentsListPresentationProps) => import("react").JSX.Element;
+export declare const PaymentsListPresentation: ({ className, contractorPayments, numberOfMonths, onCreatePayment, onCreateHistoricalPayment, onDateRangeChange, onViewPayment, alerts, companyId, hasUnresolvedWireInRequests, onEvent, paginationProps, }: ContractorPaymentPaymentsListPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Contractor/Submit/SubmitDone.d.ts

@@ -1,6 +1,8 @@
 interface SubmitDoneProps {
     onDone: () => void;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare const SubmitDone: ({ onDone }: SubmitDoneProps) => import("react").JSX.Element;
+export declare const SubmitDone: ({ onDone, className }: SubmitDoneProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Employee/Compensation/management/CompensationEditForm/CompensationEditForm.d.ts

@@ -38,4 +38,4 @@ export interface CompensationEditFormProps extends CommonComponentInterface<'Emp
  * @public
  * @group Block components
  */
-export declare function CompensationEditForm({ employeeId, jobId, onEvent, dictionary, LoaderComponent, }: CompensationEditFormProps): import("react").JSX.Element;
+export declare function CompensationEditForm({ employeeId, jobId, onEvent, dictionary, LoaderComponent, className, }: CompensationEditFormProps): import("react").JSX.Element;

package/dist/src/components/Employee/Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibilityPresentation.d.ts

@@ -1,11 +1,13 @@
 import { SubmitHandler } from 'react-hook-form';
 import { EmploymentEligibilityInputs, EmploymentEligibilityPayload } from './EmploymentEligibilitySchema';
 interface EmploymentEligibilityPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     onSubmit: SubmitHandler<EmploymentEligibilityPayload>;
     defaultValues?: Partial<EmploymentEligibilityInputs>;
     hasDocumentNumber?: boolean | null;
     isPending?: boolean;
 }
 /** @internal */
-export declare const EmploymentEligibilityPresentation: ({ onSubmit, defaultValues, hasDocumentNumber, isPending, }: EmploymentEligibilityPresentationProps) => import("react").JSX.Element;
+export declare const EmploymentEligibilityPresentation: ({ className, onSubmit, defaultValues, hasDocumentNumber, isPending, }: EmploymentEligibilityPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocumentsPresentation.d.ts

@@ -3,6 +3,8 @@ import { z } from 'zod';
 export type EmployeeDocumentsFormValues = { includeI9: boolean; };
 /** @internal */
 export interface EmployeeDocumentsPresentationProps {
+    /** CSS class name applied to the root element. */
+    className?: string;
     isEmployeeSelfOnboarding: boolean;
     currentI9Status: boolean;
     onSubmit: (formData: EmployeeDocumentsFormValues) => Promise<void>;
@@ -10,5 +12,5 @@ export interface EmployeeDocumentsPresentationProps {
     isPending: boolean;
 }
 /** @internal */
-export declare const EmployeeDocumentsPresentation: ({ isEmployeeSelfOnboarding, currentI9Status, onSubmit, onDone, isPending, }: EmployeeDocumentsPresentationProps) => import("react").JSX.Element;
+export declare const EmployeeDocumentsPresentation: ({ className, isEmployeeSelfOnboarding, currentI9Status, onSubmit, onDone, isPending, }: EmployeeDocumentsPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/src/components/Employee/EmployeeList/management/ManagementEmployeeListView.d.ts

@@ -12,7 +12,9 @@ export interface ManagementEmployeeListViewProps extends Pick<Extract<UseEmploye
     onDismiss: (employeeId: string) => void;
     onDelete: (employeeId: string) => Promise<void>;
     onAddEmployee: () => void;
+    /** CSS class name applied to the root element. */
+    className?: string;
 }
 /** @internal */
-export declare function ManagementEmployeeListView({ selectedTab, onTabChange, employees, isFetching, status, onEdit, onDismiss, onDelete, onAddEmployee, pagination, }: ManagementEmployeeListViewProps): import("react").JSX.Element;
+export declare function ManagementEmployeeListView({ selectedTab, onTabChange, employees, isFetching, status, onEdit, onDismiss, onDelete, onAddEmployee, pagination, className, }: ManagementEmployeeListViewProps): import("react").JSX.Element;
 export {};