@gusto/embedded-react-sdk 0.52.2 → 0.53.0

package/dist/components/Company/StateTaxes/StateTaxesList/context.d.ts

@@ -4,6 +4,7 @@ type StateTaxesListContextType = {
     stateTaxRequirements: TaxRequirementStatesList[];
     handleContinue: () => void;
     handleChange: (state: string) => void;
+    handleManageRates: (state: string) => void;
 };
 declare const useStateTaxesList: () => StateTaxesListContextType, StateTaxesListProvider: import('react').Provider<StateTaxesListContextType | null>;
 export { useStateTaxesList, StateTaxesListProvider };

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

@@ -9,13 +9,14 @@ 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 [d, u] = t("StateTaxesListContext");
+const [u, f] = t("StateTaxesListContext");
 export {
-  u as StateTaxesListProvider,
-  d as useStateTaxesList
+  f as StateTaxesListProvider,
+  u as useStateTaxesList
 };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { TaxRequirementStatesList } from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: TaxRequirementStatesList[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { TaxRequirementStatesList } from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: TaxRequirementStatesList[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n  handleManageRates: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAWA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}

package/dist/components/Company/StateTaxes/TaxRateManagement/AddRateAction.d.ts

@@ -0,0 +1,12 @@
+import { TaxRateKeyGroup } from './context';
+interface AddRateActionProps {
+    state: string;
+    group: TaxRateKeyGroup;
+}
+/**
+ * "Add tax rate" button and its scheduling dialog for a single requirement-set key.
+ *
+ * @internal
+ */
+export declare function AddRateAction({ state, group }: AddRateActionProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,36 @@
+import { jsxs as m, Fragment as d, jsx as n } from "react/jsx-runtime";
+import { useState as l } from "react";
+import { useTranslation as p } from "react-i18next";
+import { AddTaxRateDialog as c } from "./AddTaxRateDialog.js";
+import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function A({ state: o, group: t }) {
+  const { t: a } = p("Company.StateTaxes", { keyPrefix: "manageRates" }), s = f(), [i, e] = l(!1), r = t.candidateSets.length > 0;
+  return /* @__PURE__ */ m(d, { children: [
+    /* @__PURE__ */ n(
+      s.Button,
+      {
+        variant: "primary",
+        isDisabled: !r,
+        onClick: () => {
+          e(!0);
+        },
+        children: a("addRateCta")
+      }
+    ),
+    /* @__PURE__ */ n(
+      c,
+      {
+        isOpen: i,
+        state: o,
+        group: t,
+        onClose: () => {
+          e(!1);
+        }
+      }
+    )
+  ] });
+}
+export {
+  A as AddRateAction
+};
+//# sourceMappingURL=AddRateAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddRateAction.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/AddRateAction.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AddTaxRateDialog } from './AddTaxRateDialog'\nimport type { TaxRateKeyGroup } from './context'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface AddRateActionProps {\n  state: string\n  group: TaxRateKeyGroup\n}\n\n/**\n * \"Add tax rate\" button and its scheduling dialog for a single requirement-set key.\n *\n * @internal\n */\nexport function AddRateAction({ state, group }: AddRateActionProps) {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'manageRates' })\n  const Components = useComponentContext()\n  const [isDialogOpen, setIsDialogOpen] = useState(false)\n  const canAddRate = group.candidateSets.length > 0\n\n  return (\n    <>\n      <Components.Button\n        variant=\"primary\"\n        isDisabled={!canAddRate}\n        onClick={() => {\n          setIsDialogOpen(true)\n        }}\n      >\n        {t('addRateCta')}\n      </Components.Button>\n      <AddTaxRateDialog\n        isOpen={isDialogOpen}\n        state={state}\n        group={group}\n        onClose={() => {\n          setIsDialogOpen(false)\n        }}\n      />\n    </>\n  )\n}\n"],"names":["AddRateAction","state","group","t","useTranslation","Components","useComponentContext","isDialogOpen","setIsDialogOpen","useState","canAddRate","jsxs","Fragment","jsx","AddTaxRateDialog"],"mappings":";;;;;AAgBO,SAASA,EAAc,EAAE,OAAAC,GAAO,OAAAC,KAA6B;AAClE,QAAM,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,eAAe,GACzEC,IAAaC,EAAA,GACb,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChDC,IAAaR,EAAM,cAAc,SAAS;AAEhD,SACE,gBAAAS,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACR,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,YAAY,CAACK;AAAA,QACb,SAAS,MAAM;AACb,UAAAF,EAAgB,EAAI;AAAA,QACtB;AAAA,QAEC,YAAE,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAEjB,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAQP;AAAA,QACR,OAAAN;AAAA,QACA,OAAAC;AAAA,QACA,SAAS,MAAM;AACb,UAAAM,EAAgB,EAAK;AAAA,QACvB;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/Company/StateTaxes/TaxRateManagement/AddTaxRateDialog.d.ts

@@ -0,0 +1,10 @@
+import { TaxRateKeyGroup } from './context';
+interface AddTaxRateDialogProps {
+    isOpen: boolean;
+    state: string;
+    group: TaxRateKeyGroup;
+    onClose: () => void;
+}
+/** @internal */
+export declare function AddTaxRateDialog({ isOpen, state, group, onClose }: AddTaxRateDialogProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,110 @@
+import { jsx as s, jsxs as E } from "react/jsx-runtime";
+import { useState as z, useMemo as n, 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 { 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) {
+  if (r.length === 0) return null;
+  const m = [...r].sort(
+    (o, l) => (o.effectiveFrom ?? "").localeCompare(l.effectiveFrom ?? "")
+  );
+  return m[m.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(
+    () => 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)
+    }),
+    [v]
+  ), u = n(
+    () => ({
+      effectiveFrom: t?.effectiveFrom ?? c[0] ?? "",
+      fields: g
+    }),
+    [t, c, g]
+  ), p = H({ resolver: K(A), defaultValues: u });
+  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);
+    try {
+      await q(
+        t.key,
+        e.effectiveFrom,
+        L.map(({ req: f, index: j }) => ({
+          key: f.key,
+          value: Y(e.fields[w(f, j, S)])
+        }))
+      ) && l();
+    } finally {
+      F(!1);
+    }
+  }), P = (t?.requirements ?? []).some(
+    (e) => e.editable !== !1
+  );
+  return /* @__PURE__ */ s(
+    d.Dialog,
+    {
+      isOpen: r,
+      onClose: l,
+      onPrimaryActionClick: () => {
+        C();
+      },
+      isPrimaryActionLoading: k || D,
+      primaryActionLabel: i("saveRateCta"),
+      closeActionLabel: i("cancelCta"),
+      title: i("addRateDialogTitle", {
+        state: x(m)
+      }),
+      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,
+          {
+            name: "effectiveFrom",
+            label: i("effectiveDateLabel"),
+            placeholder: i("effectiveDatePlaceholder"),
+            isRequired: !0,
+            isDisabled: c.length === 0,
+            options: c.map((e) => ({
+              value: e,
+              label: R.formatLongWithYear(e)
+            }))
+          }
+        ),
+        P ? /* @__PURE__ */ s(
+          U,
+          {
+            requirements: t?.requirements,
+            requirementSetKey: "fields"
+          }
+        ) : /* @__PURE__ */ s(d.Alert, { status: "info", label: i("noEditableFieldsTitle"), children: i("noEditableFieldsDescription") })
+      ] }) })
+    }
+  );
+}
+export {
+  de as AddTaxRateDialog
+};
+//# sourceMappingURL=AddTaxRateDialog.js.map

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

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

