@gusto/embedded-react-sdk 0.51.2 → 0.52.1

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  WageType 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} as const\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(coerceNaN(0), z.number().min(0)),\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","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":";;;;;;AAmBO,MAAMA,IAAiBC,GAMjBC,IAAWC,GAWXC,IAA8B;AAAA,EACzC,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AACf,GAaMC,IAAkB;AAAA,EACtB,MAAMC,EAAE,KAAK,CAACN,EAAe,YAAYA,EAAe,QAAQ,CAAC;AAAA,EACjE,UAAUM,EAAE,KAAK,CAACJ,EAAS,QAAQA,EAAS,KAAK,CAAC;AAAA,EAClD,WAAWI,EAAE;AAAA,IACXC;AAAA,IACAD,EAAE,IAAI,KAAK,EAAE,OAAO,MAAMF,EAA4B,UAAU;AAAA,EAAA;AAAA,EAElE,YAAYE,EAAE,WAAWE,EAAU,CAAC,GAAGF,EAAE,OAAA,EAAS,IAAI,CAAC,CAAC;AAAA,EACxD,gBAAgBA,EAAE,QAAA;AAAA,EAClB,mBAAmBA,EAAE,QAAA;AAAA,EACrB,OAAOA,EAAE,MAAM,EAAE,OAAO,MAAMF,EAA4B,eAAe;AAAA,EACzE,WAAWE,EACR,OAAA,EACA,IAAI,GAAG,EAAE,SAASF,EAA4B,SAAA,CAAU,EACxD,MAAMK,GAAY,EAAE,SAASL,EAA4B,cAAc;AAAA,EAC1E,UAAUE,EACP,OAAA,EACA,IAAI,GAAG,EAAE,SAASF,EAA4B,SAAA,CAAU,EACxD,MAAMK,GAAY,EAAE,SAASL,EAA4B,cAAc;AAAA,EAC1E,eAAeE,EAAE,OAAA;AAAA,EACjB,cAAcA,EAAE,OAAA;AAAA,EAChB,WAAWA,EAAE,OAAA;AAAA,EACb,KAAKA,EACF,OAAO,EAAE,OAAO,MAAMF,EAA4B,UAAU,EAC5D,OAAO,CAACM,MAAcC,EAAU,KAAKD,EAAE,QAAQ,OAAO,EAAE,CAAC,GAAG;AAAA,IAC3D,SAASN,EAA4B;AAAA,EAAA,CACtC;AAAA,EACH,KAAKE,EACF,OAAO,EAAE,OAAO,MAAMF,EAA4B,SAAA,CAAU,EAC5D,OAAO,CAACM,MAAcE,EAAU,KAAKC,EAAaH,CAAC,CAAC,GAAG;AAAA,IACtD,SAASN,EAA4B;AAAA,EAAA,CACtC;AACL,GA8BMU,IAAuB;AAAA,EAC3B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,KAAK;AAAA,EACL,KAAK;AAAA,EACL,OAAO,OAAQC,EAAK;AACtB;AAuBO,SAASC,EAA8BC,IAA0C,IAAI;AAC1F,QAAM,EAAE,MAAAC,IAAO,UAAU,yBAAAC,GAAyB,QAAAC,IAAS,IAAO,QAAAC,IAAS,OAAUJ,GAE/EK,IAAgE,CAAA;AACtE,SAAIF,KAAQE,EAAyB,KAAK,KAAK,GAC3CD,KAAQC,EAAyB,KAAK,KAAK,GAExCC,EAAgBlB,GAAiB;AAAA,IACtC,sBAAAS;AAAA,IACA,mBAAmBV,EAA4B;AAAA,IAC/C,MAAAc;AAAA,IACA,yBAAAC;AAAA,IACA,0BAAAG;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,eAAeE;AAAA,EAAA,CAChB;AACH;AAeO,SAASA,EACdC,GACqC;AACrC,QAAMC,IAAeD,EAAO,SAASzB,EAAe,YAC9C2B,IAAgD,CAAA;AAEtD,SAAIF,EAAO,aAAavB,EAAS,UAAQyB,EAAS,KAAK,YAAY,GAE/DD,KACFC,EAAS,KAAK,gBAAgB,KAAK,GAC9BF,EAAO,qBAAmBE,EAAS,KAAK,WAAW,KAExDA,EAAS,KAAK,aAAa,YAAY,iBAAiB,qBAAqB,OAAO,WAAW,GAG1FA;AACT;"}
+{"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} as const\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(coerceNaN(0), z.number().min(0)),\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","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":";;;;;;AAmBO,MAAMA,IAAiBC,GAMjBC,IAAWC,GAWXC,IAA8B;AAAA,EACzC,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AACf,GAaMC,IAAkB;AAAA,EACtB,MAAMC,EAAE,KAAK,CAACN,EAAe,YAAYA,EAAe,QAAQ,CAAC;AAAA,EACjE,UAAUM,EAAE,KAAK,CAACJ,EAAS,QAAQA,EAAS,KAAK,CAAC;AAAA,EAClD,WAAWI,EAAE;AAAA,IACXC;AAAA,IACAD,EAAE,IAAI,KAAK,EAAE,OAAO,MAAMF,EAA4B,UAAU;AAAA,EAAA;AAAA,EAElE,YAAYE,EAAE,WAAWE,EAAU,CAAC,GAAGF,EAAE,OAAA,EAAS,IAAI,CAAC,CAAC;AAAA,EACxD,gBAAgBA,EAAE,QAAA;AAAA,EAClB,mBAAmBA,EAAE,QAAA;AAAA,EACrB,OAAOA,EAAE,MAAM,EAAE,OAAO,MAAMF,EAA4B,eAAe;AAAA,EACzE,WAAWE,EACR,OAAA,EACA,IAAI,GAAG,EAAE,SAASF,EAA4B,SAAA,CAAU,EACxD,MAAMK,GAAY,EAAE,SAASL,EAA4B,cAAc;AAAA,EAC1E,UAAUE,EACP,OAAA,EACA,IAAI,GAAG,EAAE,SAASF,EAA4B,SAAA,CAAU,EACxD,MAAMK,GAAY,EAAE,SAASL,EAA4B,cAAc;AAAA,EAC1E,eAAeE,EAAE,OAAA;AAAA,EACjB,cAAcA,EAAE,OAAA;AAAA,EAChB,WAAWA,EAAE,OAAA;AAAA,EACb,KAAKA,EACF,OAAO,EAAE,OAAO,MAAMF,EAA4B,UAAU,EAC5D,OAAO,CAACM,MAAcC,EAAU,KAAKD,EAAE,QAAQ,OAAO,EAAE,CAAC,GAAG;AAAA,IAC3D,SAASN,EAA4B;AAAA,EAAA,CACtC;AAAA,EACH,KAAKE,EACF,OAAO,EAAE,OAAO,MAAMF,EAA4B,SAAA,CAAU,EAC5D,OAAO,CAACM,MAAcE,EAAU,KAAKC,EAAaH,CAAC,CAAC,GAAG;AAAA,IACtD,SAASN,EAA4B;AAAA,EAAA,CACtC;AACL,GA8BMU,IAAuB;AAAA,EAC3B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,KAAK;AAAA,EACL,KAAK;AAAA,EACL,OAAO,OAAQC,EAAK;AACtB;AAuBO,SAASC,EAA8BC,IAA0C,IAAI;AAC1F,QAAM,EAAE,MAAAC,IAAO,UAAU,yBAAAC,GAAyB,QAAAC,IAAS,IAAO,QAAAC,IAAS,OAAUJ,GAE/EK,IAAgE,CAAA;AACtE,SAAIF,KAAQE,EAAyB,KAAK,KAAK,GAC3CD,KAAQC,EAAyB,KAAK,KAAK,GAExCC,EAAgBlB,GAAiB;AAAA,IACtC,sBAAAS;AAAA,IACA,mBAAmBV,EAA4B;AAAA,IAC/C,MAAAc;AAAA,IACA,yBAAAC;AAAA,IACA,0BAAAG;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,eAAeE;AAAA,EAAA,CAChB;AACH;AAeO,SAASA,EACdC,GACqC;AACrC,QAAMC,IAAeD,EAAO,SAASzB,EAAe,YAC9C2B,IAAgD,CAAA;AAEtD,SAAIF,EAAO,aAAavB,EAAS,UAAQyB,EAAS,KAAK,YAAY,GAE/DD,KACFC,EAAS,KAAK,gBAAgB,KAAK,GAC9BF,EAAO,qBAAmBE,EAAS,KAAK,WAAW,KAExDA,EAAS,KAAK,aAAa,YAAY,iBAAiB,qBAAqB,OAAO,WAAW,GAG1FA;AACT;"}

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/useContractorDetailsForm.d.ts

