@gusto/embedded-react-sdk 0.50.0 → 0.51.0

package/dist/components/Contractor/Documents/SignatureForm/useContractorSignatureForm/w9Fields.js

@@ -0,0 +1,162 @@
+import { normalizeEin as S } from "../../../../../helpers/federalEin.js";
+import { normalizeSSN as N } from "../../../../../helpers/ssn.js";
+const _ = "N/A";
+function R(e) {
+  const s = e.replace(/\s/g, "").toUpperCase();
+  return s === "NA" ? _ : s === "N" || s === "N/" || s === _ ? s : S(e);
+}
+function D(e) {
+  const s = e.replace(/\s/g, "").toUpperCase();
+  return s === "NA" ? _ : s === "N" || s === "N/" || s === _ ? s : N(e);
+}
+const x = "taxClassification", T = "llcClassificationCode", F = "otherText", C = [
+  "individual_proprietor",
+  "c_corporation",
+  "s_corporation",
+  "partnership",
+  "trust_estate",
+  "limited_liability_company",
+  "other"
+], y = "limited_liability_company", I = "other", k = ["c", "s", "p"], l = {
+  name: "name",
+  businessName: "business_name",
+  otherText: "other_text",
+  foreignPartners: "foreign_partners",
+  exemptPayeeCode: "exempt_payee_code",
+  exemptionFromFatca: "exemption_from_FATCA",
+  homeAddressStreet1: "home_address_street_1",
+  homeAddressStreet2: "home_address_street_2",
+  homeAddressCity: "home_address_city",
+  homeAddressState: "home_address_state",
+  homeAddressZip: "home_address_zip",
+  accountNumber: "account_number",
+  companyName: "company_name",
+  ssn: "ssn",
+  ein: "ein",
+  signatureText: "signature_text"
+}, g = /* @__PURE__ */ new Set(["ssn", "ein"]);
+function b(e) {
+  return typeof e == "string" && /[X•*]/.test(e);
+}
+function h(e) {
+  return e ? (g.has(e.key ?? "") || e.dataType === "ssn" || e.dataType === "ein") && b(e.value) : !1;
+}
+function u(e) {
+  const s = /* @__PURE__ */ new Map();
+  for (const n of e.fields ?? [])
+    n.key && s.set(n.key, n);
+  return s;
+}
+function A(e) {
+  return e === "1" || e === "true";
+}
+function E(e) {
+  const s = u(e), n = s.get("ssn"), t = s.get("ein"), o = h(n), a = h(t);
+  return {
+    ssnRedacted: o,
+    einRedacted: a,
+    ssnPlaceholder: o ? n?.value ?? void 0 : void 0,
+    einPlaceholder: a ? t?.value ?? void 0 : void 0
+  };
+}
+function L(e) {
+  const s = u(e), n = /* @__PURE__ */ new Set();
+  for (const [o, a] of Object.entries(l))
+    s.has(a) && n.add(o);
+  return C.some((o) => s.has(o)) && (n.add(x), n.add(T)), n;
+}
+function K(e) {
+  const s = u(e), n = E(e), t = (a) => s.get(a)?.value ?? "", o = C.find((a) => A(s.get(a)?.value)) ?? "";
+  return {
+    name: t("name"),
+    businessName: t("business_name"),
+    taxClassification: o,
+    // The LLC code serializes into the `tax_classification` field, so seed it
+    // back from there when the LLC classification is the selected one.
+    llcClassificationCode: o === y ? t("tax_classification") : "",
+    otherText: t("other_text"),
+    foreignPartners: A(s.get("foreign_partners")?.value),
+    exemptPayeeCode: t("exempt_payee_code"),
+    exemptionFromFatca: t("exemption_from_FATCA"),
+    homeAddressStreet1: t("home_address_street_1"),
+    homeAddressStreet2: t("home_address_street_2"),
+    homeAddressCity: t("home_address_city"),
+    homeAddressState: t("home_address_state"),
+    homeAddressZip: t("home_address_zip"),
+    accountNumber: t("account_number"),
+    companyName: t("company_name"),
+    ssn: n.ssnRedacted ? "" : t("ssn"),
+    ein: n.einRedacted ? "" : t("ein"),
+    signatureText: t("signature_text"),
+    agree: !1
+  };
+}
+const z = {
+  name: "",
+  businessName: "",
+  taxClassification: "",
+  llcClassificationCode: "",
+  otherText: "",
+  foreignPartners: !1,
+  exemptPayeeCode: "",
+  exemptionFromFatca: "",
+  homeAddressStreet1: "",
+  homeAddressStreet2: "",
+  homeAddressCity: "",
+  homeAddressState: "",
+  homeAddressZip: "",
+  accountNumber: "",
+  companyName: "",
+  ssn: "",
+  ein: "",
+  signatureText: "",
+  agree: !1
+}, P = [
+  "name",
+  "businessName",
+  "exemptPayeeCode",
+  "exemptionFromFatca",
+  "homeAddressStreet1",
+  "homeAddressStreet2",
+  "homeAddressCity",
+  "homeAddressState",
+  "homeAddressZip",
+  "accountNumber",
+  "companyName",
+  "signatureText"
+];
+function V(e, s, n) {
+  const t = L(e), o = [], a = s, r = (i) => {
+    const m = a[i];
+    return typeof m == "string" ? m : "";
+  }, c = r("taxClassification"), d = (i, m) => {
+    o.push({ key: l[i], value: m });
+  };
+  for (const i of P)
+    t.has(i) && d(i, r(i));
+  t.has(F) && c === I && d("otherText", r("otherText")), t.has("foreignPartners") && o.push({
+    key: l.foreignPartners,
+    value: s.foreignPartners ? "1" : "0"
+  });
+  const f = r("ssn"), p = r("ein");
+  return t.has("ssn") && !(n.ssnRedacted && f === "") && d("ssn", f), t.has("ein") && !(n.einRedacted && p === "") && d("ein", p), c && (o.push({ key: c, value: "1" }), c === y && o.push({ key: "tax_classification", value: r("llcClassificationCode") })), o;
+}
+export {
+  z as EMPTY_W9_DEFAULTS,
+  k as LLC_CLASSIFICATION_CODES,
+  T as LLC_CLASSIFICATION_FIELD,
+  y as LLC_CLASSIFICATION_OPTION,
+  _ as NOT_APPLICABLE_VALUE,
+  I as OTHER_CLASSIFICATION_OPTION,
+  F as OTHER_TEXT_FIELD,
+  x as TAX_CLASSIFICATION_FIELD,
+  C as TAX_CLASSIFICATION_OPTION_KEYS,
+  l as W9_FIELD_API_KEYS,
+  K as buildW9Defaults,
+  L as getPresentFieldNames,
+  E as getRedactionState,
+  R as normalizeEinOrNotApplicable,
+  D as normalizeSsnOrNotApplicable,
+  V as serializeW9Fields
+};
+//# sourceMappingURL=w9Fields.js.map