package/dist/components/Company/StateTaxes/TaxRateManagement/TaxRateHistorySection.d.ts

@@ -0,0 +1,18 @@
+import { TaxRateKeyGroup } from './context';
+interface TaxRateHistorySectionProps {
+    group: TaxRateKeyGroup;
+    /**
+     * Whether to render this group's own heading + "Add tax rate" button.
+     *
+     * @remarks
+     * Set to `false` when this is the only group for the state — the page-level header already
+     * carries the title and the single add-rate action, so a repeated per-group header would be
+     * redundant.
+     *
+     * @defaultValue `true`
+     */
+    showHeader?: boolean;
+}
+/** @internal */
+export declare function TaxRateHistorySection({ group, showHeader }: TaxRateHistorySectionProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,55 @@
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import { useMemo as n } from "react";
+import { useTranslation as h } from "react-i18next";
+import { useTaxRateManagement as x } from "./context.js";
+import { toHistoryRows as b, extractRequirementColumns as g } from "./toHistoryRows.js";
+import { AddRateAction as k } from "./AddRateAction.js";
+import { Flex as m } from "../../../Common/Flex/Flex.js";
+import { EmptyData as C } from "../../../Common/EmptyData/EmptyData.js";
+import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDateFormatter as w } from "../../../../hooks/useDateFormatter.js";
+import { useDataView as R } from "../../../Common/DataView/useDataView.js";
+import { DataView as B } from "../../../Common/DataView/DataView.js";
+const F = {
+  current: "success",
+  scheduled: "info",
+  historical: "warning"
+}, H = {
+  current: "currentBadge",
+  scheduled: "scheduledBadge",
+  historical: "historicalBadge"
+};
+function K({ group: t, showHeader: c = !0 }) {
+  const { t: a } = h("Company.StateTaxes", { keyPrefix: "manageRates" }), o = D(), l = w(), { state: d } = x(), f = n(() => b(t.sets), [t.sets]), p = n(() => g(t.sets), [t.sets]), r = t.label ?? t.key, { ...u } = R({
+    data: f,
+    columns: [
+      {
+        key: "effectiveFrom",
+        title: a("effectiveDateColumnLabel"),
+        render: (e) => l.formatLongWithYear(e.effectiveFrom)
+      },
+      {
+        key: "status",
+        title: "",
+        render: (e) => /* @__PURE__ */ s(o.Badge, { status: F[e.status], children: a(H[e.status]) })
+      },
+      ...p.map((e) => ({
+        key: e.key,
+        title: e.label ?? e.key,
+        render: (y) => y.values[e.key] ?? ""
+      }))
+    ],
+    emptyState: () => /* @__PURE__ */ s(C, { title: a("emptyHistoryTitle"), description: a("emptyHistoryDescription") })
+  });
+  return /* @__PURE__ */ s("section", { "aria-label": r, children: /* @__PURE__ */ i(m, { flexDirection: "column", gap: 16, alignItems: "stretch", children: [
+    c && /* @__PURE__ */ i(m, { justifyContent: "space-between", alignItems: "center", gap: 16, children: [
+      /* @__PURE__ */ s(o.Heading, { as: "h3", children: r }),
+      /* @__PURE__ */ s(k, { state: d, group: t })
+    ] }),
+    /* @__PURE__ */ s(B, { label: r, ...u })
+  ] }) });
+}
+export {
+  K as TaxRateHistorySection
+};
+//# sourceMappingURL=TaxRateHistorySection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TaxRateHistorySection.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/TaxRateHistorySection.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useTaxRateManagement, type TaxRateKeyGroup } from './context'\nimport { extractRequirementColumns, toHistoryRows, type HistoryRow } from './toHistoryRows'\nimport { AddRateAction } from './AddRateAction'\nimport { DataView, EmptyData, Flex, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\ninterface TaxRateHistorySectionProps {\n  group: TaxRateKeyGroup\n  /**\n   * Whether to render this group's own heading + \"Add tax rate\" button.\n   *\n   * @remarks\n   * Set to `false` when this is the only group for the state — the page-level header already\n   * carries the title and the single add-rate action, so a repeated per-group header would be\n   * redundant.\n   *\n   * @defaultValue `true`\n   */\n  showHeader?: boolean\n}\n\ntype BadgeStatus = 'success' | 'info' | 'warning'\n\nconst statusBadgeMap = {\n  current: 'success',\n  scheduled: 'info',\n  historical: 'warning',\n} as const satisfies Record<HistoryRow['status'], BadgeStatus>\n\nconst statusLabelKeyMap = {\n  current: 'currentBadge',\n  scheduled: 'scheduledBadge',\n  historical: 'historicalBadge',\n} as const satisfies Record<HistoryRow['status'], string>\n\n/** @internal */\nexport function TaxRateHistorySection({ group, showHeader = true }: TaxRateHistorySectionProps) {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'manageRates' })\n  const Components = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const { state } = useTaxRateManagement()\n\n  const rows = useMemo(() => toHistoryRows(group.sets), [group.sets])\n  const requirementColumns = useMemo(() => extractRequirementColumns(group.sets), [group.sets])\n\n  const sectionLabel = group.label ?? group.key\n\n  const { ...dataViewProps } = useDataView<HistoryRow>({\n    data: rows,\n    columns: [\n      {\n        key: 'effectiveFrom',\n        title: t('effectiveDateColumnLabel'),\n        render: row => dateFormatter.formatLongWithYear(row.effectiveFrom),\n      },\n      {\n        key: 'status',\n        title: '',\n        render: row => (\n          <Components.Badge status={statusBadgeMap[row.status]}>\n            {t(statusLabelKeyMap[row.status])}\n          </Components.Badge>\n        ),\n      },\n      ...requirementColumns.map(column => ({\n        key: column.key,\n        title: column.label ?? column.key,\n        render: (row: HistoryRow) => row.values[column.key] ?? '',\n      })),\n    ],\n    emptyState: () => (\n      <EmptyData title={t('emptyHistoryTitle')} description={t('emptyHistoryDescription')} />\n    ),\n  })\n\n  return (\n    <section aria-label={sectionLabel}>\n      <Flex flexDirection=\"column\" gap={16} alignItems=\"stretch\">\n        {showHeader && (\n          <Flex justifyContent=\"space-between\" alignItems=\"center\" gap={16}>\n            <Components.Heading as=\"h3\">{sectionLabel}</Components.Heading>\n            <AddRateAction state={state} group={group} />\n          </Flex>\n        )}\n        <DataView label={sectionLabel} {...dataViewProps} />\n      </Flex>\n    </section>\n  )\n}\n"],"names":["statusBadgeMap","statusLabelKeyMap","TaxRateHistorySection","group","showHeader","t","useTranslation","Components","useComponentContext","dateFormatter","useDateFormatter","state","useTaxRateManagement","rows","useMemo","toHistoryRows","requirementColumns","extractRequirementColumns","sectionLabel","dataViewProps","useDataView","row","jsx","column","EmptyData","jsxs","Flex","AddRateAction","DataView"],"mappings":";;;;;;;;;;;;AA0BA,MAAMA,IAAiB;AAAA,EACrB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAEMC,IAAoB;AAAA,EACxB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;AAGO,SAASC,EAAsB,EAAE,OAAAC,GAAO,YAAAC,IAAa,MAAoC;AAC9F,QAAM,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,eAAe,GACzEC,IAAaC,EAAA,GACbC,IAAgBC,EAAA,GAChB,EAAE,OAAAC,EAAA,IAAUC,EAAA,GAEZC,IAAOC,EAAQ,MAAMC,EAAcZ,EAAM,IAAI,GAAG,CAACA,EAAM,IAAI,CAAC,GAC5Da,IAAqBF,EAAQ,MAAMG,EAA0Bd,EAAM,IAAI,GAAG,CAACA,EAAM,IAAI,CAAC,GAEtFe,IAAef,EAAM,SAASA,EAAM,KAEpC,EAAE,GAAGgB,EAAA,IAAkBC,EAAwB;AAAA,IACnD,MAAMP;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAAAgB,MAAOZ,EAAc,mBAAmBY,EAAI,aAAa;AAAA,MAAA;AAAA,MAEnE;AAAA,QACE,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ,CAAAA,MACN,gBAAAC,EAACf,EAAW,OAAX,EAAiB,QAAQP,EAAeqB,EAAI,MAAM,GAChD,UAAAhB,EAAEJ,EAAkBoB,EAAI,MAAM,CAAC,EAAA,CAClC;AAAA,MAAA;AAAA,MAGJ,GAAGL,EAAmB,IAAI,CAAAO,OAAW;AAAA,QACnC,KAAKA,EAAO;AAAA,QACZ,OAAOA,EAAO,SAASA,EAAO;AAAA,QAC9B,QAAQ,CAACF,MAAoBA,EAAI,OAAOE,EAAO,GAAG,KAAK;AAAA,MAAA,EACvD;AAAA,IAAA;AAAA,IAEJ,YAAY,MACV,gBAAAD,EAACE,GAAA,EAAU,OAAOnB,EAAE,mBAAmB,GAAG,aAAaA,EAAE,yBAAyB,EAAA,CAAG;AAAA,EAAA,CAExF;AAED,SACE,gBAAAiB,EAAC,WAAA,EAAQ,cAAYJ,GACnB,UAAA,gBAAAO,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC9C,UAAA;AAAA,IAAAtB,uBACEsB,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAAS,KAAK,IAC5D,UAAA;AAAA,MAAA,gBAAAJ,EAACf,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAW,GAAa;AAAA,MAC1C,gBAAAI,EAACK,GAAA,EAAc,OAAAhB,GAAc,OAAAR,EAAA,CAAc;AAAA,IAAA,GAC7C;AAAA,IAEF,gBAAAmB,EAACM,GAAA,EAAS,OAAOV,GAAe,GAAGC,EAAA,CAAe;AAAA,EAAA,EAAA,CACpD,EAAA,CACF;AAEJ;"}