@@ -196,4 +196,4 @@ export type UseContractorDetailsFormResult = HookLoadingResult | UseContractorDe
  *
  * @public
  */
-export type ContractorDetailsFieldsMetadata = { type: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Business" | "Individual">; wageType: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Fixed" | "Hourly">; startDate: FieldMetadata; hourlyRate: FieldMetadata; selfOnboarding: FieldMetadata; fileNewHireReport: FieldMetadata; email: FieldMetadata; firstName: FieldMetadata; lastName: FieldMetadata; middleInitial: FieldMetadata; businessName: FieldMetadata; ssn: FieldMetadata; ein: FieldMetadata; workState: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"AL" | "AK" | "AZ" | "AR" | "CA" | "CO" | "CT" | "DE" | "DC" | "FL" | "GA" | "HI" | "ID" | "IL" | "IN" | "IA" | "KS" | "KY" | "LA" | "ME" | "MD" | "MA" | "MI" | "MN" | "MS" | "MO" | "MT" | "NE" | "NV" | "NH" | "NJ" | "NM" | "NY" | "NC" | "ND" | "OH" | "OK" | "OR" | "PA" | "RI" | "SC" | "SD" | "TN" | "TX" | "UT" | "VT" | "VA" | "WA" | "WV" | "WI" | "WY">; };
+export type ContractorDetailsFieldsMetadata = { type: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Business" | "Individual">; wageType: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Fixed" | "Hourly">; startDate: FieldMetadata; hourlyRate: FieldMetadata; selfOnboarding: FieldMetadata; fileNewHireReport: FieldMetadata; email: FieldMetadata; firstName: FieldMetadata; lastName: FieldMetadata; middleInitial: FieldMetadata; businessName: FieldMetadata; ssn: FieldMetadata; ein: FieldMetadata; workState: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"AK" | "AL" | "AR" | "AZ" | "CA" | "CO" | "CT" | "DC" | "DE" | "FL" | "GA" | "HI" | "IA" | "ID" | "IL" | "IN" | "KS" | "KY" | "LA" | "MA" | "MD" | "ME" | "MI" | "MN" | "MO" | "MS" | "MT" | "NC" | "ND" | "NE" | "NH" | "NJ" | "NM" | "NV" | "NY" | "OH" | "OK" | "OR" | "PA" | "RI" | "SC" | "SD" | "TN" | "TX" | "UT" | "VA" | "VT" | "WA" | "WI" | "WV" | "WY">; };

package/dist/components/Contractor/Submit/Submit.js