package/dist/components/Contractor/Documents/SignatureForm/useContractorSignatureForm/w9Fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"w9Fields.js","sources":["../../../../../../src/components/Contractor/Documents/SignatureForm/useContractorSignatureForm/w9Fields.ts"],"sourcesContent":["import type {\n  Document,\n  Fields as DocumentField,\n} from '@gusto/embedded-api-v-2026-02-01/models/components/document'\nimport type { ContractorSignatureFormData } from './contractorSignatureFormSchema'\nimport { normalizeEin } from '@/helpers/federalEin'\nimport { normalizeSSN } from '@/helpers/ssn'\n\n/**\n * The `name` of the W-9 document — the only contractor document type that\n * supports signing today.\n *\n * @internal\n */\nexport const W9_DOCUMENT_NAME = 'taxpayer_identification_form_w_9'\n\n/**\n * Sentinel the API returns (and accepts) for a taxpayer-ID field that doesn't\n * apply to the signer — e.g. the EIN of an individual contractor, or the SSN of\n * a business contractor. The sign endpoint stamps this verbatim, so the form\n * both prefills it and treats it as a valid submission.\n *\n * @internal\n */\nexport const NOT_APPLICABLE_VALUE = 'N/A'\n\n/**\n * EIN input transform that preserves the `N/A` sentinel (and the in-progress\n * prefixes a user types toward it) while formatting numeric input as a standard\n * EIN (`NN-NNNNNNN`).\n *\n * @remarks\n * The W-9 accepts `N/A` for a taxpayer who supplies an SSN instead of an EIN,\n * but the plain `normalizeEin` formatter strips every non-digit on each\n * keystroke — making the sentinel impossible to type. This wrapper lets the\n * sentinel through (normalized to uppercase) and defers to `normalizeEin` for\n * everything else.\n *\n * @param value - Raw user input.\n * @returns The `N/A` sentinel (or an in-progress prefix), otherwise the EIN-formatted value.\n * @internal\n */\nexport function normalizeEinOrNotApplicable(value: string): string {\n  const sentinel = value.replace(/\\s/g, '').toUpperCase()\n  if (sentinel === 'NA') return NOT_APPLICABLE_VALUE\n  if (sentinel === 'N' || sentinel === 'N/' || sentinel === NOT_APPLICABLE_VALUE) return sentinel\n  return normalizeEin(value)\n}\n\n/**\n * SSN input transform that preserves the `N/A` sentinel (and the in-progress\n * prefixes `N` and `N/`) while otherwise deferring to {@link normalizeSSN}.\n *\n * @remarks\n * The W-9 accepts `N/A` for a taxpayer who supplies an EIN instead of an SSN,\n * but the plain `normalizeSSN` formatter strips every non-digit on each\n * keystroke — making the sentinel impossible to type. This wrapper lets the\n * sentinel through (normalized to uppercase) and defers to `normalizeSSN` for\n * everything else.\n *\n * @param value - Raw user input.\n * @returns The `N/A` sentinel (or an in-progress prefix), otherwise the SSN-formatted value.\n * @internal\n */\nexport function normalizeSsnOrNotApplicable(value: string): string {\n  const sentinel = value.replace(/\\s/g, '').toUpperCase()\n  if (sentinel === 'NA') return NOT_APPLICABLE_VALUE\n  if (sentinel === 'N' || sentinel === 'N/' || sentinel === NOT_APPLICABLE_VALUE) return sentinel\n  return normalizeSSN(value)\n}\n\n/**\n * Form-field name for the synthesized federal tax classification radio group.\n *\n * @internal\n */\nexport const TAX_CLASSIFICATION_FIELD = 'taxClassification'\n\n/**\n * Form-field name for the synthesized LLC tax classification code select.\n *\n * @internal\n */\nexport const LLC_CLASSIFICATION_FIELD = 'llcClassificationCode'\n\n/**\n * Form-field name for the \"Other\" free-text classification field.\n *\n * @internal\n */\nexport const OTHER_TEXT_FIELD = 'otherText'\n\n/**\n * Ordered classification option keys backing the {@link TAX_CLASSIFICATION_FIELD}\n * radio group. Each maps to a W-9 checkbox field on the underlying document.\n *\n * @internal\n */\nexport const TAX_CLASSIFICATION_OPTION_KEYS = [\n  'individual_proprietor',\n  'c_corporation',\n  's_corporation',\n  'partnership',\n  'trust_estate',\n  'limited_liability_company',\n  'other',\n] as const\n\n/**\n * A single federal tax classification option key.\n *\n * @internal\n */\nexport type TaxClassificationOptionKey = (typeof TAX_CLASSIFICATION_OPTION_KEYS)[number]\n\n/**\n * The classification option that reveals the LLC tax classification select.\n *\n * @internal\n */\nexport const LLC_CLASSIFICATION_OPTION: TaxClassificationOptionKey = 'limited_liability_company'\n\n/**\n * The classification option that reveals the \"Other\" free-text field.\n *\n * @internal\n */\nexport const OTHER_CLASSIFICATION_OPTION: TaxClassificationOptionKey = 'other'\n\n/**\n * Ordered LLC tax classification code options.\n *\n * @internal\n */\nexport const LLC_CLASSIFICATION_CODES = ['c', 's', 'p'] as const\n\n/**\n * Maps each pass-through {@link ContractorSignatureFormData} field to its W-9\n * API field key. Synthesized fields (`taxClassification`,\n * `llcClassificationCode`) and `agree` are intentionally absent.\n *\n * @internal\n */\nexport const W9_FIELD_API_KEYS = {\n  name: 'name',\n  businessName: 'business_name',\n  otherText: 'other_text',\n  foreignPartners: 'foreign_partners',\n  exemptPayeeCode: 'exempt_payee_code',\n  exemptionFromFatca: 'exemption_from_FATCA',\n  homeAddressStreet1: 'home_address_street_1',\n  homeAddressStreet2: 'home_address_street_2',\n  homeAddressCity: 'home_address_city',\n  homeAddressState: 'home_address_state',\n  homeAddressZip: 'home_address_zip',\n  accountNumber: 'account_number',\n  companyName: 'company_name',\n  ssn: 'ssn',\n  ein: 'ein',\n  signatureText: 'signature_text',\n} as const satisfies Record<string, string>\n\n/** A pass-through W-9 field name (one with a single backing API key). */\ntype PassThroughFieldName = keyof typeof W9_FIELD_API_KEYS\n\n/** API field keys whose values are sensitive and arrive masked when on file. */\nconst SENSITIVE_FIELD_KEYS = new Set(['ssn', 'ein'])\n\n/** Whether a value is a server-side mask (e.g. `XXX-XX-1111`) rather than real input. */\nfunction isMaskedValue(value: string | null | undefined): boolean {\n  return typeof value === 'string' && /[X•*]/.test(value)\n}\n\n/** Whether a document field carries a redacted (masked) sensitive value. */\nfunction hasRedactedValue(field: DocumentField | undefined): boolean {\n  if (!field) return false\n  const isSensitive =\n    SENSITIVE_FIELD_KEYS.has(field.key ?? '') ||\n    field.dataType === 'ssn' ||\n    field.dataType === 'ein'\n  return isSensitive && isMaskedValue(field.value)\n}\n\nfunction indexFields(document: Document): Map<string, DocumentField> {\n  const byKey = new Map<string, DocumentField>()\n  for (const field of document.fields ?? []) {\n    if (field.key) byKey.set(field.key, field)\n  }\n  return byKey\n}\n\n/** Coerces an API checkbox value (`'1'`, `'true'`) to a boolean. */\nfunction toBoolean(value: string | null | undefined): boolean {\n  return value === '1' || value === 'true'\n}\n\n/**\n * Whether the document is a W-9 (the only signable contractor document type).\n *\n * @internal\n */\nexport function isW9Document(document: Document): boolean {\n  return document.name === W9_DOCUMENT_NAME\n}\n\n/**\n * Redaction state for the sensitive W-9 fields, derived from the API response.\n *\n * @internal\n */\nexport interface W9RedactionState {\n  /** Whether the API returned a masked SSN value. */\n  ssnRedacted: boolean\n  /** Whether the API returned a masked EIN value. */\n  einRedacted: boolean\n  /** The masked SSN to surface as a placeholder, when redacted. */\n  ssnPlaceholder?: string\n  /** The masked EIN to surface as a placeholder, when redacted. */\n  einPlaceholder?: string\n}\n\n/**\n * Computes the redaction state of the SSN/EIN fields from the document.\n *\n * @param document - The W-9 document returned by the API.\n * @returns The redaction flags and masked placeholders.\n * @internal\n */\nexport function getRedactionState(document: Document): W9RedactionState {\n  const byKey = indexFields(document)\n  const ssnField = byKey.get('ssn')\n  const einField = byKey.get('ein')\n  const ssnRedacted = hasRedactedValue(ssnField)\n  const einRedacted = hasRedactedValue(einField)\n  return {\n    ssnRedacted,\n    einRedacted,\n    ssnPlaceholder: ssnRedacted ? (ssnField?.value ?? undefined) : undefined,\n    einPlaceholder: einRedacted ? (einField?.value ?? undefined) : undefined,\n  }\n}\n\n/**\n * Computes which W-9 form fields the API actually returned — the safety check\n * that drives presence-gating in {@link useContractorSignatureForm}.\n *\n * @remarks\n * A pass-through field is present when its API key is in `document.fields`. The\n * synthesized classification fields (`taxClassification`,\n * `llcClassificationCode`) are present when the document carries any of the\n * federal tax classification checkbox fields.\n *\n * @param document - The W-9 document returned by the API.\n * @returns The set of present camelCase field names.\n * @internal\n */\nexport function getPresentFieldNames(document: Document): Set<string> {\n  const byKey = indexFields(document)\n  const presentFieldNames = new Set<string>()\n\n  for (const [fieldName, apiKey] of Object.entries(W9_FIELD_API_KEYS)) {\n    if (byKey.has(apiKey)) presentFieldNames.add(fieldName)\n  }\n\n  const hasClassification = TAX_CLASSIFICATION_OPTION_KEYS.some(key => byKey.has(key))\n  if (hasClassification) {\n    presentFieldNames.add(TAX_CLASSIFICATION_FIELD)\n    presentFieldNames.add(LLC_CLASSIFICATION_FIELD)\n  }\n\n  return presentFieldNames\n}\n\n/**\n * Builds default form values from a document's fields.\n *\n * @remarks\n * Pass-through values are seeded from the API `value`. The classification radio\n * defaults to whichever classification checkbox is already set (`'1'`/`'true'`),\n * and when that is the LLC classification the LLC code select is seeded from the\n * `tax_classification` field it serializes into. A masked SSN/EIN seeds an empty\n * input (the mask is surfaced as a placeholder instead) so it is never echoed\n * back as the new value on submit.\n *\n * @param document - The W-9 document returned by the API.\n * @returns The default form values.\n * @internal\n */\nexport function buildW9Defaults(document: Document): ContractorSignatureFormData {\n  const byKey = indexFields(document)\n  const redaction = getRedactionState(document)\n  const textValue = (apiKey: string): string => byKey.get(apiKey)?.value ?? ''\n  const selectedClassification =\n    TAX_CLASSIFICATION_OPTION_KEYS.find(key => toBoolean(byKey.get(key)?.value)) ?? ''\n\n  return {\n    name: textValue('name'),\n    businessName: textValue('business_name'),\n    taxClassification: selectedClassification,\n    // The LLC code serializes into the `tax_classification` field, so seed it\n    // back from there when the LLC classification is the selected one.\n    llcClassificationCode:\n      selectedClassification === LLC_CLASSIFICATION_OPTION ? textValue('tax_classification') : '',\n    otherText: textValue('other_text'),\n    foreignPartners: toBoolean(byKey.get('foreign_partners')?.value),\n    exemptPayeeCode: textValue('exempt_payee_code'),\n    exemptionFromFatca: textValue('exemption_from_FATCA'),\n    homeAddressStreet1: textValue('home_address_street_1'),\n    homeAddressStreet2: textValue('home_address_street_2'),\n    homeAddressCity: textValue('home_address_city'),\n    homeAddressState: textValue('home_address_state'),\n    homeAddressZip: textValue('home_address_zip'),\n    accountNumber: textValue('account_number'),\n    companyName: textValue('company_name'),\n    ssn: redaction.ssnRedacted ? '' : textValue('ssn'),\n    ein: redaction.einRedacted ? '' : textValue('ein'),\n    signatureText: textValue('signature_text'),\n    agree: false,\n  }\n}\n\n/**\n * The empty default form values, used while the document is still loading.\n *\n * @internal\n */\nexport const EMPTY_W9_DEFAULTS: ContractorSignatureFormData = {\n  name: '',\n  businessName: '',\n  taxClassification: '',\n  llcClassificationCode: '',\n  otherText: '',\n  foreignPartners: false,\n  exemptPayeeCode: '',\n  exemptionFromFatca: '',\n  homeAddressStreet1: '',\n  homeAddressStreet2: '',\n  homeAddressCity: '',\n  homeAddressState: '',\n  homeAddressZip: '',\n  accountNumber: '',\n  companyName: '',\n  ssn: '',\n  ein: '',\n  signatureText: '',\n  agree: false,\n}\n\n/**\n * A single `{ key, value }` pair sent in the sign request.\n *\n * @internal\n */\nexport interface SignFieldValue {\n  /** The API field key. */\n  key: string\n  /** The serialized field value. */\n  value: string\n}\n\n/** Pass-through text fields serialized verbatim (everything except the checkbox and TIN fields). */\nconst TEXT_PASS_THROUGH_FIELDS: PassThroughFieldName[] = [\n  'name',\n  'businessName',\n  'exemptPayeeCode',\n  'exemptionFromFatca',\n  'homeAddressStreet1',\n  'homeAddressStreet2',\n  'homeAddressCity',\n  'homeAddressState',\n  'homeAddressZip',\n  'accountNumber',\n  'companyName',\n  'signatureText',\n]\n\n/**\n * Serializes W-9 form values into the `{ key, value }` field array expected by\n * the sign API.\n *\n * @remarks\n * Only fields the API returned (see {@link getPresentFieldNames}) are sent.\n * Applies the W-9 mapping: the chosen classification key is sent with value\n * `'1'`; when the LLC classification is chosen, the selected LLC code is sent\n * under the `tax_classification` key. `foreignPartners` serializes to\n * `'1'`/`'0'`. The `otherText` value is only included for the \"Other\"\n * classification. An untouched redacted SSN/EIN is omitted so the mask is never\n * sent back. The `date` field is intentionally omitted so the API auto-fills the\n * signing date in its own locale-correct format.\n *\n * @param document - The W-9 document being signed.\n * @param values - The validated form values.\n * @param redaction - The redaction state from {@link getRedactionState}.\n * @returns The ordered field array for the sign request body.\n * @internal\n */\nexport function serializeW9Fields(\n  document: Document,\n  values: ContractorSignatureFormData,\n  redaction: W9RedactionState,\n): SignFieldValue[] {\n  const presentFieldNames = getPresentFieldNames(document)\n  const fields: SignFieldValue[] = []\n  // The schema preprocesses empty inputs to `undefined`, so read through an\n  // `unknown` view and coalesce missing values to an empty string.\n  const raw = values as Record<string, unknown>\n  const text = (name: string): string => {\n    const value = raw[name]\n    return typeof value === 'string' ? value : ''\n  }\n  const classification = text('taxClassification')\n\n  const pushField = (fieldName: PassThroughFieldName, value: string) => {\n    fields.push({ key: W9_FIELD_API_KEYS[fieldName], value })\n  }\n\n  for (const fieldName of TEXT_PASS_THROUGH_FIELDS) {\n    if (!presentFieldNames.has(fieldName)) continue\n    pushField(fieldName, text(fieldName))\n  }\n\n  if (presentFieldNames.has(OTHER_TEXT_FIELD) && classification === OTHER_CLASSIFICATION_OPTION) {\n    pushField('otherText', text('otherText'))\n  }\n\n  if (presentFieldNames.has('foreignPartners')) {\n    fields.push({\n      key: W9_FIELD_API_KEYS.foreignPartners,\n      value: values.foreignPartners ? '1' : '0',\n    })\n  }\n\n  // A redacted field left untouched is omitted so the masked value isn't sent\n  // back as a replacement; the server keeps the value already on file.\n  const ssnValue = text('ssn')\n  const einValue = text('ein')\n  if (presentFieldNames.has('ssn') && !(redaction.ssnRedacted && ssnValue === '')) {\n    pushField('ssn', ssnValue)\n  }\n  if (presentFieldNames.has('ein') && !(redaction.einRedacted && einValue === '')) {\n    pushField('ein', einValue)\n  }\n\n  if (classification) {\n    fields.push({ key: classification, value: '1' })\n    if (classification === LLC_CLASSIFICATION_OPTION) {\n      fields.push({ key: 'tax_classification', value: text('llcClassificationCode') })\n    }\n  }\n\n  return fields\n}\n"],"names":["NOT_APPLICABLE_VALUE","normalizeEinOrNotApplicable","value","sentinel","normalizeEin","normalizeSsnOrNotApplicable","normalizeSSN","TAX_CLASSIFICATION_FIELD","LLC_CLASSIFICATION_FIELD","OTHER_TEXT_FIELD","TAX_CLASSIFICATION_OPTION_KEYS","LLC_CLASSIFICATION_OPTION","OTHER_CLASSIFICATION_OPTION","LLC_CLASSIFICATION_CODES","W9_FIELD_API_KEYS","SENSITIVE_FIELD_KEYS","isMaskedValue","hasRedactedValue","field","indexFields","document","byKey","toBoolean","getRedactionState","ssnField","einField","ssnRedacted","einRedacted","getPresentFieldNames","presentFieldNames","fieldName","apiKey","key","buildW9Defaults","redaction","textValue","selectedClassification","EMPTY_W9_DEFAULTS","TEXT_PASS_THROUGH_FIELDS","serializeW9Fields","values","fields","raw","text","name","classification","pushField","ssnValue","einValue"],"mappings":";;AAwBO,MAAMA,IAAuB;AAkB7B,SAASC,EAA4BC,GAAuB;AACjE,QAAMC,IAAWD,EAAM,QAAQ,OAAO,EAAE,EAAE,YAAA;AAC1C,SAAIC,MAAa,OAAaH,IAC1BG,MAAa,OAAOA,MAAa,QAAQA,MAAaH,IAA6BG,IAChFC,EAAaF,CAAK;AAC3B;AAiBO,SAASG,EAA4BH,GAAuB;AACjE,QAAMC,IAAWD,EAAM,QAAQ,OAAO,EAAE,EAAE,YAAA;AAC1C,SAAIC,MAAa,OAAaH,IAC1BG,MAAa,OAAOA,MAAa,QAAQA,MAAaH,IAA6BG,IAChFG,EAAaJ,CAAK;AAC3B;AAOO,MAAMK,IAA2B,qBAO3BC,IAA2B,yBAO3BC,IAAmB,aAQnBC,IAAiC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAcaC,IAAwD,6BAOxDC,IAA0D,SAO1DC,IAA2B,CAAC,KAAK,KAAK,GAAG,GASzCC,IAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,KAAK;AAAA,EACL,KAAK;AAAA,EACL,eAAe;AACjB,GAMMC,IAAuB,oBAAI,IAAI,CAAC,OAAO,KAAK,CAAC;AAGnD,SAASC,EAAcd,GAA2C;AAChE,SAAO,OAAOA,KAAU,YAAY,QAAQ,KAAKA,CAAK;AACxD;AAGA,SAASe,EAAiBC,GAA2C;AACnE,SAAKA,KAEHH,EAAqB,IAAIG,EAAM,OAAO,EAAE,KACxCA,EAAM,aAAa,SACnBA,EAAM,aAAa,UACCF,EAAcE,EAAM,KAAK,IAL5B;AAMrB;AAEA,SAASC,EAAYC,GAAgD;AACnE,QAAMC,wBAAY,IAAA;AAClB,aAAWH,KAASE,EAAS,UAAU,CAAA;AACrC,IAAIF,EAAM,OAAKG,EAAM,IAAIH,EAAM,KAAKA,CAAK;AAE3C,SAAOG;AACT;AAGA,SAASC,EAAUpB,GAA2C;AAC5D,SAAOA,MAAU,OAAOA,MAAU;AACpC;AAkCO,SAASqB,EAAkBH,GAAsC;AACtE,QAAMC,IAAQF,EAAYC,CAAQ,GAC5BI,IAAWH,EAAM,IAAI,KAAK,GAC1BI,IAAWJ,EAAM,IAAI,KAAK,GAC1BK,IAAcT,EAAiBO,CAAQ,GACvCG,IAAcV,EAAiBQ,CAAQ;AAC7C,SAAO;AAAA,IACL,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAgBD,IAAeF,GAAU,SAAS,SAAa;AAAA,IAC/D,gBAAgBG,IAAeF,GAAU,SAAS,SAAa;AAAA,EAAA;AAEnE;AAgBO,SAASG,EAAqBR,GAAiC;AACpE,QAAMC,IAAQF,EAAYC,CAAQ,GAC5BS,wBAAwB,IAAA;AAE9B,aAAW,CAACC,GAAWC,CAAM,KAAK,OAAO,QAAQjB,CAAiB;AAChE,IAAIO,EAAM,IAAIU,CAAM,KAAGF,EAAkB,IAAIC,CAAS;AAIxD,SAD0BpB,EAA+B,KAAK,OAAOW,EAAM,IAAIW,CAAG,CAAC,MAEjFH,EAAkB,IAAItB,CAAwB,GAC9CsB,EAAkB,IAAIrB,CAAwB,IAGzCqB;AACT;AAiBO,SAASI,EAAgBb,GAAiD;AAC/E,QAAMC,IAAQF,EAAYC,CAAQ,GAC5Bc,IAAYX,EAAkBH,CAAQ,GACtCe,IAAY,CAACJ,MAA2BV,EAAM,IAAIU,CAAM,GAAG,SAAS,IACpEK,IACJ1B,EAA+B,KAAK,CAAAsB,MAAOV,EAAUD,EAAM,IAAIW,CAAG,GAAG,KAAK,CAAC,KAAK;AAElF,SAAO;AAAA,IACL,MAAMG,EAAU,MAAM;AAAA,IACtB,cAAcA,EAAU,eAAe;AAAA,IACvC,mBAAmBC;AAAA;AAAA;AAAA,IAGnB,uBACEA,MAA2BzB,IAA4BwB,EAAU,oBAAoB,IAAI;AAAA,IAC3F,WAAWA,EAAU,YAAY;AAAA,IACjC,iBAAiBb,EAAUD,EAAM,IAAI,kBAAkB,GAAG,KAAK;AAAA,IAC/D,iBAAiBc,EAAU,mBAAmB;AAAA,IAC9C,oBAAoBA,EAAU,sBAAsB;AAAA,IACpD,oBAAoBA,EAAU,uBAAuB;AAAA,IACrD,oBAAoBA,EAAU,uBAAuB;AAAA,IACrD,iBAAiBA,EAAU,mBAAmB;AAAA,IAC9C,kBAAkBA,EAAU,oBAAoB;AAAA,IAChD,gBAAgBA,EAAU,kBAAkB;AAAA,IAC5C,eAAeA,EAAU,gBAAgB;AAAA,IACzC,aAAaA,EAAU,cAAc;AAAA,IACrC,KAAKD,EAAU,cAAc,KAAKC,EAAU,KAAK;AAAA,IACjD,KAAKD,EAAU,cAAc,KAAKC,EAAU,KAAK;AAAA,IACjD,eAAeA,EAAU,gBAAgB;AAAA,IACzC,OAAO;AAAA,EAAA;AAEX;AAOO,MAAME,IAAiD;AAAA,EAC5D,MAAM;AAAA,EACN,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,KAAK;AAAA,EACL,KAAK;AAAA,EACL,eAAe;AAAA,EACf,OAAO;AACT,GAeMC,IAAmD;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAsBO,SAASC,EACdnB,GACAoB,GACAN,GACkB;AAClB,QAAML,IAAoBD,EAAqBR,CAAQ,GACjDqB,IAA2B,CAAA,GAG3BC,IAAMF,GACNG,IAAO,CAACC,MAAyB;AACrC,UAAM1C,IAAQwC,EAAIE,CAAI;AACtB,WAAO,OAAO1C,KAAU,WAAWA,IAAQ;AAAA,EAC7C,GACM2C,IAAiBF,EAAK,mBAAmB,GAEzCG,IAAY,CAAChB,GAAiC5B,MAAkB;AACpE,IAAAuC,EAAO,KAAK,EAAE,KAAK3B,EAAkBgB,CAAS,GAAG,OAAA5B,GAAO;AAAA,EAC1D;AAEA,aAAW4B,KAAaQ;AACtB,IAAKT,EAAkB,IAAIC,CAAS,KACpCgB,EAAUhB,GAAWa,EAAKb,CAAS,CAAC;AAGtC,EAAID,EAAkB,IAAIpB,CAAgB,KAAKoC,MAAmBjC,KAChEkC,EAAU,aAAaH,EAAK,WAAW,CAAC,GAGtCd,EAAkB,IAAI,iBAAiB,KACzCY,EAAO,KAAK;AAAA,IACV,KAAK3B,EAAkB;AAAA,IACvB,OAAO0B,EAAO,kBAAkB,MAAM;AAAA,EAAA,CACvC;AAKH,QAAMO,IAAWJ,EAAK,KAAK,GACrBK,IAAWL,EAAK,KAAK;AAC3B,SAAId,EAAkB,IAAI,KAAK,KAAK,EAAEK,EAAU,eAAea,MAAa,OAC1ED,EAAU,OAAOC,CAAQ,GAEvBlB,EAAkB,IAAI,KAAK,KAAK,EAAEK,EAAU,eAAec,MAAa,OAC1EF,EAAU,OAAOE,CAAQ,GAGvBH,MACFJ,EAAO,KAAK,EAAE,KAAKI,GAAgB,OAAO,KAAK,GAC3CA,MAAmBlC,KACrB8B,EAAO,KAAK,EAAE,KAAK,sBAAsB,OAAOE,EAAK,uBAAuB,GAAG,IAI5EF;AACT;"}

