@gusto/embedded-react-sdk 0.55.3 → 0.55.4

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

@@ -1,110 +1,114 @@
-import { jsx as s, jsxs as E } from "react/jsx-runtime";
-import { useState as z, useMemo as n, useEffect as V } from "react";
+import { jsx as a, jsxs as j } from "react/jsx-runtime";
+import { useState as z, useMemo as s, useEffect as V } from "react";
 import { useForm as H, FormProvider as I } from "react-hook-form";
 import { zodResolver as K } from "@hookform/resolvers/zod";
-import { z as h } from "zod";
-import { useTranslation as b } from "react-i18next";
+import { z as b } from "zod";
+import { useTranslation as y } from "react-i18next";
 import { buildRequirementSchema as M } from "../shared/buildRequirementSchema.js";
 import { RequirementFields as U } from "../shared/RequirementFields.js";
 import { getUniqueRhfKey as w } from "../shared/rhfKey.js";
 import { isRequirementApplicable as W } from "../shared/applicableIf.js";
-import { stringifyRequirementValue as Y } from "../shared/requirementValue.js";
-import { useTaxRateManagement as B } from "./context.js";
-import { Flex as G } from "../../../Common/Flex/Flex.js";
-import { useComponentContext as J } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useDateFormatter as N } from "../../../../hooks/useDateFormatter.js";
-import { SelectField as Q } from "../../../Common/Fields/SelectField/SelectField.js";
-function X(r) {
+import { prepareRequirements as Y, isRequirementSetEditable as B } from "../shared/prepareRequirements.js";
+import { stringifyRequirementValue as G } from "../shared/requirementValue.js";
+import { useTaxRateManagement as J } from "./context.js";
+import { Flex as N } from "../../../Common/Flex/Flex.js";
+import { useComponentContext as Q } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDateFormatter as X } from "../../../../hooks/useDateFormatter.js";
+import { SelectField as Z } from "../../../Common/Fields/SelectField/SelectField.js";
+function _(r) {
   if (r.length === 0) return null;
-  const m = [...r].sort(
-    (o, l) => (o.effectiveFrom ?? "").localeCompare(l.effectiveFrom ?? "")
+  const n = [...r].sort(
+    (o, m) => (o.effectiveFrom ?? "").localeCompare(m.effectiveFrom ?? "")
   );
-  return m[m.length - 1] ?? null;
+  return n[n.length - 1] ?? null;
 }
-function de({ isOpen: r, state: m, group: o, onClose: l }) {
-  const d = J(), R = N(), { t: i } = b("Company.StateTaxes", { keyPrefix: "manageRates" }), { t: y } = b("Company.StateTaxes", { keyPrefix: "form" }), { t: x } = b("common", { keyPrefix: "statesHash" }), { handleAddRate: q, isPendingUpdate: D } = B(), [k, F] = z(!1), t = n(() => X(o.candidateSets), [o.candidateSets]), c = n(
+function he({ isOpen: r, state: n, group: o, onClose: m }) {
+  const u = Q(), g = X(), { t } = y("Company.StateTaxes", { keyPrefix: "manageRates" }), { t: F } = y("Company.StateTaxes", { keyPrefix: "form" }), { t: q } = y("common", { keyPrefix: "statesHash" }), { handleAddRate: x, isPendingUpdate: D } = J(), [k, v] = z(!1), i = s(() => _(o.candidateSets), [o.candidateSets]), l = s(
     () => o.candidateSets.map((e) => e.effectiveFrom).filter((e) => typeof e == "string").sort(),
     [o.candidateSets]
-  ), { shape: v, defaults: g } = n(
-    () => M(t?.requirements, y),
-    [t, y]
-  ), A = n(
-    () => h.object({
-      effectiveFrom: h.string().min(1),
-      fields: h.object(v)
+  ), c = s(
+    () => Y(i?.requirements ?? []),
+    [i]
+  ), { shape: R, defaults: S } = s(
+    () => M(c, F),
+    [c, F]
+  ), A = s(
+    () => b.object({
+      effectiveFrom: b.string().min(1),
+      fields: b.object(R)
     }),
-    [v]
-  ), u = n(
+    [R]
+  ), p = s(
     () => ({
-      effectiveFrom: t?.effectiveFrom ?? c[0] ?? "",
-      fields: g
+      effectiveFrom: i?.effectiveFrom ?? l[0] ?? "",
+      fields: S
     }),
-    [t, c, g]
-  ), p = H({ resolver: K(A), defaultValues: u });
+    [i, l, S]
+  ), h = H({ resolver: K(A), defaultValues: p });
   V(() => {
-    r && p.reset(u);
-  }, [r, u]);
-  const C = p.handleSubmit(async (e) => {
-    if (!t?.key) return;
-    const T = { fields: e.fields }, S = t.requirements ?? [], L = S.map((a, f) => ({ req: a, index: f })).filter(({ req: a }) => a.editable !== !1).filter(({ req: a }) => W(a, "fields", T));
-    F(!0);
+    r && h.reset(p);
+  }, [r, p]);
+  const C = h.handleSubmit(async (e) => {
+    if (!i?.key) return;
+    const T = { fields: e.fields }, E = c.map((f, d) => ({ req: f, index: d })).filter(({ req: f }) => W(f, "fields", T));
+    v(!0);
     try {
-      await q(
-        t.key,
+      await x(
+        i.key,
         e.effectiveFrom,
-        L.map(({ req: f, index: j }) => ({
-          key: f.key,
-          value: Y(e.fields[w(f, j, S)])
+        E.map(({ req: d, index: L }) => ({
+          key: d.key,
+          value: G(
+            e.fields[w(d, L, c)]
+          )
         }))
-      ) && l();
+      ) && m();
     } finally {
-      F(!1);
+      v(!1);
     }
-  }), P = (t?.requirements ?? []).some(
-    (e) => e.editable !== !1
-  );
-  return /* @__PURE__ */ s(
-    d.Dialog,
+  }), P = B(i?.requirements ?? []);
+  return /* @__PURE__ */ a(
+    u.Dialog,
     {
       isOpen: r,
-      onClose: l,
+      onClose: m,
       onPrimaryActionClick: () => {
         C();
       },
       isPrimaryActionLoading: k || D,
-      primaryActionLabel: i("saveRateCta"),
-      closeActionLabel: i("cancelCta"),
-      title: i("addRateDialogTitle", {
-        state: x(m)
+      primaryActionLabel: t("saveRateCta"),
+      closeActionLabel: t("cancelCta"),
+      title: t("addRateDialogTitle", {
+        state: q(n)
       }),
-      children: /* @__PURE__ */ s(I, { ...p, children: /* @__PURE__ */ E(G, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
-        /* @__PURE__ */ s(d.Text, { size: "sm", children: i("addRateDialogDescription") }),
-        /* @__PURE__ */ s(
-          Q,
+      children: /* @__PURE__ */ a(I, { ...h, children: /* @__PURE__ */ j(N, { flexDirection: "column", gap: 20, alignItems: "stretch", children: [
+        /* @__PURE__ */ a(u.Text, { size: "sm", children: t("addRateDialogDescription") }),
+        /* @__PURE__ */ a(
+          Z,
           {
             name: "effectiveFrom",
-            label: i("effectiveDateLabel"),
-            placeholder: i("effectiveDatePlaceholder"),
+            label: t("effectiveDateLabel"),
+            placeholder: t("effectiveDatePlaceholder"),
             isRequired: !0,
-            isDisabled: c.length === 0,
-            options: c.map((e) => ({
+            isDisabled: l.length === 0,
+            options: l.map((e) => ({
               value: e,
-              label: R.formatLongWithYear(e)
+              label: g.formatLongWithYear(e)
             }))
           }
         ),
-        P ? /* @__PURE__ */ s(
+        P ? /* @__PURE__ */ a(
           U,
           {
-            requirements: t?.requirements,
+            requirements: i?.requirements,
             requirementSetKey: "fields"
           }
-        ) : /* @__PURE__ */ s(d.Alert, { status: "info", label: i("noEditableFieldsTitle"), children: i("noEditableFieldsDescription") })
+        ) : /* @__PURE__ */ a(u.Alert, { status: "info", label: t("noEditableFieldsTitle"), children: t("noEditableFieldsDescription") })
       ] }) })
     }
   );
 }
 export {
-  de as AddTaxRateDialog
+  he as AddTaxRateDialog
 };
 //# sourceMappingURL=AddTaxRateDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddTaxRateDialog.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/AddTaxRateDialog.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { buildRequirementSchema } from '../shared/buildRequirementSchema'\nimport { RequirementFields } from '../shared/RequirementFields'\nimport { getUniqueRhfKey } from '../shared/rhfKey'\nimport { isRequirementApplicable, type StateTaxesFormValues } from '../shared/applicableIf'\nimport { stringifyRequirementValue } from '../shared/requirementValue'\nimport { useTaxRateManagement, type TaxRateKeyGroup } from './context'\nimport { Flex, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport type { STATES_ABBR } from '@/shared/constants'\n\ninterface AddTaxRateDialogProps {\n  isOpen: boolean\n  state: string\n  group: TaxRateKeyGroup\n  onClose: () => void\n}\n\nfunction latestSet(sets: TaxRateKeyGroup['candidateSets']) {\n  if (sets.length === 0) return null\n  const sorted = [...sets].sort((a, b) =>\n    (a.effectiveFrom ?? '').localeCompare(b.effectiveFrom ?? ''),\n  )\n  return sorted[sorted.length - 1] ?? null\n}\n\n/** @internal */\nexport function AddTaxRateDialog({ isOpen, state, group, onClose }: AddTaxRateDialogProps) {\n  const Components = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'manageRates' })\n  const { t: tForm } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n  const { handleAddRate, isPendingUpdate } = useTaxRateManagement()\n  const [isSubmitting, setIsSubmitting] = useState(false)\n\n  const templateSet = useMemo(() => latestSet(group.candidateSets), [group.candidateSets])\n\n  const availableDates = useMemo(\n    () =>\n      group.candidateSets\n        .map(candidate => candidate.effectiveFrom)\n        .filter((date): date is string => typeof date === 'string')\n        .sort(),\n    [group.candidateSets],\n  )\n\n  const { shape, defaults } = useMemo(\n    () => buildRequirementSchema(templateSet?.requirements, tForm),\n    [templateSet, tForm],\n  )\n\n  const dynamicSchema = useMemo(\n    () =>\n      z.object({\n        effectiveFrom: z.string().min(1),\n        fields: z.object(shape),\n      }),\n    [shape],\n  )\n\n  type FormShape = z.infer<typeof dynamicSchema>\n\n  const defaultValues = useMemo<FormShape>(\n    () => ({\n      effectiveFrom: templateSet?.effectiveFrom ?? availableDates[0] ?? '',\n      fields: defaults,\n    }),\n    [templateSet, availableDates, defaults],\n  )\n\n  const methods = useForm<FormShape>({ resolver: zodResolver(dynamicSchema), defaultValues })\n\n  useEffect(() => {\n    if (isOpen) methods.reset(defaultValues)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, defaultValues])\n\n  const handleSubmit = methods.handleSubmit(async data => {\n    if (!templateSet?.key) return\n    const formValues: StateTaxesFormValues = { fields: data.fields }\n    const requirements = templateSet.requirements ?? []\n    const applicableRequirements = requirements\n      .map((req, index) => ({ req, index }))\n      .filter(({ req }) => req.editable !== false)\n      .filter(({ req }) => isRequirementApplicable(req, 'fields', formValues))\n\n    setIsSubmitting(true)\n    try {\n      const success = await handleAddRate(\n        templateSet.key,\n        data.effectiveFrom,\n        applicableRequirements.map(({ req, index }) => ({\n          key: req.key as string,\n          value: stringifyRequirementValue(data.fields[getUniqueRhfKey(req, index, requirements)]),\n        })),\n      )\n      if (success) onClose()\n    } finally {\n      setIsSubmitting(false)\n    }\n  })\n\n  const hasEditableFields = (templateSet?.requirements ?? []).some(\n    requirement => requirement.editable !== false,\n  )\n\n  return (\n    <Components.Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      onPrimaryActionClick={() => {\n        void handleSubmit()\n      }}\n      isPrimaryActionLoading={isSubmitting || isPendingUpdate}\n      primaryActionLabel={t('saveRateCta')}\n      closeActionLabel={t('cancelCta')}\n      title={t('addRateDialogTitle', {\n        state: statesHash(state as (typeof STATES_ABBR)[number]),\n      })}\n    >\n      <FormProvider {...methods}>\n        <Flex flexDirection=\"column\" gap={20} alignItems=\"stretch\">\n          <Components.Text size=\"sm\">{t('addRateDialogDescription')}</Components.Text>\n          <SelectField\n            name=\"effectiveFrom\"\n            label={t('effectiveDateLabel')}\n            placeholder={t('effectiveDatePlaceholder')}\n            isRequired\n            isDisabled={availableDates.length === 0}\n            options={availableDates.map(date => ({\n              value: date,\n              label: dateFormatter.formatLongWithYear(date),\n            }))}\n          />\n          {hasEditableFields ? (\n            <RequirementFields\n              requirements={templateSet?.requirements}\n              requirementSetKey=\"fields\"\n            />\n          ) : (\n            <Components.Alert status=\"info\" label={t('noEditableFieldsTitle')}>\n              {t('noEditableFieldsDescription')}\n            </Components.Alert>\n          )}\n        </Flex>\n      </FormProvider>\n    </Components.Dialog>\n  )\n}\n"],"names":["latestSet","sets","sorted","a","b","AddTaxRateDialog","isOpen","state","group","onClose","Components","useComponentContext","dateFormatter","useDateFormatter","t","useTranslation","tForm","statesHash","handleAddRate","isPendingUpdate","useTaxRateManagement","isSubmitting","setIsSubmitting","useState","templateSet","useMemo","availableDates","candidate","date","shape","defaults","buildRequirementSchema","dynamicSchema","z","defaultValues","methods","useForm","zodResolver","useEffect","handleSubmit","data","formValues","requirements","applicableRequirements","req","index","isRequirementApplicable","stringifyRequirementValue","getUniqueRhfKey","hasEditableFields","requirement","jsx","FormProvider","jsxs","Flex","SelectField","RequirementFields"],"mappings":"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"}
+{"version":3,"file":"AddTaxRateDialog.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/AddTaxRateDialog.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { buildRequirementSchema } from '../shared/buildRequirementSchema'\nimport { RequirementFields } from '../shared/RequirementFields'\nimport { getUniqueRhfKey } from '../shared/rhfKey'\nimport { isRequirementApplicable, type StateTaxesFormValues } from '../shared/applicableIf'\nimport { isRequirementSetEditable, prepareRequirements } from '../shared/prepareRequirements'\nimport { stringifyRequirementValue } from '../shared/requirementValue'\nimport { useTaxRateManagement, type TaxRateKeyGroup } from './context'\nimport { Flex, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport type { STATES_ABBR } from '@/shared/constants'\n\ninterface AddTaxRateDialogProps {\n  isOpen: boolean\n  state: string\n  group: TaxRateKeyGroup\n  onClose: () => void\n}\n\nfunction latestSet(sets: TaxRateKeyGroup['candidateSets']) {\n  if (sets.length === 0) return null\n  const sorted = [...sets].sort((a, b) =>\n    (a.effectiveFrom ?? '').localeCompare(b.effectiveFrom ?? ''),\n  )\n  return sorted[sorted.length - 1] ?? null\n}\n\n/** @internal */\nexport function AddTaxRateDialog({ isOpen, state, group, onClose }: AddTaxRateDialogProps) {\n  const Components = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'manageRates' })\n  const { t: tForm } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n  const { handleAddRate, isPendingUpdate } = useTaxRateManagement()\n  const [isSubmitting, setIsSubmitting] = useState(false)\n\n  const templateSet = useMemo(() => latestSet(group.candidateSets), [group.candidateSets])\n\n  const availableDates = useMemo(\n    () =>\n      group.candidateSets\n        .map(candidate => candidate.effectiveFrom)\n        .filter((date): date is string => typeof date === 'string')\n        .sort(),\n    [group.candidateSets],\n  )\n\n  const preparedRequirements = useMemo(\n    () => prepareRequirements(templateSet?.requirements ?? []),\n    [templateSet],\n  )\n\n  const { shape, defaults } = useMemo(\n    () => buildRequirementSchema(preparedRequirements, tForm),\n    [preparedRequirements, tForm],\n  )\n\n  const dynamicSchema = useMemo(\n    () =>\n      z.object({\n        effectiveFrom: z.string().min(1),\n        fields: z.object(shape),\n      }),\n    [shape],\n  )\n\n  type FormShape = z.infer<typeof dynamicSchema>\n\n  const defaultValues = useMemo<FormShape>(\n    () => ({\n      effectiveFrom: templateSet?.effectiveFrom ?? availableDates[0] ?? '',\n      fields: defaults,\n    }),\n    [templateSet, availableDates, defaults],\n  )\n\n  const methods = useForm<FormShape>({ resolver: zodResolver(dynamicSchema), defaultValues })\n\n  useEffect(() => {\n    if (isOpen) methods.reset(defaultValues)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, defaultValues])\n\n  const handleSubmit = methods.handleSubmit(async data => {\n    if (!templateSet?.key) return\n    const formValues: StateTaxesFormValues = { fields: data.fields }\n    const applicableRequirements = preparedRequirements\n      .map((req, index) => ({ req, index }))\n      .filter(({ req }) => isRequirementApplicable(req, 'fields', formValues))\n\n    setIsSubmitting(true)\n    try {\n      const success = await handleAddRate(\n        templateSet.key,\n        data.effectiveFrom,\n        applicableRequirements.map(({ req, index }) => ({\n          key: req.key as string,\n          value: stringifyRequirementValue(\n            data.fields[getUniqueRhfKey(req, index, preparedRequirements)],\n          ),\n        })),\n      )\n      if (success) onClose()\n    } finally {\n      setIsSubmitting(false)\n    }\n  })\n\n  const hasEditableFields = isRequirementSetEditable(templateSet?.requirements ?? [])\n\n  return (\n    <Components.Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      onPrimaryActionClick={() => {\n        void handleSubmit()\n      }}\n      isPrimaryActionLoading={isSubmitting || isPendingUpdate}\n      primaryActionLabel={t('saveRateCta')}\n      closeActionLabel={t('cancelCta')}\n      title={t('addRateDialogTitle', {\n        state: statesHash(state as (typeof STATES_ABBR)[number]),\n      })}\n    >\n      <FormProvider {...methods}>\n        <Flex flexDirection=\"column\" gap={20} alignItems=\"stretch\">\n          <Components.Text size=\"sm\">{t('addRateDialogDescription')}</Components.Text>\n          <SelectField\n            name=\"effectiveFrom\"\n            label={t('effectiveDateLabel')}\n            placeholder={t('effectiveDatePlaceholder')}\n            isRequired\n            isDisabled={availableDates.length === 0}\n            options={availableDates.map(date => ({\n              value: date,\n              label: dateFormatter.formatLongWithYear(date),\n            }))}\n          />\n          {hasEditableFields ? (\n            <RequirementFields\n              requirements={templateSet?.requirements}\n              requirementSetKey=\"fields\"\n            />\n          ) : (\n            <Components.Alert status=\"info\" label={t('noEditableFieldsTitle')}>\n              {t('noEditableFieldsDescription')}\n            </Components.Alert>\n          )}\n        </Flex>\n      </FormProvider>\n    </Components.Dialog>\n  )\n}\n"],"names":["latestSet","sets","sorted","a","b","AddTaxRateDialog","isOpen","state","group","onClose","Components","useComponentContext","dateFormatter","useDateFormatter","useTranslation","tForm","statesHash","handleAddRate","isPendingUpdate","useTaxRateManagement","isSubmitting","setIsSubmitting","useState","templateSet","useMemo","availableDates","candidate","date","preparedRequirements","prepareRequirements","shape","defaults","buildRequirementSchema","dynamicSchema","z","defaultValues","methods","useForm","zodResolver","useEffect","handleSubmit","data","formValues","applicableRequirements","req","index","isRequirementApplicable","stringifyRequirementValue","getUniqueRhfKey","hasEditableFields","isRequirementSetEditable","jsx","FormProvider","jsxs","Flex","SelectField","RequirementFields"],"mappings":"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"}

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

@@ -9,15 +9,12 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [u, f] = t("TaxRateManagementContext");
+const [c, d] = t("TaxRateManagementContext");
 export {
-  f as TaxRateManagementProvider,
-  u as useTaxRateManagement
+  d as TaxRateManagementProvider,
+  c as useTaxRateManagement
 };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/context.ts"],"sourcesContent":["import type { TaxRequirementSet } from '@gusto/embedded-api/models/components/taxrequirementset'\nimport { createCompoundContext } from '@/components/Base'\n\n/**\n * A state's effective-dated requirement sets for a single key, grouped for history display,\n * plus any future-dated candidate sets available to schedule against.\n *\n * @internal\n */\nexport interface TaxRateKeyGroup {\n  key: string\n  label?: string\n  sets: TaxRequirementSet[]\n  candidateSets: TaxRequirementSet[]\n}\n\ninterface TaxRateManagementContextType {\n  state: string\n  groups: TaxRateKeyGroup[]\n  isPendingUpdate: boolean\n  handleCancel: () => void\n  handleAddRate: (\n    key: string,\n    effectiveFrom: string,\n    requirements: { key: string; value: string }[],\n  ) => Promise<boolean>\n}\n\nconst [useTaxRateManagement, TaxRateManagementProvider] =\n  createCompoundContext<TaxRateManagementContextType>('TaxRateManagementContext')\n\nexport { useTaxRateManagement, TaxRateManagementProvider }\n"],"names":["useTaxRateManagement","TaxRateManagementProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,MAAM,CAACA,GAAsBC,CAAyB,IACpDC,EAAoD,0BAA0B;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/context.ts"],"sourcesContent":["import type { TaxRequirementSet } from '@gusto/embedded-api/models/components/taxrequirementset'\nimport { createCompoundContext } from '@/components/Base'\n\n/**\n * A state's effective-dated requirement sets for a single key, grouped for history display,\n * plus any future-dated candidate sets available to schedule against.\n *\n * @internal\n */\nexport interface TaxRateKeyGroup {\n  key: string\n  label?: string\n  sets: TaxRequirementSet[]\n  candidateSets: TaxRequirementSet[]\n}\n\ninterface TaxRateManagementContextType {\n  state: string\n  groups: TaxRateKeyGroup[]\n  isPendingUpdate: boolean\n  handleCancel: () => void\n  handleAddRate: (\n    key: string,\n    effectiveFrom: string,\n    requirements: { key: string; value: string }[],\n  ) => Promise<boolean>\n}\n\nconst [useTaxRateManagement, TaxRateManagementProvider] =\n  createCompoundContext<TaxRateManagementContextType>('TaxRateManagementContext')\n\nexport { useTaxRateManagement, TaxRateManagementProvider }\n"],"names":["useTaxRateManagement","TaxRateManagementProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AA4BA,MAAM,CAACA,GAAsBC,CAAyB,IACpDC,EAAoD,0BAA0B;"}

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 {};