package/dist/components/Company/StateTaxes/TaxRateManagement/TaxRateManagement.d.ts

@@ -0,0 +1,47 @@
+import { BaseComponentInterface } from '../../../Base/Base';
+/**
+ * Props for {@link TaxRateManagement}.
+ *
+ * @public
+ */
+export interface TaxRateManagementProps extends BaseComponentInterface<'Company.StateTaxes'> {
+    /** The associated company identifier. */
+    companyId: string;
+    /** Two-letter code of the state whose tax rate history is managed. */
+    state: string;
+}
+/**
+ * Standalone view of a company's effective-dated state tax rate history, with the ability to
+ * schedule a new future-dated rate.
+ *
+ * @remarks
+ * Lower-level building block used by {@link StateTaxes} for its "manage tax rates" view. Only
+ * effective-dated requirement keys (e.g. tax rates, deposit schedules) are shown — non-dated
+ * sections like registration numbers have no history/scheduling story and are edited via
+ * {@link StateTaxesForm} instead.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `CANCEL` | The user navigated back to the state tax list | — |
+ *
+ * @param props - {@link TaxRateManagementProps}
+ * @returns The rendered tax rate history/scheduling view.
+ * @public
+ *
+ * @example
+ * ```tsx
+ * import { CompanyOnboarding } from '@gusto/embedded-react-sdk'
+ *
+ * function MyComponent() {
+ *   return (
+ *     <CompanyOnboarding.TaxRateManagement
+ *       companyId="a007e1ab-3595-43c2-ab4b-af7a5af2e365"
+ *       state="CA"
+ *       onEvent={() => {}}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare function TaxRateManagement(props: TaxRateManagementProps): import("react").JSX.Element;

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

@@ -0,0 +1,108 @@
+import { jsx as n, jsxs as M } from "react/jsx-runtime";
+import { useState as F, useMemo as w } from "react";
+import { useTranslation as h } from "react-i18next";
+import { useTaxRequirementsGetSuspense as y } from "@gusto/embedded-api/react-query/taxRequirementsGet";
+import { useTaxRequirementsUpdateStateMutation as E } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
+import { TaxRateHistorySection as H } from "./TaxRateHistorySection.js";
+import { AddRateAction as P } from "./AddRateAction.js";
+import { TaxRateManagementProvider as U } from "./context.js";
+import { BaseComponent as B } from "../../../Base/Base.js";
+import { useI18n as L } from "../../../../i18n/I18n.js";
+import { Flex as x } from "../../../Common/Flex/Flex.js";
+import { componentEvents as j } from "../../../../shared/constants.js";
+import { useBase as G } from "../../../Base/useBase.js";
+import { useComponentContext as I } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDateFormatter as K } from "../../../../hooks/useDateFormatter.js";
+import { DetailViewLayout as N } from "../../../Common/DetailViewLayout/DetailViewLayout.js";
+function ae(r) {
+  return /* @__PURE__ */ n(B, { ...r, children: /* @__PURE__ */ n(V, { ...r, children: r.children }) });
+}
+function V({ companyId: r, state: o, className: S, children: k }) {
+  L("Company.StateTaxes");
+  const { t: i } = h("Company.StateTaxes", { keyPrefix: "manageRates" }), { t: b } = h("common", { keyPrefix: "statesHash" }), { onEvent: q, baseSubmitHandler: R } = G(), C = I(), v = K(), [l, c] = F(null), { data: d } = y({ companyUuid: r, state: o }), { data: f } = y({
+    companyUuid: r,
+    state: o,
+    scheduling: !0
+  }), { mutateAsync: T, isPending: A } = E(), a = w(() => {
+    const t = /* @__PURE__ */ new Map();
+    return d.taxRequirementsState?.requirementSets?.forEach((e) => {
+      if (!e.key || typeof e.effectiveFrom != "string") return;
+      const s = t.get(e.key) ?? {
+        key: e.key,
+        label: e.label,
+        sets: [],
+        candidateSets: []
+      };
+      s.sets.push(e), t.set(e.key, s);
+    }), f.taxRequirementsState?.requirementSets?.forEach((e) => {
+      if (!e.key || typeof e.effectiveFrom != "string") return;
+      const s = t.get(e.key);
+      s && s.candidateSets.push(e);
+    }), Array.from(t.values());
+  }, [d, f]), p = () => {
+    q(j.CANCEL);
+  }, D = async (t, e, s) => {
+    const m = { succeeded: !1 };
+    return c(null), await R({ key: t, effectiveFrom: e, requirements: s }, async (u) => {
+      await T({
+        request: {
+          companyUuid: r,
+          state: o,
+          requestBody: {
+            requirementSets: [
+              {
+                state: o,
+                key: u.key,
+                effectiveFrom: u.effectiveFrom,
+                requirements: u.requirements
+              }
+            ]
+          }
+        }
+      }), m.succeeded = !0;
+    }), m.succeeded && c(
+      i("rateScheduledSuccess", { date: v.formatLongWithYear(e) })
+    ), m.succeeded;
+  }, g = a.length === 1 ? a[0] : void 0;
+  return /* @__PURE__ */ n(
+    U,
+    {
+      value: { state: o, groups: a, isPendingUpdate: A, handleCancel: p, handleAddRate: D },
+      children: /* @__PURE__ */ M(x, { flexDirection: "column", gap: 16, alignItems: "stretch", children: [
+        l && /* @__PURE__ */ n(
+          C.Alert,
+          {
+            status: "success",
+            label: l,
+            onDismiss: () => {
+              c(null);
+            }
+          }
+        ),
+        /* @__PURE__ */ n(
+          N,
+          {
+            className: S,
+            title: i("title", { state: b(o) }),
+            subtitle: i("subtitle"),
+            onBack: p,
+            backLabel: i("backCta"),
+            actions: g && /* @__PURE__ */ n(P, { state: o, group: g }),
+            children: /* @__PURE__ */ n(x, { flexDirection: "column", gap: 32, alignItems: "stretch", children: k ?? a.map((t) => /* @__PURE__ */ n(
+              H,
+              {
+                group: t,
+                showHeader: a.length > 1
+              },
+              t.key
+            )) })
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  ae as TaxRateManagement
+};
+//# sourceMappingURL=TaxRateManagement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TaxRateManagement.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/TaxRateManagement.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useTaxRequirementsGetSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGet'\nimport { useTaxRequirementsUpdateStateMutation } from '@gusto/embedded-api/react-query/taxRequirementsUpdateState'\nimport { TaxRateHistorySection } from './TaxRateHistorySection'\nimport { AddRateAction } from './AddRateAction'\nimport { TaxRateManagementProvider, type TaxRateKeyGroup } from './context'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { DetailViewLayout, Flex } from '@/components/Common'\nimport { componentEvents, type STATES_ABBR } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\n/**\n * Props for {@link TaxRateManagement}.\n *\n * @public\n */\nexport interface TaxRateManagementProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Two-letter code of the state whose tax rate history is managed. */\n  state: string\n}\n\n/**\n * Standalone view of a company's effective-dated state tax rate history, with the ability to\n * schedule a new future-dated rate.\n *\n * @remarks\n * Lower-level building block used by {@link StateTaxes} for its \"manage tax rates\" view. Only\n * effective-dated requirement keys (e.g. tax rates, deposit schedules) are shown — non-dated\n * sections like registration numbers have no history/scheduling story and are edited via\n * {@link StateTaxesForm} instead.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `CANCEL` | The user navigated back to the state tax list | — |\n *\n * @param props - {@link TaxRateManagementProps}\n * @returns The rendered tax rate history/scheduling view.\n * @public\n *\n * @example\n * ```tsx\n * import { CompanyOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <CompanyOnboarding.TaxRateManagement\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       state=\"CA\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function TaxRateManagement(props: TaxRateManagementProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, state, className, children }: TaxRateManagementProps) {\n  useI18n('Company.StateTaxes')\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'manageRates' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n  const { onEvent, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const [successMessage, setSuccessMessage] = useState<string | null>(null)\n\n  const { data: currentData } = useTaxRequirementsGetSuspense({ companyUuid: companyId, state })\n  const { data: schedulingData } = useTaxRequirementsGetSuspense({\n    companyUuid: companyId,\n    state,\n    scheduling: true,\n  })\n\n  const { mutateAsync: updateStateTax, isPending: isPendingUpdate } =\n    useTaxRequirementsUpdateStateMutation()\n\n  const groups = useMemo<TaxRateKeyGroup[]>(() => {\n    const byKey = new Map<string, TaxRateKeyGroup>()\n\n    currentData.taxRequirementsState?.requirementSets?.forEach(set => {\n      if (!set.key || typeof set.effectiveFrom !== 'string') return\n      const group = byKey.get(set.key) ?? {\n        key: set.key,\n        label: set.label,\n        sets: [],\n        candidateSets: [],\n      }\n      group.sets.push(set)\n      byKey.set(set.key, group)\n    })\n\n    schedulingData.taxRequirementsState?.requirementSets?.forEach(set => {\n      if (!set.key || typeof set.effectiveFrom !== 'string') return\n      const group = byKey.get(set.key)\n      if (!group) return\n      group.candidateSets.push(set)\n    })\n\n    return Array.from(byKey.values())\n  }, [currentData, schedulingData])\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleAddRate = async (\n    key: string,\n    effectiveFrom: string,\n    requirements: { key: string; value: string }[],\n  ): Promise<boolean> => {\n    const result = { succeeded: false }\n    setSuccessMessage(null)\n    await baseSubmitHandler({ key, effectiveFrom, requirements }, async payload => {\n      await updateStateTax({\n        request: {\n          companyUuid: companyId,\n          state,\n          requestBody: {\n            requirementSets: [\n              {\n                state,\n                key: payload.key,\n                effectiveFrom: payload.effectiveFrom,\n                requirements: payload.requirements,\n              },\n            ],\n          },\n        },\n      })\n      result.succeeded = true\n    })\n    if (result.succeeded) {\n      setSuccessMessage(\n        t('rateScheduledSuccess', { date: dateFormatter.formatLongWithYear(effectiveFrom) }),\n      )\n    }\n    return result.succeeded\n  }\n\n  const singleGroup = groups.length === 1 ? groups[0] : undefined\n\n  return (\n    <TaxRateManagementProvider\n      value={{ state, groups, isPendingUpdate, handleCancel, handleAddRate }}\n    >\n      <Flex flexDirection=\"column\" gap={16} alignItems=\"stretch\">\n        {successMessage && (\n          <Components.Alert\n            status=\"success\"\n            label={successMessage}\n            onDismiss={() => {\n              setSuccessMessage(null)\n            }}\n          />\n        )}\n        <DetailViewLayout\n          className={className}\n          title={t('title', { state: statesHash(state as (typeof STATES_ABBR)[number]) })}\n          subtitle={t('subtitle')}\n          onBack={handleCancel}\n          backLabel={t('backCta')}\n          actions={singleGroup && <AddRateAction state={state} group={singleGroup} />}\n        >\n          <Flex flexDirection=\"column\" gap={32} alignItems=\"stretch\">\n            {children ??\n              groups.map(group => (\n                <TaxRateHistorySection\n                  key={group.key}\n                  group={group}\n                  showHeader={groups.length > 1}\n                />\n              ))}\n          </Flex>\n        </DetailViewLayout>\n      </Flex>\n    </TaxRateManagementProvider>\n  )\n}\n"],"names":["TaxRateManagement","props","jsx","BaseComponent","Root","companyId","state","className","children","useI18n","t","useTranslation","statesHash","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","dateFormatter","useDateFormatter","successMessage","setSuccessMessage","useState","currentData","useTaxRequirementsGetSuspense","schedulingData","updateStateTax","isPendingUpdate","useTaxRequirementsUpdateStateMutation","groups","useMemo","byKey","set","group","handleCancel","componentEvents","handleAddRate","key","effectiveFrom","requirements","result","payload","singleGroup","TaxRateManagementProvider","Flex","DetailViewLayout","AddRateAction","TaxRateHistorySection"],"mappings":"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"}

package/dist/components/Company/StateTaxes/TaxRateManagement/context.d.ts

@@ -0,0 +1,25 @@
+import { TaxRequirementSet } from '@gusto/embedded-api/models/components/taxrequirementset';
+/**
+ * A state's effective-dated requirement sets for a single key, grouped for history display,
+ * plus any future-dated candidate sets available to schedule against.
+ *
+ * @internal
+ */
+export interface TaxRateKeyGroup {
+    key: string;
+    label?: string;
+    sets: TaxRequirementSet[];
+    candidateSets: TaxRequirementSet[];
+}
+interface TaxRateManagementContextType {
+    state: string;
+    groups: TaxRateKeyGroup[];
+    isPendingUpdate: boolean;
+    handleCancel: () => void;
+    handleAddRate: (key: string, effectiveFrom: string, requirements: {
+        key: string;
+        value: string;
+    }[]) => Promise<boolean>;
+}
+declare const useTaxRateManagement: () => TaxRateManagementContextType, TaxRateManagementProvider: import('react').Provider<TaxRateManagementContextType | null>;
+export { useTaxRateManagement, TaxRateManagementProvider };

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

@@ -0,0 +1,22 @@
+import "react/jsx-runtime";
+import "react";
+import "react-error-boundary";
+import "react-i18next";
+import "@tanstack/react-query";
+import "../../../Base/useBase.js";
+import "@gusto/embedded-api/models/errors/apierror";
+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 { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
+const [s, u] = t("TaxRateManagementContext");
+export {
+  u as TaxRateManagementProvider,
+  s as useTaxRateManagement
+};
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +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;"}

package/dist/components/Company/StateTaxes/TaxRateManagement/index.d.ts

@@ -0,0 +1 @@
+export { TaxRateManagement, type TaxRateManagementProps } from './TaxRateManagement';

package/dist/components/Company/StateTaxes/TaxRateManagement/toHistoryRows.d.ts

@@ -0,0 +1,29 @@
+import { TaxRequirementSet } from '@gusto/embedded-api/models/components/taxrequirementset';
+/** @internal */
+export type HistoryRowStatus = 'current' | 'scheduled' | 'historical';
+/** @internal */
+export interface HistoryRow {
+    id: string;
+    effectiveFrom: string;
+    status: HistoryRowStatus;
+    values: Record<string, string>;
+}
+/** @internal */
+export interface RequirementColumn {
+    key: string;
+    label?: string;
+}
+/**
+ * Tags each effective-dated requirement set for a key as current, scheduled (future), or
+ * historical (past), relative to today.
+ *
+ * @internal
+ */
+export declare function toHistoryRows(sets: TaxRequirementSet[]): HistoryRow[];
+/**
+ * Builds the union of editable requirement keys/labels across a set of requirement sets,
+ * in first-seen order, for use as dynamic table columns.
+ *
+ * @internal
+ */
+export declare function extractRequirementColumns(sets: TaxRequirementSet[]): RequirementColumn[];

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

@@ -0,0 +1,34 @@
+import { formatDateToStringDate as a } from "../../../../helpers/dateFormatting.js";
+function u(o) {
+  return typeof o.effectiveFrom == "string" && o.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,
+    -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 {
+      id: `${t.key ?? "set"}-${t.effectiveFrom}-${r}`,
+      effectiveFrom: t.effectiveFrom,
+      status: s,
+      values: c
+    };
+  });
+}
+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());
+}
+export {
+  v as extractRequirementColumns,
+  m as toHistoryRows
+};
+//# sourceMappingURL=toHistoryRows.js.map