package/dist/components/Contractor/Documents/SignatureForm/useContractorSignatureForm/w9Fields.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Contractor/Landing/Landing.js

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { useTranslation as h } from "react-i18next";
-import { useContractorsGetSuspense as g } from "@gusto/embedded-api-v-2025-11-15/react-query/contractorsGet";
-import { useCompaniesGetSuspense as C } from "@gusto/embedded-api-v-2025-11-15/react-query/companiesGet";
+import { useContractorsGetSuspense as g } from "@gusto/embedded-api-v-2026-02-01/react-query/contractorsGet";
+import { useCompaniesGetSuspense as C } from "@gusto/embedded-api-v-2026-02-01/react-query/companiesGet";
 import c from "dompurify";
 import { useMemo as m } from "react";
 import { BaseComponent as x } from "../../Base/Base.js";

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

@@ -1 +1 @@
-{"version":3,"file":"Landing.js","sources":["../../../../src/components/Contractor/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/contractorsGet'\nimport { useCompaniesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/companiesGet'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\n/**\n * Props for the {@link Landing} component.\n *\n * @public\n */\nexport interface LandingProps extends BaseComponentInterface<'Contractor.Landing'> {\n  /** UUID of the contractor entering the self-onboarding flow. */\n  contractorId: string\n  /** UUID of the company the contractor belongs to. */\n  companyId: string\n}\n\n/**\n * Landing page for the contractor self-onboarding flow. Displays a welcome\n * message and the list of onboarding steps the contractor needs to complete.\n *\n * @public\n */\nexport function Landing(props: LandingProps) {\n  useI18n('Contractor.Landing')\n  useComponentDictionary('Contractor.Landing', props.dictionary)\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, companyId, className }: LandingProps) => {\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Contractor.Landing')\n\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const sanitizedContractorName = useMemo(\n    () =>\n      DOMPurify.sanitize(contractor?.firstName ?? contractor?.businessName ?? t('fallbackName')),\n    [contractor, t],\n  )\n\n  const {\n    data: { company },\n  } = useCompaniesGetSuspense({ companyId })\n  const sanitizedCompanyName = useMemo(() => DOMPurify.sanitize(company?.name ?? ''), [company])\n\n  return (\n    <section className={className}>\n      <Components.Box\n        footer={\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n              <ArrowRightIcon aria-hidden />\n            </Components.Button>\n          </ActionsLayout>\n        }\n      >\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">\n              {t('landingSubtitle', {\n                contractorName: sanitizedContractorName,\n                companyName: sanitizedCompanyName,\n                interpolation: { escapeValue: false },\n              })}\n            </Components.Heading>\n            <Components.Text variant=\"supporting\">{t('landingDescription')}</Components.Text>\n          </Flex>\n          <Flex flexDirection=\"column\" gap={8}>\n            <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n            <Components.UnorderedList\n              items={[\n                t('steps.profile'),\n                t('steps.address'),\n                t('steps.paymentMethod'),\n                t('steps.documents'),\n              ]}\n            />\n          </Flex>\n        </Flex>\n      </Components.Box>\n    </section>\n  )\n}\n"],"names":["Landing","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","contractorId","companyId","className","onEvent","useBase","Components","useComponentContext","useTranslation","contractor","useContractorsGetSuspense","sanitizedContractorName","useMemo","DOMPurify","company","useCompaniesGetSuspense","sanitizedCompanyName","ActionsLayout","jsxs","componentEvents","ArrowRightIcon","Flex"],"mappings":";;;;;;;;;;;;;;AA+BO,SAASA,EAAQC,GAAqB;AAC3C,SAAAC,EAAQ,oBAAoB,GAC5BC,EAAuB,sBAAsBF,EAAM,UAAU,GAG3D,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,cAAAC,GAAc,WAAAC,GAAW,WAAAC,QAA8B;AACrE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEb,EAAE,EAAA,IAAMC,EAAe,oBAAoB,GAE3C;AAAA,IACJ,MAAM,EAAE,YAAAC,EAAA;AAAA,EAAW,IACjBC,EAA0B,EAAE,gBAAgBT,GAAc,GACxDU,IAA0BC;AAAA,IAC9B,MACEC,EAAU,SAASJ,GAAY,aAAaA,GAAY,gBAAgB,EAAE,cAAc,CAAC;AAAA,IAC3F,CAACA,GAAY,CAAC;AAAA,EAAA,GAGV;AAAA,IACJ,MAAM,EAAE,SAAAK,EAAA;AAAA,EAAQ,IACdC,EAAwB,EAAE,WAAAb,GAAW,GACnCc,IAAuBJ,EAAQ,MAAMC,EAAU,SAASC,GAAS,QAAQ,EAAE,GAAG,CAACA,CAAO,CAAC;AAE7F,SACE,gBAAAhB,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,0BACGW,GAAA,EACC,UAAA,gBAAAC;AAAA,QAACZ,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQe,EAAgB,gCAAgC;AAAA,UAC1D;AAAA,UAEC,UAAA;AAAA,YAAA,EAAE,eAAe;AAAA,YAClB,gBAAArB,EAACsB,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEhC;AAAA,MAGF,4BAACC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,QAAA,gBAAAH,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAvB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MACpB,YAAE,mBAAmB;AAAA,YACpB,gBAAgBK;AAAA,YAChB,aAAaK;AAAA,YACb,eAAe,EAAE,aAAa,GAAA;AAAA,UAAM,CACrC,GACH;AAAA,UACA,gBAAAlB,EAACQ,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAA,EAAE,oBAAoB,EAAA,CAAE;AAAA,QAAA,GACjE;AAAA,QACA,gBAAAY,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAvB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,eAAe,GAAE;AAAA,UAChD,gBAAAR;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,OAAO;AAAA,gBACL,EAAE,eAAe;AAAA,gBACjB,EAAE,eAAe;AAAA,gBACjB,EAAE,qBAAqB;AAAA,gBACvB,EAAE,iBAAiB;AAAA,cAAA;AAAA,YACrB;AAAA,UAAA;AAAA,QACF,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Landing.js","sources":["../../../../src/components/Contractor/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api-v-2026-02-01/react-query/contractorsGet'\nimport { useCompaniesGetSuspense } from '@gusto/embedded-api-v-2026-02-01/react-query/companiesGet'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\n/**\n * Props for the {@link Landing} component.\n *\n * @public\n */\nexport interface LandingProps extends BaseComponentInterface<'Contractor.Landing'> {\n  /** UUID of the contractor entering the self-onboarding flow. */\n  contractorId: string\n  /** UUID of the company the contractor belongs to. */\n  companyId: string\n}\n\n/**\n * Landing page for the contractor self-onboarding flow. Displays a welcome\n * message and the list of onboarding steps the contractor needs to complete.\n *\n * @public\n */\nexport function Landing(props: LandingProps) {\n  useI18n('Contractor.Landing')\n  useComponentDictionary('Contractor.Landing', props.dictionary)\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, companyId, className }: LandingProps) => {\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Contractor.Landing')\n\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const sanitizedContractorName = useMemo(\n    () =>\n      DOMPurify.sanitize(contractor?.firstName ?? contractor?.businessName ?? t('fallbackName')),\n    [contractor, t],\n  )\n\n  const {\n    data: { company },\n  } = useCompaniesGetSuspense({ companyId })\n  const sanitizedCompanyName = useMemo(() => DOMPurify.sanitize(company?.name ?? ''), [company])\n\n  return (\n    <section className={className}>\n      <Components.Box\n        footer={\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n              <ArrowRightIcon aria-hidden />\n            </Components.Button>\n          </ActionsLayout>\n        }\n      >\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">\n              {t('landingSubtitle', {\n                contractorName: sanitizedContractorName,\n                companyName: sanitizedCompanyName,\n                interpolation: { escapeValue: false },\n              })}\n            </Components.Heading>\n            <Components.Text variant=\"supporting\">{t('landingDescription')}</Components.Text>\n          </Flex>\n          <Flex flexDirection=\"column\" gap={8}>\n            <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n            <Components.UnorderedList\n              items={[\n                t('steps.profile'),\n                t('steps.address'),\n                t('steps.paymentMethod'),\n                t('steps.documents'),\n              ]}\n            />\n          </Flex>\n        </Flex>\n      </Components.Box>\n    </section>\n  )\n}\n"],"names":["Landing","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","contractorId","companyId","className","onEvent","useBase","Components","useComponentContext","useTranslation","contractor","useContractorsGetSuspense","sanitizedContractorName","useMemo","DOMPurify","company","useCompaniesGetSuspense","sanitizedCompanyName","ActionsLayout","jsxs","componentEvents","ArrowRightIcon","Flex"],"mappings":";;;;;;;;;;;;;;AA+BO,SAASA,EAAQC,GAAqB;AAC3C,SAAAC,EAAQ,oBAAoB,GAC5BC,EAAuB,sBAAsBF,EAAM,UAAU,GAG3D,gBAAAG,EAACC,GAAA,EAAe,GAAGJ,GACjB,UAAA,gBAAAG,EAACE,KAAM,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMK,IAAO,CAAC,EAAE,cAAAC,GAAc,WAAAC,GAAW,WAAAC,QAA8B;AACrE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEb,EAAE,EAAA,IAAMC,EAAe,oBAAoB,GAE3C;AAAA,IACJ,MAAM,EAAE,YAAAC,EAAA;AAAA,EAAW,IACjBC,EAA0B,EAAE,gBAAgBT,GAAc,GACxDU,IAA0BC;AAAA,IAC9B,MACEC,EAAU,SAASJ,GAAY,aAAaA,GAAY,gBAAgB,EAAE,cAAc,CAAC;AAAA,IAC3F,CAACA,GAAY,CAAC;AAAA,EAAA,GAGV;AAAA,IACJ,MAAM,EAAE,SAAAK,EAAA;AAAA,EAAQ,IACdC,EAAwB,EAAE,WAAAb,GAAW,GACnCc,IAAuBJ,EAAQ,MAAMC,EAAU,SAASC,GAAS,QAAQ,EAAE,GAAG,CAACA,CAAO,CAAC;AAE7F,SACE,gBAAAhB,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,0BACGW,GAAA,EACC,UAAA,gBAAAC;AAAA,QAACZ,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQe,EAAgB,gCAAgC;AAAA,UAC1D;AAAA,UAEC,UAAA;AAAA,YAAA,EAAE,eAAe;AAAA,YAClB,gBAAArB,EAACsB,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEhC;AAAA,MAGF,4BAACC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,QAAA,gBAAAH,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAvB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MACpB,YAAE,mBAAmB;AAAA,YACpB,gBAAgBK;AAAA,YAChB,aAAaK;AAAA,YACb,eAAe,EAAE,aAAa,GAAA;AAAA,UAAM,CACrC,GACH;AAAA,UACA,gBAAAlB,EAACQ,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAA,EAAE,oBAAoB,EAAA,CAAE;AAAA,QAAA,GACjE;AAAA,QACA,gBAAAY,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAvB,EAACQ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,eAAe,GAAE;AAAA,UAChD,gBAAAR;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,OAAO;AAAA,gBACL,EAAE,eAAe;AAAA,gBACjB,EAAE,eAAe;AAAA,gBACjB,EAAE,qBAAqB;AAAA,gBACvB,EAAE,iBAAiB;AAAA,cAAA;AAAA,YACrB;AAAA,UAAA;AAAA,QACF,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Contractor/Landing/index.d.ts

@@ -1,2 +1 @@
-import "./types/i18next.d.ts"
 export * from './Landing';

package/dist/components/Contractor/NewHireReport/NewHireReport.js

@@ -4,8 +4,8 @@ import { useForm as T, useWatch as y, FormProvider as g } from "react-hook-form"
 import { useMemo as D } from "react";
 import r from "zod";
 import { zodResolver as O } from "@hookform/resolvers/zod";
-import { useContractorsGetSuspense as _ } from "@gusto/embedded-api-v-2025-11-15/react-query/contractorsGet";
-import { useContractorsUpdateMutation as x } from "@gusto/embedded-api-v-2025-11-15/react-query/contractorsUpdate";
+import { useContractorsGetSuspense as _ } from "@gusto/embedded-api-v-2026-02-01/react-query/contractorsGet";
+import { useContractorsUpdateMutation as x } from "@gusto/embedded-api-v-2026-02-01/react-query/contractorsUpdate";
 import { useComponentDictionary as F, useI18n as P } from "../../../i18n/I18n.js";
 import { BaseComponent as A } from "../../Base/Base.js";
 import { useBase as B } from "../../Base/useBase.js";

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

@@ -1 +1 @@
-{"version":3,"file":"NewHireReport.js","sources":["../../../../src/components/Contractor/NewHireReport/NewHireReport.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo } from 'react'\nimport z from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/contractorsGet'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/contractorsUpdate'\nimport type { NewHireReportProps } from './types'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, STATES_ABBR } from '@/shared/constants'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex, RadioGroupField, SelectField } from '@/components/Common'\n\nconst NewHireReportSchema = z.union([\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => v),\n    state: z.string().min(1),\n  }),\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => !v),\n  }),\n])\n\ntype NewHireReportSchemaInputs = z.input<typeof NewHireReportSchema>\n\n/**\n * Collects new hire reporting information for a contractor and persists it to the contractor record.\n *\n * Asks whether a new hire report should be filed and, when the answer is yes, captures the\n * work state used for filing. Submitting writes both values back to the contractor.\n *\n * @remarks\n * Set `selfOnboarding` to `true` when this component is rendered as part of the contractor's\n * own self-onboarding flow rather than admin onboarding.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/newHireReport/updated` | Fired when the new hire report is saved | The API response object; access the updated contractor at `.contractor` |\n * | `contractor/newHireReport/done` | Fired after the new hire report step completes | — |\n *\n * @param props - Component configuration; see {@link NewHireReportProps}.\n * @returns The rendered new hire report form.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function NewHireReportStep() {\n *   return (\n *     <ContractorOnboarding.NewHireReport\n *       contractorId=\"contractor-uuid\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function NewHireReport(props: NewHireReportProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, className, dictionary, selfOnboarding = false }: NewHireReportProps) {\n  useComponentDictionary('Contractor.NewHireReport', dictionary)\n  useI18n('Contractor.NewHireReport')\n  const { t } = useTranslation('Contractor.NewHireReport')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractorDetails = contractor!\n\n  const { mutateAsync: updateContractor, isPending: updateContractorPending } =\n    useContractorsUpdateMutation()\n\n  const defaultValues = useMemo(\n    () => ({\n      fileNewHireReport: contractorDetails.fileNewHireReport || false,\n      state: contractorDetails.workState || null,\n    }),\n    [contractorDetails],\n  )\n\n  const formMethods = useForm({\n    resolver: zodResolver(NewHireReportSchema),\n    defaultValues: defaultValues,\n  })\n\n  const watchedDoFile = useWatch({ control: formMethods.control, name: 'fileNewHireReport' })\n  const onSubmit: SubmitHandler<NewHireReportSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const contractorResponse = await updateContractor({\n        request: {\n          contractorUuid: contractorId,\n          contractorUpdateRequestBody: {\n            type: contractorDetails.type,\n            selfOnboarding: selfOnboarding,\n            fileNewHireReport: payload.fileNewHireReport,\n            workState: 'state' in payload ? payload.state : null,\n            version: contractorDetails.version!,\n          },\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, contractorResponse)\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex flexDirection=\"column\" alignItems=\"stretch\">\n            <header>\n              <Flex flexDirection=\"column\" gap={4}>\n                <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n                <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n              </Flex>\n            </header>\n            <RadioGroupField\n              name=\"fileNewHireReport\"\n              label={t('doFileLegend')}\n              shouldVisuallyHideLabel\n              options={[\n                {\n                  value: true,\n                  label: t('yesOption'),\n                },\n                {\n                  value: false,\n                  label: t('noOption'),\n                },\n              ]}\n            />\n            {watchedDoFile && (\n              <SelectField\n                name=\"state\"\n                options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n                  label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n                  value: stateAbbr,\n                }))}\n                label={t('stateSelectionLabel')}\n                placeholder={t('statePlaceholder')}\n                errorMessage={t('validations.state')}\n                isRequired\n              />\n            )}\n            <ActionsLayout>\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={updateContractorPending}\n              >\n                {t('submitCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["NewHireReportSchema","z","v","NewHireReport","props","jsx","BaseComponent","Root","contractorId","className","dictionary","selfOnboarding","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","contractor","useContractorsGetSuspense","contractorDetails","updateContractor","updateContractorPending","useContractorsUpdateMutation","defaultValues","useMemo","formMethods","useForm","zodResolver","watchedDoFile","useWatch","onSubmit","data","payload","contractorResponse","componentEvents","FormProvider","Form","jsxs","Flex","RadioGroupField","SelectField","STATES_ABBR","stateAbbr","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"NewHireReport.js","sources":["../../../../src/components/Contractor/NewHireReport/NewHireReport.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo } from 'react'\nimport z from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api-v-2026-02-01/react-query/contractorsGet'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api-v-2026-02-01/react-query/contractorsUpdate'\nimport type { NewHireReportProps } from './types'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, STATES_ABBR } from '@/shared/constants'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex, RadioGroupField, SelectField } from '@/components/Common'\n\nconst NewHireReportSchema = z.union([\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => v),\n    state: z.string().min(1),\n  }),\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => !v),\n  }),\n])\n\ntype NewHireReportSchemaInputs = z.input<typeof NewHireReportSchema>\n\n/**\n * Collects new hire reporting information for a contractor and persists it to the contractor record.\n *\n * Asks whether a new hire report should be filed and, when the answer is yes, captures the\n * work state used for filing. Submitting writes both values back to the contractor.\n *\n * @remarks\n * Set `selfOnboarding` to `true` when this component is rendered as part of the contractor's\n * own self-onboarding flow rather than admin onboarding.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/newHireReport/updated` | Fired when the new hire report is saved | The API response object; access the updated contractor at `.contractor` |\n * | `contractor/newHireReport/done` | Fired after the new hire report step completes | — |\n *\n * @param props - Component configuration; see {@link NewHireReportProps}.\n * @returns The rendered new hire report form.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function NewHireReportStep() {\n *   return (\n *     <ContractorOnboarding.NewHireReport\n *       contractorId=\"contractor-uuid\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function NewHireReport(props: NewHireReportProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, className, dictionary, selfOnboarding = false }: NewHireReportProps) {\n  useComponentDictionary('Contractor.NewHireReport', dictionary)\n  useI18n('Contractor.NewHireReport')\n  const { t } = useTranslation('Contractor.NewHireReport')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractorDetails = contractor!\n\n  const { mutateAsync: updateContractor, isPending: updateContractorPending } =\n    useContractorsUpdateMutation()\n\n  const defaultValues = useMemo(\n    () => ({\n      fileNewHireReport: contractorDetails.fileNewHireReport || false,\n      state: contractorDetails.workState || null,\n    }),\n    [contractorDetails],\n  )\n\n  const formMethods = useForm({\n    resolver: zodResolver(NewHireReportSchema),\n    defaultValues: defaultValues,\n  })\n\n  const watchedDoFile = useWatch({ control: formMethods.control, name: 'fileNewHireReport' })\n  const onSubmit: SubmitHandler<NewHireReportSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const contractorResponse = await updateContractor({\n        request: {\n          contractorUuid: contractorId,\n          contractorUpdateRequestBody: {\n            type: contractorDetails.type,\n            selfOnboarding: selfOnboarding,\n            fileNewHireReport: payload.fileNewHireReport,\n            workState: 'state' in payload ? payload.state : null,\n            version: contractorDetails.version!,\n          },\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, contractorResponse)\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex flexDirection=\"column\" alignItems=\"stretch\">\n            <header>\n              <Flex flexDirection=\"column\" gap={4}>\n                <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n                <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n              </Flex>\n            </header>\n            <RadioGroupField\n              name=\"fileNewHireReport\"\n              label={t('doFileLegend')}\n              shouldVisuallyHideLabel\n              options={[\n                {\n                  value: true,\n                  label: t('yesOption'),\n                },\n                {\n                  value: false,\n                  label: t('noOption'),\n                },\n              ]}\n            />\n            {watchedDoFile && (\n              <SelectField\n                name=\"state\"\n                options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n                  label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n                  value: stateAbbr,\n                }))}\n                label={t('stateSelectionLabel')}\n                placeholder={t('statePlaceholder')}\n                errorMessage={t('validations.state')}\n                isRequired\n              />\n            )}\n            <ActionsLayout>\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={updateContractorPending}\n              >\n                {t('submitCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["NewHireReportSchema","z","v","NewHireReport","props","jsx","BaseComponent","Root","contractorId","className","dictionary","selfOnboarding","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","contractor","useContractorsGetSuspense","contractorDetails","updateContractor","updateContractorPending","useContractorsUpdateMutation","defaultValues","useMemo","formMethods","useForm","zodResolver","watchedDoFile","useWatch","onSubmit","data","payload","contractorResponse","componentEvents","FormProvider","Form","jsxs","Flex","RadioGroupField","SelectField","STATES_ABBR","stateAbbr","ActionsLayout"],"mappings":"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"}

package/dist/components/Contractor/OnboardingSummary/index.d.ts

@@ -1,2 +1 @@
-import "./types/i18next.d.ts"
 export * from './OnboardingSummary';

package/dist/components/Contractor/PaymentMethod/PaymentMethod.js

@@ -1,110 +1,112 @@
-import { jsx as t, jsxs as d, Fragment as E } from "react/jsx-runtime";
-import { useTranslation as M } from "react-i18next";
-import O from "classnames";
-import { useContractorPaymentMethodForm as L } from "./shared/useContractorPaymentMethodForm/useContractorPaymentMethodForm.js";
-import { useContractorBankAccountForm as _ } from "./shared/useContractorBankAccountForm/useContractorBankAccountForm.js";
-import H from "./PaymentMethod.module.scss.js";
-import { useComponentDictionary as P, useI18n as v } from "../../../i18n/I18n.js";
-import { BaseBoundaries as B, BaseLayout as p } from "../../Base/Base.js";
+import { jsx as t, jsxs as u, Fragment as M } from "react/jsx-runtime";
+import { useTranslation as O } from "react-i18next";
+import L from "classnames";
+import { useContractorPaymentMethodForm as _ } from "./shared/useContractorPaymentMethodForm/useContractorPaymentMethodForm.js";
+import { useContractorBankAccountForm as H } from "./shared/useContractorBankAccountForm/useContractorBankAccountForm.js";
+import P from "./PaymentMethod.module.scss.js";
+import { useComponentDictionary as v, useI18n as B } from "../../../i18n/I18n.js";
+import { BaseBoundaries as U, BaseLayout as b } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { useComponentContext as U } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Form as I } from "../../Common/Form/Form.js";
-import { PAYMENT_METHODS as b, componentEvents as c } from "../../../shared/constants.js";
+import { useComponentContext as I } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Form as x } from "../../Common/Form/Form.js";
+import { PAYMENT_METHODS as A, componentEvents as c } from "../../../shared/constants.js";
 import { composeErrorHandler as S } from "../../../partner-hook-utils/composeErrorHandler.js";
-import { composeSubmitHandler as A } from "../../../partner-hook-utils/form/composeSubmitHandler.js";
-import { ActionsLayout as x } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { Flex as Y } from "../../Common/Flex/Flex.js";
+import { composeSubmitHandler as N } from "../../../partner-hook-utils/form/composeSubmitHandler.js";
+import { ActionsLayout as Y } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { Flex as f } from "../../Common/Flex/Flex.js";
 import "react";
 function io({ dictionary: i, ...s }) {
-  return P("Contractor.PaymentMethod", i), /* @__PURE__ */ t(B, { componentName: "Contractor.PaymentMethod", children: /* @__PURE__ */ t(Q, { ...s }) });
+  return v("Contractor.PaymentMethod", i), /* @__PURE__ */ t(U, { componentName: "Contractor.PaymentMethod", children: /* @__PURE__ */ t(Q, { ...s }) });
 }
 function Q({ contractorId: i, className: s, onEvent: a }) {
-  v("Contractor.PaymentMethod");
-  const { t: o } = M("Contractor.PaymentMethod"), m = U(), r = L({
+  B("Contractor.PaymentMethod");
+  const { t: o } = O("Contractor.PaymentMethod"), m = I(), r = _({
     contractorId: i,
     shouldFocusError: !1
-  }), e = _({
+  }), e = H({
     contractorId: i,
     shouldFocusError: !1
   });
   if (r.isLoading || e.isLoading) {
     const n = S([r, e]);
-    return /* @__PURE__ */ t(p, { isLoading: !0, error: n.errors });
+    return /* @__PURE__ */ t(b, { isLoading: !0, error: n.errors });
   }
-  const u = r.status.isDirectDeposit, { Type: N } = r.form.Fields, { Name: f, RoutingNumber: D, AccountNumber: C, AccountType: T } = e.form.Fields, h = async () => {
+  const l = r.status.isDirectDeposit, { Type: D } = r.form.Fields, { Name: C, RoutingNumber: g, AccountNumber: h, AccountType: T } = e.form.Fields, F = async () => {
     const n = await e.actions.onSubmit();
     n && (a(c.CONTRACTOR_BANK_ACCOUNT_CREATED, {
       contractorBankAccount: n.data
     }), a(c.CONTRACTOR_PAYMENT_METHOD_DONE));
-  }, g = async () => {
+  }, R = async () => {
     const n = await r.actions.onSubmit();
     n && (a(c.CONTRACTOR_PAYMENT_METHOD_UPDATED, {
       contractorPaymentMethod: n.data
     }), a(c.CONTRACTOR_PAYMENT_METHOD_DONE));
-  }, { handleSubmit: F, errorHandling: R } = u ? A([r, e], h) : A([r], g), k = r.status.isPending || e.status.isPending, y = (n) => /* @__PURE__ */ t(
+  }, { handleSubmit: k, errorHandling: y } = l ? N([r, e], F) : N([r], R), d = r.status.isPending || e.status.isPending, E = (n) => /* @__PURE__ */ t(
     m.RadioGroup,
     {
       ...n,
       shouldVisuallyHideLabel: !0,
-      options: n.options.map((l) => ({
-        ...l,
-        description: l.value === b.directDeposit ? o("directDepositDescription") : o("checkDescription")
+      options: n.options.map((p) => ({
+        ...p,
+        description: p.value === A.directDeposit ? o("directDepositDescription") : o("checkDescription")
       }))
     }
   );
-  return /* @__PURE__ */ t("section", { className: O(H.root, s), children: /* @__PURE__ */ t(p, { error: R.errors, children: /* @__PURE__ */ t(I, { onSubmit: F, children: /* @__PURE__ */ d(Y, { gap: 32, flexDirection: "column", children: [
+  return /* @__PURE__ */ t("section", { className: L(P.root, s), children: /* @__PURE__ */ t(b, { error: y.errors, children: /* @__PURE__ */ t(x, { onSubmit: k, children: /* @__PURE__ */ u(f, { gap: 32, flexDirection: "column", children: [
     /* @__PURE__ */ t(m.Heading, { as: "h2", children: o("title") }),
-    /* @__PURE__ */ t(
-      N,
-      {
-        label: o("paymentFieldsetLegend"),
-        getOptionLabel: (n) => n === b.directDeposit ? o("directDepositLabel") : o("checkLabel"),
-        FieldComponent: y,
-        formHookResult: r
-      }
-    ),
-    u && /* @__PURE__ */ d(E, { children: [
-      /* @__PURE__ */ t(
-        f,
-        {
-          label: o("bankAccountForm.nameLabel"),
-          validationMessages: { REQUIRED: o("bankAccountForm.validations.accountName") },
-          formHookResult: e
-        }
-      ),
+    /* @__PURE__ */ u(f, { flexDirection: "column", gap: 20, children: [
       /* @__PURE__ */ t(
         D,
         {
-          label: o("bankAccountForm.routingNumberLabel"),
-          description: o("bankAccountForm.routingNumberDescription"),
-          validationMessages: {
-            REQUIRED: o("bankAccountForm.validations.routingNumber"),
-            INVALID_ROUTING_NUMBER: o("bankAccountForm.validations.routingNumber")
-          },
-          formHookResult: e
+          label: o("paymentFieldsetLegend"),
+          getOptionLabel: (n) => n === A.directDeposit ? o("directDepositLabel") : o("checkLabel"),
+          FieldComponent: E,
+          formHookResult: r
         }
       ),
-      /* @__PURE__ */ t(
-        C,
-        {
-          label: o("bankAccountForm.accountNumberLabel"),
-          validationMessages: {
-            REQUIRED: o("bankAccountForm.validations.accountNumber"),
-            INVALID_ACCOUNT_NUMBER: o("bankAccountForm.validations.accountNumber")
-          },
-          formHookResult: e
-        }
-      ),
-      /* @__PURE__ */ t(
-        T,
-        {
-          label: o("bankAccountForm.accountTypeLabel"),
-          getOptionLabel: (n) => o(n === "Checking" ? "bankAccountForm.accountTypeChecking" : "bankAccountForm.accountTypeSavings"),
-          formHookResult: e
-        }
-      )
+      l && /* @__PURE__ */ u(M, { children: [
+        /* @__PURE__ */ t(
+          C,
+          {
+            label: o("bankAccountForm.nameLabel"),
+            validationMessages: { REQUIRED: o("bankAccountForm.validations.accountName") },
+            formHookResult: e
+          }
+        ),
+        /* @__PURE__ */ t(
+          g,
+          {
+            label: o("bankAccountForm.routingNumberLabel"),
+            description: o("bankAccountForm.routingNumberDescription"),
+            validationMessages: {
+              REQUIRED: o("bankAccountForm.validations.routingNumber"),
+              INVALID_ROUTING_NUMBER: o("bankAccountForm.validations.routingNumber")
+            },
+            formHookResult: e
+          }
+        ),
+        /* @__PURE__ */ t(
+          h,
+          {
+            label: o("bankAccountForm.accountNumberLabel"),
+            validationMessages: {
+              REQUIRED: o("bankAccountForm.validations.accountNumber"),
+              INVALID_ACCOUNT_NUMBER: o("bankAccountForm.validations.accountNumber")
+            },
+            formHookResult: e
+          }
+        ),
+        /* @__PURE__ */ t(
+          T,
+          {
+            label: o("bankAccountForm.accountTypeLabel"),
+            getOptionLabel: (n) => o(n === "Checking" ? "bankAccountForm.accountTypeChecking" : "bankAccountForm.accountTypeSavings"),
+            formHookResult: e
+          }
+        )
+      ] })
     ] }),
-    /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(m.Button, { type: "submit", variant: "primary", isDisabled: k, children: o("continueCta") }) })
+    /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(m.Button, { type: "submit", variant: "primary", isDisabled: d, children: o(d ? "submittingCta" : "continueCta") }) })
   ] }) }) }) });
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethod.js","sources":["../../../../src/components/Contractor/PaymentMethod/PaymentMethod.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type { PaymentMethodProps } from './types'\nimport {\n  useContractorPaymentMethodForm,\n  type ContractorPaymentMethodFormType,\n} from './shared/useContractorPaymentMethodForm'\nimport { useContractorBankAccountForm } from './shared/useContractorBankAccountForm'\nimport styles from './PaymentMethod.module.scss'\nimport { useI18n } from '@/i18n'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, PAYMENT_METHODS } from '@/shared/constants'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex } from '@/components/Common'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\n\n/**\n * Manages a contractor's payment method, capturing a bank account for direct deposit or recording check as the payment method.\n *\n * Displays the current payment type, lets the user switch between direct deposit and check, and\n * collects bank account details (account holder name, routing number, account number, and account\n * type) when direct deposit is selected. Direct deposit creates the bank account (which updates the\n * payment method server-side); check updates the contractor's payment method type directly.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/bankAccount/created` | Fired on the direct deposit path after the bank account is created | The created bank account at `.contractorBankAccount` |\n * | `contractor/paymentMethod/updated` | Fired on the check path after the payment method type is updated | The updated payment method at `.contractorPaymentMethod` |\n * | `contractor/paymentMethod/done` | Fired when the payment method step completes | — |\n *\n * @param props - Component configuration; see {@link PaymentMethodProps}.\n * @returns The rendered payment method form.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function PaymentMethodStep() {\n *   return (\n *     <ContractorOnboarding.PaymentMethod\n *       contractorId=\"contractor-uuid\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PaymentMethod({ dictionary, ...props }: PaymentMethodProps) {\n  useComponentDictionary('Contractor.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Contractor.PaymentMethod\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({ contractorId, className, onEvent }: Omit<PaymentMethodProps, 'dictionary'>) {\n  useI18n('Contractor.PaymentMethod')\n  const { t } = useTranslation('Contractor.PaymentMethod')\n  const Components = useComponentContext()\n\n  const paymentMethodForm = useContractorPaymentMethodForm({\n    contractorId,\n    shouldFocusError: false,\n  })\n  const bankAccountForm = useContractorBankAccountForm({\n    contractorId,\n    shouldFocusError: false,\n  })\n\n  if (paymentMethodForm.isLoading || bankAccountForm.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([paymentMethodForm, bankAccountForm])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  const isDirectDeposit = paymentMethodForm.status.isDirectDeposit\n  const { Type } = paymentMethodForm.form.Fields\n  const { Name, RoutingNumber, AccountNumber, AccountType } = bankAccountForm.form.Fields\n\n  // Direct Deposit always submits the bank account (which sets the payment\n  // method server-side); Check updates the payment method type directly. The\n  // account number is pre-filled with the masked token, which the API treats as\n  // \"keep the existing account,\" so an unchanged submit preserves it while a\n  // newly typed number replaces it.\n  const submitDirectDeposit = async () => {\n    const result = await bankAccountForm.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.CONTRACTOR_BANK_ACCOUNT_CREATED, {\n      contractorBankAccount: result.data,\n    })\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE)\n  }\n\n  const submitCheck = async () => {\n    const result = await paymentMethodForm.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_UPDATED, {\n      contractorPaymentMethod: result.data,\n    })\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE)\n  }\n\n  const { handleSubmit, errorHandling } = isDirectDeposit\n    ? composeSubmitHandler([paymentMethodForm, bankAccountForm], submitDirectDeposit)\n    : composeSubmitHandler([paymentMethodForm], submitCheck)\n\n  const isPending = paymentMethodForm.status.isPending || bankAccountForm.status.isPending\n\n  const TypeFieldComponent = (radioProps: RadioGroupProps) => (\n    <Components.RadioGroup\n      {...radioProps}\n      shouldVisuallyHideLabel\n      options={radioProps.options.map(option => ({\n        ...option,\n        description:\n          option.value === PAYMENT_METHODS.directDeposit\n            ? t('directDepositDescription')\n            : t('checkDescription'),\n      }))}\n    />\n  )\n\n  return (\n    <section className={classNames(styles.root, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={handleSubmit}>\n          <Flex gap={32} flexDirection=\"column\">\n            <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n            <Type\n              label={t('paymentFieldsetLegend')}\n              getOptionLabel={(value: ContractorPaymentMethodFormType) =>\n                value === PAYMENT_METHODS.directDeposit ? t('directDepositLabel') : t('checkLabel')\n              }\n              FieldComponent={TypeFieldComponent}\n              formHookResult={paymentMethodForm}\n            />\n            {isDirectDeposit && (\n              <>\n                <Name\n                  label={t('bankAccountForm.nameLabel')}\n                  validationMessages={{ REQUIRED: t('bankAccountForm.validations.accountName') }}\n                  formHookResult={bankAccountForm}\n                />\n                <RoutingNumber\n                  label={t('bankAccountForm.routingNumberLabel')}\n                  description={t('bankAccountForm.routingNumberDescription')}\n                  validationMessages={{\n                    REQUIRED: t('bankAccountForm.validations.routingNumber'),\n                    INVALID_ROUTING_NUMBER: t('bankAccountForm.validations.routingNumber'),\n                  }}\n                  formHookResult={bankAccountForm}\n                />\n                <AccountNumber\n                  label={t('bankAccountForm.accountNumberLabel')}\n                  validationMessages={{\n                    REQUIRED: t('bankAccountForm.validations.accountNumber'),\n                    INVALID_ACCOUNT_NUMBER: t('bankAccountForm.validations.accountNumber'),\n                  }}\n                  formHookResult={bankAccountForm}\n                />\n                <AccountType\n                  label={t('bankAccountForm.accountTypeLabel')}\n                  getOptionLabel={(value: string) =>\n                    value === 'Checking'\n                      ? t('bankAccountForm.accountTypeChecking')\n                      : t('bankAccountForm.accountTypeSavings')\n                  }\n                  formHookResult={bankAccountForm}\n                />\n              </>\n            )}\n            <ActionsLayout>\n              <Components.Button type=\"submit\" variant=\"primary\" isDisabled={isPending}>\n                {t('continueCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["PaymentMethod","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","contractorId","className","onEvent","useI18n","t","useTranslation","Components","useComponentContext","paymentMethodForm","useContractorPaymentMethodForm","bankAccountForm","useContractorBankAccountForm","loadingErrorHandling","composeErrorHandler","BaseLayout","isDirectDeposit","Type","Name","RoutingNumber","AccountNumber","AccountType","submitDirectDeposit","result","componentEvents","submitCheck","handleSubmit","errorHandling","composeSubmitHandler","isPending","TypeFieldComponent","radioProps","option","PAYMENT_METHODS","classNames","styles","Form","Flex","value","jsxs","Fragment","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../src/components/Contractor/PaymentMethod/PaymentMethod.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type { PaymentMethodProps } from './types'\nimport {\n  useContractorPaymentMethodForm,\n  type ContractorPaymentMethodFormType,\n} from './shared/useContractorPaymentMethodForm'\nimport { useContractorBankAccountForm } from './shared/useContractorBankAccountForm'\nimport styles from './PaymentMethod.module.scss'\nimport { useI18n } from '@/i18n'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, PAYMENT_METHODS } from '@/shared/constants'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex } from '@/components/Common'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\n\n/**\n * Manages a contractor's payment method, capturing a bank account for direct deposit or recording check as the payment method.\n *\n * Displays the current payment type, lets the user switch between direct deposit and check, and\n * collects bank account details (account holder name, routing number, account number, and account\n * type) when direct deposit is selected. Direct deposit creates the bank account (which updates the\n * payment method server-side); check updates the contractor's payment method type directly.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/bankAccount/created` | Fired on the direct deposit path after the bank account is created | The created bank account at `.contractorBankAccount` |\n * | `contractor/paymentMethod/updated` | Fired on the check path after the payment method type is updated | The updated payment method at `.contractorPaymentMethod` |\n * | `contractor/paymentMethod/done` | Fired when the payment method step completes | — |\n *\n * @param props - Component configuration; see {@link PaymentMethodProps}.\n * @returns The rendered payment method form.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function PaymentMethodStep() {\n *   return (\n *     <ContractorOnboarding.PaymentMethod\n *       contractorId=\"contractor-uuid\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PaymentMethod({ dictionary, ...props }: PaymentMethodProps) {\n  useComponentDictionary('Contractor.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Contractor.PaymentMethod\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({ contractorId, className, onEvent }: Omit<PaymentMethodProps, 'dictionary'>) {\n  useI18n('Contractor.PaymentMethod')\n  const { t } = useTranslation('Contractor.PaymentMethod')\n  const Components = useComponentContext()\n\n  const paymentMethodForm = useContractorPaymentMethodForm({\n    contractorId,\n    shouldFocusError: false,\n  })\n  const bankAccountForm = useContractorBankAccountForm({\n    contractorId,\n    shouldFocusError: false,\n  })\n\n  if (paymentMethodForm.isLoading || bankAccountForm.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([paymentMethodForm, bankAccountForm])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  const isDirectDeposit = paymentMethodForm.status.isDirectDeposit\n  const { Type } = paymentMethodForm.form.Fields\n  const { Name, RoutingNumber, AccountNumber, AccountType } = bankAccountForm.form.Fields\n\n  // Direct Deposit always submits the bank account (which sets the payment\n  // method server-side); Check updates the payment method type directly. The\n  // account number is pre-filled with the masked token, which the API treats as\n  // \"keep the existing account,\" so an unchanged submit preserves it while a\n  // newly typed number replaces it.\n  const submitDirectDeposit = async () => {\n    const result = await bankAccountForm.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.CONTRACTOR_BANK_ACCOUNT_CREATED, {\n      contractorBankAccount: result.data,\n    })\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE)\n  }\n\n  const submitCheck = async () => {\n    const result = await paymentMethodForm.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_UPDATED, {\n      contractorPaymentMethod: result.data,\n    })\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE)\n  }\n\n  const { handleSubmit, errorHandling } = isDirectDeposit\n    ? composeSubmitHandler([paymentMethodForm, bankAccountForm], submitDirectDeposit)\n    : composeSubmitHandler([paymentMethodForm], submitCheck)\n\n  const isPending = paymentMethodForm.status.isPending || bankAccountForm.status.isPending\n\n  const TypeFieldComponent = (radioProps: RadioGroupProps) => (\n    <Components.RadioGroup\n      {...radioProps}\n      shouldVisuallyHideLabel\n      options={radioProps.options.map(option => ({\n        ...option,\n        description:\n          option.value === PAYMENT_METHODS.directDeposit\n            ? t('directDepositDescription')\n            : t('checkDescription'),\n      }))}\n    />\n  )\n\n  return (\n    <section className={classNames(styles.root, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={handleSubmit}>\n          <Flex gap={32} flexDirection=\"column\">\n            <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n            <Flex flexDirection=\"column\" gap={20}>\n              <Type\n                label={t('paymentFieldsetLegend')}\n                getOptionLabel={(value: ContractorPaymentMethodFormType) =>\n                  value === PAYMENT_METHODS.directDeposit\n                    ? t('directDepositLabel')\n                    : t('checkLabel')\n                }\n                FieldComponent={TypeFieldComponent}\n                formHookResult={paymentMethodForm}\n              />\n              {isDirectDeposit && (\n                <>\n                  <Name\n                    label={t('bankAccountForm.nameLabel')}\n                    validationMessages={{ REQUIRED: t('bankAccountForm.validations.accountName') }}\n                    formHookResult={bankAccountForm}\n                  />\n                  <RoutingNumber\n                    label={t('bankAccountForm.routingNumberLabel')}\n                    description={t('bankAccountForm.routingNumberDescription')}\n                    validationMessages={{\n                      REQUIRED: t('bankAccountForm.validations.routingNumber'),\n                      INVALID_ROUTING_NUMBER: t('bankAccountForm.validations.routingNumber'),\n                    }}\n                    formHookResult={bankAccountForm}\n                  />\n                  <AccountNumber\n                    label={t('bankAccountForm.accountNumberLabel')}\n                    validationMessages={{\n                      REQUIRED: t('bankAccountForm.validations.accountNumber'),\n                      INVALID_ACCOUNT_NUMBER: t('bankAccountForm.validations.accountNumber'),\n                    }}\n                    formHookResult={bankAccountForm}\n                  />\n                  <AccountType\n                    label={t('bankAccountForm.accountTypeLabel')}\n                    getOptionLabel={(value: string) =>\n                      value === 'Checking'\n                        ? t('bankAccountForm.accountTypeChecking')\n                        : t('bankAccountForm.accountTypeSavings')\n                    }\n                    formHookResult={bankAccountForm}\n                  />\n                </>\n              )}\n            </Flex>\n            <ActionsLayout>\n              <Components.Button type=\"submit\" variant=\"primary\" isDisabled={isPending}>\n                {isPending ? t('submittingCta') : t('continueCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["PaymentMethod","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","contractorId","className","onEvent","useI18n","t","useTranslation","Components","useComponentContext","paymentMethodForm","useContractorPaymentMethodForm","bankAccountForm","useContractorBankAccountForm","loadingErrorHandling","composeErrorHandler","BaseLayout","isDirectDeposit","Type","Name","RoutingNumber","AccountNumber","AccountType","submitDirectDeposit","result","componentEvents","submitCheck","handleSubmit","errorHandling","composeSubmitHandler","isPending","TypeFieldComponent","radioProps","option","PAYMENT_METHODS","classNames","styles","Form","Flex","jsxs","value","Fragment","ActionsLayout"],"mappings":"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"}

package/dist/components/Contractor/PaymentMethod/shared/index.d.ts

@@ -1,2 +1 @@
-import "./types/i18next.d.ts"
 export * from './useContractorPaymentMethodForm';