@gusto/embedded-react-sdk 0.55.2 → 0.55.4

package/dist/components/Company/StateTaxes/TaxRateManagement/toHistoryRows.js

@@ -1,34 +1,41 @@
-import { formatDateToStringDate as a } from "../../../../helpers/dateFormatting.js";
-function u(o) {
-  return typeof o.effectiveFrom == "string" && o.effectiveFrom.length > 0;
+import { getUniqueRhfKey as i } from "../shared/rhfKey.js";
+import { formatDateToStringDate as m } from "../../../../helpers/dateFormatting.js";
+function v(r) {
+  return typeof r.effectiveFrom == "string" && r.effectiveFrom.length > 0;
 }
-function m(o) {
-  const f = a(/* @__PURE__ */ new Date()) ?? "", i = o.filter(u).sort((t, r) => t.effectiveFrom.localeCompare(r.effectiveFrom)), e = i.reduce(
-    (t, r, c) => r.effectiveFrom <= f ? c : t,
+function F(r) {
+  const n = m(/* @__PURE__ */ new Date()) ?? "", s = r.filter(v).sort((e, t) => e.effectiveFrom.localeCompare(t.effectiveFrom)), c = s.reduce(
+    (e, t, o) => t.effectiveFrom <= n ? o : e,
     -1
   );
-  return i.map((t, r) => {
-    const c = {};
-    for (const n of t.requirements ?? [])
-      !n.key || n.editable === !1 || (c[n.key] = n.value === null || n.value === void 0 ? "" : String(n.value));
-    const s = r === e ? "current" : r > e ? "scheduled" : "historical";
+  return s.map((e, t) => {
+    const o = {}, a = e.requirements ?? [];
+    a.forEach((f, u) => {
+      !f.key || f.editable === !1 || (o[i(f, u, a)] = f.value === null || f.value === void 0 ? "" : String(f.value));
+    });
+    const l = t === c ? "current" : t > c ? "scheduled" : "historical";
     return {
-      id: `${t.key ?? "set"}-${t.effectiveFrom}-${r}`,
-      effectiveFrom: t.effectiveFrom,
-      status: s,
-      values: c
+      id: `${e.key ?? "set"}-${e.effectiveFrom}-${t}`,
+      effectiveFrom: e.effectiveFrom,
+      status: l,
+      values: o
     };
   });
 }
-function v(o) {
-  const f = /* @__PURE__ */ new Map();
-  for (const i of o)
-    for (const e of i.requirements ?? [])
-      e.key && e.editable !== !1 && !f.has(e.key) && f.set(e.key, { key: e.key, label: e.label });
-  return Array.from(f.values());
+function h(r) {
+  const n = /* @__PURE__ */ new Map();
+  for (const s of r) {
+    const c = s.requirements ?? [];
+    c.forEach((e, t) => {
+      if (!e.key || e.editable === !1) return;
+      const o = i(e, t, c);
+      n.has(o) || n.set(o, { key: o, label: e.label });
+    });
+  }
+  return Array.from(n.values());
 }
 export {
-  v as extractRequirementColumns,
-  m as toHistoryRows
+  h as extractRequirementColumns,
+  F as toHistoryRows
 };
 //# sourceMappingURL=toHistoryRows.js.map

package/dist/components/Company/StateTaxes/TaxRateManagement/toHistoryRows.js.map

@@ -1 +1 @@
-{"version":3,"file":"toHistoryRows.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/toHistoryRows.ts"],"sourcesContent":["import type { TaxRequirementSet } from '@gusto/embedded-api/models/components/taxrequirementset'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\n/** @internal */\nexport type HistoryRowStatus = 'current' | 'scheduled' | 'historical'\n\n/** @internal */\nexport interface HistoryRow {\n  id: string\n  effectiveFrom: string\n  status: HistoryRowStatus\n  values: Record<string, string>\n}\n\n/** @internal */\nexport interface RequirementColumn {\n  key: string\n  label?: string\n}\n\nfunction isEffectiveDated(\n  set: TaxRequirementSet,\n): set is TaxRequirementSet & { effectiveFrom: string } {\n  return typeof set.effectiveFrom === 'string' && set.effectiveFrom.length > 0\n}\n\n/**\n * Tags each effective-dated requirement set for a key as current, scheduled (future), or\n * historical (past), relative to today.\n *\n * @internal\n */\nexport function toHistoryRows(sets: TaxRequirementSet[]): HistoryRow[] {\n  const today = formatDateToStringDate(new Date()) ?? ''\n  const sorted = sets\n    .filter(isEffectiveDated)\n    .sort((a, b) => a.effectiveFrom.localeCompare(b.effectiveFrom))\n\n  const currentIndex = sorted.reduce(\n    (acc, set, idx) => (set.effectiveFrom <= today ? idx : acc),\n    -1,\n  )\n\n  return sorted.map((set, idx) => {\n    const values: Record<string, string> = {}\n    for (const requirement of set.requirements ?? []) {\n      if (!requirement.key || requirement.editable === false) continue\n      values[requirement.key] =\n        requirement.value === null || requirement.value === undefined\n          ? ''\n          : String(requirement.value)\n    }\n    const status: HistoryRowStatus =\n      idx === currentIndex ? 'current' : idx > currentIndex ? 'scheduled' : 'historical'\n    return {\n      id: `${set.key ?? 'set'}-${set.effectiveFrom}-${idx}`,\n      effectiveFrom: set.effectiveFrom,\n      status,\n      values,\n    }\n  })\n}\n\n/**\n * Builds the union of editable requirement keys/labels across a set of requirement sets,\n * in first-seen order, for use as dynamic table columns.\n *\n * @internal\n */\nexport function extractRequirementColumns(sets: TaxRequirementSet[]): RequirementColumn[] {\n  const seen = new Map<string, RequirementColumn>()\n  for (const set of sets) {\n    for (const requirement of set.requirements ?? []) {\n      if (requirement.key && requirement.editable !== false && !seen.has(requirement.key)) {\n        seen.set(requirement.key, { key: requirement.key, label: requirement.label })\n      }\n    }\n  }\n  return Array.from(seen.values())\n}\n"],"names":["isEffectiveDated","set","toHistoryRows","sets","today","formatDateToStringDate","sorted","a","b","currentIndex","acc","idx","values","requirement","status","extractRequirementColumns","seen"],"mappings":";AAoBA,SAASA,EACPC,GACsD;AACtD,SAAO,OAAOA,EAAI,iBAAkB,YAAYA,EAAI,cAAc,SAAS;AAC7E;AAQO,SAASC,EAAcC,GAAyC;AACrE,QAAMC,IAAQC,EAAuB,oBAAI,KAAA,CAAM,KAAK,IAC9CC,IAASH,EACZ,OAAOH,CAAgB,EACvB,KAAK,CAACO,GAAGC,MAAMD,EAAE,cAAc,cAAcC,EAAE,aAAa,CAAC,GAE1DC,IAAeH,EAAO;AAAA,IAC1B,CAACI,GAAKT,GAAKU,MAASV,EAAI,iBAAiBG,IAAQO,IAAMD;AAAA,IACvD;AAAA,EAAA;AAGF,SAAOJ,EAAO,IAAI,CAACL,GAAKU,MAAQ;AAC9B,UAAMC,IAAiC,CAAA;AACvC,eAAWC,KAAeZ,EAAI,gBAAgB,CAAA;AAC5C,MAAI,CAACY,EAAY,OAAOA,EAAY,aAAa,OACjDD,EAAOC,EAAY,GAAG,IACpBA,EAAY,UAAU,QAAQA,EAAY,UAAU,SAChD,KACA,OAAOA,EAAY,KAAK;AAEhC,UAAMC,IACJH,MAAQF,IAAe,YAAYE,IAAMF,IAAe,cAAc;AACxE,WAAO;AAAA,MACL,IAAI,GAAGR,EAAI,OAAO,KAAK,IAAIA,EAAI,aAAa,IAAIU,CAAG;AAAA,MACnD,eAAeV,EAAI;AAAA,MACnB,QAAAa;AAAA,MACA,QAAAF;AAAA,IAAA;AAAA,EAEJ,CAAC;AACH;AAQO,SAASG,EAA0BZ,GAAgD;AACxF,QAAMa,wBAAW,IAAA;AACjB,aAAWf,KAAOE;AAChB,eAAWU,KAAeZ,EAAI,gBAAgB,CAAA;AAC5C,MAAIY,EAAY,OAAOA,EAAY,aAAa,MAAS,CAACG,EAAK,IAAIH,EAAY,GAAG,KAChFG,EAAK,IAAIH,EAAY,KAAK,EAAE,KAAKA,EAAY,KAAK,OAAOA,EAAY,MAAA,CAAO;AAIlF,SAAO,MAAM,KAAKG,EAAK,OAAA,CAAQ;AACjC;"}
+{"version":3,"file":"toHistoryRows.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/toHistoryRows.ts"],"sourcesContent":["import type { TaxRequirementSet } from '@gusto/embedded-api/models/components/taxrequirementset'\nimport { getUniqueRhfKey } from '../shared/rhfKey'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\n/** @internal */\nexport type HistoryRowStatus = 'current' | 'scheduled' | 'historical'\n\n/** @internal */\nexport interface HistoryRow {\n  id: string\n  effectiveFrom: string\n  status: HistoryRowStatus\n  values: Record<string, string>\n}\n\n/** @internal */\nexport interface RequirementColumn {\n  key: string\n  label?: string\n}\n\nfunction isEffectiveDated(\n  set: TaxRequirementSet,\n): set is TaxRequirementSet & { effectiveFrom: string } {\n  return typeof set.effectiveFrom === 'string' && set.effectiveFrom.length > 0\n}\n\n/**\n * Tags each effective-dated requirement set for a key as current, scheduled (future), or\n * historical (past), relative to today.\n *\n * @internal\n */\nexport function toHistoryRows(sets: TaxRequirementSet[]): HistoryRow[] {\n  const today = formatDateToStringDate(new Date()) ?? ''\n  const sorted = sets\n    .filter(isEffectiveDated)\n    .sort((a, b) => a.effectiveFrom.localeCompare(b.effectiveFrom))\n\n  const currentIndex = sorted.reduce(\n    (acc, set, idx) => (set.effectiveFrom <= today ? idx : acc),\n    -1,\n  )\n\n  return sorted.map((set, idx) => {\n    const values: Record<string, string> = {}\n    const requirements = set.requirements ?? []\n    requirements.forEach((requirement, reqIndex) => {\n      if (!requirement.key || requirement.editable === false) return\n      values[getUniqueRhfKey(requirement, reqIndex, requirements)] =\n        requirement.value === null || requirement.value === undefined\n          ? ''\n          : String(requirement.value)\n    })\n    const status: HistoryRowStatus =\n      idx === currentIndex ? 'current' : idx > currentIndex ? 'scheduled' : 'historical'\n    return {\n      id: `${set.key ?? 'set'}-${set.effectiveFrom}-${idx}`,\n      effectiveFrom: set.effectiveFrom,\n      status,\n      values,\n    }\n  })\n}\n\n/**\n * Builds the union of editable requirement keys/labels across a set of requirement sets,\n * in first-seen order, for use as dynamic table columns.\n *\n * @internal\n */\nexport function extractRequirementColumns(sets: TaxRequirementSet[]): RequirementColumn[] {\n  const seen = new Map<string, RequirementColumn>()\n  for (const set of sets) {\n    const requirements = set.requirements ?? []\n    requirements.forEach((requirement, index) => {\n      if (!requirement.key || requirement.editable === false) return\n      const columnKey = getUniqueRhfKey(requirement, index, requirements)\n      if (!seen.has(columnKey)) {\n        seen.set(columnKey, { key: columnKey, label: requirement.label })\n      }\n    })\n  }\n  return Array.from(seen.values())\n}\n"],"names":["isEffectiveDated","set","toHistoryRows","sets","today","formatDateToStringDate","sorted","a","b","currentIndex","acc","idx","values","requirements","requirement","reqIndex","getUniqueRhfKey","status","extractRequirementColumns","seen","index","columnKey"],"mappings":";;AAqBA,SAASA,EACPC,GACsD;AACtD,SAAO,OAAOA,EAAI,iBAAkB,YAAYA,EAAI,cAAc,SAAS;AAC7E;AAQO,SAASC,EAAcC,GAAyC;AACrE,QAAMC,IAAQC,EAAuB,oBAAI,KAAA,CAAM,KAAK,IAC9CC,IAASH,EACZ,OAAOH,CAAgB,EACvB,KAAK,CAACO,GAAGC,MAAMD,EAAE,cAAc,cAAcC,EAAE,aAAa,CAAC,GAE1DC,IAAeH,EAAO;AAAA,IAC1B,CAACI,GAAKT,GAAKU,MAASV,EAAI,iBAAiBG,IAAQO,IAAMD;AAAA,IACvD;AAAA,EAAA;AAGF,SAAOJ,EAAO,IAAI,CAACL,GAAKU,MAAQ;AAC9B,UAAMC,IAAiC,CAAA,GACjCC,IAAeZ,EAAI,gBAAgB,CAAA;AACzC,IAAAY,EAAa,QAAQ,CAACC,GAAaC,MAAa;AAC9C,MAAI,CAACD,EAAY,OAAOA,EAAY,aAAa,OACjDF,EAAOI,EAAgBF,GAAaC,GAAUF,CAAY,CAAC,IACzDC,EAAY,UAAU,QAAQA,EAAY,UAAU,SAChD,KACA,OAAOA,EAAY,KAAK;AAAA,IAChC,CAAC;AACD,UAAMG,IACJN,MAAQF,IAAe,YAAYE,IAAMF,IAAe,cAAc;AACxE,WAAO;AAAA,MACL,IAAI,GAAGR,EAAI,OAAO,KAAK,IAAIA,EAAI,aAAa,IAAIU,CAAG;AAAA,MACnD,eAAeV,EAAI;AAAA,MACnB,QAAAgB;AAAA,MACA,QAAAL;AAAA,IAAA;AAAA,EAEJ,CAAC;AACH;AAQO,SAASM,EAA0Bf,GAAgD;AACxF,QAAMgB,wBAAW,IAAA;AACjB,aAAWlB,KAAOE,GAAM;AACtB,UAAMU,IAAeZ,EAAI,gBAAgB,CAAA;AACzC,IAAAY,EAAa,QAAQ,CAACC,GAAaM,MAAU;AAC3C,UAAI,CAACN,EAAY,OAAOA,EAAY,aAAa,GAAO;AACxD,YAAMO,IAAYL,EAAgBF,GAAaM,GAAOP,CAAY;AAClE,MAAKM,EAAK,IAAIE,CAAS,KACrBF,EAAK,IAAIE,GAAW,EAAE,KAAKA,GAAW,OAAOP,EAAY,OAAO;AAAA,IAEpE,CAAC;AAAA,EACH;AACA,SAAO,MAAM,KAAKK,EAAK,OAAA,CAAQ;AACjC;"}

package/dist/components/Company/StateTaxes/shared/RequirementFields.d.ts

@@ -1,15 +1,19 @@
 import { TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement';
 interface RequirementFieldsProps {
-    /** Requirements to render as inputs, nested under `requirementSetKey` in the form's RHF path. */
+    /**
+     * Requirements to render as inputs, nested under `requirementSetKey` in the form's RHF path.
+     * Non-editable requirements, and requirements resolved as never-applicable against a
+     * non-editable sibling, are dropped via {@link prepareRequirements} before rendering.
+     */
     requirements: TaxRequirement[] | undefined;
     /** RHF path segment the requirements are nested under, e.g. `taxrates` or `fields`. */
     requirementSetKey: string;
 }
 /**
  * Renders one form field per editable, currently-applicable requirement, filtering
- * out non-editable requirements, requirements with no `key` (the API doesn't guarantee one, and
- * without it there's no stable form path to register), and requirements whose `applicableIf`
- * constraints aren't satisfied by the form's current values.
+ * out requirements with no `key` (the API doesn't guarantee one, and without it there's no stable
+ * form path to register) and requirements whose `applicableIf` constraints aren't satisfied by
+ * the form's current values.
  *
  * @internal
  */

package/dist/components/Company/StateTaxes/shared/RequirementFields.js

@@ -1,24 +1,25 @@
-import { jsx as o, Fragment as f } from "react/jsx-runtime";
-import { useFormContext as p, useWatch as l } from "react-hook-form";
-import { getUniqueRhfKey as s } from "./rhfKey.js";
+import { jsx as e, Fragment as n } from "react/jsx-runtime";
+import { useFormContext as a, useWatch as f } from "react-hook-form";
+import { getUniqueRhfKey as u } from "./rhfKey.js";
 import { isRequirementApplicable as c } from "./applicableIf.js";
-import { QuestionInput as m } from "../../../Common/TaxInputs/TaxInputs.js";
-function k({ requirements: r, requirementSetKey: e }) {
-  const { control: i } = p(), n = l({ control: i });
-  return /* @__PURE__ */ o(f, { children: r?.flatMap((t, a) => t.key ? t.editable === !1 ? [] : c(t, e, n) ? [
-    /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(
-      m,
+import { prepareRequirements as l } from "./prepareRequirements.js";
+import { QuestionInput as d } from "../../../Common/TaxInputs/TaxInputs.js";
+function F({ requirements: i, requirementSetKey: r }) {
+  const { control: m } = a(), s = f({ control: m }), o = l(i ?? []);
+  return /* @__PURE__ */ e(n, { children: o.flatMap((t, p) => t.key ? c(t, r, s) ? [
+    /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+      d,
       {
         requirement: {
           ...t,
-          key: `${e}.${s(t, a, r)}`
+          key: `${r}.${u(t, p, o)}`
         },
         questionType: t.metadata?.type ?? "Text"
       }
-    ) }, `${t.key}-${a}`)
+    ) }, `${t.key}-${p}`)
   ] : [] : []) });
 }
 export {
-  k as RequirementFields
+  F as RequirementFields
 };
 //# sourceMappingURL=RequirementFields.js.map

package/dist/components/Company/StateTaxes/shared/RequirementFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequirementFields.js","sources":["../../../../../src/components/Company/StateTaxes/shared/RequirementFields.tsx"],"sourcesContent":["import { Fragment } from 'react/jsx-runtime'\nimport { useFormContext, useWatch } from 'react-hook-form'\nimport type { TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement'\nimport { getUniqueRhfKey } from './rhfKey'\nimport { isRequirementApplicable, type StateTaxesFormValues } from './applicableIf'\nimport { QuestionInput } from '@/components/Common/TaxInputs/TaxInputs'\n\ninterface RequirementFieldsProps {\n  /** Requirements to render as inputs, nested under `requirementSetKey` in the form's RHF path. */\n  requirements: TaxRequirement[] | undefined\n  /** RHF path segment the requirements are nested under, e.g. `taxrates` or `fields`. */\n  requirementSetKey: string\n}\n\n/**\n * Renders one form field per editable, currently-applicable requirement, filtering\n * out non-editable requirements, requirements with no `key` (the API doesn't guarantee one, and\n * without it there's no stable form path to register), and requirements whose `applicableIf`\n * constraints aren't satisfied by the form's current values.\n *\n * @internal\n */\nexport function RequirementFields({ requirements, requirementSetKey }: RequirementFieldsProps) {\n  const { control } = useFormContext()\n  const watchedValues = useWatch({ control }) as StateTaxesFormValues\n\n  return (\n    <>\n      {requirements?.flatMap((requirement, index) => {\n        if (!requirement.key) return []\n        if (requirement.editable === false) return []\n        if (!isRequirementApplicable(requirement, requirementSetKey, watchedValues)) return []\n        return [\n          <Fragment key={`${requirement.key}-${index}`}>\n            <QuestionInput\n              requirement={{\n                ...requirement,\n                key: `${requirementSetKey}.${getUniqueRhfKey(requirement, index, requirements)}`,\n              }}\n              questionType={requirement.metadata?.type ?? 'Text'}\n            />\n          </Fragment>,\n        ]\n      })}\n    </>\n  )\n}\n"],"names":["RequirementFields","requirements","requirementSetKey","control","useFormContext","watchedValues","useWatch","jsx","Fragment","requirement","index","isRequirementApplicable","QuestionInput","getUniqueRhfKey"],"mappings":";;;;;AAsBO,SAASA,EAAkB,EAAE,cAAAC,GAAc,mBAAAC,KAA6C;AAC7F,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAgBC,EAAS,EAAE,SAAAH,GAAS;AAE1C,SACE,gBAAAI,EAAAC,GAAA,EACG,UAAAP,GAAc,QAAQ,CAACQ,GAAaC,MAC9BD,EAAY,MACbA,EAAY,aAAa,KAAc,CAAA,IACtCE,EAAwBF,GAAaP,GAAmBG,CAAa,IACnE;AAAA,IACL,gBAAAE,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,UACX,GAAGH;AAAA,UACH,KAAK,GAAGP,CAAiB,IAAIW,EAAgBJ,GAAaC,GAAOT,CAAY,CAAC;AAAA,QAAA;AAAA,QAEhF,cAAcQ,EAAY,UAAU,QAAQ;AAAA,MAAA;AAAA,IAAA,KANjC,GAAGA,EAAY,GAAG,IAAIC,CAAK,EAQ1C;AAAA,EAAA,IAVkF,CAAA,IAFvD,CAAA,CAc9B,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"RequirementFields.js","sources":["../../../../../src/components/Company/StateTaxes/shared/RequirementFields.tsx"],"sourcesContent":["import { Fragment } from 'react/jsx-runtime'\nimport { useFormContext, useWatch } from 'react-hook-form'\nimport type { TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement'\nimport { getUniqueRhfKey } from './rhfKey'\nimport { isRequirementApplicable, type StateTaxesFormValues } from './applicableIf'\nimport { prepareRequirements } from './prepareRequirements'\nimport { QuestionInput } from '@/components/Common/TaxInputs/TaxInputs'\n\ninterface RequirementFieldsProps {\n  /**\n   * Requirements to render as inputs, nested under `requirementSetKey` in the form's RHF path.\n   * Non-editable requirements, and requirements resolved as never-applicable against a\n   * non-editable sibling, are dropped via {@link prepareRequirements} before rendering.\n   */\n  requirements: TaxRequirement[] | undefined\n  /** RHF path segment the requirements are nested under, e.g. `taxrates` or `fields`. */\n  requirementSetKey: string\n}\n\n/**\n * Renders one form field per editable, currently-applicable requirement, filtering\n * out requirements with no `key` (the API doesn't guarantee one, and without it there's no stable\n * form path to register) and requirements whose `applicableIf` constraints aren't satisfied by\n * the form's current values.\n *\n * @internal\n */\nexport function RequirementFields({ requirements, requirementSetKey }: RequirementFieldsProps) {\n  const { control } = useFormContext()\n  const watchedValues = useWatch({ control }) as StateTaxesFormValues\n  const preparedRequirements = prepareRequirements(requirements ?? [])\n\n  return (\n    <>\n      {preparedRequirements.flatMap((requirement, index) => {\n        if (!requirement.key) return []\n        if (!isRequirementApplicable(requirement, requirementSetKey, watchedValues)) return []\n        return [\n          <Fragment key={`${requirement.key}-${index}`}>\n            <QuestionInput\n              requirement={{\n                ...requirement,\n                key: `${requirementSetKey}.${getUniqueRhfKey(requirement, index, preparedRequirements)}`,\n              }}\n              questionType={requirement.metadata?.type ?? 'Text'}\n            />\n          </Fragment>,\n        ]\n      })}\n    </>\n  )\n}\n"],"names":["RequirementFields","requirements","requirementSetKey","control","useFormContext","watchedValues","useWatch","preparedRequirements","prepareRequirements","jsx","Fragment","requirement","index","isRequirementApplicable","QuestionInput","getUniqueRhfKey"],"mappings":";;;;;;AA2BO,SAASA,EAAkB,EAAE,cAAAC,GAAc,mBAAAC,KAA6C;AAC7F,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAgBC,EAAS,EAAE,SAAAH,GAAS,GACpCI,IAAuBC,EAAoBP,KAAgB,EAAE;AAEnE,SACE,gBAAAQ,EAAAC,GAAA,EACG,UAAAH,EAAqB,QAAQ,CAACI,GAAaC,MACrCD,EAAY,MACZE,EAAwBF,GAAaT,GAAmBG,CAAa,IACnE;AAAA,IACL,gBAAAI,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,UACX,GAAGH;AAAA,UACH,KAAK,GAAGT,CAAiB,IAAIa,EAAgBJ,GAAaC,GAAOL,CAAoB,CAAC;AAAA,QAAA;AAAA,QAExF,cAAcI,EAAY,UAAU,QAAQ;AAAA,MAAA;AAAA,IAAA,KANjC,GAAGA,EAAY,GAAG,IAAIC,CAAK,EAQ1C;AAAA,EAAA,IAVkF,CAAA,IADvD,CAAA,CAa9B,EAAA,CACH;AAEJ;"}

package/dist/components/Company/StateTaxes/shared/prepareRequirements.d.ts

@@ -0,0 +1,29 @@
+import { TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement';
+/**
+ * Resolves each requirement's `applicableIf` constraints against non-editable (system/agency-set)
+ * siblings, and drops requirements that can never become applicable — mirroring gws-flows'
+ * `TaxRequirements::Edit.prepare_requirements`, which performs this same resolution server-side
+ * before Rails renders its own edit view.
+ *
+ * @remarks
+ * A constraint referencing an editable sibling is left untouched, since it can only be resolved
+ * dynamically against the user's current form input (see {@link isRequirementApplicable}). A
+ * constraint referencing a non-editable sibling is resolved once here, against that sibling's
+ * fetched `value`, since a non-editable value can never change over the lifetime of the form:
+ * - If the sibling's value satisfies the constraint, the constraint is dropped (the requirement
+ *   is always applicable).
+ * - If it doesn't, the whole requirement is dropped — it can never become applicable.
+ *
+ * Non-editable requirements are dropped unconditionally, since they never become form fields.
+ *
+ * @internal
+ */
+export declare function prepareRequirements(requirements: TaxRequirement[]): TaxRequirement[];
+/**
+ * Whether a requirement set has anything left to edit once {@link prepareRequirements} resolves
+ * non-editable-sibling constraints and drops non-editable/unsatisfiable requirements — mirroring
+ * gws-flows' `TaxRequirements::Edit.set_editable?`.
+ *
+ * @internal
+ */
+export declare function isRequirementSetEditable(requirements: TaxRequirement[]): boolean;

package/dist/components/Company/StateTaxes/shared/prepareRequirements.js

@@ -0,0 +1,24 @@
+function s(n) {
+  return n.flatMap((t) => {
+    if (t.editable === !1) return [];
+    const l = t.applicableIf ?? [], a = [];
+    for (const e of l) {
+      const i = n.find((o) => o.key === e.key);
+      if (!i || i.editable !== !1) {
+        a.push(e);
+        continue;
+      }
+      if (i.value !== e.value)
+        return [];
+    }
+    return [{ ...t, applicableIf: a }];
+  });
+}
+function r(n) {
+  return s(n).length > 0;
+}
+export {
+  r as isRequirementSetEditable,
+  s as prepareRequirements
+};
+//# sourceMappingURL=prepareRequirements.js.map

package/dist/components/Company/StateTaxes/shared/prepareRequirements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepareRequirements.js","sources":["../../../../../src/components/Company/StateTaxes/shared/prepareRequirements.ts"],"sourcesContent":["import type { TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement'\n\n/**\n * Resolves each requirement's `applicableIf` constraints against non-editable (system/agency-set)\n * siblings, and drops requirements that can never become applicable — mirroring gws-flows'\n * `TaxRequirements::Edit.prepare_requirements`, which performs this same resolution server-side\n * before Rails renders its own edit view.\n *\n * @remarks\n * A constraint referencing an editable sibling is left untouched, since it can only be resolved\n * dynamically against the user's current form input (see {@link isRequirementApplicable}). A\n * constraint referencing a non-editable sibling is resolved once here, against that sibling's\n * fetched `value`, since a non-editable value can never change over the lifetime of the form:\n * - If the sibling's value satisfies the constraint, the constraint is dropped (the requirement\n *   is always applicable).\n * - If it doesn't, the whole requirement is dropped — it can never become applicable.\n *\n * Non-editable requirements are dropped unconditionally, since they never become form fields.\n *\n * @internal\n */\nexport function prepareRequirements(requirements: TaxRequirement[]): TaxRequirement[] {\n  return requirements.flatMap(requirement => {\n    if (requirement.editable === false) return []\n\n    const constraints = requirement.applicableIf ?? []\n    const resolvedConstraints: typeof constraints = []\n\n    for (const constraint of constraints) {\n      const sibling = requirements.find(candidate => candidate.key === constraint.key)\n\n      if (!sibling || sibling.editable !== false) {\n        resolvedConstraints.push(constraint)\n        continue\n      }\n\n      if (sibling.value === constraint.value) continue\n\n      return []\n    }\n\n    return [{ ...requirement, applicableIf: resolvedConstraints }]\n  })\n}\n\n/**\n * Whether a requirement set has anything left to edit once {@link prepareRequirements} resolves\n * non-editable-sibling constraints and drops non-editable/unsatisfiable requirements — mirroring\n * gws-flows' `TaxRequirements::Edit.set_editable?`.\n *\n * @internal\n */\nexport function isRequirementSetEditable(requirements: TaxRequirement[]): boolean {\n  return prepareRequirements(requirements).length > 0\n}\n"],"names":["prepareRequirements","requirements","requirement","constraints","resolvedConstraints","constraint","sibling","candidate","isRequirementSetEditable"],"mappings":"AAqBO,SAASA,EAAoBC,GAAkD;AACpF,SAAOA,EAAa,QAAQ,CAAAC,MAAe;AACzC,QAAIA,EAAY,aAAa,GAAO,QAAO,CAAA;AAE3C,UAAMC,IAAcD,EAAY,gBAAgB,CAAA,GAC1CE,IAA0C,CAAA;AAEhD,eAAWC,KAAcF,GAAa;AACpC,YAAMG,IAAUL,EAAa,KAAK,OAAaM,EAAU,QAAQF,EAAW,GAAG;AAE/E,UAAI,CAACC,KAAWA,EAAQ,aAAa,IAAO;AAC1C,QAAAF,EAAoB,KAAKC,CAAU;AACnC;AAAA,MACF;AAEA,UAAIC,EAAQ,UAAUD,EAAW;AAEjC,eAAO,CAAA;AAAA,IACT;AAEA,WAAO,CAAC,EAAE,GAAGH,GAAa,cAAcE,GAAqB;AAAA,EAC/D,CAAC;AACH;AASO,SAASI,EAAyBP,GAAyC;AAChF,SAAOD,EAAoBC,CAAY,EAAE,SAAS;AACpD;"}

package/dist/components/Company/StateTaxes/shared/prepareRequirements.test.d.ts

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

package/dist/components/Contractor/Payments/PaymentsList/PaymentsList.js

@@ -1,49 +1,59 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useState as b, useMemo as i, useCallback as k } from "react";
-import { useContractorPaymentGroupsGetListSuspense as E } from "@gusto/embedded-api/react-query/contractorPaymentGroupsGetList";
-import { useInformationRequestsGetInformationRequestsSuspense as B } from "@gusto/embedded-api/react-query/informationRequestsGetInformationRequests";
+import { jsx as r } from "react/jsx-runtime";
+import { useState as b, useMemo as a, useCallback as B } from "react";
+import { keepPreviousData as G } from "@tanstack/react-query";
+import { useContractorPaymentGroupsGetList as Y } from "@gusto/embedded-api/react-query/contractorPaymentGroupsGetList";
+import { useInformationRequestsGetInformationRequestsSuspense as v } from "@gusto/embedded-api/react-query/informationRequestsGetInformationRequests";
 import { InformationRequestStatus as g } from "@gusto/embedded-api/models/components/informationrequest";
-import { PaymentsListPresentation as G } from "./PaymentsListPresentation.js";
-import { useComponentDictionary as Y } from "../../../../i18n/I18n.js";
-import { BaseComponent as U } from "../../../Base/Base.js";
+import { PaymentsListPresentation as U } from "./PaymentsListPresentation.js";
+import { useComponentDictionary as W } from "../../../../i18n/I18n.js";
+import { BaseComponent as x, BaseLayout as F } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { componentEvents as a } from "../../../../shared/constants.js";
-import { usePagination as W } from "../../../../hooks/usePagination/usePagination.js";
-function et(t) {
-  return /* @__PURE__ */ c(v, { ...t });
+import { componentEvents as c } from "../../../../shared/constants.js";
+import { usePagination as H } from "../../../../hooks/usePagination/usePagination.js";
+function it(t) {
+  return /* @__PURE__ */ r(V, { ...t });
 }
-function v(t) {
-  return /* @__PURE__ */ c(U, { ...t, children: /* @__PURE__ */ c(H, { ...t, children: t.children }) });
+function V(t) {
+  return /* @__PURE__ */ r(x, { ...t, children: /* @__PURE__ */ r(z, { ...t, children: t.children }) });
 }
-const x = (t = 3) => {
-  const o = /* @__PURE__ */ new Date(), e = /* @__PURE__ */ new Date();
-  return e.setMonth(e.getMonth() - t), o.setMonth(o.getMonth() + (12 - t)), {
+const j = (t = 3) => {
+  const s = /* @__PURE__ */ new Date(), e = /* @__PURE__ */ new Date();
+  return e.setMonth(e.getMonth() - t), s.setMonth(s.getMonth() + (12 - t)), {
     startDate: e.toISOString().split("T")[0] || "",
-    endDate: o.toISOString().split("T")[0] || ""
+    endDate: s.toISOString().split("T")[0] || ""
   };
-}, H = ({ companyId: t, dictionary: o, onEvent: e, alerts: R }) => {
-  Y("Contractor.Payments.PaymentsList", o);
-  const [m, C] = b(3), { currentPage: T, itemsPerPage: h, getPaginationProps: A } = W(), { startDate: D, endDate: O } = i(() => x(m), [m]), { data: f } = E({
-    companyId: t,
-    startDate: D,
-    endDate: O,
-    page: T,
-    per: h
-  }), u = f.contractorPaymentGroupWithBlockers || [], y = A(f.httpMeta.response.headers), { data: M } = B({
+}, z = ({
+  companyId: t,
+  dictionary: s,
+  onEvent: e,
+  alerts: R,
+  LoaderComponent: h
+}) => {
+  W("Contractor.Payments.PaymentsList", s);
+  const [m, C] = b(3), { currentPage: T, itemsPerPage: D, getPaginationProps: O } = H(), { startDate: y, endDate: A } = a(() => j(m), [m]), { data: u, isFetching: M } = Y(
+    {
+      companyId: t,
+      startDate: y,
+      endDate: A,
+      page: T,
+      per: D
+    },
+    { placeholderData: G, throwOnError: !0 }
+  ), p = u?.contractorPaymentGroupWithBlockers || [], { data: w } = v({
     companyUuid: t
-  }), p = M.informationRequests ?? [], _ = i(() => u.some((n) => (n.creditBlockers || []).some((r) => {
-    if (r.status !== "unresolved") return !1;
-    const s = r.unblockOptions?.find(
-      (L) => L.unblockType === "submit_wire"
+  }), f = w.informationRequests ?? [], _ = a(() => p.some((n) => (n.creditBlockers || []).some((i) => {
+    if (i.status !== "unresolved") return !1;
+    const o = i.unblockOptions?.find(
+      (E) => E.unblockType === "submit_wire"
     );
-    return s && "metadata" in s && s.metadata.wireInRequestUuid;
-  })), [u]), l = k(() => {
-    e(a.CONTRACTOR_PAYMENT_RFI_RESPOND);
-  }, [e]), P = i(() => {
-    const n = [], d = p.some(
-      (s) => s.status === g.PendingResponse
-    ), r = p.some(
-      (s) => s.status === g.PendingReview
+    return o && "metadata" in o && o.metadata.wireInRequestUuid;
+  })), [p]), l = B(() => {
+    e(c.CONTRACTOR_PAYMENT_RFI_RESPOND);
+  }, [e]), P = a(() => {
+    const n = [], d = f.some(
+      (o) => o.status === g.PendingResponse
+    ), i = f.some(
+      (o) => o.status === g.PendingReview
     );
     return d ? n.push({
       type: "error",
@@ -51,39 +61,42 @@ const x = (t = 3) => {
       content: "rfiPendingResponseDescription",
       onAction: l,
       actionLabel: "rfiRespondCta"
-    }) : r && n.push({
+    }) : i && n.push({
       type: "info",
       title: "rfiPendingReviewTitle",
       content: "rfiPendingReviewDescription"
     }), n;
-  }, [p, l]), w = () => {
-    e(a.CONTRACTOR_PAYMENT_CREATE);
-  }, I = () => {
-    e(a.CONTRACTOR_HISTORICAL_PAYMENT_CREATE);
-  }, N = (n) => {
+  }, [f, l]), I = () => {
+    e(c.CONTRACTOR_PAYMENT_CREATE);
+  }, N = () => {
+    e(c.CONTRACTOR_HISTORICAL_PAYMENT_CREATE);
+  }, L = (n) => {
     C(n);
   }, S = (n) => {
-    e(a.CONTRACTOR_PAYMENT_VIEW, { paymentId: n });
-  }, q = i(() => [...P, ...R || []], [P, R]);
-  return /* @__PURE__ */ c(
-    G,
+    e(c.CONTRACTOR_PAYMENT_VIEW, { paymentId: n });
+  }, q = a(() => [...P, ...R || []], [P, R]);
+  if (!u)
+    return /* @__PURE__ */ r(F, { isLoading: !0, LoaderComponent: h });
+  const k = O(u.httpMeta.response.headers, M);
+  return /* @__PURE__ */ r(
+    U,
     {
-      contractorPayments: u,
+      contractorPayments: p,
       numberOfMonths: m,
-      onCreatePayment: w,
-      onCreateHistoricalPayment: I,
-      onDateRangeChange: N,
+      onCreatePayment: I,
+      onCreateHistoricalPayment: N,
+      onDateRangeChange: L,
       onViewPayment: S,
       alerts: q,
       companyId: t,
       hasUnresolvedWireInRequests: _,
       onEvent: e,
-      paginationProps: y
+      paginationProps: k
     }
   );
 };
 export {
-  et as PaymentsList,
-  v as PaymentsListInternal
+  it as PaymentsList,
+  V as PaymentsListInternal
 };
 //# sourceMappingURL=PaymentsList.js.map

package/dist/components/Contractor/Payments/PaymentsList/PaymentsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentsList.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsList.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react'\nimport { useContractorPaymentGroupsGetListSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGetList'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api/react-query/informationRequestsGetInformationRequests'\nimport { InformationRequestStatus } from '@gusto/embedded-api/models/components/informationrequest'\nimport type { InternalAlert } from '../types'\nimport { PaymentsListPresentation } from './PaymentsListPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\n/**\n * Props for {@link PaymentsList}.\n *\n * @public\n */\nexport interface PaymentsListProps extends BaseComponentInterface<'Contractor.Payments.PaymentsList'> {\n  /** UUID of the company whose contractor payment groups should be listed. */\n  companyId: string\n}\n\n/**\n * Props for the flow-internal {@link PaymentsListInternal}, which layers\n * flow-injected alerts on top of the public {@link PaymentsListProps}.\n *\n * @internal\n */\nexport interface PaymentsListInternalProps extends PaymentsListProps {\n  /** Flow-injected alerts (e.g. wire-transfer confirmation, payment cancellation). */\n  alerts?: InternalAlert[]\n}\n\n/**\n * Displays a list of contractor payment groups for a company.\n *\n * Supports viewing payment history, creating new payments, and filtering by date range.\n * Surfaces alerts for pending information requests and wire transfer requirements.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/create` | User chooses to create a new payment | — |\n * | `contractor/payments/view` | User selects a payment group to view | `{ paymentId: string }` |\n * | `contractor/payments/rfi/respond` | User clicks to respond to an information request alert | — |\n *\n * @param props - Component props.\n * @returns The rendered payments list.\n * @public\n */\nexport function PaymentsList(props: PaymentsListProps) {\n  return <PaymentsListInternal {...props} />\n}\n\n/**\n * Flow-internal entry point for {@link PaymentsList} that accepts flow-injected\n * alerts. Partners use {@link PaymentsList}; flows render this directly.\n *\n * @internal\n */\nexport function PaymentsListInternal(props: PaymentsListInternalProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst calculateDateRange = (months: number = 3) => {\n  const endDate = new Date()\n  const startDate = new Date()\n\n  startDate.setMonth(startDate.getMonth() - months)\n  //Max range allowed by the API is 12 months\n  endDate.setMonth(endDate.getMonth() + (12 - months))\n\n  return {\n    startDate: startDate.toISOString().split('T')[0] || '',\n    endDate: endDate.toISOString().split('T')[0] || '',\n  }\n}\n\nconst Root = ({ companyId, dictionary, onEvent, alerts }: PaymentsListInternalProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentsList', dictionary)\n\n  const [numberOfMonths, setNumberOfMonths] = useState(3)\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const { startDate, endDate } = useMemo(() => calculateDateRange(numberOfMonths), [numberOfMonths])\n\n  const { data } = useContractorPaymentGroupsGetListSuspense({\n    companyId,\n    startDate,\n    endDate,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n  const contractorPayments = data.contractorPaymentGroupWithBlockers || []\n  const paginationProps = getPaginationProps(data.httpMeta.response.headers)\n\n  const { data: informationRequestsData } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n  const informationRequests = informationRequestsData.informationRequests ?? []\n\n  const hasUnresolvedWireInRequests = useMemo(() => {\n    return contractorPayments.some(payment => {\n      const creditBlockers = payment.creditBlockers || []\n      return creditBlockers.some(blocker => {\n        if (blocker.status !== 'unresolved') return false\n        const wireOption = blocker.unblockOptions?.find(\n          option => option.unblockType === 'submit_wire',\n        )\n        return wireOption && 'metadata' in wireOption && wireOption.metadata.wireInRequestUuid\n      })\n    })\n  }, [contractorPayments])\n\n  const handleRespondToRfi = useCallback(() => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND)\n  }, [onEvent])\n\n  const rfiAlerts = useMemo(() => {\n    const rfiAlertsArray: InternalAlert[] = []\n\n    const hasPendingResponseRfis = informationRequests.some(\n      request => request.status === InformationRequestStatus.PendingResponse,\n    )\n    const hasPendingReviewRfis = informationRequests.some(\n      request => request.status === InformationRequestStatus.PendingReview,\n    )\n\n    if (hasPendingResponseRfis) {\n      rfiAlertsArray.push({\n        type: 'error',\n        title: 'rfiPendingResponseTitle',\n        content: 'rfiPendingResponseDescription',\n        onAction: handleRespondToRfi,\n        actionLabel: 'rfiRespondCta',\n      })\n    } else if (hasPendingReviewRfis) {\n      rfiAlertsArray.push({\n        type: 'info',\n        title: 'rfiPendingReviewTitle',\n        content: 'rfiPendingReviewDescription',\n      })\n    }\n\n    return rfiAlertsArray\n  }, [informationRequests, handleRespondToRfi])\n\n  const onCreatePayment = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATE)\n  }\n\n  const onCreateHistoricalPayment = () => {\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_CREATE)\n  }\n\n  const handleDateRangeChange = (numberOfMonths: number) => {\n    setNumberOfMonths(numberOfMonths)\n  }\n\n  const onViewPayment = (paymentId: string) => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_VIEW, { paymentId })\n  }\n\n  const allAlerts = useMemo(() => {\n    return [...rfiAlerts, ...(alerts || [])]\n  }, [rfiAlerts, alerts])\n\n  return (\n    <PaymentsListPresentation\n      contractorPayments={contractorPayments}\n      numberOfMonths={numberOfMonths}\n      onCreatePayment={onCreatePayment}\n      onCreateHistoricalPayment={onCreateHistoricalPayment}\n      onDateRangeChange={handleDateRangeChange}\n      onViewPayment={onViewPayment}\n      alerts={allAlerts}\n      companyId={companyId}\n      hasUnresolvedWireInRequests={hasUnresolvedWireInRequests}\n      onEvent={onEvent}\n      paginationProps={paginationProps}\n    />\n  )\n}\n"],"names":["PaymentsList","props","jsx","PaymentsListInternal","BaseComponent","Root","calculateDateRange","months","endDate","startDate","companyId","dictionary","onEvent","alerts","useComponentDictionary","numberOfMonths","setNumberOfMonths","useState","currentPage","itemsPerPage","getPaginationProps","usePagination","useMemo","data","useContractorPaymentGroupsGetListSuspense","contractorPayments","paginationProps","informationRequestsData","useInformationRequestsGetInformationRequestsSuspense","informationRequests","hasUnresolvedWireInRequests","payment","blocker","wireOption","option","handleRespondToRfi","useCallback","componentEvents","rfiAlerts","rfiAlertsArray","hasPendingResponseRfis","request","InformationRequestStatus","hasPendingReviewRfis","onCreatePayment","onCreateHistoricalPayment","handleDateRangeChange","onViewPayment","paymentId","allAlerts","PaymentsListPresentation"],"mappings":"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"}
+{"version":3,"file":"PaymentsList.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsList.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { useContractorPaymentGroupsGetList } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGetList'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api/react-query/informationRequestsGetInformationRequests'\nimport { InformationRequestStatus } from '@gusto/embedded-api/models/components/informationrequest'\nimport type { InternalAlert } from '../types'\nimport { PaymentsListPresentation } from './PaymentsListPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\n/**\n * Props for {@link PaymentsList}.\n *\n * @public\n */\nexport interface PaymentsListProps extends BaseComponentInterface<'Contractor.Payments.PaymentsList'> {\n  /** UUID of the company whose contractor payment groups should be listed. */\n  companyId: string\n}\n\n/**\n * Props for the flow-internal {@link PaymentsListInternal}, which layers\n * flow-injected alerts on top of the public {@link PaymentsListProps}.\n *\n * @internal\n */\nexport interface PaymentsListInternalProps extends PaymentsListProps {\n  /** Flow-injected alerts (e.g. wire-transfer confirmation, payment cancellation). */\n  alerts?: InternalAlert[]\n}\n\n/**\n * Displays a list of contractor payment groups for a company.\n *\n * Supports viewing payment history, creating new payments, and filtering by date range.\n * Surfaces alerts for pending information requests and wire transfer requirements.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/create` | User chooses to create a new payment | — |\n * | `contractor/payments/view` | User selects a payment group to view | `{ paymentId: string }` |\n * | `contractor/payments/rfi/respond` | User clicks to respond to an information request alert | — |\n *\n * @param props - Component props.\n * @returns The rendered payments list.\n * @public\n */\nexport function PaymentsList(props: PaymentsListProps) {\n  return <PaymentsListInternal {...props} />\n}\n\n/**\n * Flow-internal entry point for {@link PaymentsList} that accepts flow-injected\n * alerts. Partners use {@link PaymentsList}; flows render this directly.\n *\n * @internal\n */\nexport function PaymentsListInternal(props: PaymentsListInternalProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst calculateDateRange = (months: number = 3) => {\n  const endDate = new Date()\n  const startDate = new Date()\n\n  startDate.setMonth(startDate.getMonth() - months)\n  //Max range allowed by the API is 12 months\n  endDate.setMonth(endDate.getMonth() + (12 - months))\n\n  return {\n    startDate: startDate.toISOString().split('T')[0] || '',\n    endDate: endDate.toISOString().split('T')[0] || '',\n  }\n}\n\nconst Root = ({\n  companyId,\n  dictionary,\n  onEvent,\n  alerts,\n  LoaderComponent,\n}: PaymentsListInternalProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentsList', dictionary)\n\n  const [numberOfMonths, setNumberOfMonths] = useState(3)\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const { startDate, endDate } = useMemo(() => calculateDateRange(numberOfMonths), [numberOfMonths])\n\n  const { data, isFetching } = useContractorPaymentGroupsGetList(\n    {\n      companyId,\n      startDate,\n      endDate,\n      page: currentPage,\n      per: itemsPerPage,\n    },\n    { placeholderData: keepPreviousData, throwOnError: true },\n  )\n  const contractorPayments = data?.contractorPaymentGroupWithBlockers || []\n\n  const { data: informationRequestsData } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n  const informationRequests = informationRequestsData.informationRequests ?? []\n\n  const hasUnresolvedWireInRequests = useMemo(() => {\n    return contractorPayments.some(payment => {\n      const creditBlockers = payment.creditBlockers || []\n      return creditBlockers.some(blocker => {\n        if (blocker.status !== 'unresolved') return false\n        const wireOption = blocker.unblockOptions?.find(\n          option => option.unblockType === 'submit_wire',\n        )\n        return wireOption && 'metadata' in wireOption && wireOption.metadata.wireInRequestUuid\n      })\n    })\n  }, [contractorPayments])\n\n  const handleRespondToRfi = useCallback(() => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND)\n  }, [onEvent])\n\n  const rfiAlerts = useMemo(() => {\n    const rfiAlertsArray: InternalAlert[] = []\n\n    const hasPendingResponseRfis = informationRequests.some(\n      request => request.status === InformationRequestStatus.PendingResponse,\n    )\n    const hasPendingReviewRfis = informationRequests.some(\n      request => request.status === InformationRequestStatus.PendingReview,\n    )\n\n    if (hasPendingResponseRfis) {\n      rfiAlertsArray.push({\n        type: 'error',\n        title: 'rfiPendingResponseTitle',\n        content: 'rfiPendingResponseDescription',\n        onAction: handleRespondToRfi,\n        actionLabel: 'rfiRespondCta',\n      })\n    } else if (hasPendingReviewRfis) {\n      rfiAlertsArray.push({\n        type: 'info',\n        title: 'rfiPendingReviewTitle',\n        content: 'rfiPendingReviewDescription',\n      })\n    }\n\n    return rfiAlertsArray\n  }, [informationRequests, handleRespondToRfi])\n\n  const onCreatePayment = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATE)\n  }\n\n  const onCreateHistoricalPayment = () => {\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_CREATE)\n  }\n\n  const handleDateRangeChange = (numberOfMonths: number) => {\n    setNumberOfMonths(numberOfMonths)\n  }\n\n  const onViewPayment = (paymentId: string) => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_VIEW, { paymentId })\n  }\n\n  const allAlerts = useMemo(() => {\n    return [...rfiAlerts, ...(alerts || [])]\n  }, [rfiAlerts, alerts])\n\n  if (!data) {\n    return <BaseLayout isLoading LoaderComponent={LoaderComponent} />\n  }\n\n  const paginationProps = getPaginationProps(data.httpMeta.response.headers, isFetching)\n\n  return (\n    <PaymentsListPresentation\n      contractorPayments={contractorPayments}\n      numberOfMonths={numberOfMonths}\n      onCreatePayment={onCreatePayment}\n      onCreateHistoricalPayment={onCreateHistoricalPayment}\n      onDateRangeChange={handleDateRangeChange}\n      onViewPayment={onViewPayment}\n      alerts={allAlerts}\n      companyId={companyId}\n      hasUnresolvedWireInRequests={hasUnresolvedWireInRequests}\n      onEvent={onEvent}\n      paginationProps={paginationProps}\n    />\n  )\n}\n"],"names":["PaymentsList","props","jsx","PaymentsListInternal","BaseComponent","Root","calculateDateRange","months","endDate","startDate","companyId","dictionary","onEvent","alerts","LoaderComponent","useComponentDictionary","numberOfMonths","setNumberOfMonths","useState","currentPage","itemsPerPage","getPaginationProps","usePagination","useMemo","data","isFetching","useContractorPaymentGroupsGetList","keepPreviousData","contractorPayments","informationRequestsData","useInformationRequestsGetInformationRequestsSuspense","informationRequests","hasUnresolvedWireInRequests","payment","blocker","wireOption","option","handleRespondToRfi","useCallback","componentEvents","rfiAlerts","rfiAlertsArray","hasPendingResponseRfis","request","InformationRequestStatus","hasPendingReviewRfis","onCreatePayment","onCreateHistoricalPayment","handleDateRangeChange","onViewPayment","paymentId","allAlerts","BaseLayout","paginationProps","PaymentsListPresentation"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.js

@@ -8,32 +8,32 @@ import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/
 import { useI18n as T } from "../../../../i18n/I18n.js";
 import V from "../../../../hooks/useNumberFormatter.js";
 import B from "../../../../assets/icons/eye.svg.js";
-import h from "../../../../assets/icons/plus-circle.svg.js";
+import p from "../../../../assets/icons/plus-circle.svg.js";
 import { useDateFormatter as I } from "../../../../hooks/useDateFormatter.js";
 import { ConfirmWireDetails as M } from "../../../Payroll/ConfirmWireDetails/ConfirmWireDetails.js";
 import { WithUnstableFeature as W } from "../../../../contexts/UnstableFeaturesProvider/WithUnstableFeature.js";
 import { useDataView as E } from "../../../Common/DataView/useDataView.js";
 import { DataView as H } from "../../../Common/DataView/DataView.js";
 const at = ({
-  contractorPayments: l,
-  numberOfMonths: p,
-  onCreatePayment: s,
-  onCreateHistoricalPayment: y,
-  onDateRangeChange: f,
-  onViewPayment: b,
+  contractorPayments: s,
+  numberOfMonths: y,
+  onCreatePayment: l,
+  onCreateHistoricalPayment: f,
+  onDateRangeChange: b,
+  onViewPayment: g,
   alerts: c = [],
-  companyId: g,
-  hasUnresolvedWireInRequests: C,
+  companyId: C,
+  hasUnresolvedWireInRequests: D,
   onEvent: P,
-  paginationProps: D
+  paginationProps: m
 }) => {
-  const { Box: v, Button: r, Heading: m, Text: d, Select: x, ButtonIcon: L, Alert: w } = R();
+  const { Box: v, Button: r, Heading: d, Text: u, Select: x, ButtonIcon: L, Alert: w } = R();
   T("Contractor.Payments.PaymentsList");
-  const { t: n } = $("Contractor.Payments.PaymentsList"), u = V("currency"), { formatLongWithYear: A } = I(), N = [
+  const { t: n } = $("Contractor.Payments.PaymentsList"), h = V("currency"), { formatLongWithYear: A } = I(), F = [
     { value: "3", label: n("dateRanges.last3Months") },
     { value: "6", label: n("dateRanges.last6Months") }
-  ], { ...j } = E({
-    data: l,
+  ], { ...N } = E({
+    data: s,
     columns: [
       {
         title: n("paymentDateColumnLabel"),
@@ -42,12 +42,12 @@ const at = ({
       {
         title: n("wageTotalColumnLabel"),
         justify: "end",
-        render: ({ totals: e }) => u(Number(e?.wageAmount || 0))
+        render: ({ totals: e }) => h(Number(e?.wageAmount || 0))
       },
       {
         title: n("reimbursementTotalColumnLabel"),
         justify: "end",
-        render: ({ totals: e }) => u(Number(e?.reimbursementAmount) || 0)
+        render: ({ totals: e }) => h(Number(e?.reimbursementAmount) || 0)
       }
     ],
     itemMenu: ({ uuid: e }) => /* @__PURE__ */ t(
@@ -56,7 +56,7 @@ const at = ({
         "aria-label": n("viewPaymentCta"),
         variant: "tertiary",
         onClick: () => {
-          b(e || "");
+          g(e || "");
         },
         children: /* @__PURE__ */ t(B, { "aria-hidden": !0 })
       }
@@ -65,17 +65,18 @@ const at = ({
       r,
       {
         variant: "secondary",
-        icon: /* @__PURE__ */ t(h, { "aria-hidden": !0 }),
-        onClick: s,
+        icon: /* @__PURE__ */ t(p, { "aria-hidden": !0 }),
+        onClick: l,
         children: n("createPaymentCta")
       }
     ) }) }),
-    pagination: D
+    pagination: m,
+    isFetching: m?.isFetching
   });
   return /* @__PURE__ */ a(i, { flexDirection: "column", gap: 24, children: [
-    /* @__PURE__ */ t(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ t(m, { as: "h1", styledAs: "h2", children: n("title") }) }),
-    C && /* @__PURE__ */ t(M, { companyId: g, onEvent: P }),
-    c.length > 0 && /* @__PURE__ */ t(i, { flexDirection: "column", gap: 16, children: c.map((e, F) => /* @__PURE__ */ t(
+    /* @__PURE__ */ t(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ t(d, { as: "h1", styledAs: "h2", children: n("title") }) }),
+    D && /* @__PURE__ */ t(M, { companyId: C, onEvent: P }),
+    c.length > 0 && /* @__PURE__ */ t(i, { flexDirection: "column", gap: 16, children: c.map((e, j) => /* @__PURE__ */ t(
       w,
       {
         label: n(`alerts.${e.title}`, e.translationParams),
@@ -86,7 +87,7 @@ const at = ({
           e.onAction && e.actionLabel && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(r, { variant: "secondary", onClick: e.onAction, children: n(`alerts.${e.actionLabel}`) }) })
         ] })
       },
-      `${e.type}-${e.title}-${F}`
+      `${e.type}-${e.title}-${j}`
     )) }),
     /* @__PURE__ */ a(
       i,
@@ -102,29 +103,29 @@ const at = ({
         },
         justifyContent: "space-between",
         children: [
-          /* @__PURE__ */ t(m, { as: "h2", styledAs: "h4", children: n("subtitle") }),
+          /* @__PURE__ */ t(d, { as: "h2", styledAs: "h4", children: n("subtitle") }),
           /* @__PURE__ */ a("div", { className: o.actionsContainer, children: [
             /* @__PURE__ */ t(
               x,
               {
                 id: "date-range-select",
-                value: p.toString(),
+                value: y.toString(),
                 onChange: (e) => {
-                  f(Number(e));
+                  b(Number(e));
                 },
-                options: N,
+                options: F,
                 isRequired: !0,
                 label: n("startDate"),
                 placeholder: "",
                 shouldVisuallyHideLabel: !0
               }
             ),
-            l.length > 0 && /* @__PURE__ */ t(
+            s.length > 0 && /* @__PURE__ */ t(
               r,
               {
-                onClick: s,
+                onClick: l,
                 variant: "secondary",
-                icon: /* @__PURE__ */ t(h, { "aria-hidden": !0 }),
+                icon: /* @__PURE__ */ t(p, { "aria-hidden": !0 }),
                 className: o.nowrap,
                 children: n("createPaymentCta")
               }
@@ -133,15 +134,15 @@ const at = ({
         ]
       }
     ),
-    /* @__PURE__ */ t(H, { label: n("subtitle"), ...j }),
+    /* @__PURE__ */ t(H, { label: n("subtitle"), ...N }),
     /* @__PURE__ */ t(W, { feature: "historicalPayments", children: /* @__PURE__ */ t("div", { className: o.historicalPaymentCta, children: /* @__PURE__ */ t(
       v,
       {
         header: /* @__PURE__ */ a(i, { flexDirection: "column", gap: 4, children: [
-          /* @__PURE__ */ t(d, { weight: "semibold", children: n("historicalPaymentCta.title") }),
-          /* @__PURE__ */ t(d, { variant: "supporting", children: n("historicalPaymentCta.description") })
+          /* @__PURE__ */ t(u, { weight: "semibold", children: n("historicalPaymentCta.title") }),
+          /* @__PURE__ */ t(u, { variant: "supporting", children: n("historicalPaymentCta.description") })
         ] }),
-        footer: /* @__PURE__ */ t(r, { variant: "secondary", onClick: y, children: n("historicalPaymentCta.button") })
+        footer: /* @__PURE__ */ t(r, { variant: "secondary", onClick: f, children: n("historicalPaymentCta.button") })
       }
     ) }) })
   ] });