@gusto/embedded-react-sdk 0.46.0 → 0.46.3

package/dist/components/Employee/Dashboard/getPendingCompensationChanges.js

@@ -1,57 +1,58 @@
-import { normalizeToDate as w } from "../../../helpers/dateFormatting.js";
-const D = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), C = (t, e) => {
+import { normalizeToDate as h } from "../../../helpers/dateFormatting.js";
+const g = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), w = (t, e) => {
   if (!t) return !1;
-  const n = w(t);
-  return n ? D(n) > e : !1;
-}, y = (t, e) => {
+  const n = h(t);
+  return n ? g(n) > e : !1;
+}, b = (t, e) => {
   if (!t) return !1;
-  const n = w(t);
-  return n ? D(n) <= e : !1;
-}, g = (t) => {
+  const n = h(t);
+  return n ? g(n) <= e : !1;
+}, p = (t) => {
   if (t === void 0 || t === "") return null;
   const e = Number(t);
   return Number.isFinite(e) ? e : null;
 };
-function U(t, e, n) {
-  const a = [], c = t.title ?? n, i = e.title ?? n;
-  i && c !== i && a.push({ kind: "titleChange", title: i });
-  const u = g(t.rate), o = g(e.rate), d = t.paymentUnit, l = e.paymentUnit;
-  (o !== null && o !== u || l !== void 0 && l !== d) && o !== null && l && a.push({ kind: "payChange", rate: o, paymentUnit: l }), e.flsaStatus && e.flsaStatus !== t.flsaStatus && a.push({ kind: "flsaChange", flsaStatus: e.flsaStatus });
-  const f = t.adjustForMinimumWage ?? !1, m = e.adjustForMinimumWage ?? !1, h = t.minimumWages?.[0], p = e.minimumWages?.[0];
-  return !f && m ? a.push({ kind: "minWageEnabled", wage: p?.wage ?? null }) : f && !m ? a.push({ kind: "minWageDisabled" }) : f && m && (h?.uuid !== p?.uuid || h?.wage !== p?.wage) && a.push({ kind: "minWageChanged", wage: p?.wage ?? null }), a;
+function y(t, e) {
+  const n = [], d = t.title ?? null, u = e.title ?? null;
+  u && d !== u && n.push({ kind: "titleChange", title: u });
+  const o = p(t.rate), a = p(e.rate), r = t.paymentUnit, l = e.paymentUnit;
+  (a !== null && a !== o || l !== void 0 && l !== r) && a !== null && l && n.push({ kind: "payChange", rate: a, paymentUnit: l }), e.flsaStatus && e.flsaStatus !== t.flsaStatus && n.push({ kind: "flsaChange", flsaStatus: e.flsaStatus });
+  const i = t.adjustForMinimumWage ?? !1, s = e.adjustForMinimumWage ?? !1, f = t.minimumWages?.[0], c = e.minimumWages?.[0];
+  return !i && s ? n.push({ kind: "minWageEnabled", wage: c?.wage ?? null }) : i && !s ? n.push({ kind: "minWageDisabled" }) : i && s && (f?.uuid !== c?.uuid || f?.wage !== c?.wage) && n.push({ kind: "minWageChanged", wage: c?.wage ?? null }), n;
 }
-function b(t, e) {
-  const n = g(t.rate);
+function C(t) {
+  const e = p(t.rate);
   return [
     {
       kind: "newJob",
-      title: t.title ?? e,
-      rate: n,
-      paymentUnit: n !== null && t.paymentUnit ? t.paymentUnit : null
+      title: t.title ?? null,
+      rate: e,
+      paymentUnit: e !== null && t.paymentUnit ? t.paymentUnit : null
     }
   ];
 }
-function k(t, e = {}) {
+function v(t, e = {}) {
   if (!t?.length) return [];
-  const n = e.today ?? /* @__PURE__ */ new Date(), a = D(n), c = [];
-  for (const i of t) {
-    const u = i.compensations ?? [], o = u.filter((s) => C(s.effectiveDate, a)).slice().sort((s, r) => (s.effectiveDate ?? "").localeCompare(r.effectiveDate ?? ""));
-    if (o.length === 0) continue;
-    const d = i.currentCompensationUuid ? u.find((s) => s.uuid === i.currentCompensationUuid) : void 0, l = d && y(d.effectiveDate, a) ? d : null;
-    for (let s = 0; s < o.length; s++) {
-      const r = o[s], f = s === 0 ? l : o[s - 1], m = f ? U(f, r, i.title) : b(r, i.title);
-      c.push({
-        compensationUuid: r.uuid,
-        jobUuid: i.uuid,
-        effectiveDate: r.effectiveDate,
-        jobTitle: i.title,
-        details: m
+  const n = e.today ?? /* @__PURE__ */ new Date(), d = g(n), u = [];
+  for (const o of t) {
+    const a = o.compensations ?? [], r = a.filter((i) => w(i.effectiveDate, d)).slice().sort((i, s) => (i.effectiveDate ?? "").localeCompare(s.effectiveDate ?? ""));
+    if (r.length === 0) continue;
+    const l = o.currentCompensationUuid ? a.find((i) => i.uuid === o.currentCompensationUuid) : void 0, m = l && b(l.effectiveDate, d) ? l : null, D = m?.title ?? r[0]?.title ?? null;
+    for (let i = 0; i < r.length; i++) {
+      const s = r[i], f = i === 0 ? m : r[i - 1], c = f ? y(f, s) : C(s);
+      u.push({
+        compensationUuid: s.uuid,
+        jobUuid: o.uuid,
+        effectiveDate: s.effectiveDate,
+        jobTitle: D,
+        details: c,
+        isNewJob: f === null
       });
     }
   }
-  return c.sort((i, u) => i.effectiveDate.localeCompare(u.effectiveDate)), c;
+  return u.sort((o, a) => o.effectiveDate.localeCompare(a.effectiveDate)), u;
 }
 export {
-  k as getPendingCompensationChanges
+  v as getPendingCompensationChanges
 };
 //# sourceMappingURL=getPendingCompensationChanges.js.map

package/dist/components/Employee/Dashboard/getPendingCompensationChanges.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPendingCompensationChanges.js","sources":["../../../../src/components/Employee/Dashboard/getPendingCompensationChanges.ts"],"sourcesContent":["import type { Compensation } from '@gusto/embedded-api/models/components/compensation'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport { normalizeToDate } from '@/helpers/dateFormatting'\n\nexport type PendingChangeDetail =\n  | { kind: 'titleChange'; title: string }\n  | { kind: 'payChange'; rate: number; paymentUnit: string }\n  | { kind: 'flsaChange'; flsaStatus: FlsaStatusType }\n  | { kind: 'minWageEnabled'; wage: string | null }\n  | { kind: 'minWageDisabled' }\n  | { kind: 'minWageChanged'; wage: string | null }\n  | {\n      kind: 'newJob'\n      title: string | null\n      rate: number | null\n      paymentUnit: string | null\n    }\n\nexport interface PendingCompensationChange {\n  compensationUuid: string\n  jobUuid: string\n  effectiveDate: string\n  jobTitle: string | null\n  details: PendingChangeDetail[]\n}\n\nconst startOfLocalDay = (d: Date) => new Date(d.getFullYear(), d.getMonth(), d.getDate())\n\nconst isAfterToday = (effectiveDate: string | undefined, todayStart: Date): boolean => {\n  if (!effectiveDate) return false\n  const parsed = normalizeToDate(effectiveDate)\n  if (!parsed) return false\n  return startOfLocalDay(parsed) > todayStart\n}\n\nconst isOnOrBeforeToday = (effectiveDate: string | undefined, todayStart: Date): boolean => {\n  if (!effectiveDate) return false\n  const parsed = normalizeToDate(effectiveDate)\n  if (!parsed) return false\n  return startOfLocalDay(parsed) <= todayStart\n}\n\nconst numericRate = (rate: string | undefined): number | null => {\n  if (rate === undefined || rate === '') return null\n  const n = Number(rate)\n  return Number.isFinite(n) ? n : null\n}\n\nfunction buildExistingJobDetails(\n  baseline: Compensation,\n  future: Compensation,\n  jobTitle: string | null,\n): PendingChangeDetail[] {\n  const details: PendingChangeDetail[] = []\n\n  const baseTitle = baseline.title ?? jobTitle\n  const futureTitle = future.title ?? jobTitle\n  if (futureTitle && baseTitle !== futureTitle) {\n    details.push({ kind: 'titleChange', title: futureTitle })\n  }\n\n  const baseRate = numericRate(baseline.rate)\n  const futureRate = numericRate(future.rate)\n  const baseUnit = baseline.paymentUnit\n  const futureUnit = future.paymentUnit\n  const rateDiffers = futureRate !== null && futureRate !== baseRate\n  const unitDiffers = futureUnit !== undefined && futureUnit !== baseUnit\n  if ((rateDiffers || unitDiffers) && futureRate !== null && futureUnit) {\n    details.push({ kind: 'payChange', rate: futureRate, paymentUnit: futureUnit })\n  }\n\n  if (future.flsaStatus && future.flsaStatus !== baseline.flsaStatus) {\n    details.push({ kind: 'flsaChange', flsaStatus: future.flsaStatus })\n  }\n\n  const baseAdj = baseline.adjustForMinimumWage ?? false\n  const futureAdj = future.adjustForMinimumWage ?? false\n  const baseMw = baseline.minimumWages?.[0]\n  const futureMw = future.minimumWages?.[0]\n\n  if (!baseAdj && futureAdj) {\n    details.push({ kind: 'minWageEnabled', wage: futureMw?.wage ?? null })\n  } else if (baseAdj && !futureAdj) {\n    details.push({ kind: 'minWageDisabled' })\n  } else if (baseAdj && futureAdj) {\n    if (baseMw?.uuid !== futureMw?.uuid || baseMw?.wage !== futureMw?.wage) {\n      details.push({ kind: 'minWageChanged', wage: futureMw?.wage ?? null })\n    }\n  }\n\n  return details\n}\n\nfunction buildNewJobDetails(future: Compensation, jobTitle: string | null): PendingChangeDetail[] {\n  const rate = numericRate(future.rate)\n  return [\n    {\n      kind: 'newJob',\n      title: future.title ?? jobTitle,\n      rate,\n      paymentUnit: rate !== null && future.paymentUnit ? future.paymentUnit : null,\n    },\n  ]\n}\n\n/**\n * Returns the pending compensation changes for an employee, flattened across\n * all jobs and sorted globally by `effectiveDate` ascending.\n *\n * A pending change is any `Compensation` whose `effectiveDate` is strictly\n * after today (local midnight). When a single job has multiple future-dated\n * compensations stacked, each is returned in chronological order and the diff\n * details for the N+1th comp are computed against the Nth (rather than the\n * job's current compensation) so the bullets remain meaningful end-to-end.\n *\n * The helper returns structured deltas (a discriminated union per detail) so\n * the consuming UI is responsible for formatting them via i18n / pay-rate\n * helpers. This keeps the helper pure and trivially unit-testable.\n */\nexport function getPendingCompensationChanges(\n  jobs: Job[] | undefined,\n  options: { today?: Date } = {},\n): PendingCompensationChange[] {\n  if (!jobs?.length) return []\n\n  const now = options.today ?? new Date()\n  const todayStart = startOfLocalDay(now)\n  const results: PendingCompensationChange[] = []\n\n  for (const job of jobs) {\n    const comps = job.compensations ?? []\n\n    const futureComps = comps\n      .filter(c => isAfterToday(c.effectiveDate, todayStart))\n      .slice()\n      .sort((a, b) => (a.effectiveDate ?? '').localeCompare(b.effectiveDate ?? ''))\n\n    if (futureComps.length === 0) continue\n\n    const referencedCurrent = job.currentCompensationUuid\n      ? comps.find(c => c.uuid === job.currentCompensationUuid)\n      : undefined\n    const currentComp =\n      referencedCurrent && isOnOrBeforeToday(referencedCurrent.effectiveDate, todayStart)\n        ? referencedCurrent\n        : null\n\n    for (let i = 0; i < futureComps.length; i++) {\n      const future = futureComps[i]!\n      const baseline = i === 0 ? currentComp : futureComps[i - 1]!\n\n      const details = baseline\n        ? buildExistingJobDetails(baseline, future, job.title)\n        : buildNewJobDetails(future, job.title)\n\n      results.push({\n        compensationUuid: future.uuid,\n        jobUuid: job.uuid,\n        effectiveDate: future.effectiveDate!,\n        jobTitle: job.title,\n        details,\n      })\n    }\n  }\n\n  results.sort((a, b) => a.effectiveDate.localeCompare(b.effectiveDate))\n\n  return results\n}\n"],"names":["startOfLocalDay","d","isAfterToday","effectiveDate","todayStart","parsed","normalizeToDate","isOnOrBeforeToday","numericRate","rate","n","buildExistingJobDetails","baseline","future","jobTitle","details","baseTitle","futureTitle","baseRate","futureRate","baseUnit","futureUnit","baseAdj","futureAdj","baseMw","futureMw","buildNewJobDetails","getPendingCompensationChanges","jobs","options","now","results","job","comps","futureComps","c","a","b","referencedCurrent","currentComp","i"],"mappings":"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"}
+{"version":3,"file":"getPendingCompensationChanges.js","sources":["../../../../src/components/Employee/Dashboard/getPendingCompensationChanges.ts"],"sourcesContent":["import type { Compensation } from '@gusto/embedded-api/models/components/compensation'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport { normalizeToDate } from '@/helpers/dateFormatting'\n\nexport type PendingChangeDetail =\n  | { kind: 'titleChange'; title: string }\n  | { kind: 'payChange'; rate: number; paymentUnit: string }\n  | { kind: 'flsaChange'; flsaStatus: FlsaStatusType }\n  | { kind: 'minWageEnabled'; wage: string | null }\n  | { kind: 'minWageDisabled' }\n  | { kind: 'minWageChanged'; wage: string | null }\n  | {\n      kind: 'newJob'\n      title: string | null\n      rate: number | null\n      paymentUnit: string | null\n    }\n\nexport interface PendingCompensationChange {\n  compensationUuid: string\n  jobUuid: string\n  effectiveDate: string\n  jobTitle: string | null\n  details: PendingChangeDetail[]\n  /**\n   * True when the job has no current (on-or-before-today) compensation —\n   * i.e., the job itself hasn't started yet. The UI renders a \"Pending\"\n   * badge rather than a change alert in this case.\n   */\n  isNewJob: boolean\n}\n\nconst startOfLocalDay = (d: Date) => new Date(d.getFullYear(), d.getMonth(), d.getDate())\n\nconst isAfterToday = (effectiveDate: string | undefined, todayStart: Date): boolean => {\n  if (!effectiveDate) return false\n  const parsed = normalizeToDate(effectiveDate)\n  if (!parsed) return false\n  return startOfLocalDay(parsed) > todayStart\n}\n\nconst isOnOrBeforeToday = (effectiveDate: string | undefined, todayStart: Date): boolean => {\n  if (!effectiveDate) return false\n  const parsed = normalizeToDate(effectiveDate)\n  if (!parsed) return false\n  return startOfLocalDay(parsed) <= todayStart\n}\n\nconst numericRate = (rate: string | undefined): number | null => {\n  if (rate === undefined || rate === '') return null\n  const n = Number(rate)\n  return Number.isFinite(n) ? n : null\n}\n\nfunction buildExistingJobDetails(\n  baseline: Compensation,\n  future: Compensation,\n): PendingChangeDetail[] {\n  const details: PendingChangeDetail[] = []\n\n  // Title diffs come straight from `compensation.title` — that's where the\n  // value lives in the API. A future comp that doesn't carry a title (e.g.\n  // a pay-only change) leaves `future.title` undefined; the `futureTitle &&`\n  // guard prevents that case from emitting a spurious title change.\n  const baseTitle = baseline.title ?? null\n  const futureTitle = future.title ?? null\n  if (futureTitle && baseTitle !== futureTitle) {\n    details.push({ kind: 'titleChange', title: futureTitle })\n  }\n\n  const baseRate = numericRate(baseline.rate)\n  const futureRate = numericRate(future.rate)\n  const baseUnit = baseline.paymentUnit\n  const futureUnit = future.paymentUnit\n  const rateDiffers = futureRate !== null && futureRate !== baseRate\n  const unitDiffers = futureUnit !== undefined && futureUnit !== baseUnit\n  if ((rateDiffers || unitDiffers) && futureRate !== null && futureUnit) {\n    details.push({ kind: 'payChange', rate: futureRate, paymentUnit: futureUnit })\n  }\n\n  if (future.flsaStatus && future.flsaStatus !== baseline.flsaStatus) {\n    details.push({ kind: 'flsaChange', flsaStatus: future.flsaStatus })\n  }\n\n  const baseAdj = baseline.adjustForMinimumWage ?? false\n  const futureAdj = future.adjustForMinimumWage ?? false\n  const baseMw = baseline.minimumWages?.[0]\n  const futureMw = future.minimumWages?.[0]\n\n  if (!baseAdj && futureAdj) {\n    details.push({ kind: 'minWageEnabled', wage: futureMw?.wage ?? null })\n  } else if (baseAdj && !futureAdj) {\n    details.push({ kind: 'minWageDisabled' })\n  } else if (baseAdj && futureAdj) {\n    if (baseMw?.uuid !== futureMw?.uuid || baseMw?.wage !== futureMw?.wage) {\n      details.push({ kind: 'minWageChanged', wage: futureMw?.wage ?? null })\n    }\n  }\n\n  return details\n}\n\nfunction buildNewJobDetails(future: Compensation): PendingChangeDetail[] {\n  const rate = numericRate(future.rate)\n  return [\n    {\n      kind: 'newJob',\n      title: future.title ?? null,\n      rate,\n      paymentUnit: rate !== null && future.paymentUnit ? future.paymentUnit : null,\n    },\n  ]\n}\n\n/**\n * Returns the pending compensation changes for an employee, flattened across\n * all jobs and sorted globally by `effectiveDate` ascending.\n *\n * A pending change is any `Compensation` whose `effectiveDate` is strictly\n * after today (local midnight). When a single job has multiple future-dated\n * compensations stacked, each is returned in chronological order and the diff\n * details for the N+1th comp are computed against the Nth (rather than the\n * job's current compensation) so the bullets remain meaningful end-to-end.\n *\n * The helper returns structured deltas (a discriminated union per detail) so\n * the consuming UI is responsible for formatting them via i18n / pay-rate\n * helpers. This keeps the helper pure and trivially unit-testable.\n */\nexport function getPendingCompensationChanges(\n  jobs: Job[] | undefined,\n  options: { today?: Date } = {},\n): PendingCompensationChange[] {\n  if (!jobs?.length) return []\n\n  const now = options.today ?? new Date()\n  const todayStart = startOfLocalDay(now)\n  const results: PendingCompensationChange[] = []\n\n  for (const job of jobs) {\n    const comps = job.compensations ?? []\n\n    const futureComps = comps\n      .filter(c => isAfterToday(c.effectiveDate, todayStart))\n      .slice()\n      .sort((a, b) => (a.effectiveDate ?? '').localeCompare(b.effectiveDate ?? ''))\n\n    if (futureComps.length === 0) continue\n\n    const referencedCurrent = job.currentCompensationUuid\n      ? comps.find(c => c.uuid === job.currentCompensationUuid)\n      : undefined\n    const currentComp =\n      referencedCurrent && isOnOrBeforeToday(referencedCurrent.effectiveDate, todayStart)\n        ? referencedCurrent\n        : null\n\n    // Title lives on compensation; `job.title` is a denormalized snapshot of\n    // the primary comp's title and can lag behind comp-level edits on\n    // secondaries (and on primaries until the server resyncs). For UI strings\n    // that contextualize a change (\"Compensation for X will change on...\"),\n    // use the title from the currently-in-effect comp; for a job that hasn't\n    // started yet (`currentComp === null`), fall back to the first future\n    // comp's title — that's the title the job is starting with.\n    const displayTitle = currentComp?.title ?? futureComps[0]?.title ?? null\n\n    for (let i = 0; i < futureComps.length; i++) {\n      const future = futureComps[i]!\n      const baseline = i === 0 ? currentComp : futureComps[i - 1]!\n\n      const details = baseline\n        ? buildExistingJobDetails(baseline, future)\n        : buildNewJobDetails(future)\n\n      results.push({\n        compensationUuid: future.uuid,\n        jobUuid: job.uuid,\n        effectiveDate: future.effectiveDate!,\n        jobTitle: displayTitle,\n        details,\n        isNewJob: baseline === null,\n      })\n    }\n  }\n\n  results.sort((a, b) => a.effectiveDate.localeCompare(b.effectiveDate))\n\n  return results\n}\n"],"names":["startOfLocalDay","d","isAfterToday","effectiveDate","todayStart","parsed","normalizeToDate","isOnOrBeforeToday","numericRate","rate","n","buildExistingJobDetails","baseline","future","details","baseTitle","futureTitle","baseRate","futureRate","baseUnit","futureUnit","baseAdj","futureAdj","baseMw","futureMw","buildNewJobDetails","getPendingCompensationChanges","jobs","options","now","results","job","comps","futureComps","c","a","b","referencedCurrent","currentComp","displayTitle"],"mappings":";AAiCA,MAAMA,IAAkB,CAACC,MAAY,IAAI,KAAKA,EAAE,eAAeA,EAAE,SAAA,GAAYA,EAAE,SAAS,GAElFC,IAAe,CAACC,GAAmCC,MAA8B;AACrF,MAAI,CAACD,EAAe,QAAO;AAC3B,QAAME,IAASC,EAAgBH,CAAa;AAC5C,SAAKE,IACEL,EAAgBK,CAAM,IAAID,IADb;AAEtB,GAEMG,IAAoB,CAACJ,GAAmCC,MAA8B;AAC1F,MAAI,CAACD,EAAe,QAAO;AAC3B,QAAME,IAASC,EAAgBH,CAAa;AAC5C,SAAKE,IACEL,EAAgBK,CAAM,KAAKD,IADd;AAEtB,GAEMI,IAAc,CAACC,MAA4C;AAC/D,MAAIA,MAAS,UAAaA,MAAS,GAAI,QAAO;AAC9C,QAAMC,IAAI,OAAOD,CAAI;AACrB,SAAO,OAAO,SAASC,CAAC,IAAIA,IAAI;AAClC;AAEA,SAASC,EACPC,GACAC,GACuB;AACvB,QAAMC,IAAiC,CAAA,GAMjCC,IAAYH,EAAS,SAAS,MAC9BI,IAAcH,EAAO,SAAS;AACpC,EAAIG,KAAeD,MAAcC,KAC/BF,EAAQ,KAAK,EAAE,MAAM,eAAe,OAAOE,GAAa;AAG1D,QAAMC,IAAWT,EAAYI,EAAS,IAAI,GACpCM,IAAaV,EAAYK,EAAO,IAAI,GACpCM,IAAWP,EAAS,aACpBQ,IAAaP,EAAO;AAG1B,GAFoBK,MAAe,QAAQA,MAAeD,KACtCG,MAAe,UAAaA,MAAeD,MAC3BD,MAAe,QAAQE,KACzDN,EAAQ,KAAK,EAAE,MAAM,aAAa,MAAMI,GAAY,aAAaE,GAAY,GAG3EP,EAAO,cAAcA,EAAO,eAAeD,EAAS,cACtDE,EAAQ,KAAK,EAAE,MAAM,cAAc,YAAYD,EAAO,YAAY;AAGpE,QAAMQ,IAAUT,EAAS,wBAAwB,IAC3CU,IAAYT,EAAO,wBAAwB,IAC3CU,IAASX,EAAS,eAAe,CAAC,GAClCY,IAAWX,EAAO,eAAe,CAAC;AAExC,SAAI,CAACQ,KAAWC,IACdR,EAAQ,KAAK,EAAE,MAAM,kBAAkB,MAAMU,GAAU,QAAQ,MAAM,IAC5DH,KAAW,CAACC,IACrBR,EAAQ,KAAK,EAAE,MAAM,kBAAA,CAAmB,IAC/BO,KAAWC,MAChBC,GAAQ,SAASC,GAAU,QAAQD,GAAQ,SAASC,GAAU,SAChEV,EAAQ,KAAK,EAAE,MAAM,kBAAkB,MAAMU,GAAU,QAAQ,MAAM,GAIlEV;AACT;AAEA,SAASW,EAAmBZ,GAA6C;AACvE,QAAMJ,IAAOD,EAAYK,EAAO,IAAI;AACpC,SAAO;AAAA,IACL;AAAA,MACE,MAAM;AAAA,MACN,OAAOA,EAAO,SAAS;AAAA,MACvB,MAAAJ;AAAA,MACA,aAAaA,MAAS,QAAQI,EAAO,cAAcA,EAAO,cAAc;AAAA,IAAA;AAAA,EAC1E;AAEJ;AAgBO,SAASa,EACdC,GACAC,IAA4B,IACC;AAC7B,MAAI,CAACD,GAAM,OAAQ,QAAO,CAAA;AAE1B,QAAME,IAAMD,EAAQ,SAAS,oBAAI,KAAA,GAC3BxB,IAAaJ,EAAgB6B,CAAG,GAChCC,IAAuC,CAAA;AAE7C,aAAWC,KAAOJ,GAAM;AACtB,UAAMK,IAAQD,EAAI,iBAAiB,CAAA,GAE7BE,IAAcD,EACjB,OAAO,CAAAE,MAAKhC,EAAagC,EAAE,eAAe9B,CAAU,CAAC,EACrD,MAAA,EACA,KAAK,CAAC+B,GAAGC,OAAOD,EAAE,iBAAiB,IAAI,cAAcC,EAAE,iBAAiB,EAAE,CAAC;AAE9E,QAAIH,EAAY,WAAW,EAAG;AAE9B,UAAMI,IAAoBN,EAAI,0BAC1BC,EAAM,KAAK,OAAKE,EAAE,SAASH,EAAI,uBAAuB,IACtD,QACEO,IACJD,KAAqB9B,EAAkB8B,EAAkB,eAAejC,CAAU,IAC9EiC,IACA,MASAE,IAAeD,GAAa,SAASL,EAAY,CAAC,GAAG,SAAS;AAEpE,aAAS,IAAI,GAAG,IAAIA,EAAY,QAAQ,KAAK;AAC3C,YAAMpB,IAASoB,EAAY,CAAC,GACtBrB,IAAW,MAAM,IAAI0B,IAAcL,EAAY,IAAI,CAAC,GAEpDnB,IAAUF,IACZD,EAAwBC,GAAUC,CAAM,IACxCY,EAAmBZ,CAAM;AAE7B,MAAAiB,EAAQ,KAAK;AAAA,QACX,kBAAkBjB,EAAO;AAAA,QACzB,SAASkB,EAAI;AAAA,QACb,eAAelB,EAAO;AAAA,QACtB,UAAU0B;AAAA,QACV,SAAAzB;AAAA,QACA,UAAUF,MAAa;AAAA,MAAA,CACxB;AAAA,IACH;AAAA,EACF;AAEA,SAAAkB,EAAQ,KAAK,CAACK,GAAGC,MAAMD,EAAE,cAAc,cAAcC,EAAE,aAAa,CAAC,GAE9DN;AACT;"}

package/dist/components/Employee/Dashboard/hooks/useEmployeeCompensation.d.ts

@@ -21,9 +21,9 @@ export interface UseEmployeeCompensationResult extends BaseHookReady<{
 }, {
     isPending: boolean;
     cancellingCompensationUuid: string | null;
-    /** Compensation card depends on the employee fetch (jobs, pending
+    /** Compensation card depends on the jobs fetch (jobs, pending
      *  changes, FLSA status). */
-    isEmployeeLoading: boolean;
+    isCompensationLoading: boolean;
     /** Paystubs card depends on a separate paginated endpoint. */
     isPayStubsLoading: boolean;
 }> {

package/dist/components/Employee/Dashboard/hooks/useEmployeeCompensation.js

@@ -1,45 +1,44 @@
-import { useMemo as a, useCallback as j } from "react";
-import { useEmployeesGet as v } from "@gusto/embedded-api/react-query/employeesGet";
-import { useJobsAndCompensationsDeleteCompensationMutation as I } from "@gusto/embedded-api/react-query/jobsAndCompensationsDeleteCompensation";
-import { usePayrollsGetPayStubs as J } from "@gusto/embedded-api/react-query/payrollsGetPayStubs";
-import { getPendingCompensationChanges as A } from "../getPendingCompensationChanges.js";
-import { derivePrimaryFlsaStatus as H } from "../../Compensation/shared/derivePrimaryFlsaStatus.js";
+import { useMemo as a, useCallback as M } from "react";
+import { useEmployeesGet as A } from "@gusto/embedded-api/react-query/employeesGet";
+import { useJobsAndCompensationsGetJobs as j } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
+import { GetV1EmployeesEmployeeIdJobsQueryParamInclude as v } from "@gusto/embedded-api/models/operations/getv1employeesemployeeidjobs";
+import { useJobsAndCompensationsDeleteCompensationMutation as G } from "@gusto/embedded-api/react-query/jobsAndCompensationsDeleteCompensation";
+import { usePayrollsGetPayStubs as Q } from "@gusto/embedded-api/react-query/payrollsGetPayStubs";
+import { getPendingCompensationChanges as H } from "../getPendingCompensationChanges.js";
+import { derivePrimaryFlsaStatus as T } from "../../Compensation/shared/derivePrimaryFlsaStatus.js";
 import { useBaseSubmit as q } from "../../../Base/useBaseSubmit.js";
 import { composeErrorHandler as w } from "../../../../partner-hook-utils/composeErrorHandler.js";
 import { usePagination as D } from "../../../../hooks/usePagination/usePagination.js";
-function z({
-  employeeId: r
+function Y({
+  employeeId: i
 }) {
   const { currentPage: c, itemsPerPage: d, getPaginationProps: m } = D({
     defaultItemsPerPage: 10
-  }), i = v(
-    { employeeId: r, include: ["all_compensations"] },
+  }), o = j(
+    { employeeId: i, include: v.AllCompensations },
     { staleTime: 1 / 0 }
-  ), e = J(
-    { employeeId: r, page: c, per: d },
+  ), r = A({ employeeId: i }, { staleTime: 1 / 0 }), e = Q(
+    { employeeId: i, page: c, per: d },
     { staleTime: 1 / 0 }
-  ), o = I(), {
+  ), n = G(), {
     baseSubmitHandler: p,
     error: l,
     setError: g
-  } = q("Employee.Dashboard.JobAndPay.Compensation"), n = i.data?.employee, t = a(() => n?.jobs ?? [], [n?.jobs]), y = a(() => t.find((s) => s.primary === !0), [t]), b = a(() => H(t), [t]), P = t.length > 1, f = a(
-    () => A(n?.jobs),
-    [n?.jobs]
-  ), h = e.data?.employeePayStubsList ?? [], S = a(() => {
+  } = q("Employee.Dashboard.JobAndPay.Compensation"), y = r.data?.employee, t = a(() => o.data?.jobs ?? [], [o.data?.jobs]), b = a(() => t.find((s) => s.primary === !0), [t]), P = a(() => T(t), [t]), f = t.length > 1, h = a(() => H(t), [t]), C = e.data?.employeePayStubsList ?? [], S = a(() => {
     const s = e.data?.httpMeta.response.headers;
     if (s)
       return m(s, e.isFetching);
-  }, [e.data?.httpMeta.response.headers, e.isFetching, m]), C = o.isPending ? o.variables.request.compensationId : null, E = j(
+  }, [e.data?.httpMeta.response.headers, e.isFetching, m]), E = n.isPending ? n.variables.request.compensationId : null, F = M(
     async (s) => {
       let u;
-      return await p(s, async ({ compensationUuid: M }) => {
-        u = { mode: "update", data: await o.mutateAsync({
-          request: { compensationId: M }
+      return await p(s, async ({ compensationUuid: L }) => {
+        u = { mode: "update", data: await n.mutateAsync({
+          request: { compensationId: L }
         }) };
       }), u;
     },
-    [p, o]
-  ), F = i.isFetching || e.isFetching || o.isPending, L = w([i, e], {
+    [p, n]
+  ), J = o.isFetching || r.isFetching || e.isFetching || n.isPending, I = w([o, r, e], {
     submitError: l,
     setSubmitError: g
   });
@@ -47,29 +46,29 @@ function z({
     isLoading: !1,
     data: {
       jobs: t,
-      primaryJob: y,
-      primaryFlsaStatus: b,
-      hasMultipleJobs: P,
-      pendingChanges: f,
-      payStubs: h,
-      employeeFirstName: n?.firstName ?? void 0
+      primaryJob: b,
+      primaryFlsaStatus: P,
+      hasMultipleJobs: f,
+      pendingChanges: h,
+      payStubs: C,
+      employeeFirstName: y?.firstName ?? void 0
     },
     status: {
-      isPending: F,
-      cancellingCompensationUuid: C,
-      isEmployeeLoading: i.isLoading,
+      isPending: J,
+      cancellingCompensationUuid: E,
+      isCompensationLoading: o.isLoading,
       isPayStubsLoading: e.isLoading
     },
     pagination: {
       payStubs: S
     },
     actions: {
-      cancelPendingChange: E
+      cancelPendingChange: F
     },
-    errorHandling: L
+    errorHandling: I
   };
 }
 export {
-  z as useEmployeeCompensation
+  Y as useEmployeeCompensation
 };
 //# sourceMappingURL=useEmployeeCompensation.js.map

package/dist/components/Employee/Dashboard/hooks/useEmployeeCompensation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEmployeeCompensation.js","sources":["../../../../../src/components/Employee/Dashboard/hooks/useEmployeeCompensation.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useEmployeesGet } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useJobsAndCompensationsDeleteCompensationMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsDeleteCompensation'\nimport { usePayrollsGetPayStubs } from '@gusto/embedded-api/react-query/payrollsGetPayStubs'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { GetV1EmployeesEmployeeUuidPayStubsResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeuuidpaystubs'\nimport {\n  getPendingCompensationChanges,\n  type PendingCompensationChange,\n} from '../getPendingCompensationChanges'\nimport { derivePrimaryFlsaStatus } from '@/components/Employee/Compensation/shared/derivePrimaryFlsaStatus'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { BaseHookReady, HookSubmitResult } from '@/partner-hook-utils/types'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype EmployeePayStub = NonNullable<\n  GetV1EmployeesEmployeeUuidPayStubsResponse['employeePayStubsList']\n>[number]\n\nexport interface UseEmployeeCompensationProps {\n  employeeId: string\n}\n\nexport interface UseEmployeeCompensationResult extends BaseHookReady<\n  {\n    jobs: Job[]\n    primaryJob?: Job\n    primaryFlsaStatus?: string\n    hasMultipleJobs: boolean\n    pendingChanges: PendingCompensationChange[]\n    payStubs: EmployeePayStub[]\n    /** First name from the shared employee fetch; useful for cosmetic copy\n     *  in alerts (e.g. \"Heads up, Jane has pending changes\"). Optional\n     *  because the employee record can omit it. */\n    employeeFirstName?: string\n  },\n  {\n    isPending: boolean\n    cancellingCompensationUuid: string | null\n    /** Compensation card depends on the employee fetch (jobs, pending\n     *  changes, FLSA status). */\n    isEmployeeLoading: boolean\n    /** Paystubs card depends on a separate paginated endpoint. */\n    isPayStubsLoading: boolean\n  }\n> {\n  pagination: {\n    payStubs?: PaginationControlProps\n  }\n  actions: {\n    cancelPendingChange: (\n      pendingChange: PendingCompensationChange,\n    ) => Promise<HookSubmitResult<unknown> | undefined>\n  }\n}\n\n/**\n * Phase B: non-Suspense queries so the Compensation and Paystubs cards\n * can paint independently within the Job and pay tab. JobAndPayView\n * already gets the Payment and Deductions cards as separate non-Suspense\n * hooks, so this completes the four-section incremental render.\n */\nexport function useEmployeeCompensation({\n  employeeId,\n}: UseEmployeeCompensationProps): UseEmployeeCompensationResult {\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination({\n    defaultItemsPerPage: 10,\n  })\n\n  // staleTime: Infinity on dashboard reads — the SDK QueryClient already\n  // invalidates all queries on any mutation success, so post-write\n  // freshness is preserved. Without this, every subscriber re-mount\n  // (e.g. tab navigation) would fire a redundant background refetch.\n  const employeeQuery = useEmployeesGet(\n    { employeeId, include: ['all_compensations'] },\n    { staleTime: Infinity },\n  )\n  const payStubsQuery = usePayrollsGetPayStubs(\n    { employeeId, page: currentPage, per: itemsPerPage },\n    { staleTime: Infinity },\n  )\n  const cancelCompensationMutation = useJobsAndCompensationsDeleteCompensationMutation()\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('Employee.Dashboard.JobAndPay.Compensation')\n\n  const employee = employeeQuery.data?.employee\n\n  const jobs = useMemo(() => employee?.jobs ?? [], [employee?.jobs])\n  const primaryJob = useMemo(() => jobs.find(job => job.primary === true), [jobs])\n  const primaryFlsaStatus = useMemo(() => derivePrimaryFlsaStatus(jobs), [jobs])\n  const hasMultipleJobs = jobs.length > 1\n\n  const pendingChanges = useMemo(\n    () => getPendingCompensationChanges(employee?.jobs),\n    [employee?.jobs],\n  )\n\n  const payStubs = payStubsQuery.data?.employeePayStubsList ?? []\n\n  const payStubsPagination = useMemo(() => {\n    const headers = payStubsQuery.data?.httpMeta.response.headers\n    if (!headers) return undefined\n    return getPaginationProps(headers, payStubsQuery.isFetching)\n  }, [payStubsQuery.data?.httpMeta.response.headers, payStubsQuery.isFetching, getPaginationProps])\n\n  const cancellingCompensationUuid = cancelCompensationMutation.isPending\n    ? cancelCompensationMutation.variables.request.compensationId\n    : null\n\n  const cancelPendingChange = useCallback(\n    async (\n      pendingChange: PendingCompensationChange,\n    ): Promise<HookSubmitResult<unknown> | undefined> => {\n      let submitResult: HookSubmitResult<unknown> | undefined\n      await baseSubmitHandler(pendingChange, async ({ compensationUuid }) => {\n        const data = await cancelCompensationMutation.mutateAsync({\n          request: { compensationId: compensationUuid },\n        })\n        submitResult = { mode: 'update', data }\n      })\n      return submitResult\n    },\n    [baseSubmitHandler, cancelCompensationMutation],\n  )\n\n  const isPending =\n    employeeQuery.isFetching || payStubsQuery.isFetching || cancelCompensationMutation.isPending\n\n  const errorHandling = composeErrorHandler([employeeQuery, payStubsQuery], {\n    submitError,\n    setSubmitError,\n  })\n\n  return {\n    isLoading: false,\n    data: {\n      jobs,\n      primaryJob,\n      primaryFlsaStatus,\n      hasMultipleJobs,\n      pendingChanges,\n      payStubs,\n      employeeFirstName: employee?.firstName ?? undefined,\n    },\n    status: {\n      isPending,\n      cancellingCompensationUuid,\n      isEmployeeLoading: employeeQuery.isLoading,\n      isPayStubsLoading: payStubsQuery.isLoading,\n    },\n    pagination: {\n      payStubs: payStubsPagination,\n    },\n    actions: {\n      cancelPendingChange,\n    },\n    errorHandling,\n  }\n}\n"],"names":["useEmployeeCompensation","employeeId","currentPage","itemsPerPage","getPaginationProps","usePagination","employeeQuery","useEmployeesGet","payStubsQuery","usePayrollsGetPayStubs","cancelCompensationMutation","useJobsAndCompensationsDeleteCompensationMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","employee","jobs","useMemo","primaryJob","job","primaryFlsaStatus","derivePrimaryFlsaStatus","hasMultipleJobs","pendingChanges","getPendingCompensationChanges","payStubs","payStubsPagination","headers","cancellingCompensationUuid","cancelPendingChange","useCallback","pendingChange","submitResult","compensationUuid","isPending","errorHandling","composeErrorHandler"],"mappings":";;;;;;;;;AAgEO,SAASA,EAAwB;AAAA,EACtC,YAAAC;AACF,GAAgE;AAC9D,QAAM,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,EAAA,IAAuBC,EAAc;AAAA,IACtE,qBAAqB;AAAA,EAAA,CACtB,GAMKC,IAAgBC;AAAA,IACpB,EAAE,YAAAN,GAAY,SAAS,CAAC,mBAAmB,EAAA;AAAA,IAC3C,EAAE,WAAW,MAAA;AAAA,EAAS,GAElBO,IAAgBC;AAAA,IACpB,EAAE,YAAAR,GAAY,MAAMC,GAAa,KAAKC,EAAA;AAAA,IACtC,EAAE,WAAW,MAAA;AAAA,EAAS,GAElBO,IAA6BC,EAAA,GAC7B;AAAA,IACJ,mBAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,2CAA2C,GAEvDC,IAAWV,EAAc,MAAM,UAE/BW,IAAOC,EAAQ,MAAMF,GAAU,QAAQ,IAAI,CAACA,GAAU,IAAI,CAAC,GAC3DG,IAAaD,EAAQ,MAAMD,EAAK,KAAK,CAAAG,MAAOA,EAAI,YAAY,EAAI,GAAG,CAACH,CAAI,CAAC,GACzEI,IAAoBH,EAAQ,MAAMI,EAAwBL,CAAI,GAAG,CAACA,CAAI,CAAC,GACvEM,IAAkBN,EAAK,SAAS,GAEhCO,IAAiBN;AAAA,IACrB,MAAMO,EAA8BT,GAAU,IAAI;AAAA,IAClD,CAACA,GAAU,IAAI;AAAA,EAAA,GAGXU,IAAWlB,EAAc,MAAM,wBAAwB,CAAA,GAEvDmB,IAAqBT,EAAQ,MAAM;AACvC,UAAMU,IAAUpB,EAAc,MAAM,SAAS,SAAS;AACtD,QAAKoB;AACL,aAAOxB,EAAmBwB,GAASpB,EAAc,UAAU;AAAA,EAC7D,GAAG,CAACA,EAAc,MAAM,SAAS,SAAS,SAASA,EAAc,YAAYJ,CAAkB,CAAC,GAE1FyB,IAA6BnB,EAA2B,YAC1DA,EAA2B,UAAU,QAAQ,iBAC7C,MAEEoB,IAAsBC;AAAA,IAC1B,OACEC,MACmD;AACnD,UAAIC;AACJ,mBAAMrB,EAAkBoB,GAAe,OAAO,EAAE,kBAAAE,QAAuB;AAIrE,QAAAD,IAAe,EAAE,MAAM,UAAU,MAHpB,MAAMvB,EAA2B,YAAY;AAAA,UACxD,SAAS,EAAE,gBAAgBwB,EAAA;AAAA,QAAiB,CAC7C,EACgC;AAAA,MACnC,CAAC,GACMD;AAAA,IACT;AAAA,IACA,CAACrB,GAAmBF,CAA0B;AAAA,EAAA,GAG1CyB,IACJ7B,EAAc,cAAcE,EAAc,cAAcE,EAA2B,WAE/E0B,IAAgBC,EAAoB,CAAC/B,GAAeE,CAAa,GAAG;AAAA,IACxE,aAAAK;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,MACJ,MAAAG;AAAA,MACA,YAAAE;AAAA,MACA,mBAAAE;AAAA,MACA,iBAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAE;AAAA,MACA,mBAAmBV,GAAU,aAAa;AAAA,IAAA;AAAA,IAE5C,QAAQ;AAAA,MACN,WAAAmB;AAAA,MACA,4BAAAN;AAAA,MACA,mBAAmBvB,EAAc;AAAA,MACjC,mBAAmBE,EAAc;AAAA,IAAA;AAAA,IAEnC,YAAY;AAAA,MACV,UAAUmB;AAAA,IAAA;AAAA,IAEZ,SAAS;AAAA,MACP,qBAAAG;AAAA,IAAA;AAAA,IAEF,eAAAM;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useEmployeeCompensation.js","sources":["../../../../../src/components/Employee/Dashboard/hooks/useEmployeeCompensation.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useEmployeesGet } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { GetV1EmployeesEmployeeIdJobsQueryParamInclude } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidjobs'\nimport { useJobsAndCompensationsDeleteCompensationMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsDeleteCompensation'\nimport { usePayrollsGetPayStubs } from '@gusto/embedded-api/react-query/payrollsGetPayStubs'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { GetV1EmployeesEmployeeUuidPayStubsResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeuuidpaystubs'\nimport {\n  getPendingCompensationChanges,\n  type PendingCompensationChange,\n} from '../getPendingCompensationChanges'\nimport { derivePrimaryFlsaStatus } from '@/components/Employee/Compensation/shared/derivePrimaryFlsaStatus'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { BaseHookReady, HookSubmitResult } from '@/partner-hook-utils/types'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype EmployeePayStub = NonNullable<\n  GetV1EmployeesEmployeeUuidPayStubsResponse['employeePayStubsList']\n>[number]\n\nexport interface UseEmployeeCompensationProps {\n  employeeId: string\n}\n\nexport interface UseEmployeeCompensationResult extends BaseHookReady<\n  {\n    jobs: Job[]\n    primaryJob?: Job\n    primaryFlsaStatus?: string\n    hasMultipleJobs: boolean\n    pendingChanges: PendingCompensationChange[]\n    payStubs: EmployeePayStub[]\n    /** First name from the shared employee fetch; useful for cosmetic copy\n     *  in alerts (e.g. \"Heads up, Jane has pending changes\"). Optional\n     *  because the employee record can omit it. */\n    employeeFirstName?: string\n  },\n  {\n    isPending: boolean\n    cancellingCompensationUuid: string | null\n    /** Compensation card depends on the jobs fetch (jobs, pending\n     *  changes, FLSA status). */\n    isCompensationLoading: boolean\n    /** Paystubs card depends on a separate paginated endpoint. */\n    isPayStubsLoading: boolean\n  }\n> {\n  pagination: {\n    payStubs?: PaginationControlProps\n  }\n  actions: {\n    cancelPendingChange: (\n      pendingChange: PendingCompensationChange,\n    ) => Promise<HookSubmitResult<unknown> | undefined>\n  }\n}\n\n/**\n * Phase B: non-Suspense queries so the Compensation and Paystubs cards\n * can paint independently within the Job and pay tab. JobAndPayView\n * already gets the Payment and Deductions cards as separate non-Suspense\n * hooks, so this completes the four-section incremental render.\n */\nexport function useEmployeeCompensation({\n  employeeId,\n}: UseEmployeeCompensationProps): UseEmployeeCompensationResult {\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination({\n    defaultItemsPerPage: 10,\n  })\n\n  // staleTime: Infinity on dashboard reads — the SDK QueryClient already\n  // invalidates all queries on any mutation success, so post-write\n  // freshness is preserved. Without this, every subscriber re-mount\n  // (e.g. tab navigation) would fire a redundant background refetch.\n  //\n  // GET /v1/employees/:id/jobs?include=all_compensations returns all effective-\n  // dated compensations (current + future) with compensation.title on each,\n  // which is required for pending-change detection. Without the include param,\n  // only the current compensation is returned.\n  const jobsQuery = useJobsAndCompensationsGetJobs(\n    { employeeId, include: GetV1EmployeesEmployeeIdJobsQueryParamInclude.AllCompensations },\n    { staleTime: Infinity },\n  )\n  // Employee query is a lightweight secondary fetch for cosmetic data only\n  // (first name used in alert copy). Jobs / compensation data comes from jobsQuery.\n  const employeeQuery = useEmployeesGet({ employeeId }, { staleTime: Infinity })\n  const payStubsQuery = usePayrollsGetPayStubs(\n    { employeeId, page: currentPage, per: itemsPerPage },\n    { staleTime: Infinity },\n  )\n  const cancelCompensationMutation = useJobsAndCompensationsDeleteCompensationMutation()\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('Employee.Dashboard.JobAndPay.Compensation')\n\n  const employee = employeeQuery.data?.employee\n\n  const jobs = useMemo(() => jobsQuery.data?.jobs ?? [], [jobsQuery.data?.jobs])\n  const primaryJob = useMemo(() => jobs.find(job => job.primary === true), [jobs])\n  const primaryFlsaStatus = useMemo(() => derivePrimaryFlsaStatus(jobs), [jobs])\n  const hasMultipleJobs = jobs.length > 1\n\n  const pendingChanges = useMemo(() => getPendingCompensationChanges(jobs), [jobs])\n\n  const payStubs = payStubsQuery.data?.employeePayStubsList ?? []\n\n  const payStubsPagination = useMemo(() => {\n    const headers = payStubsQuery.data?.httpMeta.response.headers\n    if (!headers) return undefined\n    return getPaginationProps(headers, payStubsQuery.isFetching)\n  }, [payStubsQuery.data?.httpMeta.response.headers, payStubsQuery.isFetching, getPaginationProps])\n\n  const cancellingCompensationUuid = cancelCompensationMutation.isPending\n    ? cancelCompensationMutation.variables.request.compensationId\n    : null\n\n  const cancelPendingChange = useCallback(\n    async (\n      pendingChange: PendingCompensationChange,\n    ): Promise<HookSubmitResult<unknown> | undefined> => {\n      let submitResult: HookSubmitResult<unknown> | undefined\n      await baseSubmitHandler(pendingChange, async ({ compensationUuid }) => {\n        const data = await cancelCompensationMutation.mutateAsync({\n          request: { compensationId: compensationUuid },\n        })\n        submitResult = { mode: 'update', data }\n      })\n      return submitResult\n    },\n    [baseSubmitHandler, cancelCompensationMutation],\n  )\n\n  const isPending =\n    jobsQuery.isFetching ||\n    employeeQuery.isFetching ||\n    payStubsQuery.isFetching ||\n    cancelCompensationMutation.isPending\n\n  const errorHandling = composeErrorHandler([jobsQuery, employeeQuery, payStubsQuery], {\n    submitError,\n    setSubmitError,\n  })\n\n  return {\n    isLoading: false,\n    data: {\n      jobs,\n      primaryJob,\n      primaryFlsaStatus,\n      hasMultipleJobs,\n      pendingChanges,\n      payStubs,\n      employeeFirstName: employee?.firstName ?? undefined,\n    },\n    status: {\n      isPending,\n      cancellingCompensationUuid,\n      isCompensationLoading: jobsQuery.isLoading,\n      isPayStubsLoading: payStubsQuery.isLoading,\n    },\n    pagination: {\n      payStubs: payStubsPagination,\n    },\n    actions: {\n      cancelPendingChange,\n    },\n    errorHandling,\n  }\n}\n"],"names":["useEmployeeCompensation","employeeId","currentPage","itemsPerPage","getPaginationProps","usePagination","jobsQuery","useJobsAndCompensationsGetJobs","GetV1EmployeesEmployeeIdJobsQueryParamInclude","employeeQuery","useEmployeesGet","payStubsQuery","usePayrollsGetPayStubs","cancelCompensationMutation","useJobsAndCompensationsDeleteCompensationMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","employee","jobs","useMemo","primaryJob","job","primaryFlsaStatus","derivePrimaryFlsaStatus","hasMultipleJobs","pendingChanges","getPendingCompensationChanges","payStubs","payStubsPagination","headers","cancellingCompensationUuid","cancelPendingChange","useCallback","pendingChange","submitResult","compensationUuid","isPending","errorHandling","composeErrorHandler"],"mappings":";;;;;;;;;;;AAkEO,SAASA,EAAwB;AAAA,EACtC,YAAAC;AACF,GAAgE;AAC9D,QAAM,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,EAAA,IAAuBC,EAAc;AAAA,IACtE,qBAAqB;AAAA,EAAA,CACtB,GAWKC,IAAYC;AAAA,IAChB,EAAE,YAAAN,GAAY,SAASO,EAA8C,iBAAA;AAAA,IACrE,EAAE,WAAW,MAAA;AAAA,EAAS,GAIlBC,IAAgBC,EAAgB,EAAE,YAAAT,EAAA,GAAc,EAAE,WAAW,OAAU,GACvEU,IAAgBC;AAAA,IACpB,EAAE,YAAAX,GAAY,MAAMC,GAAa,KAAKC,EAAA;AAAA,IACtC,EAAE,WAAW,MAAA;AAAA,EAAS,GAElBU,IAA6BC,EAAA,GAC7B;AAAA,IACJ,mBAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,2CAA2C,GAEvDC,IAAWV,EAAc,MAAM,UAE/BW,IAAOC,EAAQ,MAAMf,EAAU,MAAM,QAAQ,CAAA,GAAI,CAACA,EAAU,MAAM,IAAI,CAAC,GACvEgB,IAAaD,EAAQ,MAAMD,EAAK,KAAK,CAAAG,MAAOA,EAAI,YAAY,EAAI,GAAG,CAACH,CAAI,CAAC,GACzEI,IAAoBH,EAAQ,MAAMI,EAAwBL,CAAI,GAAG,CAACA,CAAI,CAAC,GACvEM,IAAkBN,EAAK,SAAS,GAEhCO,IAAiBN,EAAQ,MAAMO,EAA8BR,CAAI,GAAG,CAACA,CAAI,CAAC,GAE1ES,IAAWlB,EAAc,MAAM,wBAAwB,CAAA,GAEvDmB,IAAqBT,EAAQ,MAAM;AACvC,UAAMU,IAAUpB,EAAc,MAAM,SAAS,SAAS;AACtD,QAAKoB;AACL,aAAO3B,EAAmB2B,GAASpB,EAAc,UAAU;AAAA,EAC7D,GAAG,CAACA,EAAc,MAAM,SAAS,SAAS,SAASA,EAAc,YAAYP,CAAkB,CAAC,GAE1F4B,IAA6BnB,EAA2B,YAC1DA,EAA2B,UAAU,QAAQ,iBAC7C,MAEEoB,IAAsBC;AAAA,IAC1B,OACEC,MACmD;AACnD,UAAIC;AACJ,mBAAMrB,EAAkBoB,GAAe,OAAO,EAAE,kBAAAE,QAAuB;AAIrE,QAAAD,IAAe,EAAE,MAAM,UAAU,MAHpB,MAAMvB,EAA2B,YAAY;AAAA,UACxD,SAAS,EAAE,gBAAgBwB,EAAA;AAAA,QAAiB,CAC7C,EACgC;AAAA,MACnC,CAAC,GACMD;AAAA,IACT;AAAA,IACA,CAACrB,GAAmBF,CAA0B;AAAA,EAAA,GAG1CyB,IACJhC,EAAU,cACVG,EAAc,cACdE,EAAc,cACdE,EAA2B,WAEvB0B,IAAgBC,EAAoB,CAAClC,GAAWG,GAAeE,CAAa,GAAG;AAAA,IACnF,aAAAK;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,MACJ,MAAAG;AAAA,MACA,YAAAE;AAAA,MACA,mBAAAE;AAAA,MACA,iBAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAE;AAAA,MACA,mBAAmBV,GAAU,aAAa;AAAA,IAAA;AAAA,IAE5C,QAAQ;AAAA,MACN,WAAAmB;AAAA,MACA,4BAAAN;AAAA,MACA,uBAAuB1B,EAAU;AAAA,MACjC,mBAAmBK,EAAc;AAAA,IAAA;AAAA,IAEnC,YAAY;AAAA,MACV,UAAUmB;AAAA,IAAA;AAAA,IAEZ,SAAS;AAAA,MACP,qBAAAG;AAAA,IAAA;AAAA,IAEF,eAAAM;AAAA,EAAA;AAEJ;"}

package/dist/components/Employee/Deductions/DeductionsForm/StandardDeductionForm.js

@@ -1,95 +1,95 @@
-import { jsx as n, jsxs as a } from "react/jsx-runtime";
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
 import { useTranslation as f } from "react-i18next";
 import { useWatch as A } from "react-hook-form";
-import { useDeductionForm as b } from "../shared/useDeductionForm/useDeductionForm.js";
-import { Form as D } from "../../../Common/Form/Form.js";
-import { Flex as u } from "../../../Common/Flex/Flex.js";
+import { useDeductionForm as D } from "../shared/useDeductionForm/useDeductionForm.js";
+import { Form as b } from "../../../Common/Form/Form.js";
+import { Flex as m } from "../../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../../shared/constants.js";
-import { ActionsLayout as y } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { BaseLayout as p } from "../../../Base/Base.js";
-import { SDKFormProvider as h } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { ActionsLayout as h } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { BaseLayout as g } from "../../../Base/Base.js";
+import { SDKFormProvider as y } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 function S({
-  employeeId: r,
-  deduction: i,
-  courtOrdered: t,
+  employeeId: t,
+  deduction: o,
+  courtOrdered: r,
   garnishmentType: e,
-  title: m,
-  onSaved: d,
-  onCancel: l
+  title: s,
+  onSaved: l,
+  onCancel: p
 }) {
-  const { t: c } = f("Employee.Deductions"), s = R(), o = b({
-    employeeId: r,
-    garnishmentId: i?.uuid,
-    courtOrdered: t,
-    defaultValues: t && e ? { garnishmentType: e } : void 0
+  const { t: u } = f("Employee.Deductions"), d = R(), a = D({
+    employeeId: t,
+    garnishmentId: o?.uuid,
+    courtOrdered: r,
+    defaultValues: r && e ? { garnishmentType: e } : void 0
   });
-  if (o.isLoading)
-    return /* @__PURE__ */ n(p, { isLoading: !0, error: o.errorHandling.errors });
-  const { Fields: g } = o.form;
+  if (a.isLoading)
+    return /* @__PURE__ */ n(g, { isLoading: !0, error: a.errorHandling.errors });
+  const { Fields: i } = a.form;
   return /* @__PURE__ */ n(
     x,
     {
-      form: o,
-      Fields: g,
-      Components: s,
-      t: c,
-      title: m,
-      onSaved: d,
-      onCancel: l
+      form: a,
+      Fields: i,
+      Components: d,
+      t: u,
+      title: s,
+      onSaved: l,
+      onCancel: p
     }
   );
 }
 function x({
-  form: r,
-  Fields: i,
-  Components: t,
+  form: t,
+  Fields: o,
+  Components: r,
   t: e,
-  title: m,
-  onSaved: d,
-  onCancel: l
+  title: s,
+  onSaved: l,
+  onCancel: p
 }) {
-  const c = A({
-    control: r.form.hookFormInternals.formMethods.control,
+  const u = A({
+    control: t.form.hookFormInternals.formMethods.control,
     name: "deductAsPercentage"
-  }), s = async () => {
-    const o = await r.actions.onSubmit();
-    o && d(o.data, o.mode);
+  }), d = u === !0 || u === "true", a = async () => {
+    const i = await t.actions.onSubmit();
+    i && l(i.data, i.mode);
   };
-  return /* @__PURE__ */ n(p, { error: r.errorHandling.errors, children: /* @__PURE__ */ n(h, { formHookResult: r, children: /* @__PURE__ */ n(D, { onSubmit: s, children: /* @__PURE__ */ a(u, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ n(t.Heading, { as: "h3", children: m }),
-    /* @__PURE__ */ a(u, { flexDirection: "column", gap: 20, children: [
-      /* @__PURE__ */ a(u, { flexDirection: "column", gap: 20, children: [
+  return /* @__PURE__ */ n(g, { error: t.errorHandling.errors, children: /* @__PURE__ */ n(y, { formHookResult: t, children: /* @__PURE__ */ n(b, { onSubmit: a, children: /* @__PURE__ */ c(m, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ n(r.Heading, { as: "h3", children: s }),
+    /* @__PURE__ */ c(m, { flexDirection: "column", gap: 20, children: [
+      /* @__PURE__ */ c(m, { flexDirection: "column", gap: 20, children: [
         /* @__PURE__ */ n(
-          i.Description,
+          o.Description,
           {
             label: e("descriptionLabelV2"),
             validationMessages: { REQUIRED: e("descriptionRequired") }
           }
         ),
         /* @__PURE__ */ n(
-          i.Recurring,
+          o.Recurring,
           {
             label: e("frequencyLabel"),
-            getOptionLabel: (o) => e(o ? "frequencyRecurringOptionV2" : "frequencyOneTimeOptionV2"),
+            getOptionLabel: (i) => e(i ? "frequencyRecurringOptionV2" : "frequencyOneTimeOptionV2"),
             validationMessages: { REQUIRED: e("frequencyRequired") }
           }
         ),
         /* @__PURE__ */ n(
-          i.DeductAsPercentage,
+          o.DeductAsPercentage,
           {
             label: e("deductionTypeLabelV2"),
-            getOptionLabel: (o) => e(o ? "deductionTypePercentageOptionV2" : "deductionTypeFixedAmountOption"),
+            getOptionLabel: (i) => e(i ? "deductionTypePercentageOptionV2" : "deductionTypeFixedAmountOption"),
             validationMessages: { REQUIRED: e("deductionTypeRequired") }
           }
         ),
         /* @__PURE__ */ n(
-          i.Amount,
+          o.Amount,
           {
             label: e("deductionAmountLabel"),
-            format: c ? "percent" : "currency",
-            description: e(c ? "deductionAmountDescriptionPercentage" : "deductionAmountDescriptionFixed"),
+            format: d ? "percent" : "currency",
+            description: e(d ? "deductionAmountDescriptionPercentage" : "deductionAmountDescriptionFixed"),
             min: 0,
             validationMessages: {
               REQUIRED: e("amountRequired"),
@@ -98,9 +98,9 @@ function x({
           }
         )
       ] }),
-      i.TotalAmount && i.AnnualMaximum && /* @__PURE__ */ a(u, { flexDirection: "column", gap: 20, children: [
+      o.TotalAmount && o.AnnualMaximum && /* @__PURE__ */ c(m, { flexDirection: "column", gap: 20, children: [
         /* @__PURE__ */ n(
-          i.TotalAmount,
+          o.TotalAmount,
           {
             label: e("totalAmountLabel"),
             description: e("totalAmountDescription"),
@@ -112,7 +112,7 @@ function x({
           }
         ),
         /* @__PURE__ */ n(
-          i.AnnualMaximum,
+          o.AnnualMaximum,
           {
             label: e("annualMaxLabel"),
             description: e("annualMaxDescription"),
@@ -125,9 +125,9 @@ function x({
         )
       ] })
     ] }),
-    /* @__PURE__ */ a(y, { children: [
-      /* @__PURE__ */ n(t.Button, { variant: "secondary", type: "button", onClick: l, children: e("cancelCta") }),
-      /* @__PURE__ */ n(t.Button, { type: "submit", isLoading: r.status.isPending, children: e("saveCta") })
+    /* @__PURE__ */ c(h, { children: [
+      /* @__PURE__ */ n(r.Button, { variant: "secondary", type: "button", onClick: p, children: e("cancelCta") }),
+      /* @__PURE__ */ n(r.Button, { type: "submit", isLoading: t.status.isPending, children: e("saveCta") })
     ] })
   ] }) }) }) });
 }

package/dist/components/Employee/Deductions/DeductionsForm/StandardDeductionForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardDeductionForm.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsForm/StandardDeductionForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useWatch } from 'react-hook-form'\nimport type {\n  Garnishment,\n  GarnishmentType,\n} from '@gusto/embedded-api/models/components/garnishment'\nimport type { Control } from 'react-hook-form'\nimport { useDeductionForm } from '../shared/useDeductionForm'\nimport type { DeductionFormData } from '../shared/useDeductionForm'\nimport { Form } from '@/components/Common/Form'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface StandardDeductionFormProps {\n  employeeId: string\n  deduction: Garnishment | null\n  /** Court-ordered garnishments require `garnishmentType`. Custom deductions don't. */\n  courtOrdered: boolean\n  /** Only meaningful when `courtOrdered: true`. Selects the garnishment type\n   *  on create. Ignored in edit mode (the existing type is preserved). */\n  garnishmentType?: GarnishmentType\n  /** Section heading shown above the form. The parent picker is responsible\n   *  for translating the garnishment-type label so this component doesn't\n   *  need to repeat the labels mapping. */\n  title: string\n  onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void\n  onCancel: () => void\n}\n\nexport function StandardDeductionForm({\n  employeeId,\n  deduction,\n  courtOrdered,\n  garnishmentType,\n  title,\n  onSaved,\n  onCancel,\n}: StandardDeductionFormProps) {\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  const form = useDeductionForm({\n    employeeId,\n    garnishmentId: deduction?.uuid,\n    courtOrdered,\n    defaultValues: courtOrdered && garnishmentType ? { garnishmentType } : undefined,\n  })\n\n  if (form.isLoading) {\n    return <BaseLayout isLoading error={form.errorHandling.errors} />\n  }\n\n  const { Fields } = form.form\n  return (\n    <ReadyForm\n      form={form}\n      Fields={Fields}\n      Components={Components}\n      t={t}\n      title={title}\n      onSaved={onSaved}\n      onCancel={onCancel}\n    />\n  )\n}\n\n// Split into a child component so we can call `useWatch` on the form's control\n// only once the hook is in its ready state (the control reference exists then).\nfunction ReadyForm({\n  form,\n  Fields,\n  Components,\n  t,\n  title,\n  onSaved,\n  onCancel,\n}: {\n  form: Extract<ReturnType<typeof useDeductionForm>, { isLoading: false }>\n  Fields: Extract<ReturnType<typeof useDeductionForm>, { isLoading: false }>['form']['Fields']\n  Components: ReturnType<typeof useComponentContext>\n  t: ReturnType<typeof useTranslation<'Employee.Deductions'>>['t']\n  title: string\n  onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void\n  onCancel: () => void\n}) {\n  // useWatch subscribes to changes; getValues only reads once. We need the\n  // subscription because `Fields.Amount`'s `format` and `description` props\n  // need to re-render when the user toggles Percentage / Fixed amount.\n  const watchedDeductAsPercentage = useWatch({\n    control: form.form.hookFormInternals.formMethods.control as Control<DeductionFormData>,\n    name: 'deductAsPercentage',\n  })\n\n  const handleSubmit = async () => {\n    const result = await form.actions.onSubmit()\n    if (result) onSaved(result.data, result.mode)\n  }\n\n  return (\n    <BaseLayout error={form.errorHandling.errors}>\n      <SDKFormProvider formHookResult={form}>\n        <Form onSubmit={handleSubmit}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Components.Heading as=\"h3\">{title}</Components.Heading>\n            <Flex flexDirection=\"column\" gap={20}>\n              <Flex flexDirection=\"column\" gap={20}>\n                <Fields.Description\n                  label={t('descriptionLabelV2')}\n                  validationMessages={{ REQUIRED: t('descriptionRequired') }}\n                />\n                <Fields.Recurring\n                  label={t('frequencyLabel')}\n                  getOptionLabel={(value: boolean) =>\n                    value ? t('frequencyRecurringOptionV2') : t('frequencyOneTimeOptionV2')\n                  }\n                  validationMessages={{ REQUIRED: t('frequencyRequired') }}\n                />\n                <Fields.DeductAsPercentage\n                  label={t('deductionTypeLabelV2')}\n                  getOptionLabel={(value: boolean) =>\n                    value\n                      ? t('deductionTypePercentageOptionV2')\n                      : t('deductionTypeFixedAmountOption')\n                  }\n                  validationMessages={{ REQUIRED: t('deductionTypeRequired') }}\n                />\n                <Fields.Amount\n                  label={t('deductionAmountLabel')}\n                  format={watchedDeductAsPercentage ? 'percent' : 'currency'}\n                  description={\n                    watchedDeductAsPercentage\n                      ? t('deductionAmountDescriptionPercentage')\n                      : t('deductionAmountDescriptionFixed')\n                  }\n                  min={0}\n                  validationMessages={{\n                    REQUIRED: t('amountRequired'),\n                    NEGATIVE_AMOUNT: t('amountNonNegative'),\n                  }}\n                />\n              </Flex>\n              {Fields.TotalAmount && Fields.AnnualMaximum && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  <Fields.TotalAmount\n                    label={t('totalAmountLabel')}\n                    description={t('totalAmountDescription')}\n                    format=\"currency\"\n                    min={0}\n                    validationMessages={{\n                      NEGATIVE_AMOUNT: t('amountNonNegative'),\n                    }}\n                  />\n                  <Fields.AnnualMaximum\n                    label={t('annualMaxLabel')}\n                    description={t('annualMaxDescription')}\n                    format=\"currency\"\n                    min={0}\n                    validationMessages={{\n                      NEGATIVE_AMOUNT: t('amountNonNegative'),\n                    }}\n                  />\n                </Flex>\n              )}\n            </Flex>\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n                {t('cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={form.status.isPending}>\n                {t('saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["StandardDeductionForm","employeeId","deduction","courtOrdered","garnishmentType","title","onSaved","onCancel","t","useTranslation","Components","useComponentContext","form","useDeductionForm","BaseLayout","Fields","jsx","ReadyForm","watchedDeductAsPercentage","useWatch","handleSubmit","result","SDKFormProvider","Form","jsxs","Flex","value","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"StandardDeductionForm.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsForm/StandardDeductionForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useWatch } from 'react-hook-form'\nimport type {\n  Garnishment,\n  GarnishmentType,\n} from '@gusto/embedded-api/models/components/garnishment'\nimport type { Control } from 'react-hook-form'\nimport { useDeductionForm } from '../shared/useDeductionForm'\nimport type { DeductionFormData } from '../shared/useDeductionForm'\nimport { Form } from '@/components/Common/Form'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface StandardDeductionFormProps {\n  employeeId: string\n  deduction: Garnishment | null\n  /** Court-ordered garnishments require `garnishmentType`. Custom deductions don't. */\n  courtOrdered: boolean\n  /** Only meaningful when `courtOrdered: true`. Selects the garnishment type\n   *  on create. Ignored in edit mode (the existing type is preserved). */\n  garnishmentType?: GarnishmentType\n  /** Section heading shown above the form. The parent picker is responsible\n   *  for translating the garnishment-type label so this component doesn't\n   *  need to repeat the labels mapping. */\n  title: string\n  onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void\n  onCancel: () => void\n}\n\nexport function StandardDeductionForm({\n  employeeId,\n  deduction,\n  courtOrdered,\n  garnishmentType,\n  title,\n  onSaved,\n  onCancel,\n}: StandardDeductionFormProps) {\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  const form = useDeductionForm({\n    employeeId,\n    garnishmentId: deduction?.uuid,\n    courtOrdered,\n    defaultValues: courtOrdered && garnishmentType ? { garnishmentType } : undefined,\n  })\n\n  if (form.isLoading) {\n    return <BaseLayout isLoading error={form.errorHandling.errors} />\n  }\n\n  const { Fields } = form.form\n  return (\n    <ReadyForm\n      form={form}\n      Fields={Fields}\n      Components={Components}\n      t={t}\n      title={title}\n      onSaved={onSaved}\n      onCancel={onCancel}\n    />\n  )\n}\n\n// Split into a child component so we can call `useWatch` on the form's control\n// only once the hook is in its ready state (the control reference exists then).\nfunction ReadyForm({\n  form,\n  Fields,\n  Components,\n  t,\n  title,\n  onSaved,\n  onCancel,\n}: {\n  form: Extract<ReturnType<typeof useDeductionForm>, { isLoading: false }>\n  Fields: Extract<ReturnType<typeof useDeductionForm>, { isLoading: false }>['form']['Fields']\n  Components: ReturnType<typeof useComponentContext>\n  t: ReturnType<typeof useTranslation<'Employee.Deductions'>>['t']\n  title: string\n  onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void\n  onCancel: () => void\n}) {\n  // useWatch subscribes to changes; getValues only reads once. We need the\n  // subscription because `Fields.Amount`'s `format` and `description` props\n  // need to re-render when the user toggles Percentage / Fixed amount.\n  // The RadioGroup's options carry string values (`'true'`/`'false'`), which\n  // round-trip into form state as strings — only `coerceStringBoolean` in the\n  // zod preprocessor turns them into actual booleans at validation time. So\n  // here we explicitly compare against both shapes; `Boolean('false')` would\n  // be truthy and surface the wrong copy under the Amount field.\n  const watchedDeductAsPercentageRaw = useWatch({\n    control: form.form.hookFormInternals.formMethods.control as Control<DeductionFormData>,\n    name: 'deductAsPercentage',\n  }) as boolean | 'true' | 'false' | undefined\n  const watchedDeductAsPercentage =\n    watchedDeductAsPercentageRaw === true || watchedDeductAsPercentageRaw === 'true'\n\n  const handleSubmit = async () => {\n    const result = await form.actions.onSubmit()\n    if (result) onSaved(result.data, result.mode)\n  }\n\n  return (\n    <BaseLayout error={form.errorHandling.errors}>\n      <SDKFormProvider formHookResult={form}>\n        <Form onSubmit={handleSubmit}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Components.Heading as=\"h3\">{title}</Components.Heading>\n            <Flex flexDirection=\"column\" gap={20}>\n              <Flex flexDirection=\"column\" gap={20}>\n                <Fields.Description\n                  label={t('descriptionLabelV2')}\n                  validationMessages={{ REQUIRED: t('descriptionRequired') }}\n                />\n                <Fields.Recurring\n                  label={t('frequencyLabel')}\n                  getOptionLabel={(value: boolean) =>\n                    value ? t('frequencyRecurringOptionV2') : t('frequencyOneTimeOptionV2')\n                  }\n                  validationMessages={{ REQUIRED: t('frequencyRequired') }}\n                />\n                <Fields.DeductAsPercentage\n                  label={t('deductionTypeLabelV2')}\n                  getOptionLabel={(value: boolean) =>\n                    value\n                      ? t('deductionTypePercentageOptionV2')\n                      : t('deductionTypeFixedAmountOption')\n                  }\n                  validationMessages={{ REQUIRED: t('deductionTypeRequired') }}\n                />\n                <Fields.Amount\n                  label={t('deductionAmountLabel')}\n                  format={watchedDeductAsPercentage ? 'percent' : 'currency'}\n                  description={\n                    watchedDeductAsPercentage\n                      ? t('deductionAmountDescriptionPercentage')\n                      : t('deductionAmountDescriptionFixed')\n                  }\n                  min={0}\n                  validationMessages={{\n                    REQUIRED: t('amountRequired'),\n                    NEGATIVE_AMOUNT: t('amountNonNegative'),\n                  }}\n                />\n              </Flex>\n              {Fields.TotalAmount && Fields.AnnualMaximum && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  <Fields.TotalAmount\n                    label={t('totalAmountLabel')}\n                    description={t('totalAmountDescription')}\n                    format=\"currency\"\n                    min={0}\n                    validationMessages={{\n                      NEGATIVE_AMOUNT: t('amountNonNegative'),\n                    }}\n                  />\n                  <Fields.AnnualMaximum\n                    label={t('annualMaxLabel')}\n                    description={t('annualMaxDescription')}\n                    format=\"currency\"\n                    min={0}\n                    validationMessages={{\n                      NEGATIVE_AMOUNT: t('amountNonNegative'),\n                    }}\n                  />\n                </Flex>\n              )}\n            </Flex>\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n                {t('cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={form.status.isPending}>\n                {t('saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n"],"names":["StandardDeductionForm","employeeId","deduction","courtOrdered","garnishmentType","title","onSaved","onCancel","t","useTranslation","Components","useComponentContext","form","useDeductionForm","BaseLayout","Fields","jsx","ReadyForm","watchedDeductAsPercentageRaw","useWatch","watchedDeductAsPercentage","handleSubmit","result","SDKFormProvider","Form","jsxs","Flex","value","ActionsLayout"],"mappings":"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"}

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

@@ -38,14 +38,23 @@ export type ChildSupportGarnishmentFormOutputs = ChildSupportGarnishmentFormData
 interface ChildSupportGarnishmentFormSchemaOptions {
     mode?: 'create' | 'update';
     /**
-     * The agency record matching the currently selected `state`. The agency's
-     * `requiredAttributes` determine which of `caseNumber` / `orderNumber` /
-     * `remittanceNumber` are required. When omitted (no agency selected yet),
-     * all three are optional.
+     * The agency record matching the currently selected `state`. Used only when
+     * `agencyList` is not provided — `requiredAttributes` are pinned to this
+     * single agency, so the schema must be rebuilt whenever the user picks a
+     * different state. Prefer passing `agencyList` instead so requiredness
+     * tracks the form's `state` value dynamically.
      */
     selectedAgency?: Agencies | null;
+    /**
+     * Full list of agencies. When provided, the schema's requiredness for
+     * `caseNumber` / `orderNumber` / `remittanceNumber` is computed at validation
+     * time by looking up the agency whose `state` matches the form's `state`
+     * value — so a single schema instance stays correct as the user changes
+     * states. Takes precedence over `selectedAgency`.
+     */
+    agencyList?: readonly Agencies[];
 }
-export declare function createChildSupportGarnishmentFormSchema({ mode, selectedAgency, }?: ChildSupportGarnishmentFormSchemaOptions): import('../../../../../partner-hook-utils/form/buildFormSchema').BuildFormSchemaResult<{
+export declare function createChildSupportGarnishmentFormSchema({ mode, selectedAgency, agencyList, }?: ChildSupportGarnishmentFormSchemaOptions): import('../../../../../partner-hook-utils/form/buildFormSchema').BuildFormSchemaResult<{
     state: z.ZodString;
     fipsCode: z.ZodString;
     caseNumber: z.ZodString;