@gusto/embedded-react-sdk 0.55.6 → 0.55.7

package/dist/components/Contractor/Profile/management/ProfileCard/ProfileCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileCard.js","sources":["../../../../../../src/components/Contractor/Profile/management/ProfileCard/ProfileCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorProfileSummary } from '../../shared/useContractorProfileSummary'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, CONTRACTOR_TYPE, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link ProfileCard}.\n *\n * @public\n */\nexport interface ProfileCardProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler fired when the user requests to edit the profile. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Read-only card showing a contractor's basic profile details with an Edit action.\n *\n * @remarks\n * Standalone card that fetches its own data. Emits an event when the user\n * clicks Edit so the parent can switch to the edit form. The card does not\n * render success or error alerts itself — alert presentation is the\n * surrounding surface's responsibility.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/profile/editRequested` | Fired when the user clicks the Edit button | `{ contractorId: string }` |\n *\n * @param props - See {@link ProfileCardProps}.\n * @returns The basic-details profile card.\n * @public\n */\nexport function ProfileCard({ LoaderComponent, ...props }: ProfileCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Contractor.Management.Profile\" LoaderComponent={LoaderComponent}>\n      <ProfileCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileCardContent({ contractorId, onEvent, LoaderComponent }: ProfileCardProps) {\n  useI18n('Contractor.Management.Profile')\n  const { t } = useTranslation('Contractor.Management.Profile')\n  const Components = useComponentContext()\n\n  const profile = useContractorProfileSummary({ contractorId })\n\n  const isContractorLoading = profile.isLoading\n\n  const contractor = profile.isLoading ? undefined : profile.data.contractor\n\n  const isBusiness = contractor?.type === CONTRACTOR_TYPE.BUSINESS\n\n  const legalName = contractor\n    ? isBusiness\n      ? contractor.businessName\n      : firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName })\n    : undefined\n  const startDate = contractor ? formatDateLongWithYear(contractor.startDate) : undefined\n  const maskedSsn = contractor?.hasSsn ? 'XXX-XX-XXXX' : undefined\n  const maskedEin = contractor?.hasEin ? (contractor.ein ?? undefined) : undefined\n\n  const emptyPlaceholder = <span aria-label={t('listEmptyPlaceholder')}>–</span>\n  const profileItems = contractor\n    ? [\n        { term: t('legalName'), description: legalName || emptyPlaceholder },\n        { term: t('startDate'), description: startDate || emptyPlaceholder },\n        isBusiness\n          ? {\n              term: t('employerIdentificationNumber'),\n              description: maskedEin || emptyPlaceholder,\n            }\n          : {\n              term: t('socialSecurityNumber'),\n              description: maskedSsn || emptyPlaceholder,\n            },\n        { term: t('email'), description: contractor.email || emptyPlaceholder },\n      ]\n    : []\n\n  const handleEdit = () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED, { contractorId })\n  }\n\n  return (\n    <BaseLayout error={profile.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button\n                variant=\"secondary\"\n                onClick={handleEdit}\n                isDisabled={isContractorLoading}\n              >\n                {t('editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isContractorLoading ? (\n          <Loading />\n        ) : contractor ? (\n          <Components.DescriptionList items={profileItems} />\n        ) : null}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["ProfileCard","LoaderComponent","props","jsx","BaseBoundaries","ProfileCardContent","contractorId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","profile","useContractorProfileSummary","isContractorLoading","contractor","isBusiness","CONTRACTOR_TYPE","legalName","firstLastName","startDate","formatDateLongWithYear","maskedSsn","maskedEin","emptyPlaceholder","profileItems","handleEdit","componentEvents","BaseLayout","Loading"],"mappings":";;;;;;;;;;AA4CO,SAASA,EAAY,EAAE,iBAAAC,GAAiB,GAAGC,KAA2B;AAC3E,SACE,gBAAAC,EAACC,GAAA,EAAe,eAAc,iCAAgC,iBAAAH,GAC5D,4BAACI,GAAA,EAAmB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO,EAAA,CACnE;AAEJ;AAEA,SAASG,EAAmB,EAAE,cAAAC,GAAc,SAAAC,GAAS,iBAAAN,KAAqC;AACxF,EAAAO,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtDC,IAAaC,EAAA,GAEbC,IAAUC,EAA4B,EAAE,cAAAR,GAAc,GAEtDS,IAAsBF,EAAQ,WAE9BG,IAAaH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,YAE1DI,IAAaD,GAAY,SAASE,EAAgB,UAElDC,IAAYH,IACdC,IACED,EAAW,eACXI,EAAc,EAAE,YAAYJ,EAAW,WAAW,WAAWA,EAAW,SAAA,CAAU,IACpF,QACEK,IAAYL,IAAaM,EAAuBN,EAAW,SAAS,IAAI,QACxEO,IAAYP,GAAY,SAAS,gBAAgB,QACjDQ,IAAYR,GAAY,SAAUA,EAAW,OAAO,SAAa,QAEjES,IAAmB,gBAAAtB,EAAC,QAAA,EAAK,cAAYM,EAAE,sBAAsB,GAAG,UAAA,KAAC,GACjEiB,IAAeV,IACjB;AAAA,IACE,EAAE,MAAMP,EAAE,WAAW,GAAG,aAAaU,KAAaM,EAAA;AAAA,IAClD,EAAE,MAAMhB,EAAE,WAAW,GAAG,aAAaY,KAAaI,EAAA;AAAA,IAClDR,IACI;AAAA,MACE,MAAMR,EAAE,8BAA8B;AAAA,MACtC,aAAae,KAAaC;AAAA,IAAA,IAE5B;AAAA,MACE,MAAMhB,EAAE,sBAAsB;AAAA,MAC9B,aAAac,KAAaE;AAAA,IAAA;AAAA,IAEhC,EAAE,MAAMhB,EAAE,OAAO,GAAG,aAAaO,EAAW,SAASS,EAAA;AAAA,EAAiB,IAExE,CAAA,GAEEE,IAAa,MAAM;AACvB,IAAApB,EAAQqB,EAAgB,8CAA8C,EAAE,cAAAtB,EAAA,CAAc;AAAA,EACxF;AAEA,2BACGuB,GAAA,EAAW,OAAOhB,EAAQ,cAAc,QAAQ,iBAAAZ,GAC/C,UAAA,gBAAAE;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,OAAO;AAAA,UAChB,QACE,gBAAAN;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,SAAQ;AAAA,cACR,SAASgB;AAAA,cACT,YAAYZ;AAAA,cAEX,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,MAKL,UAAAA,IACC,gBAAAZ,EAAC2B,GAAA,CAAA,CAAQ,IACPd,IACF,gBAAAb,EAACQ,EAAW,iBAAX,EAA2B,OAAOe,EAAA,CAAc,IAC/C;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
+{"version":3,"file":"ProfileCard.js","sources":["../../../../../../src/components/Contractor/Profile/management/ProfileCard/ProfileCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorProfileSummary } from '../../shared/useContractorProfileSummary'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, CONTRACTOR_TYPE, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link ProfileCard}.\n *\n * @public\n */\nexport interface ProfileCardProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler fired when the user requests to edit the profile. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Read-only card showing a contractor's basic profile details with an Edit action.\n *\n * @remarks\n * Standalone card that fetches its own data. Emits an event when the user\n * clicks Edit so the parent can switch to the edit form. The card does not\n * render success or error alerts itself — alert presentation is the\n * surrounding surface's responsibility.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/profile/editRequested` | Fired when the user clicks the Edit button | `{ contractorId: string }` |\n *\n * @param props - See {@link ProfileCardProps}.\n * @returns The basic-details profile card.\n * @public\n */\nexport function ProfileCard({ LoaderComponent, ...props }: ProfileCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Contractor.Management.Profile\" LoaderComponent={LoaderComponent}>\n      <ProfileCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileCardContent({ contractorId, onEvent, LoaderComponent }: ProfileCardProps) {\n  useI18n('Contractor.Management.Profile')\n  const { t } = useTranslation('Contractor.Management.Profile')\n  const Components = useComponentContext()\n\n  const profile = useContractorProfileSummary({ contractorId })\n\n  const isContractorLoading = profile.isLoading\n\n  const contractor = profile.isLoading ? undefined : profile.data.contractor\n\n  const isBusiness = contractor?.type === CONTRACTOR_TYPE.BUSINESS\n\n  const legalName = contractor\n    ? isBusiness\n      ? contractor.businessName\n      : firstLastName({\n          first_name: contractor.firstName,\n          middle_initial: contractor.middleInitial,\n          last_name: contractor.lastName,\n        })\n    : undefined\n  const startDate = contractor ? formatDateLongWithYear(contractor.startDate) : undefined\n  const maskedSsn = contractor?.hasSsn ? 'XXX-XX-XXXX' : undefined\n  const maskedEin = contractor?.hasEin ? (contractor.ein ?? undefined) : undefined\n\n  const emptyPlaceholder = <span aria-label={t('listEmptyPlaceholder')}>–</span>\n  const profileItems = contractor\n    ? [\n        { term: t('legalName'), description: legalName || emptyPlaceholder },\n        { term: t('startDate'), description: startDate || emptyPlaceholder },\n        isBusiness\n          ? {\n              term: t('employerIdentificationNumber'),\n              description: maskedEin || emptyPlaceholder,\n            }\n          : {\n              term: t('socialSecurityNumber'),\n              description: maskedSsn || emptyPlaceholder,\n            },\n        { term: t('email'), description: contractor.email || emptyPlaceholder },\n      ]\n    : []\n\n  const handleEdit = () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED, { contractorId })\n  }\n\n  return (\n    <BaseLayout error={profile.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button\n                variant=\"secondary\"\n                onClick={handleEdit}\n                isDisabled={isContractorLoading}\n              >\n                {t('editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isContractorLoading ? (\n          <Loading />\n        ) : contractor ? (\n          <Components.DescriptionList items={profileItems} />\n        ) : null}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["ProfileCard","LoaderComponent","props","jsx","BaseBoundaries","ProfileCardContent","contractorId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","profile","useContractorProfileSummary","isContractorLoading","contractor","isBusiness","CONTRACTOR_TYPE","legalName","firstLastName","startDate","formatDateLongWithYear","maskedSsn","maskedEin","emptyPlaceholder","profileItems","handleEdit","componentEvents","BaseLayout","Loading"],"mappings":";;;;;;;;;;AA4CO,SAASA,EAAY,EAAE,iBAAAC,GAAiB,GAAGC,KAA2B;AAC3E,SACE,gBAAAC,EAACC,GAAA,EAAe,eAAc,iCAAgC,iBAAAH,GAC5D,4BAACI,GAAA,EAAmB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO,EAAA,CACnE;AAEJ;AAEA,SAASG,EAAmB,EAAE,cAAAC,GAAc,SAAAC,GAAS,iBAAAN,KAAqC;AACxF,EAAAO,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtDC,IAAaC,EAAA,GAEbC,IAAUC,EAA4B,EAAE,cAAAR,GAAc,GAEtDS,IAAsBF,EAAQ,WAE9BG,IAAaH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,YAE1DI,IAAaD,GAAY,SAASE,EAAgB,UAElDC,IAAYH,IACdC,IACED,EAAW,eACXI,EAAc;AAAA,IACZ,YAAYJ,EAAW;AAAA,IACvB,gBAAgBA,EAAW;AAAA,IAC3B,WAAWA,EAAW;AAAA,EAAA,CACvB,IACH,QACEK,IAAYL,IAAaM,EAAuBN,EAAW,SAAS,IAAI,QACxEO,IAAYP,GAAY,SAAS,gBAAgB,QACjDQ,IAAYR,GAAY,SAAUA,EAAW,OAAO,SAAa,QAEjES,IAAmB,gBAAAtB,EAAC,QAAA,EAAK,cAAYM,EAAE,sBAAsB,GAAG,UAAA,KAAC,GACjEiB,IAAeV,IACjB;AAAA,IACE,EAAE,MAAMP,EAAE,WAAW,GAAG,aAAaU,KAAaM,EAAA;AAAA,IAClD,EAAE,MAAMhB,EAAE,WAAW,GAAG,aAAaY,KAAaI,EAAA;AAAA,IAClDR,IACI;AAAA,MACE,MAAMR,EAAE,8BAA8B;AAAA,MACtC,aAAae,KAAaC;AAAA,IAAA,IAE5B;AAAA,MACE,MAAMhB,EAAE,sBAAsB;AAAA,MAC9B,aAAac,KAAaE;AAAA,IAAA;AAAA,IAEhC,EAAE,MAAMhB,EAAE,OAAO,GAAG,aAAaO,EAAW,SAASS,EAAA;AAAA,EAAiB,IAExE,CAAA,GAEEE,IAAa,MAAM;AACvB,IAAApB,EAAQqB,EAAgB,8CAA8C,EAAE,cAAAtB,EAAA,CAAc;AAAA,EACxF;AAEA,2BACGuB,GAAA,EAAW,OAAOhB,EAAQ,cAAc,QAAQ,iBAAAZ,GAC/C,UAAA,gBAAAE;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,OAAO;AAAA,UAChB,QACE,gBAAAN;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,SAAQ;AAAA,cACR,SAASgB;AAAA,cACT,YAAYZ;AAAA,cAEX,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,MAKL,UAAAA,IACC,gBAAAZ,EAAC2B,GAAA,CAAA,CAAQ,IACPd,IACF,gBAAAb,EAACQ,EAAW,iBAAX,EAA2B,OAAOe,EAAA,CAAc,IAC/C;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/contractorDetailsSchema.js

@@ -2,7 +2,7 @@ import { z as e } from "zod";
 import { ContractorType as E, ContractorWageType as c } from "@gusto/embedded-api/models/components/contractor";
 import { buildFormSchema as N } from "../../../../../partner-hook-utils/form/buildFormSchema.js";
 import { coerceNaN as d, coerceToISODate as R } from "../../../../../partner-hook-utils/form/preprocessors.js";
-import { EIN_REGEX as p, SSN_REGEX as u, NAME_REGEX as I } from "../../../../../helpers/validations.js";
+import { EIN_REGEX as p, SSN_REGEX as u, NAME_REGEX as m } from "../../../../../helpers/validations.js";
 import { normalizeEin as A } from "../../../../../helpers/federalEin.js";
 const o = E, n = c, r = {
   REQUIRED: "REQUIRED",
@@ -25,8 +25,8 @@ const o = E, n = c, r = {
   selfOnboarding: e.boolean(),
   fileNewHireReport: e.boolean(),
   email: e.email({ error: () => r.INVALID_EMAIL }),
-  firstName: e.string().min(1, { message: r.REQUIRED }).regex(I, { message: r.INVALID_NAME }),
-  lastName: e.string().min(1, { message: r.REQUIRED }).regex(I, { message: r.INVALID_NAME }),
+  firstName: e.string().trim().min(1, { message: r.REQUIRED }).regex(m, { message: r.INVALID_NAME }),
+  lastName: e.string().trim().min(1, { message: r.REQUIRED }).regex(m, { message: r.INVALID_NAME }),
   middleInitial: e.string(),
   businessName: e.string(),
   workState: e.string(),
@@ -49,8 +49,8 @@ const o = E, n = c, r = {
   email: (t) => t.selfOnboarding
 };
 function U(t = {}) {
-  const { mode: i = "create", optionalFieldsToRequire: s, hasSsn: m = !1, hasEin: l = !1 } = t, a = [];
-  return m && a.push("ssn"), l && a.push("ein"), N(D, {
+  const { mode: i = "create", optionalFieldsToRequire: s, hasSsn: I = !1, hasEin: l = !1 } = t, a = [];
+  return I && a.push("ssn"), l && a.push("ein"), N(D, {
     requiredFieldsConfig: g,
     requiredErrorCode: r.REQUIRED,
     mode: i,

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/contractorDetailsSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"contractorDetailsSchema.js","sources":["../../../../../../src/components/Contractor/Profile/shared/useContractorDetailsForm/contractorDetailsSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  ContractorWageType as ApiWageType,\n  ContractorType as ApiContractorType,\n} from '@gusto/embedded-api/models/components/contractor'\nimport {\n  buildFormSchema,\n  type RequiredFieldConfig,\n  type OptionalFieldsToRequire,\n} from '@/partner-hook-utils/form/buildFormSchema'\nimport { coerceNaN, coerceToISODate } from '@/partner-hook-utils/form/preprocessors'\nimport { SSN_REGEX, EIN_REGEX, NAME_REGEX } from '@/helpers/validations'\nimport { normalizeEin } from '@/helpers/federalEin'\n\n/**\n * Contractor type enum (`Individual` / `Business`) re-exported from the API model.\n *\n * @public\n */\nexport const ContractorType = ApiContractorType\n/**\n * Contractor wage type enum (`Fixed` / `Hourly`) re-exported from the API model.\n *\n * @public\n */\nexport const WageType = ApiWageType\n\n// ── Error codes ────────────────────────────────────────────────────────\n\n/**\n * Validation error codes emitted by the contractor details form schema. Map\n * these codes to localized copy in `validationMessages` when composing the\n * hook.\n *\n * @public\n */\nexport const ContractorDetailsErrorCodes = {\n  REQUIRED: 'REQUIRED',\n  INVALID_NAME: 'INVALID_NAME',\n  INVALID_EMAIL: 'INVALID_EMAIL',\n  INVALID_SSN: 'INVALID_SSN',\n  INVALID_EIN: 'INVALID_EIN',\n  MAX_HOURLY_RATE: 'MAX_HOURLY_RATE',\n} as const\n\n// Mirrors the server's fixed hourly-rate cap so an over-limit value is caught\n// inline instead of round-tripping to an API error.\nconst HOURLY_RATE_CAP = 1_000_000_000_000\n\n/**\n * Union of validation error code strings emitted by the contractor details\n * form schema.\n *\n * @public\n */\nexport type ContractorDetailsErrorCode =\n  (typeof ContractorDetailsErrorCodes)[keyof typeof ContractorDetailsErrorCodes]\n\n// ── Field validators ───────────────────────────────────────────────────\n\nconst fieldValidators = {\n  type: z.enum([ContractorType.Individual, ContractorType.Business]),\n  wageType: z.enum([WageType.Hourly, WageType.Fixed]),\n  startDate: z.preprocess(\n    coerceToISODate,\n    z.iso.date({ error: () => ContractorDetailsErrorCodes.REQUIRED }),\n  ),\n  hourlyRate: z.preprocess(\n    coerceNaN(0),\n    z\n      .number()\n      .min(0)\n      .max(HOURLY_RATE_CAP, { message: ContractorDetailsErrorCodes.MAX_HOURLY_RATE }),\n  ),\n  selfOnboarding: z.boolean(),\n  fileNewHireReport: z.boolean(),\n  email: z.email({ error: () => ContractorDetailsErrorCodes.INVALID_EMAIL }),\n  firstName: z\n    .string()\n    .min(1, { message: ContractorDetailsErrorCodes.REQUIRED })\n    .regex(NAME_REGEX, { message: ContractorDetailsErrorCodes.INVALID_NAME }),\n  lastName: z\n    .string()\n    .min(1, { message: ContractorDetailsErrorCodes.REQUIRED })\n    .regex(NAME_REGEX, { message: ContractorDetailsErrorCodes.INVALID_NAME }),\n  middleInitial: z.string(),\n  businessName: z.string(),\n  workState: z.string(),\n  ssn: z\n    .string({ error: () => ContractorDetailsErrorCodes.REQUIRED })\n    .refine((v: string) => SSN_REGEX.test(v.replace(/\\D/g, '')), {\n      message: ContractorDetailsErrorCodes.INVALID_SSN,\n    }),\n  ein: z\n    .string({ error: () => ContractorDetailsErrorCodes.REQUIRED })\n    .refine((v: string) => EIN_REGEX.test(normalizeEin(v)), {\n      message: ContractorDetailsErrorCodes.INVALID_EIN,\n    }),\n}\n\n/**\n * Shape of the values managed by the contractor details form.\n *\n * @public\n * @interface\n */\nexport type ContractorDetailsFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\n\n/** @internal */\nexport type ContractorDetailsFormOutputs = ContractorDetailsFormData\n\n// ── Required fields config ─────────────────────────────────────────────\n//\n// Requiredness mirrors the contractor create/update API contract: fields the\n// API requires on create are `'create'` (optional on update), and fields the\n// API treats as optional are `'never'`. Type/wage *applicability* (does a field\n// apply to this contractor at all?) is handled separately by `excludeFields` —\n// see `getExcludedContractorFields` — not by requiredness. SSN/EIN are never\n// gated by `selfOnboarding`: each consumer decides whether to render and require\n// them (admins hide them when inviting; self-onboarding profiles collect them).\n//\n// `email` is the one genuinely value-conditional rule: it always applies but is\n// only required when self-onboarding is on (create and update, matching the\n// API's \"if self_onboarding is true, then email is required\"). A single-operand\n// predicate keeps `buildFormSchema`'s dependency-detecting Proxy accurate.\n\nconst requiredFieldsConfig = {\n  startDate: 'create',\n  firstName: 'create',\n  lastName: 'create',\n  businessName: 'create',\n  hourlyRate: 'create',\n  workState: 'create',\n  middleInitial: 'never',\n  ssn: 'never',\n  ein: 'never',\n  email: data => data.selfOnboarding,\n} satisfies RequiredFieldConfig<typeof fieldValidators>\n\n// ── Schema factory ─────────────────────────────────────────────────────\n\n/**\n * Keys of optional contractor details fields that can be promoted to required\n * via the hook's `optionalFieldsToRequire` option.\n *\n * @public\n */\nexport type ContractorDetailsOptionalFieldsToRequire = OptionalFieldsToRequire<\n  typeof requiredFieldsConfig\n>\n\n/** @internal */\ninterface ContractorDetailsSchemaOptions {\n  mode?: 'create' | 'update'\n  optionalFieldsToRequire?: ContractorDetailsOptionalFieldsToRequire\n  hasSsn?: boolean\n  hasEin?: boolean\n}\n\n/** @internal */\nexport function createContractorDetailsSchema(options: ContractorDetailsSchemaOptions = {}) {\n  const { mode = 'create', optionalFieldsToRequire, hasSsn = false, hasEin = false } = options\n\n  const fieldsWithRedactedValues: Array<keyof typeof fieldValidators> = []\n  if (hasSsn) fieldsWithRedactedValues.push('ssn')\n  if (hasEin) fieldsWithRedactedValues.push('ein')\n\n  return buildFormSchema(fieldValidators, {\n    requiredFieldsConfig,\n    requiredErrorCode: ContractorDetailsErrorCodes.REQUIRED,\n    mode,\n    optionalFieldsToRequire,\n    fieldsWithRedactedValues,\n    // Applicability gating: evaluated per-validation so a field's required\n    // check is skipped while it doesn't apply to the current selection. The\n    // field stays in the schema (validated as optional), keeping requiredness\n    // static and fully promotable via `optionalFieldsToRequire`.\n    excludeFields: getExcludedContractorFields,\n  })\n}\n\n/** @internal */\nexport type ContractorDiscriminators = Partial<\n  Pick<ContractorDetailsFormData, 'type' | 'wageType' | 'fileNewHireReport'>\n>\n\n/**\n * Fields that don't apply to the given contractor selection. Their required\n * check is skipped at validation time and they're never rendered. `email` is\n * never excluded — it always applies and its requiredness is governed by the\n * `selfOnboarding` predicate.\n *\n * @internal\n */\nexport function getExcludedContractorFields(\n  values: ContractorDiscriminators,\n): Array<keyof typeof fieldValidators> {\n  const isIndividual = values.type === ContractorType.Individual\n  const excluded: Array<keyof typeof fieldValidators> = []\n\n  if (values.wageType !== WageType.Hourly) excluded.push('hourlyRate')\n\n  if (isIndividual) {\n    excluded.push('businessName', 'ein')\n    if (!values.fileNewHireReport) excluded.push('workState')\n  } else {\n    excluded.push('firstName', 'lastName', 'middleInitial', 'fileNewHireReport', 'ssn', 'workState')\n  }\n\n  return excluded\n}\n"],"names":["ContractorType","ApiContractorType","WageType","ApiWageType","ContractorDetailsErrorCodes","HOURLY_RATE_CAP","fieldValidators","z","coerceToISODate","coerceNaN","NAME_REGEX","v","SSN_REGEX","EIN_REGEX","normalizeEin","requiredFieldsConfig","data","createContractorDetailsSchema","options","mode","optionalFieldsToRequire","hasSsn","hasEin","fieldsWithRedactedValues","buildFormSchema","getExcludedContractorFields","values","isIndividual","excluded"],"mappings":"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"}
+{"version":3,"file":"contractorDetailsSchema.js","sources":["../../../../../../src/components/Contractor/Profile/shared/useContractorDetailsForm/contractorDetailsSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  ContractorWageType as ApiWageType,\n  ContractorType as ApiContractorType,\n} from '@gusto/embedded-api/models/components/contractor'\nimport {\n  buildFormSchema,\n  type RequiredFieldConfig,\n  type OptionalFieldsToRequire,\n} from '@/partner-hook-utils/form/buildFormSchema'\nimport { coerceNaN, coerceToISODate } from '@/partner-hook-utils/form/preprocessors'\nimport { SSN_REGEX, EIN_REGEX, NAME_REGEX } from '@/helpers/validations'\nimport { normalizeEin } from '@/helpers/federalEin'\n\n/**\n * Contractor type enum (`Individual` / `Business`) re-exported from the API model.\n *\n * @public\n */\nexport const ContractorType = ApiContractorType\n/**\n * Contractor wage type enum (`Fixed` / `Hourly`) re-exported from the API model.\n *\n * @public\n */\nexport const WageType = ApiWageType\n\n// ── Error codes ────────────────────────────────────────────────────────\n\n/**\n * Validation error codes emitted by the contractor details form schema. Map\n * these codes to localized copy in `validationMessages` when composing the\n * hook.\n *\n * @public\n */\nexport const ContractorDetailsErrorCodes = {\n  REQUIRED: 'REQUIRED',\n  INVALID_NAME: 'INVALID_NAME',\n  INVALID_EMAIL: 'INVALID_EMAIL',\n  INVALID_SSN: 'INVALID_SSN',\n  INVALID_EIN: 'INVALID_EIN',\n  MAX_HOURLY_RATE: 'MAX_HOURLY_RATE',\n} as const\n\n// Mirrors the server's fixed hourly-rate cap so an over-limit value is caught\n// inline instead of round-tripping to an API error.\nconst HOURLY_RATE_CAP = 1_000_000_000_000\n\n/**\n * Union of validation error code strings emitted by the contractor details\n * form schema.\n *\n * @public\n */\nexport type ContractorDetailsErrorCode =\n  (typeof ContractorDetailsErrorCodes)[keyof typeof ContractorDetailsErrorCodes]\n\n// ── Field validators ───────────────────────────────────────────────────\n\nconst fieldValidators = {\n  type: z.enum([ContractorType.Individual, ContractorType.Business]),\n  wageType: z.enum([WageType.Hourly, WageType.Fixed]),\n  startDate: z.preprocess(\n    coerceToISODate,\n    z.iso.date({ error: () => ContractorDetailsErrorCodes.REQUIRED }),\n  ),\n  hourlyRate: z.preprocess(\n    coerceNaN(0),\n    z\n      .number()\n      .min(0)\n      .max(HOURLY_RATE_CAP, { message: ContractorDetailsErrorCodes.MAX_HOURLY_RATE }),\n  ),\n  selfOnboarding: z.boolean(),\n  fileNewHireReport: z.boolean(),\n  email: z.email({ error: () => ContractorDetailsErrorCodes.INVALID_EMAIL }),\n  firstName: z\n    .string()\n    .trim()\n    .min(1, { message: ContractorDetailsErrorCodes.REQUIRED })\n    .regex(NAME_REGEX, { message: ContractorDetailsErrorCodes.INVALID_NAME }),\n  lastName: z\n    .string()\n    .trim()\n    .min(1, { message: ContractorDetailsErrorCodes.REQUIRED })\n    .regex(NAME_REGEX, { message: ContractorDetailsErrorCodes.INVALID_NAME }),\n  middleInitial: z.string(),\n  businessName: z.string(),\n  workState: z.string(),\n  ssn: z\n    .string({ error: () => ContractorDetailsErrorCodes.REQUIRED })\n    .refine((v: string) => SSN_REGEX.test(v.replace(/\\D/g, '')), {\n      message: ContractorDetailsErrorCodes.INVALID_SSN,\n    }),\n  ein: z\n    .string({ error: () => ContractorDetailsErrorCodes.REQUIRED })\n    .refine((v: string) => EIN_REGEX.test(normalizeEin(v)), {\n      message: ContractorDetailsErrorCodes.INVALID_EIN,\n    }),\n}\n\n/**\n * Shape of the values managed by the contractor details form.\n *\n * @public\n * @interface\n */\nexport type ContractorDetailsFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\n\n/** @internal */\nexport type ContractorDetailsFormOutputs = ContractorDetailsFormData\n\n// ── Required fields config ─────────────────────────────────────────────\n//\n// Requiredness mirrors the contractor create/update API contract: fields the\n// API requires on create are `'create'` (optional on update), and fields the\n// API treats as optional are `'never'`. Type/wage *applicability* (does a field\n// apply to this contractor at all?) is handled separately by `excludeFields` —\n// see `getExcludedContractorFields` — not by requiredness. SSN/EIN are never\n// gated by `selfOnboarding`: each consumer decides whether to render and require\n// them (admins hide them when inviting; self-onboarding profiles collect them).\n//\n// `email` is the one genuinely value-conditional rule: it always applies but is\n// only required when self-onboarding is on (create and update, matching the\n// API's \"if self_onboarding is true, then email is required\"). A single-operand\n// predicate keeps `buildFormSchema`'s dependency-detecting Proxy accurate.\n\nconst requiredFieldsConfig = {\n  startDate: 'create',\n  firstName: 'create',\n  lastName: 'create',\n  businessName: 'create',\n  hourlyRate: 'create',\n  workState: 'create',\n  middleInitial: 'never',\n  ssn: 'never',\n  ein: 'never',\n  email: data => data.selfOnboarding,\n} satisfies RequiredFieldConfig<typeof fieldValidators>\n\n// ── Schema factory ─────────────────────────────────────────────────────\n\n/**\n * Keys of optional contractor details fields that can be promoted to required\n * via the hook's `optionalFieldsToRequire` option.\n *\n * @public\n */\nexport type ContractorDetailsOptionalFieldsToRequire = OptionalFieldsToRequire<\n  typeof requiredFieldsConfig\n>\n\n/** @internal */\ninterface ContractorDetailsSchemaOptions {\n  mode?: 'create' | 'update'\n  optionalFieldsToRequire?: ContractorDetailsOptionalFieldsToRequire\n  hasSsn?: boolean\n  hasEin?: boolean\n}\n\n/** @internal */\nexport function createContractorDetailsSchema(options: ContractorDetailsSchemaOptions = {}) {\n  const { mode = 'create', optionalFieldsToRequire, hasSsn = false, hasEin = false } = options\n\n  const fieldsWithRedactedValues: Array<keyof typeof fieldValidators> = []\n  if (hasSsn) fieldsWithRedactedValues.push('ssn')\n  if (hasEin) fieldsWithRedactedValues.push('ein')\n\n  return buildFormSchema(fieldValidators, {\n    requiredFieldsConfig,\n    requiredErrorCode: ContractorDetailsErrorCodes.REQUIRED,\n    mode,\n    optionalFieldsToRequire,\n    fieldsWithRedactedValues,\n    // Applicability gating: evaluated per-validation so a field's required\n    // check is skipped while it doesn't apply to the current selection. The\n    // field stays in the schema (validated as optional), keeping requiredness\n    // static and fully promotable via `optionalFieldsToRequire`.\n    excludeFields: getExcludedContractorFields,\n  })\n}\n\n/** @internal */\nexport type ContractorDiscriminators = Partial<\n  Pick<ContractorDetailsFormData, 'type' | 'wageType' | 'fileNewHireReport'>\n>\n\n/**\n * Fields that don't apply to the given contractor selection. Their required\n * check is skipped at validation time and they're never rendered. `email` is\n * never excluded — it always applies and its requiredness is governed by the\n * `selfOnboarding` predicate.\n *\n * @internal\n */\nexport function getExcludedContractorFields(\n  values: ContractorDiscriminators,\n): Array<keyof typeof fieldValidators> {\n  const isIndividual = values.type === ContractorType.Individual\n  const excluded: Array<keyof typeof fieldValidators> = []\n\n  if (values.wageType !== WageType.Hourly) excluded.push('hourlyRate')\n\n  if (isIndividual) {\n    excluded.push('businessName', 'ein')\n    if (!values.fileNewHireReport) excluded.push('workState')\n  } else {\n    excluded.push('firstName', 'lastName', 'middleInitial', 'fileNewHireReport', 'ssn', 'workState')\n  }\n\n  return excluded\n}\n"],"names":["ContractorType","ApiContractorType","WageType","ApiWageType","ContractorDetailsErrorCodes","HOURLY_RATE_CAP","fieldValidators","z","coerceToISODate","coerceNaN","NAME_REGEX","v","SSN_REGEX","EIN_REGEX","normalizeEin","requiredFieldsConfig","data","createContractorDetailsSchema","options","mode","optionalFieldsToRequire","hasSsn","hasEin","fieldsWithRedactedValues","buildFormSchema","getExcludedContractorFields","values","isIndividual","excluded"],"mappings":"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"}

package/dist/components/Contractor/exports/contractorManagement.js

@@ -9,22 +9,23 @@ import { AddressEditForm as l } from "../Address/management/AddressEditForm.js";
 import { Compensation as c } from "../Compensation/management/Compensation.js";
 import { CompensationCard as h } from "../Compensation/management/CompensationCard/CompensationCard.js";
 import { CompensationEditForm as H } from "../Compensation/management/CompensationEditForm.js";
-import { CreateHistoricalPayment as u } from "../Payments/CreateHistoricalPayment/CreateHistoricalPayment.js";
-import { CreatePaymentFlow as D } from "../Payments/CreatePaymentFlow/CreatePaymentFlow.js";
-import { Dashboard as S } from "../Dashboard/Dashboard.js";
-import { DashboardFlow as g } from "../Dashboard/DashboardFlow.js";
-import { DocumentsCard as j } from "../Documents/management/DocumentsCard/DocumentsCard.js";
-import { HistoricalPaymentFlow as q } from "../Payments/HistoricalPaymentFlow/HistoricalPaymentFlow.js";
-import { HistoricalPaymentSummary as z } from "../Payments/HistoricalPaymentSummary/HistoricalPaymentSummary.js";
-import { PaymentFlow as G } from "../Payments/PaymentFlow/PaymentFlow.js";
-import { PaymentMethod as J } from "../PaymentMethod/management/PaymentMethod.js";
-import { PaymentMethodCard as N } from "../PaymentMethod/management/PaymentMethodCard/PaymentMethodCard.js";
-import { PaymentMethodEditForm as Q } from "../PaymentMethod/management/PaymentMethodEditForm.js";
-import { PaymentSummary as T } from "../Payments/PaymentSummary/PaymentSummary.js";
-import { Profile as W } from "../Profile/management/Profile.js";
-import { ProfileCard as Y } from "../Profile/management/ProfileCard/ProfileCard.js";
-import { ProfileEditForm as _ } from "../Profile/management/ProfileEditForm.js";
-import { ViewPaymentFlow as oo } from "../Payments/ViewPaymentFlow/ViewPaymentFlow.js";
+import { ContractorListFlow as M } from "../ContractorListFlow/ContractorListFlow.js";
+import { CreateHistoricalPayment as A } from "../Payments/CreateHistoricalPayment/CreateHistoricalPayment.js";
+import { CreatePaymentFlow as S } from "../Payments/CreatePaymentFlow/CreatePaymentFlow.js";
+import { Dashboard as g } from "../Dashboard/Dashboard.js";
+import { DashboardFlow as j } from "../Dashboard/DashboardFlow.js";
+import { DocumentsCard as q } from "../Documents/management/DocumentsCard/DocumentsCard.js";
+import { HistoricalPaymentFlow as z } from "../Payments/HistoricalPaymentFlow/HistoricalPaymentFlow.js";
+import { HistoricalPaymentSummary as G } from "../Payments/HistoricalPaymentSummary/HistoricalPaymentSummary.js";
+import { PaymentFlow as J } from "../Payments/PaymentFlow/PaymentFlow.js";
+import { PaymentMethod as N } from "../PaymentMethod/management/PaymentMethod.js";
+import { PaymentMethodCard as Q } from "../PaymentMethod/management/PaymentMethodCard/PaymentMethodCard.js";
+import { PaymentMethodEditForm as T } from "../PaymentMethod/management/PaymentMethodEditForm.js";
+import { PaymentSummary as W } from "../Payments/PaymentSummary/PaymentSummary.js";
+import { Profile as Y } from "../Profile/management/Profile.js";
+import { ProfileCard as _ } from "../Profile/management/ProfileCard/ProfileCard.js";
+import { ProfileEditForm as oo } from "../Profile/management/ProfileEditForm.js";
+import { ViewPaymentFlow as to } from "../Payments/ViewPaymentFlow/ViewPaymentFlow.js";
 export {
   d as Address,
   P as AddressCard,
@@ -33,25 +34,26 @@ export {
   h as CompensationCard,
   H as CompensationEditForm,
   t as ContractorList,
-  u as CreateHistoricalPayment,
+  M as ContractorListFlow,
+  A as CreateHistoricalPayment,
   f as CreatePayment,
-  D as CreatePaymentFlow,
-  S as Dashboard,
-  g as DashboardFlow,
-  j as DocumentsCard,
-  q as HistoricalPaymentFlow,
-  z as HistoricalPaymentSummary,
-  G as PaymentFlow,
+  S as CreatePaymentFlow,
+  g as Dashboard,
+  j as DashboardFlow,
+  q as DocumentsCard,
+  z as HistoricalPaymentFlow,
+  G as HistoricalPaymentSummary,
+  J as PaymentFlow,
   x as PaymentHistory,
-  J as PaymentMethod,
-  N as PaymentMethodCard,
-  Q as PaymentMethodEditForm,
+  N as PaymentMethod,
+  Q as PaymentMethodCard,
+  T as PaymentMethodEditForm,
   i as PaymentStatement,
-  T as PaymentSummary,
+  W as PaymentSummary,
   m as PaymentsList,
-  W as Profile,
-  Y as ProfileCard,
-  _ as ProfileEditForm,
-  oo as ViewPaymentFlow
+  Y as Profile,
+  _ as ProfileCard,
+  oo as ProfileEditForm,
+  to as ViewPaymentFlow
 };
 //# sourceMappingURL=contractorManagement.js.map

package/dist/components/Contractor/exports/contractorManagement.js.map

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

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js

@@ -11,10 +11,11 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../../../shared/constants.js";
 import "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../../../Base/createCompoundContext.js";
-const [d, a] = t("DocumentListContext");
+const [a, f] = t("DocumentListContext");
 export {
-  a as DocumentListProvider,
-  d as useDocumentList
+  f as DocumentListProvider,
+  a as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useDocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.js

@@ -3,10 +3,10 @@ import { useTranslation as x, Trans as s } from "react-i18next";
 import { BaseLayout as b } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { Form as I } from "../../../Common/Form/Form.js";
+import { Flex as l } from "../../../Common/Flex/Flex.js";
 import { SDKFormProvider as R } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as F, useComponentDictionary as S } from "../../../../i18n/I18n.js";
-import { Flex as l } from "../../../Common/Flex/Flex.js";
 function Q({
   federalTaxes: r,
   onSubmit: d,

package/dist/components/Employee/PaymentMethod/management/PaymentMethodBankForm.js

@@ -1,17 +1,17 @@
 import { jsxs as M, jsx as n } from "react/jsx-runtime";
 import { useTranslation as s } from "react-i18next";
 import { useManagementBankFormDictionary as p } from "./useFormDictionary.js";
-import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as c } from "../../../Common/Flex/Flex.js";
+import { useComponentContext as _ } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { componentEvents as t } from "../../../../shared/constants.js";
-import { Flex as _ } from "../../../Common/Flex/Flex.js";
 import { BankFormBody as l } from "../shared/BankFormBody/BankFormBody.js";
 function F({
   employeeId: e,
   onEvent: o,
   ...m
 }) {
-  const r = p(), { t: a } = s("Employee.Management.PaymentMethodBankForm"), i = c();
-  return /* @__PURE__ */ M(_, { flexDirection: "column", gap: 32, children: [
+  const r = p(), { t: a } = s("Employee.Management.PaymentMethodBankForm"), i = _();
+  return /* @__PURE__ */ M(c, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ n(i.Heading, { as: "h1", styledAs: "h2", children: a("title") }),
     /* @__PURE__ */ n(
       l,

package/dist/components/Employee/PaymentMethod/onboarding/BankForm.js

@@ -1,13 +1,13 @@
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import { useTranslation as p } from "react-i18next";
 import { useOnboardingBankFormDictionary as d } from "./useFormDictionary.js";
-import { useComponentContext as l } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as l } from "../../../Common/Flex/Flex.js";
+import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { componentEvents as r } from "../../../../shared/constants.js";
-import { Flex as f } from "../../../Common/Flex/Flex.js";
 import { BankFormBody as C } from "../shared/BankFormBody/BankFormBody.js";
 function F({ employeeId: t, onEvent: o, ...m }) {
-  const e = d(), { t: i } = p("Employee.PaymentMethod"), a = l();
-  return /* @__PURE__ */ c(f, { flexDirection: "column", gap: 32, children: [
+  const e = d(), { t: i } = p("Employee.PaymentMethod"), a = f();
+  return /* @__PURE__ */ c(l, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ n(a.Heading, { as: "h1", styledAs: "h2", children: i("addBankAccountFormTitle") }),
     /* @__PURE__ */ n(
       C,

package/dist/components/Flow/Flow.js

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as x } from "react/jsx-runtime";
 import { Suspense as d } from "react";
 import { useMachine as F } from "react-robot";
+import { Flex as s } from "../Common/Flex/Flex.js";
 import { FlowContext as v } from "./useFlow.js";
 import { FlowHeader as E } from "./FlowHeader.js";
 import { useLoadingIndicator as a } from "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import { Flex as s } from "../Common/Flex/Flex.js";
 const g = 40;
 function H() {
   const { LoadingIndicator: o } = a();

package/dist/components/Payroll/GrossUpModal/GrossUpModal.js

@@ -18,12 +18,13 @@ import "@gusto/embedded-api/models/errors/httpclienterrors";
 import { formatNumberAsCurrency as L } from "../../../helpers/formattedStrings.js";
 import "../../../shared/constants.js";
 import { useComponentContext as V } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { useI18n as E } from "../../../i18n/I18n.js";
 import { NumberInputField as T } from "../../Common/Fields/NumberInputField/NumberInputField.js";
 const q = P.object({
   netPay: P.number().positive()
 });
-function pe({ isOpen: n, onCalculateGrossUp: w, onApply: A, onCancel: d }) {
+function fe({ isOpen: n, onCalculateGrossUp: w, onApply: A, onCancel: d }) {
   E("Payroll.GrossUpModal");
   const { t: r } = k("Payroll.GrossUpModal"), { Modal: M, Heading: u, Text: p, Button: i, Alert: f } = V(), { baseSubmitHandler: y } = H(), N = R(null), [l, c] = o(null), [h, m] = o(null), [g, b] = o(!1), [x, v] = o(!1), s = U({
     resolver: z(q),
@@ -110,6 +111,6 @@ function pe({ isOpen: n, onCalculateGrossUp: w, onApply: A, onCancel: d }) {
   );
 }
 export {
-  pe as GrossUpModal
+  fe as GrossUpModal
 };
 //# sourceMappingURL=GrossUpModal.js.map

package/dist/components/Payroll/GrossUpModal/GrossUpModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"GrossUpModal.js","sources":["../../../../src/components/Payroll/GrossUpModal/GrossUpModal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { GrossUpModalProps } from './GrossUpModalTypes'\nimport styles from './GrossUpModal.module.scss'\nimport { ActionsLayout, Flex, NumberInputField } from '@/components/Common'\nimport { useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\nconst GrossUpFormSchema = z.object({\n  netPay: z.number().positive(),\n})\n\ntype GrossUpFormValues = z.infer<typeof GrossUpFormSchema>\n\n/** @internal */\nexport function GrossUpModal({ isOpen, onCalculateGrossUp, onApply, onCancel }: GrossUpModalProps) {\n  useI18n('Payroll.GrossUpModal')\n  const { t } = useTranslation('Payroll.GrossUpModal')\n  const { Modal, Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const [calculatedGrossUp, setCalculatedGrossUp] = useState<string | null>(null)\n  const [errorMessage, setErrorMessage] = useState<string | null>(null)\n  const [isCalculating, setIsCalculating] = useState(false)\n  const [isApplying, setIsApplying] = useState(false)\n\n  const formHandlers = useForm<GrossUpFormValues>({\n    resolver: zodResolver(GrossUpFormSchema),\n    defaultValues: { netPay: 0 },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      formHandlers.reset({ netPay: 0 })\n      setCalculatedGrossUp(null)\n      setErrorMessage(null)\n    }\n  }, [isOpen, formHandlers.reset])\n\n  const handleCalculate = async (data: GrossUpFormValues) => {\n    setErrorMessage(null)\n    setCalculatedGrossUp(null)\n    setIsCalculating(true)\n\n    await baseSubmitHandler(null, async () => {\n      try {\n        const result = await onCalculateGrossUp(data.netPay)\n\n        if (result) {\n          setCalculatedGrossUp(result)\n        } else {\n          setErrorMessage(t('errorMessage'))\n        }\n      } finally {\n        setIsCalculating(false)\n      }\n    })\n  }\n\n  const handleApply = async () => {\n    if (calculatedGrossUp) {\n      setIsApplying(true)\n      await baseSubmitHandler(null, async () => {\n        try {\n          await onApply(calculatedGrossUp)\n        } finally {\n          setIsApplying(false)\n        }\n      })\n    }\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button\n            variant=\"primary\"\n            isDisabled={!calculatedGrossUp}\n            onClick={handleApply}\n            isLoading={isApplying}\n          >\n            {t('applyCta')}\n          </Button>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('cancelCta')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.header}>\n          <Heading as=\"h2\" styledAs=\"h3\">\n            {t('title')}\n          </Heading>\n          <Text variant=\"supporting\" as=\"p\">\n            {t('description')}\n          </Text>\n        </div>\n\n        <div className={styles.content}>\n          {errorMessage && (\n            <div className={styles.alert}>\n              <Alert label={errorMessage} status=\"error\" disableScrollIntoView />\n            </div>\n          )}\n\n          <div className={styles.alert}>\n            <Alert label={t('warning')} status=\"warning\" disableScrollIntoView />\n          </div>\n\n          <Flex flexDirection=\"row\" gap={8}>\n            <NumberInputField\n              name=\"netPay\"\n              label={t('netPayLabel')}\n              format=\"currency\"\n              errorMessage={t('validations.netPay')}\n              min={0}\n              isRequired\n            />\n            <Button\n              variant=\"secondary\"\n              className={styles.calculateButton}\n              isDisabled={isCalculating}\n              onClick={formHandlers.handleSubmit(handleCalculate)}\n            >\n              {isCalculating ? t('calculatingCta') : t('calculateCta')}\n            </Button>\n          </Flex>\n\n          {calculatedGrossUp && (\n            <>\n              <div className={styles.result}>\n                <Text size=\"sm\" variant=\"supporting\" weight=\"semibold\">\n                  {t('grossPayResult')}\n                </Text>\n                <Heading as=\"h3\">{formatNumberAsCurrency(parseFloat(calculatedGrossUp))}</Heading>\n              </div>\n            </>\n          )}\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["GrossUpFormSchema","z","GrossUpModal","isOpen","onCalculateGrossUp","onApply","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","Alert","useComponentContext","baseSubmitHandler","useBase","modalContainerRef","useRef","calculatedGrossUp","setCalculatedGrossUp","useState","errorMessage","setErrorMessage","isCalculating","setIsCalculating","isApplying","setIsApplying","formHandlers","useForm","zodResolver","useEffect","handleCalculate","data","result","jsx","ActionsLayout","jsxs","FormProvider","styles","Flex","NumberInputField","Fragment"],"mappings":"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"}
+{"version":3,"file":"GrossUpModal.js","sources":["../../../../src/components/Payroll/GrossUpModal/GrossUpModal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { GrossUpModalProps } from './GrossUpModalTypes'\nimport styles from './GrossUpModal.module.scss'\nimport { ActionsLayout, Flex, NumberInputField } from '@/components/Common'\nimport { useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\nconst GrossUpFormSchema = z.object({\n  netPay: z.number().positive(),\n})\n\ntype GrossUpFormValues = z.infer<typeof GrossUpFormSchema>\n\n/** @internal */\nexport function GrossUpModal({ isOpen, onCalculateGrossUp, onApply, onCancel }: GrossUpModalProps) {\n  useI18n('Payroll.GrossUpModal')\n  const { t } = useTranslation('Payroll.GrossUpModal')\n  const { Modal, Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const [calculatedGrossUp, setCalculatedGrossUp] = useState<string | null>(null)\n  const [errorMessage, setErrorMessage] = useState<string | null>(null)\n  const [isCalculating, setIsCalculating] = useState(false)\n  const [isApplying, setIsApplying] = useState(false)\n\n  const formHandlers = useForm<GrossUpFormValues>({\n    resolver: zodResolver(GrossUpFormSchema),\n    defaultValues: { netPay: 0 },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      formHandlers.reset({ netPay: 0 })\n      setCalculatedGrossUp(null)\n      setErrorMessage(null)\n    }\n  }, [isOpen, formHandlers.reset])\n\n  const handleCalculate = async (data: GrossUpFormValues) => {\n    setErrorMessage(null)\n    setCalculatedGrossUp(null)\n    setIsCalculating(true)\n\n    await baseSubmitHandler(null, async () => {\n      try {\n        const result = await onCalculateGrossUp(data.netPay)\n\n        if (result) {\n          setCalculatedGrossUp(result)\n        } else {\n          setErrorMessage(t('errorMessage'))\n        }\n      } finally {\n        setIsCalculating(false)\n      }\n    })\n  }\n\n  const handleApply = async () => {\n    if (calculatedGrossUp) {\n      setIsApplying(true)\n      await baseSubmitHandler(null, async () => {\n        try {\n          await onApply(calculatedGrossUp)\n        } finally {\n          setIsApplying(false)\n        }\n      })\n    }\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button\n            variant=\"primary\"\n            isDisabled={!calculatedGrossUp}\n            onClick={handleApply}\n            isLoading={isApplying}\n          >\n            {t('applyCta')}\n          </Button>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('cancelCta')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.header}>\n          <Heading as=\"h2\" styledAs=\"h3\">\n            {t('title')}\n          </Heading>\n          <Text variant=\"supporting\" as=\"p\">\n            {t('description')}\n          </Text>\n        </div>\n\n        <div className={styles.content}>\n          {errorMessage && (\n            <div className={styles.alert}>\n              <Alert label={errorMessage} status=\"error\" disableScrollIntoView />\n            </div>\n          )}\n\n          <div className={styles.alert}>\n            <Alert label={t('warning')} status=\"warning\" disableScrollIntoView />\n          </div>\n\n          <Flex flexDirection=\"row\" gap={8}>\n            <NumberInputField\n              name=\"netPay\"\n              label={t('netPayLabel')}\n              format=\"currency\"\n              errorMessage={t('validations.netPay')}\n              min={0}\n              isRequired\n            />\n            <Button\n              variant=\"secondary\"\n              className={styles.calculateButton}\n              isDisabled={isCalculating}\n              onClick={formHandlers.handleSubmit(handleCalculate)}\n            >\n              {isCalculating ? t('calculatingCta') : t('calculateCta')}\n            </Button>\n          </Flex>\n\n          {calculatedGrossUp && (\n            <>\n              <div className={styles.result}>\n                <Text size=\"sm\" variant=\"supporting\" weight=\"semibold\">\n                  {t('grossPayResult')}\n                </Text>\n                <Heading as=\"h3\">{formatNumberAsCurrency(parseFloat(calculatedGrossUp))}</Heading>\n              </div>\n            </>\n          )}\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["GrossUpFormSchema","z","GrossUpModal","isOpen","onCalculateGrossUp","onApply","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","Alert","useComponentContext","baseSubmitHandler","useBase","modalContainerRef","useRef","calculatedGrossUp","setCalculatedGrossUp","useState","errorMessage","setErrorMessage","isCalculating","setIsCalculating","isApplying","setIsApplying","formHandlers","useForm","zodResolver","useEffect","handleCalculate","data","result","jsx","ActionsLayout","jsxs","FormProvider","styles","Flex","NumberInputField","Fragment"],"mappings":"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"}

package/dist/components/Payroll/OffCycleCreation/OffCycleCreation.js

@@ -1,12 +1,12 @@
 import { jsx as c } from "react/jsx-runtime";
-import { useState as v, useCallback as D, useMemo as z, useEffect as Y } from "react";
+import { useState as x, useCallback as P, useMemo as z, useEffect as Y } from "react";
 import { useForm as H, FormProvider as J } from "react-hook-form";
 import { zodResolver as K } from "@hookform/resolvers/zod";
 import { z as l } from "zod";
-import { useTranslation as x } from "react-i18next";
+import { useTranslation as T } from "react-i18next";
 import { usePayrollsCreateOffCycleMutation as Z } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
 import { WithholdingPayPeriod as G, OffCycleReason as W } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
-import { RFCDate as P } from "@gusto/embedded-api/types/rfcdate";
+import { RFCDate as g } from "@gusto/embedded-api/types/rfcdate";
 import { useEmployeesListSuspense as Q } from "@gusto/embedded-api/react-query/employeesList";
 import { createOffCyclePayPeriodDateFormSchema as X } from "../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes.js";
 import { useOffCyclePayPeriodDateValidation as $ } from "../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
@@ -14,11 +14,11 @@ import { OffCycleCreationPresentation as ee } from "./OffCycleCreationPresentati
 import { useCompanyPaymentSpeed as oe } from "../../../hooks/useCompanyPaymentSpeed.js";
 import { BaseComponent as te } from "../../Base/Base.js";
 import { useBase as ne } from "../../Base/useBase.js";
-import { useComponentDictionary as le, useI18n as a } from "../../../i18n/I18n.js";
-import { componentEvents as se } from "../../../shared/constants.js";
-import { SDKInternalError as ie } from "../../../types/sdkError.js";
+import { useComponentDictionary as ie, useI18n as a } from "../../../i18n/I18n.js";
+import { componentEvents as le } from "../../../shared/constants.js";
+import { SDKInternalError as se } from "../../../types/sdkError.js";
 import { Form as re } from "../../Common/Form/Form.js";
-import { OFF_CYCLE_REASON_DEFAULTS as f } from "../OffCycleReasonSelection/types.js";
+import { OFF_CYCLE_REASON_DEFAULTS as u } from "../OffCycleReasonSelection/types.js";
 const ae = {
   bonus: W.Bonus,
   correction: W.Correction
@@ -26,21 +26,21 @@ const ae = {
 function Ae(m) {
   return /* @__PURE__ */ c(te, { ...m, children: /* @__PURE__ */ c(ce, { ...m }) });
 }
-function ce({ dictionary: m, companyId: y, payrollType: d = "bonus" }) {
-  le("Payroll.OffCycleCreation", m), a("Payroll.OffCycleCreation"), a("Payroll.OffCycleReasonSelection"), a("Payroll.OffCyclePayPeriodDateForm"), a("Payroll.OffCycleDeductionsSetting"), a("Payroll.EmployeeSelection");
-  const { t: A } = x("Payroll.OffCyclePayPeriodDateForm"), { t: g } = x("Payroll.OffCycleCreation"), { onEvent: F, baseSubmitHandler: U } = ne(), { paymentSpeedDays: O } = oe(y), { minCheckDate: E, today: k } = $(O), { mutateAsync: N, isPending: L } = Z(), [h, R] = v({
+function ce({ dictionary: m, companyId: f, payrollType: y = "bonus" }) {
+  ie("Payroll.OffCycleCreation", m), a("Payroll.OffCycleCreation"), a("Payroll.OffCycleReasonSelection"), a("Payroll.OffCyclePayPeriodDateForm"), a("Payroll.OffCycleDeductionsSetting"), a("Payroll.EmployeeSelection");
+  const { t: v } = T("Payroll.OffCyclePayPeriodDateForm"), { t: O } = T("Payroll.OffCycleCreation"), { onEvent: A, baseSubmitHandler: F } = ne(), { paymentSpeedDays: E } = oe(f), { minCheckDate: k, maxDate: U, minPayPeriodDate: N, today: R } = $(E), { mutateAsync: L, isPending: M } = Z(), [h, w] = x({
     withholdingPayPeriod: G.EveryOtherWeek,
-    withholdingRate: f[d].withholdingType
-  }), [M, p] = v(!1), _ = D(() => {
+    withholdingRate: u[y].withholdingType
+  }), [_, p] = x(!1), j = P(() => {
     p(!0);
-  }, []), j = D((e) => {
-    R(e), p(!1);
-  }, []), B = D(() => {
+  }, []), B = P((e) => {
+    w(e), p(!1);
+  }, []), I = P(() => {
     p(!1);
-  }, []), { data: w } = Q({
-    companyId: y,
+  }, []), { data: S } = Q({
+    companyId: f,
     onboardedActive: !0
-  }), S = z(() => [...w.showEmployees ?? []].sort((o, t) => {
+  }), b = z(() => [...S.showEmployees ?? []].sort((o, t) => {
     const n = o.lastName.localeCompare(t.lastName);
     return n !== 0 ? n : o.firstName.localeCompare(t.firstName);
   }).map((o) => {
@@ -50,87 +50,88 @@ function ce({ dictionary: m, companyId: y, payrollType: d = "bonus" }) {
       value: o.uuid,
       description: n?.title || void 0
     };
-  }), [w]), I = (e, o) => (
+  }), [S]), V = (e, o) => (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    A(e, o)
-  ), i = H({
+    v(e, o)
+  ), s = H({
     resolver: (e, o, t) => {
-      const n = e.reason, r = e.isCheckOnly, s = X(
-        I,
-        n === "correction" ? "correction" : d,
-        r ? k : E,
-        O
-      ), u = l.object({
+      const n = e.isCheckOnly, r = X(
+        V,
+        n ? R : k,
+        E
+      ), D = l.object({
         reason: l.enum(["bonus", "correction"]),
         skipRegularDeductions: l.boolean(),
         includeAllEmployees: l.boolean(),
         selectedEmployeeUuids: l.array(l.string())
-      }).and(s).superRefine((T, q) => {
-        !T.includeAllEmployees && T.selectedEmployeeUuids.length === 0 && q.addIssue({
+      }).and(r).superRefine((i, d) => {
+        !i.includeAllEmployees && i.selectedEmployeeUuids.length === 0 && d.addIssue({
           code: l.ZodIssueCode.custom,
           path: ["selectedEmployeeUuids"],
-          message: g("errors.noEmployeesSelected")
+          message: O("errors.noEmployeesSelected")
         });
       });
-      return K(u)(e, o, t);
+      return K(D)(e, o, t);
     },
     defaultValues: {
-      reason: d,
+      reason: y,
       isCheckOnly: !1,
       startDate: null,
       endDate: null,
       checkDate: null,
-      skipRegularDeductions: f[d].skipDeductions,
+      skipRegularDeductions: u[y].skipDeductions,
       includeAllEmployees: !1,
       selectedEmployeeUuids: []
     }
-  }), C = i.watch("reason");
+  }), C = s.watch("reason");
   Y(() => {
-    i.setValue(
+    s.setValue(
       "skipRegularDeductions",
-      f[C].skipDeductions
-    ), R((e) => ({
+      u[C].skipDeductions
+    ), w((e) => ({
       ...e,
-      withholdingRate: f[C].withholdingType
+      withholdingRate: u[C].withholdingType
     }));
-  }, [C, i]);
-  const V = async (e) => {
-    const o = e.reason, t = e.checkDate, n = e.startDate, r = e.endDate, b = e.includeAllEmployees ? S.map((s) => s.value) : e.selectedEmployeeUuids.length > 0 ? e.selectedEmployeeUuids : void 0;
-    await U(e, async () => {
-      const s = await N({
+  }, [C, s]);
+  const q = async (e) => {
+    const o = e.reason, t = e.checkDate, n = e.startDate, r = e.endDate, D = e.includeAllEmployees ? b.map((i) => i.value) : e.selectedEmployeeUuids.length > 0 ? e.selectedEmployeeUuids : void 0;
+    await F(e, async () => {
+      const i = await L({
         request: {
-          companyId: y,
+          companyId: f,
           requestBody: {
             offCycle: !0,
             offCycleReason: ae[o],
-            startDate: new P(n),
-            endDate: new P(r),
-            checkDate: new P(t),
+            startDate: new g(n),
+            endDate: new g(r),
+            checkDate: new g(t),
             skipRegularDeductions: e.skipRegularDeductions,
             isCheckOnlyPayroll: e.isCheckOnly,
-            employeeUuids: b,
+            employeeUuids: D,
             withholdingPayPeriod: h.withholdingPayPeriod,
             fixedWithholdingRate: h.withholdingRate === "supplemental"
           }
         }
-      }), u = s.payrollUnprocessed?.payrollUuid ?? s.payrollUnprocessed?.uuid;
-      if (!u)
-        throw new ie(g("errors.missingPayrollId"));
-      F(se.OFF_CYCLE_CREATED, { payrollUuid: u });
+      }), d = i.payrollUnprocessed?.payrollUuid ?? i.payrollUnprocessed?.uuid;
+      if (!d)
+        throw new se(O("errors.missingPayrollId"));
+      A(le.OFF_CYCLE_CREATED, { payrollUuid: d });
     });
   };
-  return /* @__PURE__ */ c(J, { ...i, children: /* @__PURE__ */ c(re, { onSubmit: i.handleSubmit(V), children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(J, { ...s, children: /* @__PURE__ */ c(re, { onSubmit: s.handleSubmit(q), children: /* @__PURE__ */ c(
     ee,
     {
-      employees: S,
-      isPending: L,
-      minCheckDate: E,
-      minCheckOnlyDate: k,
+      employees: b,
+      isPending: M,
+      minCheckDate: k,
+      minCheckOnlyDate: R,
+      maxDate: U,
+      minPayPeriodDate: N,
       taxWithholdingConfig: h,
-      isTaxWithholdingModalOpen: M,
-      onTaxWithholdingEditClick: _,
-      onTaxWithholdingModalDone: j,
-      onTaxWithholdingModalCancel: B
+      isTaxWithholdingModalOpen: _,
+      onTaxWithholdingEditClick: j,
+      onTaxWithholdingModalDone: B,
+      onTaxWithholdingModalCancel: I
     }
   ) }) });
 }