npm - @gusto/embedded-react-sdk - Versions diffs - 0.46.2 → 0.46.3 - Mend

@gusto/embedded-react-sdk 0.46.2 → 0.46.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (172) hide show

package/dist/components/Employee/Dashboard/TaxesView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TaxesView.js","sources":["../../../../src/components/Employee/Dashboard/TaxesView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { GetV1EmployeesEmployeeIdFederalTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidfederaltaxes'\nimport type { GetV1EmployeesEmployeeIdStateTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidstatetaxes'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { useEmployeeTaxes } from './hooks'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Loading } from '@/components/Common'\nimport { BaseLayout } from '@/components/Base/Base'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\ntype EmployeeFederalTax = NonNullable<\n GetV1EmployeesEmployeeIdFederalTaxesResponse['employeeFederalTax']\n>\ntype EmployeeStateTax = NonNullable<\n GetV1EmployeesEmployeeIdStateTaxesResponse['employeeStateTaxesList']\n>[number]\n\nexport interface TaxesViewProps {\n federalTaxes?: EmployeeFederalTax\n stateTaxes?: EmployeeStateTax[]\n /** Loads both cards. Override per-card via `isFederalTaxesLoading` /\n * `isStateTaxesLoading` when the queries resolve independently. /\n isLoading?: boolean\n isFederalTaxesLoading?: boolean\n isStateTaxesLoading?: boolean\n onEditFederalTaxes?: () => void\n onEditStateTaxes?: () => void\n}\n\nexport interface TaxesViewWithDataProps {\n employeeId: string\n /* Receives the federal-tax record so the parent can preserve the\n * existing event payload (`{ employeeId, federalTaxes }`). /\n onEditFederalTaxes?: (federalTaxes: EmployeeFederalTax \| undefined) => void\n onEditStateTaxes?: () => void\n}\n\n/\n Tab-mounted container for the Taxes tab. Owns the `useEmployeeTaxes`\n * fetch so federal/state tax requests only fire when the tab is mounted.\n * Federal and state queries run independently — each card paints its\n * own skeleton + content as data arrives.\n */\nexport function TaxesViewWithData({\n employeeId,\n onEditFederalTaxes,\n onEditStateTaxes,\n}: TaxesViewWithDataProps) {\n const taxes = useEmployeeTaxes({ employeeId })\n\n const federalTaxes = taxes.data.employeeFederalTax\n return (\n <BaseLayout error={taxes.errorHandling.errors}>\n <TaxesView\n federalTaxes={federalTaxes}\n stateTaxes={taxes.data.employeeStateTaxesList}\n isFederalTaxesLoading={taxes.status.isFederalTaxesLoading}\n isStateTaxesLoading={taxes.status.isStateTaxesLoading}\n onEditFederalTaxes={() => onEditFederalTaxes?.(federalTaxes)}\n onEditStateTaxes={onEditStateTaxes}\n />\n </BaseLayout>\n )\n}\n\nexport function TaxesView({\n federalTaxes,\n stateTaxes,\n isLoading = false,\n isFederalTaxesLoading = isLoading,\n isStateTaxesLoading = isLoading,\n onEditFederalTaxes,\n onEditStateTaxes,\n}: TaxesViewProps) {\n const { t } = useTranslation('Employee.Dashboard')\n const Components = useComponentContext()\n const formatCurrency = useNumberFormatter('currency')\n\n // Helper function to format state tax answer values\n const formatStateTaxAnswer = (\n question: EmployeeStateTaxQuestion,\n answer: string \| number \| boolean,\n ) => {\n // For Select type questions, look up the label from options\n if (\n question.inputQuestionFormat.type === 'Select' &&\n question.inputQuestionFormat.options &&\n question.inputQuestionFormat.options.length > 0\n ) {\n const option = question.inputQuestionFormat.options.find(opt => opt.value === answer)\n if (option?.label) {\n return option.label\n }\n }\n\n // For numeric values, only format as currency for Currency questions\n if (typeof answer === 'number') {\n if (question.inputQuestionFormat.type === 'Currency') {\n return formatCurrency(answer)\n }\n return answer\n }\n\n // For string currency values (like \"0.0\")\n if (typeof answer === 'string' && !isNaN(parseFloat(answer))) {\n const numValue = parseFloat(answer)\n // Check if this looks like a currency (has decimal point or question type is Currency)\n if (question.inputQuestionFormat.type === 'Currency') {\n return formatCurrency(numValue)\n }\n // For non-currency numeric strings, return as-is\n return answer\n }\n\n // For boolean values\n if (typeof answer === 'boolean') {\n return answer ? t('common.yes') : t('common.no')\n }\n\n // Default: return string value as-is\n return answer\n }\n\n return (\n <Flex flexDirection=\"column\" gap={24}>\n <Components.Box\n header={\n <Components.BoxHeader\n title={t('taxes.federal.title')}\n action={\n <Components.Button\n variant=\"secondary\"\n onClick={onEditFederalTaxes}\n isDisabled={isFederalTaxesLoading}\n >\n {t('taxes.federal.editCta')}\n </Components.Button>\n }\n />\n }\n >\n <Flex flexDirection=\"column\" gap={16}>\n {isFederalTaxesLoading ? (\n <Loading />\n ) : federalTaxes ? (\n <Flex flexDirection=\"column\" gap={12}>\n {federalTaxes.filingStatus && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.filingStatus')}\n </Components.Text>\n <Components.Text>{federalTaxes.filingStatus}</Components.Text>\n </Flex>\n )}\n\n {'twoJobs' in federalTaxes && federalTaxes.twoJobs !== null && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.multipleJobs')}\n </Components.Text>\n <Components.Text>\n {federalTaxes.twoJobs ? t('common.yes') : t('common.no')}\n </Components.Text>\n </Flex>\n )}\n\n {'dependentsAmount' in federalTaxes && federalTaxes.dependentsAmount && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.dependentsAndOtherCredits')}\n </Components.Text>\n <Components.Text>\n {formatCurrency(parseFloat(federalTaxes.dependentsAmount))}\n </Components.Text>\n </Flex>\n )}\n\n {'otherIncome' in federalTaxes && federalTaxes.otherIncome && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.otherIncome')}\n </Components.Text>\n <Components.Text>\n {formatCurrency(parseFloat(federalTaxes.otherIncome))}\n </Components.Text>\n </Flex>\n )}\n\n {'deductions' in federalTaxes && federalTaxes.deductions && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.deductions')}\n </Components.Text>\n <Components.Text>\n {formatCurrency(parseFloat(federalTaxes.deductions))}\n </Components.Text>\n </Flex>\n )}\n\n {'extraWithholding' in federalTaxes && federalTaxes.extraWithholding && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.extraWithholding')}\n </Components.Text>\n <Components.Text>\n {formatCurrency(parseFloat(federalTaxes.extraWithholding))}\n </Components.Text>\n </Flex>\n )}\n </Flex>\n ) : null}\n </Flex>\n </Components.Box>\n\n <Components.Box\n header={\n <Components.BoxHeader\n title={t('taxes.state.title')}\n action={\n <Components.Button\n variant=\"secondary\"\n onClick={onEditStateTaxes}\n isDisabled={isStateTaxesLoading}\n >\n {t('taxes.state.editCta')}\n </Components.Button>\n }\n />\n }\n >\n <Flex flexDirection=\"column\" gap={16}>\n {isStateTaxesLoading ? (\n <Loading />\n ) : stateTaxes && stateTaxes.length > 0 ? (\n <Flex flexDirection=\"column\" gap={24}>\n {stateTaxes.map((stateTax, index) => (\n <Flex key={stateTax.state \|\| index} flexDirection=\"column\" gap={16}>\n <Components.Heading as=\"h4\">{stateTax.state}</Components.Heading>\n\n {stateTax.questions && stateTax.questions.length > 0 && (\n <Flex flexDirection=\"column\" gap={12}>\n {stateTax.questions.map((question, qIndex) => {\n const answer = question.answers[0]?.value\n if (answer === null \|\| answer === undefined) return null\n\n return (\n <Flex key={question.key \|\| qIndex} flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">{question.label}</Components.Text>\n <Components.Text>\n {formatStateTaxAnswer(question, answer)}\n </Components.Text>\n </Flex>\n )\n })}\n </Flex>\n )}\n </Flex>\n ))}\n </Flex>\n ) : (\n <Components.Text>{t('taxes.state.noStateTaxes')}</Components.Text>\n )}\n </Flex>\n </Components.Box>\n </Flex>\n )\n}\n"],"names":["TaxesViewWithData","employeeId","onEditFederalTaxes","onEditStateTaxes","taxes","useEmployeeTaxes","federalTaxes","jsx","BaseLayout","TaxesView","stateTaxes","isLoading","isFederalTaxesLoading","isStateTaxesLoading","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatStateTaxAnswer","question","answer","option","opt","numValue","jsxs","Flex","Loading","stateTax","index","qIndex"],"mappings":"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"}
1	+ {"version":3,"file":"TaxesView.js","sources":["../../../../src/components/Employee/Dashboard/TaxesView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { GetV1EmployeesEmployeeIdFederalTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidfederaltaxes'\nimport type { GetV1EmployeesEmployeeIdStateTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidstatetaxes'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { useEmployeeTaxes } from './hooks'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Loading } from '@/components/Common'\nimport { BaseLayout } from '@/components/Base/Base'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\ntype EmployeeFederalTax = NonNullable<\n GetV1EmployeesEmployeeIdFederalTaxesResponse['employeeFederalTax']\n>\ntype EmployeeStateTax = NonNullable<\n GetV1EmployeesEmployeeIdStateTaxesResponse['employeeStateTaxesList']\n>[number]\n\nexport interface TaxesViewProps {\n federalTaxes?: EmployeeFederalTax\n stateTaxes?: EmployeeStateTax[]\n /** Loads both cards. Override per-card via `isFederalTaxesLoading` /\n * `isStateTaxesLoading` when the queries resolve independently. /\n isLoading?: boolean\n isFederalTaxesLoading?: boolean\n isStateTaxesLoading?: boolean\n onEditFederalTaxes?: () => void\n onEditStateTaxes?: () => void\n}\n\nexport interface TaxesViewWithDataProps {\n employeeId: string\n /* Receives the federal-tax record so the parent can preserve the\n * existing event payload (`{ employeeId, federalTaxes }`). /\n onEditFederalTaxes?: (federalTaxes: EmployeeFederalTax \| undefined) => void\n onEditStateTaxes?: () => void\n}\n\n/\n Tab-mounted container for the Taxes tab. Owns the `useEmployeeTaxes`\n * fetch so federal/state tax requests only fire when the tab is mounted.\n * Federal and state queries run independently — each card paints its\n * own skeleton + content as data arrives.\n */\nexport function TaxesViewWithData({\n employeeId,\n onEditFederalTaxes,\n onEditStateTaxes,\n}: TaxesViewWithDataProps) {\n const taxes = useEmployeeTaxes({ employeeId })\n\n const federalTaxes = taxes.data.employeeFederalTax\n return (\n <BaseLayout error={taxes.errorHandling.errors}>\n <TaxesView\n federalTaxes={federalTaxes}\n stateTaxes={taxes.data.employeeStateTaxesList}\n isFederalTaxesLoading={taxes.status.isFederalTaxesLoading}\n isStateTaxesLoading={taxes.status.isStateTaxesLoading}\n onEditFederalTaxes={() => onEditFederalTaxes?.(federalTaxes)}\n onEditStateTaxes={onEditStateTaxes}\n />\n </BaseLayout>\n )\n}\n\nexport function TaxesView({\n federalTaxes,\n stateTaxes,\n isLoading = false,\n isFederalTaxesLoading = isLoading,\n isStateTaxesLoading = isLoading,\n onEditFederalTaxes,\n onEditStateTaxes,\n}: TaxesViewProps) {\n const { t } = useTranslation('Employee.Dashboard')\n const { t: tCommon } = useTranslation('common')\n const Components = useComponentContext()\n const formatCurrency = useNumberFormatter('currency')\n\n const stateTaxesHaveAnyQuestions = !!stateTaxes?.some(s => (s.questions?.length ?? 0) > 0)\n\n // Helper function to format state tax answer values\n const formatStateTaxAnswer = (\n question: EmployeeStateTaxQuestion,\n answer: string \| number \| boolean,\n ) => {\n // For Select type questions, look up the label from options\n if (\n question.inputQuestionFormat.type === 'Select' &&\n question.inputQuestionFormat.options &&\n question.inputQuestionFormat.options.length > 0\n ) {\n const option = question.inputQuestionFormat.options.find(opt => opt.value === answer)\n if (option?.label) {\n return option.label\n }\n }\n\n // For numeric values, only format as currency for Currency questions\n if (typeof answer === 'number') {\n if (question.inputQuestionFormat.type === 'Currency') {\n return formatCurrency(answer)\n }\n return answer\n }\n\n // For string currency values (like \"0.0\")\n if (typeof answer === 'string' && !isNaN(parseFloat(answer))) {\n const numValue = parseFloat(answer)\n // Check if this looks like a currency (has decimal point or question type is Currency)\n if (question.inputQuestionFormat.type === 'Currency') {\n return formatCurrency(numValue)\n }\n // For non-currency numeric strings, return as-is\n return answer\n }\n\n // For boolean values\n if (typeof answer === 'boolean') {\n return answer ? t('common.yes') : t('common.no')\n }\n\n // Default: return string value as-is\n return answer\n }\n\n const emptyPlaceholder = <span aria-label={t('listEmptyPlaceholder')}>–</span>\n\n return (\n <Flex flexDirection=\"column\" gap={24}>\n <Components.Box\n header={\n <Components.BoxHeader\n title={t('taxes.federal.title')}\n action={\n <Components.Button\n variant=\"secondary\"\n onClick={onEditFederalTaxes}\n isDisabled={isFederalTaxesLoading}\n >\n {t('taxes.federal.editCta')}\n </Components.Button>\n }\n />\n }\n >\n <Flex flexDirection=\"column\" gap={16}>\n {isFederalTaxesLoading ? (\n <Loading />\n ) : federalTaxes ? (\n <Components.DescriptionList\n items={[\n {\n term: t('taxes.federal.filingStatus'),\n description: federalTaxes.filingStatus \|\| emptyPlaceholder,\n },\n {\n term: t('taxes.federal.multipleJobs'),\n description:\n 'twoJobs' in federalTaxes && federalTaxes.twoJobs !== null\n ? federalTaxes.twoJobs\n ? t('common.yes')\n : t('common.no')\n : emptyPlaceholder,\n },\n {\n term: t('taxes.federal.dependentsAndOtherCredits'),\n description:\n 'dependentsAmount' in federalTaxes && federalTaxes.dependentsAmount\n ? formatCurrency(parseFloat(federalTaxes.dependentsAmount))\n : emptyPlaceholder,\n },\n {\n term: t('taxes.federal.otherIncome'),\n description:\n 'otherIncome' in federalTaxes && federalTaxes.otherIncome\n ? formatCurrency(parseFloat(federalTaxes.otherIncome))\n : emptyPlaceholder,\n },\n {\n term: t('taxes.federal.deductions'),\n description:\n 'deductions' in federalTaxes && federalTaxes.deductions\n ? formatCurrency(parseFloat(federalTaxes.deductions))\n : emptyPlaceholder,\n },\n {\n term: t('taxes.federal.extraWithholding'),\n description:\n 'extraWithholding' in federalTaxes && federalTaxes.extraWithholding\n ? formatCurrency(parseFloat(federalTaxes.extraWithholding))\n : emptyPlaceholder,\n },\n ]}\n />\n ) : null}\n </Flex>\n </Components.Box>\n\n <Components.Box\n header={\n <Components.BoxHeader\n title={t('taxes.state.title')}\n action={\n isStateTaxesLoading \|\| stateTaxesHaveAnyQuestions ? (\n <Components.Button\n variant=\"secondary\"\n onClick={onEditStateTaxes}\n isDisabled={isStateTaxesLoading}\n >\n {t('taxes.state.editCta')}\n </Components.Button>\n ) : undefined\n }\n />\n }\n >\n <Flex flexDirection=\"column\" gap={16}>\n {isStateTaxesLoading ? (\n <Loading />\n ) : stateTaxes && stateTaxes.length > 0 ? (\n <Flex flexDirection=\"column\" gap={24}>\n {stateTaxes.map((stateTax, index) => {\n const stateName = stateTax.state\n ? tCommon(`statesHash.${stateTax.state}`, stateTax.state)\n : ''\n const hasQuestions = (stateTax.questions?.length ?? 0) > 0\n return (\n <Flex key={stateTax.state \|\| index} flexDirection=\"column\" gap={16}>\n {stateName ? (\n <Components.Heading as=\"h4\">{stateName}</Components.Heading>\n ) : null}\n\n {hasQuestions ? (\n <Components.DescriptionList\n items={stateTax.questions!.map(question => {\n const answer = question.answers[0]?.value\n return {\n term: question.label,\n description:\n answer === null \|\| answer === undefined\n ? emptyPlaceholder\n : formatStateTaxAnswer(question, answer),\n }\n })}\n />\n ) : (\n <Components.Text variant=\"supporting\">\n {t('taxes.state.noWithholdingForState')}\n </Components.Text>\n )}\n </Flex>\n )\n })}\n </Flex>\n ) : (\n <Components.Text>{t('taxes.state.noStateTaxes')}</Components.Text>\n )}\n </Flex>\n </Components.Box>\n </Flex>\n )\n}\n"],"names":["TaxesViewWithData","employeeId","onEditFederalTaxes","onEditStateTaxes","taxes","useEmployeeTaxes","federalTaxes","jsx","BaseLayout","TaxesView","stateTaxes","isLoading","isFederalTaxesLoading","isStateTaxesLoading","t","useTranslation","tCommon","Components","useComponentContext","formatCurrency","useNumberFormatter","stateTaxesHaveAnyQuestions","s","formatStateTaxAnswer","question","answer","option","opt","numValue","emptyPlaceholder","jsxs","Flex","Loading","stateTax","index","stateName","hasQuestions"],"mappings":"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"}

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

@@ -1,58 +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;
+  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 y(t, e, n) {
-  const a = [], c = t.title ?? n, i = e.title ?? n;
-  i && c !== i && a.push({ kind: "titleChange", title: i });
-  const l = g(t.rate), o = g(e.rate), d = t.paymentUnit, f = e.paymentUnit;
-  (o !== null && o !== l || f !== void 0 && f !== d) && o !== null && f && a.push({ kind: "payChange", rate: o, paymentUnit: f }), e.flsaStatus && e.flsaStatus !== t.flsaStatus && a.push({ kind: "flsaChange", flsaStatus: e.flsaStatus });
-  const u = t.adjustForMinimumWage ?? !1, m = e.adjustForMinimumWage ?? !1, h = t.minimumWages?.[0], p = e.minimumWages?.[0];
-  return !u && m ? a.push({ kind: "minWageEnabled", wage: p?.wage ?? null }) : u && !m ? a.push({ kind: "minWageDisabled" }) : u && 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 U(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 l = i.compensations ?? [], o = l.filter((s) => C(s.effectiveDate, a)).slice().sort((s, r) => (s.effectiveDate ?? "").localeCompare(r.effectiveDate ?? ""));
-    if (o.length === 0) continue;
-    const d = i.currentCompensationUuid ? l.find((s) => s.uuid === i.currentCompensationUuid) : void 0, f = d && b(d.effectiveDate, a) ? d : null;
-    for (let s = 0; s < o.length; s++) {
-      const r = o[s], u = s === 0 ? f : o[s - 1], m = u ? y(u, r, i.title) : U(r, i.title);
-      c.push({
-        compensationUuid: r.uuid,
-        jobUuid: i.uuid,
-        effectiveDate: r.effectiveDate,
-        jobTitle: i.title,
-        details: m,
-        isNewJob: u === null
+  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, l) => i.effectiveDate.localeCompare(l.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 CHANGED Viewed

	@@ -1 +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 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 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 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","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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"}
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 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":"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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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 // 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 CHANGED Viewed

@@ -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;

package/dist/components/Employee/Deductions/shared/useChildSupportGarnishmentForm/childSupportGarnishmentFormSchema.js CHANGED Viewed

@@ -1,24 +1,24 @@
 import { z as e } from "zod";
-import { PaymentPeriod as i } from "@gusto/embedded-api/models/components/garnishmentchildsupport";
-import { buildFormSchema as a } from "../../../../../partner-hook-utils/form/buildFormSchema.js";
-import { coerceNaN as o } from "../../../../../partner-hook-utils/form/preprocessors.js";
-const s = {
+import { PaymentPeriod as c } from "@gusto/embedded-api/models/components/garnishmentchildsupport";
+import { buildFormSchema as d } from "../../../../../partner-hook-utils/form/buildFormSchema.js";
+import { coerceNaN as u } from "../../../../../partner-hook-utils/form/preprocessors.js";
+const i = {
   REQUIRED: "REQUIRED",
   NEGATIVE_AMOUNT: "NEGATIVE_AMOUNT",
   PERCENT_OUT_OF_RANGE: "PERCENT_OUT_OF_RANGE"
-}, u = [
+}, _ = [
   "case_number",
   "order_number",
   "remittance_number"
 ];
-function E(n) {
-  const t = /* @__PURE__ */ new Set();
-  if (!n?.requiredAttributes) return t;
-  for (const r of n.requiredAttributes)
-    r.key && u.includes(r.key) && t.add(r.key);
-  return t;
+function a(o) {
+  const n = /* @__PURE__ */ new Set();
+  if (!o?.requiredAttributes) return n;
+  for (const t of o.requiredAttributes)
+    t.key && _.includes(t.key) && n.add(t.key);
+  return n;
 }
-const c = 0, _ = 100, d = {
+const N = 0, b = 100, R = {
   state: e.string(),
   fipsCode: e.string(),
   caseNumber: e.string(),
@@ -26,39 +26,58 @@ const c = 0, _ = 100, d = {
   remittanceNumber: e.string(),
   // Currency cap on the pay-period — required, ≥ 0.
   payPeriodMaximum: e.preprocess(
-    o(0),
-    e.number().min(0, { message: s.NEGATIVE_AMOUNT })
+    u(0),
+    e.number().min(0, { message: i.NEGATIVE_AMOUNT })
   ),
   // Percentage of paycheck, 0-100. Required.
   amount: e.preprocess(
-    o(0),
-    e.number().min(c, {
-      message: s.PERCENT_OUT_OF_RANGE
-    }).max(_, {
-      message: s.PERCENT_OUT_OF_RANGE
+    u(0),
+    e.number().min(N, {
+      message: i.PERCENT_OUT_OF_RANGE
+    }).max(b, {
+      message: i.PERCENT_OUT_OF_RANGE
     })
   ),
-  paymentPeriod: e.enum(i)
+  paymentPeriod: e.enum(c)
 };
-function p({
-  mode: n = "create",
-  selectedAgency: t
+function h({
+  mode: o = "create",
+  selectedAgency: n,
+  agencyList: t
 } = {}) {
-  const r = E(t), m = {
-    caseNumber: r.has("case_number") ? "always" : "never",
-    orderNumber: r.has("order_number") ? "always" : "never",
-    remittanceNumber: r.has("remittance_number") ? "always" : "never"
-  };
-  return a(d, {
-    requiredFieldsConfig: m,
-    requiredErrorCode: s.REQUIRED,
-    mode: n
+  const E = t ? {
+    caseNumber: (r) => {
+      const s = r.state;
+      return a(t.find((m) => m.state === s)).has("case_number");
+    },
+    orderNumber: (r) => {
+      const s = r.state;
+      return a(t.find((m) => m.state === s)).has("order_number");
+    },
+    remittanceNumber: (r) => {
+      const s = r.state;
+      return a(t.find((m) => m.state === s)).has(
+        "remittance_number"
+      );
+    }
+  } : (() => {
+    const r = a(n);
+    return {
+      caseNumber: r.has("case_number") ? "always" : "never",
+      orderNumber: r.has("order_number") ? "always" : "never",
+      remittanceNumber: r.has("remittance_number") ? "always" : "never"
+    };
+  })();
+  return d(R, {
+    requiredFieldsConfig: E,
+    requiredErrorCode: i.REQUIRED,
+    mode: o
   });
 }
 export {
-  s as ChildSupportGarnishmentFormErrorCodes,
-  u as SUPPORTED_REQUIRED_ATTR_KEYS,
-  p as createChildSupportGarnishmentFormSchema,
-  E as getRequiredAttrKeys
+  i as ChildSupportGarnishmentFormErrorCodes,
+  _ as SUPPORTED_REQUIRED_ATTR_KEYS,
+  h as createChildSupportGarnishmentFormSchema,
+  a as getRequiredAttrKeys
 };
 //# sourceMappingURL=childSupportGarnishmentFormSchema.js.map