@@ -1,101 +1,144 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { useContractorsUpdateOnboardingStatusMutation as v } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
-import { useContractorsGetOnboardingStatusSuspense as B } from "@gusto/embedded-api/react-query/contractorsGetOnboardingStatus";
-import { useContractorsGetSuspense as E } from "@gusto/embedded-api/react-query/contractorsGet";
-import { SubmitDone as I } from "./SubmitDone.js";
-import { Flex as m, FlexItem as U } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as M } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as f } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { useTranslation as N } from "react-i18next";
+import { useContractorsUpdateOnboardingStatusMutation as P } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
+import { useContractorsGetOnboardingStatusSuspense as j } from "@gusto/embedded-api/react-query/contractorsGetOnboardingStatus";
+import { useContractorsGetSuspense as T } from "@gusto/embedded-api/react-query/contractorsGet";
+import { useContractorDocumentsGetAllSuspense as k } from "@gusto/embedded-api/react-query/contractorDocumentsGetAll";
+import { useContractorDocumentsGetPdf as H } from "@gusto/embedded-api/react-query/contractorDocumentsGetPdf";
+import { SubmitDone as F } from "./SubmitDone.js";
+import { Flex as c, FlexItem as W } from "../../Common/Flex/Flex.js";
+import { ActionsLayout as V } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as D } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { useI18n as y, useComponentDictionary as L } from "../../../i18n/I18n.js";
-import { BaseComponent as j } from "../../Base/Base.js";
-import { useBase as q } from "../../Base/useBase.js";
-import { ContractorOnboardingStatus as b, componentEvents as u } from "../../../shared/constants.js";
-import { firstLastName as G } from "../../../helpers/formattedStrings.js";
-function nt(n) {
-  return /* @__PURE__ */ t(j, { ...n, children: /* @__PURE__ */ t(w, { ...n, children: n.children }) });
+import { useI18n as z, useComponentDictionary as J } from "../../../i18n/I18n.js";
+import { BaseComponent as K } from "../../Base/Base.js";
+import { useBase as Q } from "../../Base/useBase.js";
+import { ContractorOnboardingStatus as O, componentEvents as f } from "../../../shared/constants.js";
+import { firstLastName as X } from "../../../helpers/formattedStrings.js";
+import { W9_DOCUMENT_NAME as _ } from "../Documents/SignatureForm/useContractorSignatureForm/w9Fields.js";
+function bt(e) {
+  return /* @__PURE__ */ t(K, { ...e, children: /* @__PURE__ */ t(Y, { ...e, children: e.children }) });
 }
-const w = ({ contractorId: n, selfOnboarding: d, dictionary: r }) => {
-  y("Contractor.Submit"), L("Contractor.Submit", r);
-  const { Alert: l, Box: C, BoxHeader: i, Button: O, Text: s, Heading: S, UnorderedList: D } = f(), { t: e } = p("Contractor.Submit"), { onEvent: a, baseSubmitHandler: T } = q(), g = Object.values(e("warningItems", { returnObjects: !0 })), { data: N } = B({
-    contractorUuid: n
-  }), h = N.contractorOnboardingStatus?.onboardingStatus, { mutateAsync: R } = v(), _ = async () => {
-    await T(null, async () => {
-      const c = await R({
+const Y = ({ contractorId: e, selfOnboarding: l, dictionary: r }) => {
+  z("Contractor.Submit"), J("Contractor.Submit", r);
+  const { Alert: u, Box: m, BoxHeader: i, Button: d, Heading: s, UnorderedList: C } = D(), { t: n } = N("Contractor.Submit"), { onEvent: p, baseSubmitHandler: R } = Q(), x = Object.values(n("warningItems", { returnObjects: !0 })), { data: A } = j({
+    contractorUuid: e
+  }), g = A.contractorOnboardingStatus?.onboardingStatus, { data: U } = T({ contractorUuid: e }), h = U.contractor, B = h?.type === "Individual" ? h.firstName : h?.businessName, { data: E } = k({
+    contractorUuid: e
+  }), b = (E.documents ?? []).filter(
+    (o) => o.requiresSigning && !o.signedAt
+  ), v = b.some((o) => o.name === _), { mutateAsync: I, isPending: y } = P(), L = async () => {
+    await R(null, async () => {
+      const o = await I({
         request: {
-          contractorUuid: n,
+          contractorUuid: e,
           contractorOnboardingStatusUpdateRequestBody: {
-            onboardingStatus: b.ONBOARDING_COMPLETED
+            onboardingStatus: O.ONBOARDING_COMPLETED
           }
         }
       });
-      a(
-        u.CONTRACTOR_ONBOARDING_STATUS_UPDATED,
-        c.contractorOnboardingStatus
-      ), a(u.CONTRACTOR_SUBMIT_DONE, { message: e("submitDone.successMessage") });
+      p(
+        f.CONTRACTOR_ONBOARDING_STATUS_UPDATED,
+        o.contractorOnboardingStatus
+      ), p(f.CONTRACTOR_SUBMIT_DONE, { message: n("submitDone.successMessage") });
     });
-  }, x = () => {
-    a(u.CONTRACTOR_INVITE_CONTRACTOR, { contractorId: n }), a(u.CONTRACTOR_SUBMIT_DONE, {
-      message: e("inviteContractor.successMessage")
+  }, w = () => {
+    p(f.CONTRACTOR_INVITE_CONTRACTOR, { contractorId: e }), p(f.CONTRACTOR_SUBMIT_DONE, {
+      message: n("inviteContractor.successMessage")
     });
-  }, A = () => {
-    a(u.CONTRACTOR_SUBMIT_DONE, {
-      onboardingStatus: h,
-      message: e("submitDone.successMessage")
+  }, M = () => {
+    p(f.CONTRACTOR_SUBMIT_DONE, {
+      onboardingStatus: g,
+      message: n("submitDone.successMessage")
     });
   };
-  return h === b.ONBOARDING_COMPLETED ? /* @__PURE__ */ t(I, { onDone: A }) : h === b.SELF_ONBOARDING_NOT_INVITED && d ? /* @__PURE__ */ t(H, { onSubmit: x, contractorId: n }) : /* @__PURE__ */ o(m, { flexDirection: "column", gap: 24, children: [
-    /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(S, { as: "h2", children: e("heading") }) }),
-    /* @__PURE__ */ t(
-      C,
+  return g === O.ONBOARDING_COMPLETED ? /* @__PURE__ */ t(F, { onDone: M }) : g === O.SELF_ONBOARDING_NOT_INVITED && l ? /* @__PURE__ */ t($, { onSubmit: w, contractorId: e }) : /* @__PURE__ */ a(c, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(s, { as: "h2", children: n("heading") }) }),
+    b.length > 0 && /* @__PURE__ */ t(
+      m,
       {
         header: /* @__PURE__ */ t(
           i,
           {
-            title: e("documentRequirements.title"),
-            description: e("documentRequirements.description")
+            title: n("documentRequirements.title"),
+            description: n("documentRequirements.description", { contractorName: B })
           }
         ),
-        children: /* @__PURE__ */ o(m, { flexDirection: "column", gap: 16, children: [
-          Object.values(e("documentRequirements.items", { returnObjects: !0 })).map((c) => /* @__PURE__ */ o("div", { children: [
-            /* @__PURE__ */ t(s, { weight: "medium", children: c.title }),
-            /* @__PURE__ */ t(s, { variant: "supporting", children: c.description })
-          ] }, c.title)),
-          /* @__PURE__ */ t(l, { status: "info", label: e("documentRequirements.alertLabel") })
+        children: /* @__PURE__ */ a(c, { flexDirection: "column", gap: 16, children: [
+          b.map((o) => {
+            const S = o.name === _, q = S ? n("documentRequirements.documents.taxpayer_identification_form_w_9.title") : o.title ?? "", G = S ? n("documentRequirements.documents.taxpayer_identification_form_w_9.description") : o.description ?? "";
+            return /* @__PURE__ */ t(
+              Z,
+              {
+                title: q,
+                description: G,
+                document: o,
+                downloadLabel: n("documentRequirements.downloadCta")
+              },
+              o.uuid
+            );
+          }),
+          v && /* @__PURE__ */ t(u, { status: "info", label: n("documentRequirements.alertLabel") })
         ] })
       }
     ),
-    /* @__PURE__ */ o(m, { flexDirection: "column", gap: 8, children: [
-      /* @__PURE__ */ t(l, { status: "warning", label: e("title"), children: /* @__PURE__ */ t(D, { items: g }) }),
-      /* @__PURE__ */ t(M, { justifyContent: "end", children: /* @__PURE__ */ t(O, { title: e("submitCta"), onClick: _, children: e("submitCta") }) })
+    /* @__PURE__ */ a(c, { flexDirection: "column", gap: 8, children: [
+      /* @__PURE__ */ t(u, { status: "warning", label: n("title"), children: /* @__PURE__ */ t(C, { items: x }) }),
+      /* @__PURE__ */ t(V, { justifyContent: "end", children: /* @__PURE__ */ t(d, { title: n("submitCta"), onClick: L, isLoading: y, children: n("submitCta") }) })
     ] })
   ] });
-}, H = ({
-  onSubmit: n,
-  contractorId: d
+}, Z = ({
+  title: e,
+  description: l,
+  document: r,
+  downloadLabel: u
 }) => {
-  const { t: r } = p("Contractor.Submit", { keyPrefix: "inviteContractor" }), { Button: l, Heading: C, Text: i } = f(), { data: O } = E({ contractorUuid: d }), s = O.contractor;
-  return /* @__PURE__ */ o(m, { flexDirection: "column", children: [
-    /* @__PURE__ */ t(C, { as: "h2", children: r("title") }),
+  const { Text: m, Button: i } = D(), d = r?.uuid, { data: s, isLoading: C } = H(
+    { documentUuid: d ?? "" },
+    { enabled: !!d }
+  ), n = s?.documentPdf?.documentUrl ?? null;
+  return /* @__PURE__ */ a(c, { gap: 16, justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ a(c, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ t(m, { weight: "medium", children: e }),
+      /* @__PURE__ */ t(m, { variant: "supporting", children: l })
+    ] }),
+    (C || n) && /* @__PURE__ */ t(
+      i,
+      {
+        variant: "secondary",
+        isLoading: C,
+        onClick: () => {
+          n && window.open(n, "_blank", "noopener,noreferrer");
+        },
+        children: u
+      }
+    )
+  ] });
+}, $ = ({
+  onSubmit: e,
+  contractorId: l
+}) => {
+  const { t: r } = N("Contractor.Submit", { keyPrefix: "inviteContractor" }), { Button: u, Heading: m, Text: i } = D(), { data: d } = T({ contractorUuid: l }), s = d.contractor;
+  return /* @__PURE__ */ a(c, { flexDirection: "column", children: [
+    /* @__PURE__ */ t(m, { as: "h2", children: r("title") }),
     /* @__PURE__ */ t(i, { children: r("description") }),
-    /* @__PURE__ */ o(m, { flexDirection: "column", children: [
-      /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ t(i, { children: G({
+    /* @__PURE__ */ a(c, { flexDirection: "column", children: [
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ t(i, { children: X({
           first_name: s?.firstName,
           last_name: s?.lastName
         }) }),
         /* @__PURE__ */ t(i, { children: s?.email })
       ] }),
-      /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ a("div", { children: [
         /* @__PURE__ */ t(i, { children: r("startDateLabel") }),
         /* @__PURE__ */ t(i, { children: s?.startDate })
       ] })
     ] }),
-    /* @__PURE__ */ t(l, { title: r("inviteCta"), onClick: n, children: r("inviteCta") })
+    /* @__PURE__ */ t(u, { title: r("inviteCta"), onClick: e, children: r("inviteCta") })
   ] });
 };
 export {
-  nt as ContractorSubmit
+  bt as ContractorSubmit
 };
 //# sourceMappingURL=Submit.js.map

package/dist/components/Contractor/Submit/Submit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Submit.js","sources":["../../../../src/components/Contractor/Submit/Submit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/contractorsGetOnboardingStatus'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { SubmitDone } from './SubmitDone'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/**\n * Props for {@link ContractorSubmit}.\n *\n * @public\n */\nexport interface ContractorSubmitProps extends BaseComponentInterface<'Contractor.Submit'> {\n  /** UUID of the contractor being submitted. */\n  contractorId: string\n  /** When true, adjusts the submission for the self-onboarding flow, surfacing the invite step before the contractor's onboarding status is finalized. */\n  selfOnboarding?: boolean\n}\n\n/**\n * Finalizes contractor onboarding by updating the onboarding status, and in the self-onboarding flow can trigger an invitation to the contractor.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/onboardingStatus/updated` | The contractor's onboarding status was successfully updated. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/invite/selfOnboarding` | The invite action was triggered for a self-onboarding contractor. | `{ contractorId: string }` |\n * | `contractor/submit/done` | The submission step finished — fired after a successful status update, after an invite, or when the contractor was already onboarded. | `{ message: string }`, optionally with `onboardingStatus` when the contractor was already completed. |\n *\n * @param props - See {@link ContractorSubmitProps}.\n * @returns The rendered submission step.\n * @public\n */\nexport function ContractorSubmit(props: ContractorSubmitProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, selfOnboarding, dictionary }: ContractorSubmitProps) => {\n  useI18n('Contractor.Submit')\n  useComponentDictionary('Contractor.Submit', dictionary)\n  const { Alert, Box, BoxHeader, Button, Text, Heading, UnorderedList } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const items = Object.values(t('warningItems', { returnObjects: true }))\n\n  const { data } = useContractorsGetOnboardingStatusSuspense({\n    contractorUuid: contractorId,\n  })\n  const onboardingStatus = data.contractorOnboardingStatus?.onboardingStatus\n\n  const { mutateAsync } = useContractorsUpdateOnboardingStatusMutation()\n\n  const onSubmit = async () => {\n    await baseSubmitHandler(null, async () => {\n      const response = await mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          contractorOnboardingStatusUpdateRequestBody: {\n            onboardingStatus: ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n          },\n        },\n      })\n      onEvent(\n        componentEvents.CONTRACTOR_ONBOARDING_STATUS_UPDATED,\n        response.contractorOnboardingStatus,\n      )\n      onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, { message: t('submitDone.successMessage') })\n    })\n  }\n  const handleInviteContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_INVITE_CONTRACTOR, { contractorId })\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      message: t('inviteContractor.successMessage'),\n    })\n  }\n\n  const handleSubmitDone = () => {\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      onboardingStatus,\n      message: t('submitDone.successMessage'),\n    })\n  }\n\n  if (onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED) {\n    return <SubmitDone onDone={handleSubmitDone} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return <InviteContractor onSubmit={handleInviteContractor} contractorId={contractorId} />\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <FlexItem>\n        <Heading as=\"h2\">{t('heading')}</Heading>\n      </FlexItem>\n\n      <Box\n        header={\n          <BoxHeader\n            title={t('documentRequirements.title')}\n            description={t('documentRequirements.description')}\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {Object.values(t('documentRequirements.items', { returnObjects: true })).map(item => (\n            <div key={item.title}>\n              <Text weight=\"medium\">{item.title}</Text>\n              <Text variant=\"supporting\">{item.description}</Text>\n            </div>\n          ))}\n          <Alert status=\"info\" label={t('documentRequirements.alertLabel')}></Alert>\n        </Flex>\n      </Box>\n      <Flex flexDirection=\"column\" gap={8}>\n        <Alert status=\"warning\" label={t('title')}>\n          <UnorderedList items={items} />\n        </Alert>\n        <ActionsLayout justifyContent=\"end\">\n          <Button title={t('submitCta')} onClick={onSubmit}>\n            {t('submitCta')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    </Flex>\n  )\n}\n\nconst InviteContractor = ({\n  onSubmit,\n  contractorId,\n}: {\n  onSubmit: () => void\n  contractorId: string\n}) => {\n  const { t } = useTranslation('Contractor.Submit', { keyPrefix: 'inviteContractor' })\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n      <Text>{t('description')}</Text>\n      <Flex flexDirection=\"column\">\n        <div>\n          <Text>\n            {firstLastName({\n              first_name: contractor?.firstName,\n              last_name: contractor?.lastName,\n            })}\n          </Text>\n          <Text>{contractor?.email}</Text>\n        </div>\n        <div>\n          <Text>{t('startDateLabel')}</Text>\n          <Text>{contractor?.startDate}</Text>\n        </div>\n      </Flex>\n      <Button title={t('inviteCta')} onClick={onSubmit}>\n        {t('inviteCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["ContractorSubmit","props","jsx","BaseComponent","Root","contractorId","selfOnboarding","dictionary","useI18n","useComponentDictionary","Alert","Box","BoxHeader","Button","Text","Heading","UnorderedList","useComponentContext","t","useTranslation","onEvent","baseSubmitHandler","useBase","items","data","useContractorsGetOnboardingStatusSuspense","onboardingStatus","mutateAsync","useContractorsUpdateOnboardingStatusMutation","onSubmit","response","ContractorOnboardingStatus","componentEvents","handleInviteContractor","handleSubmitDone","SubmitDone","InviteContractor","jsxs","Flex","FlexItem","item","ActionsLayout","contractorData","useContractorsGetSuspense","contractor","firstLastName"],"mappings":"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"}
+{"version":3,"file":"Submit.js","sources":["../../../../src/components/Contractor/Submit/Submit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/contractorsGetOnboardingStatus'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorDocumentsGetAllSuspense } from '@gusto/embedded-api/react-query/contractorDocumentsGetAll'\nimport { useContractorDocumentsGetPdf } from '@gusto/embedded-api/react-query/contractorDocumentsGetPdf'\nimport type { Document } from '@gusto/embedded-api/models/components/document'\nimport { SubmitDone } from './SubmitDone'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { W9_DOCUMENT_NAME } from '@/components/Contractor/Documents/SignatureForm/useContractorSignatureForm/w9Fields'\n\n/**\n * Props for {@link ContractorSubmit}.\n *\n * @public\n */\nexport interface ContractorSubmitProps extends BaseComponentInterface<'Contractor.Submit'> {\n  /** UUID of the contractor being submitted. */\n  contractorId: string\n  /** When true, adjusts the submission for the self-onboarding flow, surfacing the invite step before the contractor's onboarding status is finalized. */\n  selfOnboarding?: boolean\n}\n\n/**\n * Finalizes contractor onboarding by updating the onboarding status, and in the self-onboarding flow can trigger an invitation to the contractor.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/onboardingStatus/updated` | The contractor's onboarding status was successfully updated. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/invite/selfOnboarding` | The invite action was triggered for a self-onboarding contractor. | `{ contractorId: string }` |\n * | `contractor/submit/done` | The submission step finished — fired after a successful status update, after an invite, or when the contractor was already onboarded. | `{ message: string }`, optionally with `onboardingStatus` when the contractor was already completed. |\n *\n * @param props - See {@link ContractorSubmitProps}.\n * @returns The rendered submission step.\n * @public\n */\nexport function ContractorSubmit(props: ContractorSubmitProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, selfOnboarding, dictionary }: ContractorSubmitProps) => {\n  useI18n('Contractor.Submit')\n  useComponentDictionary('Contractor.Submit', dictionary)\n  const { Alert, Box, BoxHeader, Button, Heading, UnorderedList } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const items = Object.values(t('warningItems', { returnObjects: true }))\n\n  const { data } = useContractorsGetOnboardingStatusSuspense({\n    contractorUuid: contractorId,\n  })\n  const onboardingStatus = data.contractorOnboardingStatus?.onboardingStatus\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n  const contractorName =\n    contractor?.type === 'Individual' ? contractor.firstName : contractor?.businessName\n\n  const { data: documentsData } = useContractorDocumentsGetAllSuspense({\n    contractorUuid: contractorId,\n  })\n  const documentsToCollect = (documentsData.documents ?? []).filter(\n    d => d.requiresSigning && !d.signedAt,\n  )\n  const hasW9 = documentsToCollect.some(d => d.name === W9_DOCUMENT_NAME)\n\n  const { mutateAsync, isPending } = useContractorsUpdateOnboardingStatusMutation()\n\n  const onSubmit = async () => {\n    await baseSubmitHandler(null, async () => {\n      const response = await mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          contractorOnboardingStatusUpdateRequestBody: {\n            onboardingStatus: ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n          },\n        },\n      })\n      onEvent(\n        componentEvents.CONTRACTOR_ONBOARDING_STATUS_UPDATED,\n        response.contractorOnboardingStatus,\n      )\n      onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, { message: t('submitDone.successMessage') })\n    })\n  }\n  const handleInviteContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_INVITE_CONTRACTOR, { contractorId })\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      message: t('inviteContractor.successMessage'),\n    })\n  }\n\n  const handleSubmitDone = () => {\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      onboardingStatus,\n      message: t('submitDone.successMessage'),\n    })\n  }\n\n  if (onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED) {\n    return <SubmitDone onDone={handleSubmitDone} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return <InviteContractor onSubmit={handleInviteContractor} contractorId={contractorId} />\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <FlexItem>\n        <Heading as=\"h2\">{t('heading')}</Heading>\n      </FlexItem>\n\n      {documentsToCollect.length > 0 && (\n        <Box\n          header={\n            <BoxHeader\n              title={t('documentRequirements.title')}\n              description={t('documentRequirements.description', { contractorName })}\n            />\n          }\n        >\n          <Flex flexDirection=\"column\" gap={16}>\n            {documentsToCollect.map(document => {\n              const isW9 = document.name === W9_DOCUMENT_NAME\n              const title = isW9\n                ? t('documentRequirements.documents.taxpayer_identification_form_w_9.title')\n                : (document.title ?? '')\n              const description = isW9\n                ? t('documentRequirements.documents.taxpayer_identification_form_w_9.description')\n                : (document.description ?? '')\n              return (\n                <DocumentRequirementItem\n                  key={document.uuid}\n                  title={title}\n                  description={description}\n                  document={document}\n                  downloadLabel={t('documentRequirements.downloadCta')}\n                />\n              )\n            })}\n            {hasW9 && <Alert status=\"info\" label={t('documentRequirements.alertLabel')}></Alert>}\n          </Flex>\n        </Box>\n      )}\n      <Flex flexDirection=\"column\" gap={8}>\n        <Alert status=\"warning\" label={t('title')}>\n          <UnorderedList items={items} />\n        </Alert>\n        <ActionsLayout justifyContent=\"end\">\n          <Button title={t('submitCta')} onClick={onSubmit} isLoading={isPending}>\n            {t('submitCta')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    </Flex>\n  )\n}\n\nconst DocumentRequirementItem = ({\n  title,\n  description,\n  document,\n  downloadLabel,\n}: {\n  title: string\n  description: string\n  document: Document | undefined\n  downloadLabel: string\n}) => {\n  const { Text, Button } = useComponentContext()\n  const documentUuid = document?.uuid\n  const { data: pdfData, isLoading: isPdfLoading } = useContractorDocumentsGetPdf(\n    { documentUuid: documentUuid ?? '' },\n    { enabled: Boolean(documentUuid) },\n  )\n  const pdfUrl = pdfData?.documentPdf?.documentUrl ?? null\n\n  return (\n    <Flex gap={16} justifyContent=\"space-between\" alignItems=\"center\">\n      <Flex flexDirection=\"column\" gap={4}>\n        <Text weight=\"medium\">{title}</Text>\n        <Text variant=\"supporting\">{description}</Text>\n      </Flex>\n      {(isPdfLoading || pdfUrl) && (\n        <Button\n          variant=\"secondary\"\n          isLoading={isPdfLoading}\n          onClick={() => {\n            if (pdfUrl) window.open(pdfUrl, '_blank', 'noopener,noreferrer')\n          }}\n        >\n          {downloadLabel}\n        </Button>\n      )}\n    </Flex>\n  )\n}\n\nconst InviteContractor = ({\n  onSubmit,\n  contractorId,\n}: {\n  onSubmit: () => void\n  contractorId: string\n}) => {\n  const { t } = useTranslation('Contractor.Submit', { keyPrefix: 'inviteContractor' })\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n      <Text>{t('description')}</Text>\n      <Flex flexDirection=\"column\">\n        <div>\n          <Text>\n            {firstLastName({\n              first_name: contractor?.firstName,\n              last_name: contractor?.lastName,\n            })}\n          </Text>\n          <Text>{contractor?.email}</Text>\n        </div>\n        <div>\n          <Text>{t('startDateLabel')}</Text>\n          <Text>{contractor?.startDate}</Text>\n        </div>\n      </Flex>\n      <Button title={t('inviteCta')} onClick={onSubmit}>\n        {t('inviteCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["ContractorSubmit","props","jsx","BaseComponent","Root","contractorId","selfOnboarding","dictionary","useI18n","useComponentDictionary","Alert","Box","BoxHeader","Button","Heading","UnorderedList","useComponentContext","t","useTranslation","onEvent","baseSubmitHandler","useBase","items","data","useContractorsGetOnboardingStatusSuspense","onboardingStatus","contractorData","useContractorsGetSuspense","contractor","contractorName","documentsData","useContractorDocumentsGetAllSuspense","documentsToCollect","d","hasW9","W9_DOCUMENT_NAME","mutateAsync","isPending","useContractorsUpdateOnboardingStatusMutation","onSubmit","response","ContractorOnboardingStatus","componentEvents","handleInviteContractor","handleSubmitDone","SubmitDone","InviteContractor","jsxs","Flex","FlexItem","document","isW9","title","description","DocumentRequirementItem","ActionsLayout","downloadLabel","Text","documentUuid","pdfData","isPdfLoading","useContractorDocumentsGetPdf","pdfUrl","firstLastName"],"mappings":"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"}

package/dist/components/Employee/Compensation/onboarding/Compensation.d.ts

@@ -76,9 +76,5 @@ export interface CompensationProps extends BaseComponentInterface<'Employee.Comp
  * ```
  */
 export declare function Compensation(props: CompensationProps): import("react").JSX.Element;
-export declare namespace Compensation {
-    var JobsList: typeof import("./JobsList").JobsList;
-    var EditCompensation: typeof import("./EditCompensation").EditCompensation;
-}
 /** @internal */
 export declare const CompensationContextual: () => import("react").JSX.Element;

package/dist/components/Employee/Compensation/onboarding/Compensation.js

@@ -1,53 +1,51 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useState as c, useMemo as f } from "react";
-import { createMachine as d } from "robot3";
-import { useTranslation as C } from "react-i18next";
-import { useJobsAndCompensationsGetJobsSuspense as b } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
-import { JobsListContextual as J, InitialEditCompensationContextual as E } from "./CompensationFlowComponents.js";
-import { compensationStateMachine as S } from "./compensationStateMachine.js";
-import { FlsaStatus as w } from "../../../../shared/constants.js";
-import { useComponentDictionary as I } from "../../../../i18n/I18n.js";
-import { BaseComponent as h } from "../../../Base/Base.js";
+import { useState as p, useMemo as c } from "react";
+import { createMachine as f } from "robot3";
+import { useTranslation as d } from "react-i18next";
+import { useJobsAndCompensationsGetJobsSuspense as C } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
+import { JobsListContextual as b, InitialEditCompensationContextual as J } from "./CompensationFlowComponents.js";
+import { compensationStateMachine as E } from "./compensationStateMachine.js";
+import { FlsaStatus as S } from "../../../../shared/constants.js";
+import { useComponentDictionary as w } from "../../../../i18n/I18n.js";
+import { BaseComponent as I } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { Flow as v } from "../../../Flow/Flow.js";
-import { useFlow as x } from "../../../Flow/useFlow.js";
-import { JobsList as F } from "./JobsList/JobsList.js";
-import { EditCompensation as T } from "./EditCompensation/EditCompensation.js";
-const g = {
-  initialEditJob: E,
-  viewJobs: J
+import { Flow as h } from "../../../Flow/Flow.js";
+import { useFlow as v } from "../../../Flow/useFlow.js";
+const x = {
+  initialEditJob: J,
+  viewJobs: b
 };
-function M(t) {
+function F(t) {
   if (t.length === 0)
     return { initialState: "initialEditJob", currentJobId: null };
-  const o = t.length === 1 ? t[0] ?? null : null, n = N(o);
-  return o && n?.flsaStatus !== w.NONEXEMPT ? { initialState: "initialEditJob", currentJobId: o.uuid } : { initialState: "viewJobs", currentJobId: null };
+  const o = t.length === 1 ? t[0] ?? null : null, n = g(o);
+  return o && n?.flsaStatus !== S.NONEXEMPT ? { initialState: "initialEditJob", currentJobId: o.uuid } : { initialState: "viewJobs", currentJobId: null };
 }
-function s(t) {
-  return /* @__PURE__ */ i(h, { ...t, children: /* @__PURE__ */ i(D, { ...t }) });
+function T(t) {
+  return /* @__PURE__ */ i(I, { ...t, children: /* @__PURE__ */ i(M, { ...t }) });
 }
-const N = (t) => t?.compensations?.find((o) => o.uuid === t.currentCompensationUuid);
-function D({
+const g = (t) => t?.compensations?.find((o) => o.uuid === t.currentCompensationUuid);
+function M({
   employeeId: t,
   startDate: o,
   defaultValues: n,
   dictionary: e,
   onEvent: r
 }) {
-  I("Employee.Compensation", e);
-  const { data: u } = b({ employeeId: t }), [{ initialState: a, currentJobId: m }] = c(
-    () => M(u.jobs ?? [])
-  ), l = f(
-    () => d(
+  w("Employee.Compensation", e);
+  const { data: m } = C({ employeeId: t }), [{ initialState: a, currentJobId: s }] = p(
+    () => F(m.jobs ?? [])
+  ), u = c(
+    () => f(
       a,
-      S,
-      (p) => ({
-        ...p,
-        component: g[a],
+      E,
+      (l) => ({
+        ...l,
+        component: x[a],
         employeeId: t,
         startDate: o,
         partnerDefaultValues: n,
-        currentJobId: m
+        currentJobId: s
       })
     ),
     // `defaultValues` is intentionally omitted: a partner-supplied prop that may
@@ -55,12 +53,12 @@ function D({
     // once. `initialState` and `currentJobId` are stable values from useState
     // above, so they're listed here as honest deps but never trigger recompute.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [t, o, a, m]
+    [t, o, a, s]
   );
-  return /* @__PURE__ */ i(v, { machine: l, onEvent: r });
+  return /* @__PURE__ */ i(h, { machine: u, onEvent: r });
 }
-const z = () => {
-  const { employeeId: t, onEvent: o, startDate: n, defaultValues: e } = x(), { t: r } = C("common");
+const X = () => {
+  const { employeeId: t, onEvent: o, startDate: n, defaultValues: e } = v(), { t: r } = d("common");
   if (!t || !n)
     throw new Error(
       r("errors.missingParamsOrContext", {
@@ -70,7 +68,7 @@ const z = () => {
       })
     );
   return /* @__PURE__ */ i(
-    s,
+    T,
     {
       employeeId: t,
       startDate: n,
@@ -79,10 +77,8 @@ const z = () => {
     }
   );
 };
-s.JobsList = F;
-s.EditCompensation = T;
 export {
-  s as Compensation,
-  z as CompensationContextual
+  T as Compensation,
+  X as CompensationContextual
 };
 //# sourceMappingURL=Compensation.js.map

package/dist/components/Employee/Compensation/onboarding/Compensation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/Compensation.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  InitialEditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n} from './CompensationFlowComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\nimport { JobsList } from './JobsList'\nimport { EditCompensation } from './EditCompensation'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { PAY_PERIODS } from '@/shared/constants'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ntype CompensationInitialState = 'initialEditJob' | 'viewJobs'\n\ninterface InitialFlowConfig {\n  initialState: CompensationInitialState\n  currentJobId: string | null\n}\n\nconst INITIAL_COMPONENT_BY_STATE: Record<\n  CompensationInitialState,\n  React.ComponentType<CommonComponentInterface>\n> = {\n  initialEditJob: InitialEditCompensationContextual,\n  viewJobs: JobsListContextual,\n}\n\nfunction deriveInitialFlowConfig(employeeJobs: Job[]): InitialFlowConfig {\n  if (employeeJobs.length === 0) {\n    return { initialState: 'initialEditJob', currentJobId: null }\n  }\n\n  const onlyJob = employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null\n  const onlyJobCompensation = findCurrentCompensation(onlyJob)\n\n  if (onlyJob && onlyJobCompensation?.flsaStatus !== FlsaStatus.NONEXEMPT) {\n    return { initialState: 'initialEditJob', currentJobId: onlyJob.uuid }\n  }\n\n  return { initialState: 'viewJobs', currentJobId: null }\n}\n\n/**\n * Default values for the compensation form fields.\n *\n * @remarks\n * At least one of the fields must be provided. If employee data is available\n * via the API, these values are overwritten.\n *\n * @public\n */\nexport type CompensationDefaultValues = RequireAtLeastOne<{\n  /** The compensation rate (an amount in dollars). */\n  rate?: Job['rate']\n  /** The job title. */\n  title?: Job['title']\n  /** The pay period — one of `Hour`, `Week`, `Month`, `Year`, `Paycheck`. */\n  paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS]\n  /** The FLSA classification — drives whether the role is treated as exempt, nonexempt, etc. */\n  flsaStatus?: FlsaStatusType\n}>\n\n/**\n * Props for {@link Compensation}.\n *\n * @public\n */\nexport interface CompensationProps extends BaseComponentInterface<'Employee.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The date the employee will start work. */\n  startDate: string\n  /** Default values for the compensation form fields. If employee data is available via the API, these values are overwritten. */\n  defaultValues?: CompensationDefaultValues\n}\n\n/**\n * Onboarding step for collecting an employee's role and compensation details.\n *\n * @remarks\n * Collects the job title, employee type (hourly, salary), compensation\n * amount, and pay period. For hourly employees, allows configuring multiple\n * roles. Automatically routes between editing the only job (when an employee\n * has zero or one non-Nonexempt job) and a jobs-list view (when multiple\n * roles need to be managed) on first mount; on subsequent refetches the user\n * stays on their current step.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/job/created` | Fired after a job is successfully created | {@link Job} |\n * | `employee/job/updated` | Fired after a job is successfully updated | {@link Job} |\n * | `employee/job/deleted` | Fired after a job is successfully deleted | — |\n * | `employee/compensation/updated` | Fired after compensation details are updated | {@link Compensation} |\n * | `employee/compensation/done` | Fired when compensation setup is complete and the parent flow can advance | — |\n *\n * @param props - See {@link CompensationProps}.\n * @returns The compensation onboarding step.\n * @public\n * @group Block components\n *\n * @example\n * ```tsx\n * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeOnboarding.Compensation\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       startDate=\"2025-01-01\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function Compensation(props: CompensationProps) {\n  return (\n    <BaseComponent {...props}>\n      <CompensationFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nconst findCurrentCompensation = (job?: Job | null) => {\n  return job?.compensations?.find(comp => comp.uuid === job.currentCompensationUuid)\n}\n\nfunction CompensationFlow({\n  employeeId,\n  startDate,\n  defaultValues,\n  dictionary,\n  onEvent,\n}: CompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n\n  // Capture the routing decision from the first jobsData snapshot only. Suspense\n  // guarantees that snapshot is fresh on first render. Subsequent refetches (e.g.\n  // the getJobs invalidation that fires between EditCompensation's awaited job +\n  // compensation mutations) must NOT re-seat the machine and reset the user's\n  // place in the flow. Callers needing to re-derive routing for a different\n  // employee should remount via `key`, matching the contract used by\n  // OnboardingFlow / PayrollExecutionFlow / DismissalFlow.\n  const [{ initialState, currentJobId }] = useState<InitialFlowConfig>(() =>\n    deriveInitialFlowConfig(jobsData.jobs ?? []),\n  )\n\n  const manageCompensation = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        compensationStateMachine,\n        (initialContext: CompensationFlowContextInterface) => ({\n          ...initialContext,\n          component: INITIAL_COMPONENT_BY_STATE[initialState],\n          employeeId,\n          startDate,\n          partnerDefaultValues: defaultValues,\n          currentJobId,\n        }),\n      ),\n    // `defaultValues` is intentionally omitted: a partner-supplied prop that may\n    // arrive as a fresh object reference each render and only seeds the form\n    // once. `initialState` and `currentJobId` are stable values from useState\n    // above, so they're listed here as honest deps but never trigger recompute.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [employeeId, startDate, initialState, currentJobId],\n  )\n\n  return <Flow machine={manageCompensation} onEvent={onEvent} />\n}\n\n/** @internal */\nexport const CompensationContextual = () => {\n  const { employeeId, onEvent, startDate, defaultValues } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId || !startDate) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Compensation',\n        param: !employeeId ? 'employeeId' : 'startDate',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return (\n    <Compensation\n      employeeId={employeeId}\n      startDate={startDate}\n      onEvent={onEvent}\n      defaultValues={defaultValues?.compensation}\n    />\n  )\n}\n\nCompensation.JobsList = JobsList\nCompensation.EditCompensation = EditCompensation\n"],"names":["INITIAL_COMPONENT_BY_STATE","InitialEditCompensationContextual","JobsListContextual","deriveInitialFlowConfig","employeeJobs","onlyJob","onlyJobCompensation","findCurrentCompensation","FlsaStatus","Compensation","props","jsx","BaseComponent","CompensationFlow","job","comp","employeeId","startDate","defaultValues","dictionary","onEvent","useComponentDictionary","jobsData","useJobsAndCompensationsGetJobsSuspense","initialState","currentJobId","useState","manageCompensation","useMemo","createMachine","compensationStateMachine","initialContext","Flow","CompensationContextual","useFlow","t","useTranslation","JobsList","EditCompensation"],"mappings":";;;;;;;;;;;;;;;AAkCA,MAAMA,IAGF;AAAA,EACF,gBAAgBC;AAAA,EAChB,UAAUC;AACZ;AAEA,SAASC,EAAwBC,GAAwC;AACvE,MAAIA,EAAa,WAAW;AAC1B,WAAO,EAAE,cAAc,kBAAkB,cAAc,KAAA;AAGzD,QAAMC,IAAUD,EAAa,WAAW,IAAKA,EAAa,CAAC,KAAK,OAAQ,MAClEE,IAAsBC,EAAwBF,CAAO;AAE3D,SAAIA,KAAWC,GAAqB,eAAeE,EAAW,YACrD,EAAE,cAAc,kBAAkB,cAAcH,EAAQ,KAAA,IAG1D,EAAE,cAAc,YAAY,cAAc,KAAA;AACnD;AA4EO,SAASI,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAkB,GAAGH,GAAO,EAAA,CAC/B;AAEJ;AAEA,MAAMH,IAA0B,CAACO,MACxBA,GAAK,eAAe,KAAK,OAAQC,EAAK,SAASD,EAAI,uBAAuB;AAGnF,SAASD,EAAiB;AAAA,EACxB,YAAAG;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAM,EAAE,MAAMG,EAAA,IAAaC,EAAuC,EAAE,YAAAP,GAAY,GAS1E,CAAC,EAAE,cAAAQ,GAAc,cAAAC,EAAA,CAAc,IAAIC;AAAA,IAA4B,MACnEvB,EAAwBmB,EAAS,QAAQ,CAAA,CAAE;AAAA,EAAA,GAGvCK,IAAqBC;AAAA,IACzB,MACEC;AAAA,MACEL;AAAA,MACAM;AAAA,MACA,CAACC,OAAsD;AAAA,QACrD,GAAGA;AAAA,QACH,WAAW/B,EAA2BwB,CAAY;AAAA,QAClD,YAAAR;AAAA,QACA,WAAAC;AAAA,QACA,sBAAsBC;AAAA,QACtB,cAAAO;AAAA,MAAA;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOJ,CAACT,GAAYC,GAAWO,GAAcC,CAAY;AAAA,EAAA;AAGpD,SAAO,gBAAAd,EAACqB,GAAA,EAAK,SAASL,GAAoB,SAAAP,EAAA,CAAkB;AAC9D;AAGO,MAAMa,IAAyB,MAAM;AAC1C,QAAM,EAAE,YAAAjB,GAAY,SAAAI,GAAS,WAAAH,GAAW,eAAAC,EAAA,IAAkBgB,EAAA,GACpD,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AAErC,MAAI,CAACpB,KAAc,CAACC;AAClB,UAAM,IAAI;AAAA,MACRkB,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAQnB,IAA4B,cAAf;AAAA,QACrB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGL,SACE,gBAAAL;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,YAAAO;AAAA,MACA,WAAAC;AAAA,MACA,SAAAG;AAAA,MACA,eAAeF,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEAT,EAAa,WAAW4B;AACxB5B,EAAa,mBAAmB6B;"}
+{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/Compensation.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  InitialEditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n} from './CompensationFlowComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { PAY_PERIODS } from '@/shared/constants'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ntype CompensationInitialState = 'initialEditJob' | 'viewJobs'\n\ninterface InitialFlowConfig {\n  initialState: CompensationInitialState\n  currentJobId: string | null\n}\n\nconst INITIAL_COMPONENT_BY_STATE: Record<\n  CompensationInitialState,\n  React.ComponentType<CommonComponentInterface>\n> = {\n  initialEditJob: InitialEditCompensationContextual,\n  viewJobs: JobsListContextual,\n}\n\nfunction deriveInitialFlowConfig(employeeJobs: Job[]): InitialFlowConfig {\n  if (employeeJobs.length === 0) {\n    return { initialState: 'initialEditJob', currentJobId: null }\n  }\n\n  const onlyJob = employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null\n  const onlyJobCompensation = findCurrentCompensation(onlyJob)\n\n  if (onlyJob && onlyJobCompensation?.flsaStatus !== FlsaStatus.NONEXEMPT) {\n    return { initialState: 'initialEditJob', currentJobId: onlyJob.uuid }\n  }\n\n  return { initialState: 'viewJobs', currentJobId: null }\n}\n\n/**\n * Default values for the compensation form fields.\n *\n * @remarks\n * At least one of the fields must be provided. If employee data is available\n * via the API, these values are overwritten.\n *\n * @public\n */\nexport type CompensationDefaultValues = RequireAtLeastOne<{\n  /** The compensation rate (an amount in dollars). */\n  rate?: Job['rate']\n  /** The job title. */\n  title?: Job['title']\n  /** The pay period — one of `Hour`, `Week`, `Month`, `Year`, `Paycheck`. */\n  paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS]\n  /** The FLSA classification — drives whether the role is treated as exempt, nonexempt, etc. */\n  flsaStatus?: FlsaStatusType\n}>\n\n/**\n * Props for {@link Compensation}.\n *\n * @public\n */\nexport interface CompensationProps extends BaseComponentInterface<'Employee.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The date the employee will start work. */\n  startDate: string\n  /** Default values for the compensation form fields. If employee data is available via the API, these values are overwritten. */\n  defaultValues?: CompensationDefaultValues\n}\n\n/**\n * Onboarding step for collecting an employee's role and compensation details.\n *\n * @remarks\n * Collects the job title, employee type (hourly, salary), compensation\n * amount, and pay period. For hourly employees, allows configuring multiple\n * roles. Automatically routes between editing the only job (when an employee\n * has zero or one non-Nonexempt job) and a jobs-list view (when multiple\n * roles need to be managed) on first mount; on subsequent refetches the user\n * stays on their current step.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/job/created` | Fired after a job is successfully created | {@link Job} |\n * | `employee/job/updated` | Fired after a job is successfully updated | {@link Job} |\n * | `employee/job/deleted` | Fired after a job is successfully deleted | — |\n * | `employee/compensation/updated` | Fired after compensation details are updated | {@link Compensation} |\n * | `employee/compensation/done` | Fired when compensation setup is complete and the parent flow can advance | — |\n *\n * @param props - See {@link CompensationProps}.\n * @returns The compensation onboarding step.\n * @public\n * @group Block components\n *\n * @example\n * ```tsx\n * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeOnboarding.Compensation\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       startDate=\"2025-01-01\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function Compensation(props: CompensationProps) {\n  return (\n    <BaseComponent {...props}>\n      <CompensationFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nconst findCurrentCompensation = (job?: Job | null) => {\n  return job?.compensations?.find(comp => comp.uuid === job.currentCompensationUuid)\n}\n\nfunction CompensationFlow({\n  employeeId,\n  startDate,\n  defaultValues,\n  dictionary,\n  onEvent,\n}: CompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n\n  // Capture the routing decision from the first jobsData snapshot only. Suspense\n  // guarantees that snapshot is fresh on first render. Subsequent refetches (e.g.\n  // the getJobs invalidation that fires between EditCompensation's awaited job +\n  // compensation mutations) must NOT re-seat the machine and reset the user's\n  // place in the flow. Callers needing to re-derive routing for a different\n  // employee should remount via `key`, matching the contract used by\n  // OnboardingFlow / PayrollExecutionFlow / DismissalFlow.\n  const [{ initialState, currentJobId }] = useState<InitialFlowConfig>(() =>\n    deriveInitialFlowConfig(jobsData.jobs ?? []),\n  )\n\n  const manageCompensation = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        compensationStateMachine,\n        (initialContext: CompensationFlowContextInterface) => ({\n          ...initialContext,\n          component: INITIAL_COMPONENT_BY_STATE[initialState],\n          employeeId,\n          startDate,\n          partnerDefaultValues: defaultValues,\n          currentJobId,\n        }),\n      ),\n    // `defaultValues` is intentionally omitted: a partner-supplied prop that may\n    // arrive as a fresh object reference each render and only seeds the form\n    // once. `initialState` and `currentJobId` are stable values from useState\n    // above, so they're listed here as honest deps but never trigger recompute.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [employeeId, startDate, initialState, currentJobId],\n  )\n\n  return <Flow machine={manageCompensation} onEvent={onEvent} />\n}\n\n/** @internal */\nexport const CompensationContextual = () => {\n  const { employeeId, onEvent, startDate, defaultValues } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId || !startDate) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Compensation',\n        param: !employeeId ? 'employeeId' : 'startDate',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return (\n    <Compensation\n      employeeId={employeeId}\n      startDate={startDate}\n      onEvent={onEvent}\n      defaultValues={defaultValues?.compensation}\n    />\n  )\n}\n"],"names":["INITIAL_COMPONENT_BY_STATE","InitialEditCompensationContextual","JobsListContextual","deriveInitialFlowConfig","employeeJobs","onlyJob","onlyJobCompensation","findCurrentCompensation","FlsaStatus","Compensation","props","jsx","BaseComponent","CompensationFlow","job","comp","employeeId","startDate","defaultValues","dictionary","onEvent","useComponentDictionary","jobsData","useJobsAndCompensationsGetJobsSuspense","initialState","currentJobId","useState","manageCompensation","useMemo","createMachine","compensationStateMachine","initialContext","Flow","CompensationContextual","useFlow","t","useTranslation"],"mappings":";;;;;;;;;;;;;AAgCA,MAAMA,IAGF;AAAA,EACF,gBAAgBC;AAAA,EAChB,UAAUC;AACZ;AAEA,SAASC,EAAwBC,GAAwC;AACvE,MAAIA,EAAa,WAAW;AAC1B,WAAO,EAAE,cAAc,kBAAkB,cAAc,KAAA;AAGzD,QAAMC,IAAUD,EAAa,WAAW,IAAKA,EAAa,CAAC,KAAK,OAAQ,MAClEE,IAAsBC,EAAwBF,CAAO;AAE3D,SAAIA,KAAWC,GAAqB,eAAeE,EAAW,YACrD,EAAE,cAAc,kBAAkB,cAAcH,EAAQ,KAAA,IAG1D,EAAE,cAAc,YAAY,cAAc,KAAA;AACnD;AA4EO,SAASI,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAkB,GAAGH,GAAO,EAAA,CAC/B;AAEJ;AAEA,MAAMH,IAA0B,CAACO,MACxBA,GAAK,eAAe,KAAK,OAAQC,EAAK,SAASD,EAAI,uBAAuB;AAGnF,SAASD,EAAiB;AAAA,EACxB,YAAAG;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAM,EAAE,MAAMG,EAAA,IAAaC,EAAuC,EAAE,YAAAP,GAAY,GAS1E,CAAC,EAAE,cAAAQ,GAAc,cAAAC,EAAA,CAAc,IAAIC;AAAA,IAA4B,MACnEvB,EAAwBmB,EAAS,QAAQ,CAAA,CAAE;AAAA,EAAA,GAGvCK,IAAqBC;AAAA,IACzB,MACEC;AAAA,MACEL;AAAA,MACAM;AAAA,MACA,CAACC,OAAsD;AAAA,QACrD,GAAGA;AAAA,QACH,WAAW/B,EAA2BwB,CAAY;AAAA,QAClD,YAAAR;AAAA,QACA,WAAAC;AAAA,QACA,sBAAsBC;AAAA,QACtB,cAAAO;AAAA,MAAA;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOJ,CAACT,GAAYC,GAAWO,GAAcC,CAAY;AAAA,EAAA;AAGpD,SAAO,gBAAAd,EAACqB,GAAA,EAAK,SAASL,GAAoB,SAAAP,EAAA,CAAkB;AAC9D;AAGO,MAAMa,IAAyB,MAAM;AAC1C,QAAM,EAAE,YAAAjB,GAAY,SAAAI,GAAS,WAAAH,GAAW,eAAAC,EAAA,IAAkBgB,EAAA,GACpD,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AAErC,MAAI,CAACpB,KAAc,CAACC;AAClB,UAAM,IAAI;AAAA,MACRkB,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAQnB,IAA4B,cAAf;AAAA,QACrB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGL,SACE,gBAAAL;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,YAAAO;AAAA,MACA,WAAAC;AAAA,MACA,SAAAG;AAAA,MACA,eAAeF,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;"}

package/dist/components/Employee/Compensation/shared/useCompensationForm/compensationSchema.d.ts

@@ -74,7 +74,7 @@ export type CompensationFormData = {
          */
       title: string
       flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt" | undefined
-      paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck"
+      paymentUnit: "Hour" | "Month" | "Paycheck" | "Week" | "Year"
       rate: number
       /**
          * The effective date a new compensation should take effect on.
@@ -125,7 +125,7 @@ export type CompensationFormData = {
  * })
  * ```
  */
-export type CompensationOptionalFieldsToRequire = { create?: ("title" | "minimumWageId")[] | undefined; update?: ("title" | "flsaStatus" | "paymentUnit" | "rate" | "effectiveDate" | "minimumWageId")[] | undefined; };
+export type CompensationOptionalFieldsToRequire = { create?: ("minimumWageId" | "title")[] | undefined; update?: ("effectiveDate" | "flsaStatus" | "minimumWageId" | "paymentUnit" | "rate" | "title")[] | undefined; };
 /** @internal */
 export type CompensationFormOutputs = CompensationFormData;
 /** @internal */

package/dist/components/Employee/Compensation/shared/useJobForm/jobSchema.d.ts

@@ -85,7 +85,7 @@ export type JobFormOutputs = JobFormData;
  * })
  * ```
  */
-export type JobOptionalFieldsToRequire = { create?: ("twoPercentShareholder" | "stateWcCovered" | "stateWcClassCode")[] | undefined; update?: ("title" | "hireDate" | "twoPercentShareholder" | "stateWcCovered" | "stateWcClassCode")[] | undefined; };
+export type JobOptionalFieldsToRequire = { create?: ("stateWcClassCode" | "stateWcCovered" | "twoPercentShareholder")[] | undefined; update?: ("hireDate" | "stateWcClassCode" | "stateWcCovered" | "title" | "twoPercentShareholder")[] | undefined; };
 interface JobSchemaOptions {
     mode?: 'create' | 'update';
     optionalFieldsToRequire?: JobOptionalFieldsToRequire;

package/dist/components/Employee/Dashboard/index.d.ts

@@ -1,4 +1,4 @@
 export { DashboardFlow } from './DashboardFlow';
 export type { DashboardFlowProps } from './DashboardFlow';
 export { Dashboard } from './Dashboard';
-export type { DashboardProps } from './Dashboard';
+export type { DashboardProps, DashboardTab } from './Dashboard';

package/dist/components/Employee/Deductions/shared/useChildSupportGarnishmentForm/childSupportGarnishmentFormSchema.d.ts

@@ -42,7 +42,7 @@ export declare function getRequiredAttrKeys(agency?: Agencies | null): Set<Suppo
  * @public
  * @interface
  */
-export type ChildSupportGarnishmentFormData = { state: string; fipsCode: string; caseNumber: string; orderNumber: string; remittanceNumber: string; payPeriodMaximum: number; amount: number; paymentPeriod: "Every week" | "Every other week" | "Twice per month" | "Monthly"; };
+export type ChildSupportGarnishmentFormData = { state: string; fipsCode: string; caseNumber: string; orderNumber: string; remittanceNumber: string; payPeriodMaximum: number; amount: number; paymentPeriod: "Every other week" | "Every week" | "Monthly" | "Twice per month"; };
 /** @internal */
 export type ChildSupportGarnishmentFormOutputs = ChildSupportGarnishmentFormData;
 /** @internal */

package/dist/components/Employee/Deductions/shared/useChildSupportGarnishmentForm/useChildSupportGarnishmentForm.d.ts

@@ -187,5 +187,5 @@ export declare function useChildSupportGarnishmentForm({ employeeId, garnishment
  *
  * @public
  */
-export type ChildSupportGarnishmentFormFieldsMetadata = { state: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<StateFieldEntry>; fipsCode: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<CountyEntry>; caseNumber: FieldMetadata; orderNumber: FieldMetadata; remittanceNumber: FieldMetadata; payPeriodMaximum: FieldMetadata; amount: FieldMetadata; paymentPeriod: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Every week" | "Every other week" | "Twice per month" | "Monthly">; };
+export type ChildSupportGarnishmentFormFieldsMetadata = { state: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<StateFieldEntry>; fipsCode: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<CountyEntry>; caseNumber: FieldMetadata; orderNumber: FieldMetadata; remittanceNumber: FieldMetadata; payPeriodMaximum: FieldMetadata; amount: FieldMetadata; paymentPeriod: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Every other week" | "Every week" | "Monthly" | "Twice per month">; };
 export {};