@gusto/embedded-react-sdk 0.55.2 → 0.55.4

package/dist/components/Company/StateTaxes/StateTaxesForm/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Fragment } from 'react/jsx-runtime'\nimport { RequirementFields } from '../shared/RequirementFields'\nimport { getUniqueRhfKey } from '../shared/rhfKey'\nimport { useStateTaxesForm } from './context'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\n/** @internal */\nexport function Form() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const dateFormatter = useDateFormatter()\n  const { stateTaxRequirements } = useStateTaxesForm()\n  const Components = useComponentContext()\n  const requirementSets = stateTaxRequirements.requirementSets ?? []\n\n  // A single key (e.g. \"taxrates\") can appear in more than one set when a future-dated set is\n  // already scheduled alongside the current one — each rendered section still needs its own\n  // disambiguated form path so the two sections' fields don't share state.\n  return requirementSets.map((requirementSet, index) => {\n    const { requirements, label, effectiveFrom, key } = requirementSet\n    if (!key) return null\n    const requirementSetPath = getUniqueRhfKey(requirementSet, index, requirementSets)\n    return (\n      <Fragment key={requirementSetPath}>\n        <div>\n          <Components.Heading as=\"h3\">{label}</Components.Heading>\n          {effectiveFrom && (\n            <Components.Text size=\"sm\">\n              {t('effectiveFromLabel', { date: dateFormatter.formatLongWithYear(effectiveFrom) })}\n            </Components.Text>\n          )}\n        </div>\n        <RequirementFields requirements={requirements} requirementSetKey={requirementSetPath} />\n      </Fragment>\n    )\n  })\n}\n"],"names":["Form","t","useTranslation","dateFormatter","useDateFormatter","stateTaxRequirements","useStateTaxesForm","Components","useComponentContext","requirementSets","requirementSet","index","requirements","label","effectiveFrom","key","requirementSetPath","getUniqueRhfKey","Fragment","jsxs","jsx","RequirementFields"],"mappings":";;;;;;;AASO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClEC,IAAgBC,EAAA,GAChB,EAAE,sBAAAC,EAAA,IAAyBC,EAAA,GAC3BC,IAAaC,EAAA,GACbC,IAAkBJ,EAAqB,mBAAmB,CAAA;AAKhE,SAAOI,EAAgB,IAAI,CAACC,GAAgBC,MAAU;AACpD,UAAM,EAAE,cAAAC,GAAc,OAAAC,GAAO,eAAAC,GAAe,KAAAC,MAAQL;AACpD,QAAI,CAACK,EAAK,QAAO;AACjB,UAAMC,IAAqBC,EAAgBP,GAAgBC,GAAOF,CAAe;AACjF,6BACGS,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAC,EAACb,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAM,GAAM;AAAA,QAClCC,KACC,gBAAAM,EAACb,EAAW,MAAX,EAAgB,MAAK,MACnB,UAAAN,EAAE,sBAAsB,EAAE,MAAME,EAAc,mBAAmBW,CAAa,EAAA,CAAG,EAAA,CACpF;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAM,EAACC,GAAA,EAAkB,cAAAT,GAA4B,mBAAmBI,EAAA,CAAoB;AAAA,IAAA,EAAA,GATzEA,CAUf;AAAA,EAEJ,CAAC;AACH;"}
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Fragment } from 'react/jsx-runtime'\nimport { RequirementFields } from '../shared/RequirementFields'\nimport { getUniqueRhfKey } from '../shared/rhfKey'\nimport { isRequirementSetEditable } from '../shared/prepareRequirements'\nimport { useStateTaxesForm } from './context'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\n/**\n * Renders one section per requirement set, skipping sets that have nothing left to edit once\n * non-editable requirements — and requirements resolved as never-applicable against a\n * non-editable sibling — are dropped (mirrors gws-flows' `TaxRequirements::Edit.set_editable?`,\n * which drops such sets from its own edit view entirely).\n *\n * @internal\n */\nexport function Form() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const dateFormatter = useDateFormatter()\n  const { stateTaxRequirements } = useStateTaxesForm()\n  const Components = useComponentContext()\n  const requirementSets = stateTaxRequirements.requirementSets ?? []\n\n  // A single key (e.g. \"taxrates\") can appear in more than one set when a future-dated set is\n  // already scheduled alongside the current one — each rendered section still needs its own\n  // disambiguated form path so the two sections' fields don't share state.\n  const sections = requirementSets.map((requirementSet, index) => {\n    const { requirements, label, effectiveFrom, key } = requirementSet\n    if (!key) return null\n    if (!isRequirementSetEditable(requirements ?? [])) return null\n    const requirementSetPath = getUniqueRhfKey(requirementSet, index, requirementSets)\n    return (\n      <Fragment key={requirementSetPath}>\n        <div>\n          <Components.Heading as=\"h3\">{label}</Components.Heading>\n          {effectiveFrom && (\n            <Components.Text size=\"sm\">\n              {t('effectiveFromLabel', { date: dateFormatter.formatLongWithYear(effectiveFrom) })}\n            </Components.Text>\n          )}\n        </div>\n        <RequirementFields requirements={requirements} requirementSetKey={requirementSetPath} />\n      </Fragment>\n    )\n  })\n\n  if (sections.every(section => section === null)) {\n    return (\n      <Components.Alert status=\"info\" label={t('noEditableRequirementsTitle')}>\n        {t('noEditableRequirementsDescription')}\n      </Components.Alert>\n    )\n  }\n\n  return sections\n}\n"],"names":["Form","t","useTranslation","dateFormatter","useDateFormatter","stateTaxRequirements","useStateTaxesForm","Components","useComponentContext","requirementSets","sections","requirementSet","index","requirements","label","effectiveFrom","key","isRequirementSetEditable","requirementSetPath","getUniqueRhfKey","Fragment","jsxs","jsx","RequirementFields","section"],"mappings":";;;;;;;;AAiBO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClEC,IAAgBC,EAAA,GAChB,EAAE,sBAAAC,EAAA,IAAyBC,EAAA,GAC3BC,IAAaC,EAAA,GACbC,IAAkBJ,EAAqB,mBAAmB,CAAA,GAK1DK,IAAWD,EAAgB,IAAI,CAACE,GAAgBC,MAAU;AAC9D,UAAM,EAAE,cAAAC,GAAc,OAAAC,GAAO,eAAAC,GAAe,KAAAC,MAAQL;AAEpD,QADI,CAACK,KACD,CAACC,EAAyBJ,KAAgB,CAAA,CAAE,EAAG,QAAO;AAC1D,UAAMK,IAAqBC,EAAgBR,GAAgBC,GAAOH,CAAe;AACjF,6BACGW,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAC,EAACf,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAO,GAAM;AAAA,QAClCC,KACC,gBAAAO,EAACf,EAAW,MAAX,EAAgB,MAAK,MACnB,UAAAN,EAAE,sBAAsB,EAAE,MAAME,EAAc,mBAAmBY,CAAa,EAAA,CAAG,EAAA,CACpF;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAO,EAACC,GAAA,EAAkB,cAAAV,GAA4B,mBAAmBK,EAAA,CAAoB;AAAA,IAAA,EAAA,GATzEA,CAUf;AAAA,EAEJ,CAAC;AAED,SAAIR,EAAS,MAAM,CAAAc,MAAWA,MAAY,IAAI,IAE1C,gBAAAF,EAACf,EAAW,OAAX,EAAiB,QAAO,QAAO,OAAON,EAAE,6BAA6B,GACnE,UAAAA,EAAE,mCAAmC,EAAA,CACxC,IAIGS;AACT;"}

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

@@ -1,87 +1,88 @@
-import { jsx as t, jsxs as D, Fragment as M } from "react/jsx-runtime";
-import { useForm as _, FormProvider as w } from "react-hook-form";
-import { zodResolver as z } from "@hookform/resolvers/zod";
-import { useTaxRequirementsUpdateStateMutation as H } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
-import { useTaxRequirementsGetSuspense as K } from "@gusto/embedded-api/react-query/taxRequirementsGet";
+import { jsx as t, jsxs as M, Fragment as _ } from "react/jsx-runtime";
+import { useForm as w, FormProvider as z } from "react-hook-form";
+import { zodResolver as H } from "@hookform/resolvers/zod";
+import { useTaxRequirementsUpdateStateMutation as K } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
+import { useTaxRequirementsGetSuspense as N } from "@gusto/embedded-api/react-query/taxRequirementsGet";
 import { z as b } from "zod";
-import { useMemo as N } from "react";
-import { useTranslation as O } from "react-i18next";
+import { useMemo as O } from "react";
+import { useTranslation as G } from "react-i18next";
 import { getUniqueRhfKey as d } from "../shared/rhfKey.js";
-import { isRequirementApplicable as G } from "../shared/applicableIf.js";
-import { buildRequirementSchema as L } from "../shared/buildRequirementSchema.js";
-import { stringifyRequirementValue as X } from "../shared/requirementValue.js";
-import { Head as Y } from "./Head.js";
-import { StateTaxesFormProvider as $ } from "./context.js";
-import { Form as I } from "./Form.js";
-import { Actions as J } from "./Actions.js";
-import { BaseComponent as Q } from "../../../Base/Base.js";
-import { useI18n as W } from "../../../../i18n/I18n.js";
-import { Flex as Z } from "../../../Common/Flex/Flex.js";
-import { Form as ee } from "../../../Common/Form/Form.js";
-import { componentEvents as R } from "../../../../shared/constants.js";
-import { useBase as te } from "../../../Base/useBase.js";
-function Pe(n) {
-  return /* @__PURE__ */ t(Q, { ...n, children: /* @__PURE__ */ t(re, { ...n, children: n.children }) });
+import { isRequirementApplicable as L } from "../shared/applicableIf.js";
+import { prepareRequirements as v } from "../shared/prepareRequirements.js";
+import { buildRequirementSchema as X } from "../shared/buildRequirementSchema.js";
+import { stringifyRequirementValue as Y } from "../shared/requirementValue.js";
+import { Head as $ } from "./Head.js";
+import { StateTaxesFormProvider as I } from "./context.js";
+import { Form as J } from "./Form.js";
+import { Actions as Q } from "./Actions.js";
+import { BaseComponent as W } from "../../../Base/Base.js";
+import { useI18n as Z } from "../../../../i18n/I18n.js";
+import { Flex as ee } from "../../../Common/Flex/Flex.js";
+import { Form as te } from "../../../Common/Form/Form.js";
+import { componentEvents as F } from "../../../../shared/constants.js";
+import { useBase as re } from "../../../Base/useBase.js";
+function ke(o) {
+  return /* @__PURE__ */ t(W, { ...o, children: /* @__PURE__ */ t(oe, { ...o, children: o.children }) });
 }
-function re({ companyId: n, state: a, className: v, children: S }) {
-  W("Company.StateTaxes");
-  const { onEvent: y, baseSubmitHandler: F } = te(), { t: q } = O("Company.StateTaxes", { keyPrefix: "form" }), { data: P } = K({ companyUuid: n, state: a }), c = P.taxRequirementsState, { mutateAsync: g, isPending: k } = H(), { dynamicSchema: A, defaultValues: C } = N(() => {
-    const u = {}, m = {}, f = c.requirementSets ?? [];
-    return f.forEach((s, e) => {
-      if (!s.key) return;
-      const r = d(s, e, f), { shape: i, defaults: p } = L(s.requirements, q);
-      Object.keys(i).length > 0 && (u[r] = b.object(i), m[r] = p);
+function oe({ companyId: o, state: c, className: P, children: q }) {
+  Z("Company.StateTaxes");
+  const { onEvent: y, baseSubmitHandler: g } = re(), { t: x } = G("Company.StateTaxes", { keyPrefix: "form" }), { data: k } = N({ companyUuid: o, state: c }), u = k.taxRequirementsState, { mutateAsync: A, isPending: C } = K(), { dynamicSchema: E, defaultValues: U } = O(() => {
+    const f = {}, n = {}, p = u.requirementSets ?? [];
+    return p.forEach((i, e) => {
+      if (!i.key) return;
+      const r = d(i, e, p), s = v(i.requirements ?? []), { shape: a, defaults: h } = X(s, x);
+      Object.keys(a).length > 0 && (f[r] = b.object(a), n[r] = h);
     }), {
-      dynamicSchema: b.object(u),
-      defaultValues: m
+      dynamicSchema: b.object(f),
+      defaultValues: n
     };
-  }, [c, q]), { control: E, ...x } = _({
-    resolver: z(A),
-    defaultValues: C
-  }), U = async (u) => {
-    await F(u, async (m) => {
-      const f = m, l = c.requirementSets ?? [], s = l.map((e, r) => ({ requirementSet: e, setIndex: r })).filter(({ requirementSet: e, setIndex: r }) => {
+  }, [u, x]), { control: j, ...R } = w({
+    resolver: H(E),
+    defaultValues: U
+  }), B = async (f) => {
+    await g(f, async (n) => {
+      const p = n, l = u.requirementSets ?? [], i = l.map((e, r) => ({ requirementSet: e, setIndex: r })).filter(({ requirementSet: e, setIndex: r }) => {
         if (!e.key) return !1;
-        const i = d(e, r, l);
-        return !!m[i];
+        const s = d(e, r, l);
+        return !!n[s];
       }).map(({ requirementSet: e, setIndex: r }) => {
-        const i = e.key, p = d(e, r, l), B = m[p], T = e.requirements ?? [], V = T.map((o, h) => ({ req: o, index: h })).filter(({ req: o }) => o.editable !== !1).filter(({ req: o }) => G(o, p, f));
+        const s = e.key, a = d(e, r, l), h = n[a], T = v(e.requirements ?? []), D = T.map((m, S) => ({ req: m, index: S })).filter(({ req: m }) => L(m, a, p));
         return {
-          state: a,
-          key: i,
+          state: c,
+          key: s,
           effectiveFrom: e.effectiveFrom,
-          requirements: V.map(({ req: o, index: h }) => ({
-            key: o.key,
-            value: X(
-              B[d(o, h, T)]
+          requirements: D.map(({ req: m, index: S }) => ({
+            key: m.key,
+            value: Y(
+              h[d(m, S, T)]
             )
           }))
         };
       });
-      await g({
+      await A({
         request: {
-          companyUuid: n,
-          requestBody: { requirementSets: s },
-          state: a
+          companyUuid: o,
+          requestBody: { requirementSets: i },
+          state: c
         }
-      }), y(R.COMPANY_STATE_TAX_UPDATED);
+      }), y(F.COMPANY_STATE_TAX_UPDATED);
     });
-  }, j = () => {
-    y(R.CANCEL);
+  }, V = () => {
+    y(F.CANCEL);
   };
-  return /* @__PURE__ */ t("section", { className: v, children: /* @__PURE__ */ t(w, { ...x, control: E, children: /* @__PURE__ */ t(ee, { onSubmit: x.handleSubmit(U), children: /* @__PURE__ */ t(
-    $,
+  return /* @__PURE__ */ t("section", { className: P, children: /* @__PURE__ */ t(z, { ...R, control: j, children: /* @__PURE__ */ t(te, { onSubmit: R.handleSubmit(B), children: /* @__PURE__ */ t(
+    I,
     {
-      value: { stateTaxRequirements: c, isPending: k, state: a, handleCancel: j },
-      children: /* @__PURE__ */ t(Z, { flexDirection: "column", gap: 32, children: S || /* @__PURE__ */ D(M, { children: [
-        /* @__PURE__ */ t(Y, {}),
-        /* @__PURE__ */ t(I, {}),
-        /* @__PURE__ */ t(J, {})
+      value: { stateTaxRequirements: u, isPending: C, state: c, handleCancel: V },
+      children: /* @__PURE__ */ t(ee, { flexDirection: "column", gap: 32, children: q || /* @__PURE__ */ M(_, { children: [
+        /* @__PURE__ */ t($, {}),
+        /* @__PURE__ */ t(J, {}),
+        /* @__PURE__ */ t(Q, {})
       ] }) })
     }
   ) }) }) });
 }
 export {
-  Pe as StateTaxesForm
+  ke as StateTaxesForm
 };
 //# sourceMappingURL=StateTaxesForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesForm.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTaxRequirementsUpdateStateMutation } from '@gusto/embedded-api/react-query/taxRequirementsUpdateState'\nimport { useTaxRequirementsGetSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGet'\nimport { z } from 'zod'\nimport { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { getUniqueRhfKey } from '../shared/rhfKey'\nimport { isRequirementApplicable, type StateTaxesFormValues } from '../shared/applicableIf'\nimport { buildRequirementSchema } from '../shared/buildRequirementSchema'\nimport { stringifyRequirementValue } from '../shared/requirementValue'\nimport { Head } from './Head'\nimport { StateTaxesFormProvider } from './context'\nimport { Form } from './Form'\nimport { Actions } from './Actions'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { componentEvents } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\n\n/**\n * Props for {@link StateTaxesForm}.\n *\n * @public\n */\nexport interface StateTaxesFormProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Two-letter code of the state whose tax requirements are edited. */\n  state: string\n}\n\n/**\n * Standalone form for editing a company's state tax requirements for a single state.\n *\n * @remarks\n * Lower-level building block used by {@link StateTaxes} for its edit view. Use directly when\n * you need full control over navigation between the list and edit views.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/stateTaxes/updated` | State tax requirements were saved successfully | Response from the update state tax requirements API |\n * | `CANCEL` | The user cancelled editing | — |\n *\n * @param props - {@link StateTaxesFormProps}\n * @returns The rendered state taxes edit form.\n * @public\n *\n * @example\n * ```tsx\n * import { CompanyOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <CompanyOnboarding.StateTaxesForm\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       state=\"CA\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function StateTaxesForm(props: StateTaxesFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, state, className, children }: StateTaxesFormProps) {\n  useI18n('Company.StateTaxes')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { data } = useTaxRequirementsGetSuspense({ companyUuid: companyId, state })\n  const stateTaxRequirements = data.taxRequirementsState!\n\n  const { mutateAsync: updateStateTax, isPending: isPendingUpdate } =\n    useTaxRequirementsUpdateStateMutation()\n\n  // Schema and default value generation\n  const { dynamicSchema, defaultValues } = useMemo(() => {\n    const schemaShape: Record<string, z.ZodObject> = {}\n    const values: Partial<Record<string, Record<string, string | boolean | number | undefined>>> =\n      {}\n    const requirementSets = stateTaxRequirements.requirementSets ?? []\n\n    //Looping through each requirement set. A single key (e.g. \"taxrates\") can appear more than\n    //once when a future-dated set is already scheduled alongside the current one, so each set\n    //needs its own disambiguated path — otherwise two visually distinct sections would silently\n    //share one underlying form field.\n    requirementSets.forEach((requirementSet, index) => {\n      if (!requirementSet.key) return\n\n      const requirementSetPath = getUniqueRhfKey(requirementSet, index, requirementSets)\n      const { shape, defaults } = buildRequirementSchema(requirementSet.requirements, t)\n\n      if (Object.keys(shape).length > 0) {\n        schemaShape[requirementSetPath] = z.object(shape)\n        values[requirementSetPath] = defaults\n      }\n    })\n\n    const finalSchema = z.object(schemaShape)\n\n    // Return both the schema and the default values\n    return {\n      dynamicSchema: finalSchema,\n      defaultValues: values as z.infer<typeof finalSchema>,\n    }\n  }, [stateTaxRequirements, t])\n\n  // Infer the type from the schema\n  type InferredFormInputs = z.infer<typeof dynamicSchema>\n\n  const { control, ...methods } = useForm({\n    resolver: zodResolver(dynamicSchema),\n    defaultValues,\n  })\n\n  const onSubmit = async (formData: InferredFormInputs) => {\n    await baseSubmitHandler(formData, async payload => {\n      const formValues = payload as StateTaxesFormValues\n      const allRequirementSets = stateTaxRequirements.requirementSets ?? []\n      const requirementSets = allRequirementSets\n        .map((requirementSet, setIndex) => ({ requirementSet, setIndex }))\n        .filter(({ requirementSet, setIndex }) => {\n          if (!requirementSet.key) return false\n          const requirementSetPath = getUniqueRhfKey(requirementSet, setIndex, allRequirementSets)\n          return Boolean(payload[requirementSetPath])\n        })\n        .map(({ requirementSet, setIndex }) => {\n          const requirementSetKey = requirementSet.key as string\n          const requirementSetPath = getUniqueRhfKey(requirementSet, setIndex, allRequirementSets)\n          const payloadSet = payload[requirementSetPath] as Record<string, unknown>\n          const requirements = requirementSet.requirements ?? []\n\n          const applicableRequirements = requirements\n            .map((req, index) => ({ req, index }))\n            .filter(({ req }) => req.editable !== false)\n            .filter(({ req }) => isRequirementApplicable(req, requirementSetPath, formValues))\n\n          return {\n            state,\n            key: requirementSetKey,\n            effectiveFrom: requirementSet.effectiveFrom,\n            requirements: applicableRequirements.map(({ req, index }) => ({\n              key: req.key as string,\n              value: stringifyRequirementValue(\n                payloadSet[getUniqueRhfKey(req, index, requirements)],\n              ),\n            })),\n          }\n        })\n      await updateStateTax({\n        request: {\n          companyUuid: companyId,\n          requestBody: { requirementSets },\n          state,\n        },\n      })\n      onEvent(componentEvents.COMPANY_STATE_TAX_UPDATED)\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <StateTaxesFormProvider\n            value={{ stateTaxRequirements, isPending: isPendingUpdate, state, handleCancel }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </StateTaxesFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["StateTaxesForm","props","jsx","BaseComponent","Root","companyId","state","className","children","useI18n","onEvent","baseSubmitHandler","useBase","t","useTranslation","data","useTaxRequirementsGetSuspense","stateTaxRequirements","updateStateTax","isPendingUpdate","useTaxRequirementsUpdateStateMutation","dynamicSchema","defaultValues","useMemo","schemaShape","values","requirementSets","requirementSet","index","requirementSetPath","getUniqueRhfKey","shape","defaults","buildRequirementSchema","z","control","methods","useForm","zodResolver","onSubmit","formData","payload","formValues","allRequirementSets","setIndex","requirementSetKey","payloadSet","requirements","applicableRequirements","req","isRequirementApplicable","stringifyRequirementValue","componentEvents","handleCancel","FormProvider","HtmlForm","StateTaxesFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":"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"}
+{"version":3,"file":"StateTaxesForm.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTaxRequirementsUpdateStateMutation } from '@gusto/embedded-api/react-query/taxRequirementsUpdateState'\nimport { useTaxRequirementsGetSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGet'\nimport { z } from 'zod'\nimport { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { getUniqueRhfKey } from '../shared/rhfKey'\nimport { isRequirementApplicable, type StateTaxesFormValues } from '../shared/applicableIf'\nimport { prepareRequirements } from '../shared/prepareRequirements'\nimport { buildRequirementSchema } from '../shared/buildRequirementSchema'\nimport { stringifyRequirementValue } from '../shared/requirementValue'\nimport { Head } from './Head'\nimport { StateTaxesFormProvider } from './context'\nimport { Form } from './Form'\nimport { Actions } from './Actions'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { componentEvents } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\n\n/**\n * Props for {@link StateTaxesForm}.\n *\n * @public\n */\nexport interface StateTaxesFormProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Two-letter code of the state whose tax requirements are edited. */\n  state: string\n}\n\n/**\n * Standalone form for editing a company's state tax requirements for a single state.\n *\n * @remarks\n * Lower-level building block used by {@link StateTaxes} for its edit view. Use directly when\n * you need full control over navigation between the list and edit views.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/stateTaxes/updated` | State tax requirements were saved successfully | Response from the update state tax requirements API |\n * | `CANCEL` | The user cancelled editing | — |\n *\n * @param props - {@link StateTaxesFormProps}\n * @returns The rendered state taxes edit form.\n * @public\n *\n * @example\n * ```tsx\n * import { CompanyOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <CompanyOnboarding.StateTaxesForm\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       state=\"CA\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function StateTaxesForm(props: StateTaxesFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, state, className, children }: StateTaxesFormProps) {\n  useI18n('Company.StateTaxes')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { data } = useTaxRequirementsGetSuspense({ companyUuid: companyId, state })\n  const stateTaxRequirements = data.taxRequirementsState!\n\n  const { mutateAsync: updateStateTax, isPending: isPendingUpdate } =\n    useTaxRequirementsUpdateStateMutation()\n\n  // Schema and default value generation\n  const { dynamicSchema, defaultValues } = useMemo(() => {\n    const schemaShape: Record<string, z.ZodObject> = {}\n    const values: Partial<Record<string, Record<string, string | boolean | number | undefined>>> =\n      {}\n    const requirementSets = stateTaxRequirements.requirementSets ?? []\n\n    //Looping through each requirement set. A single key (e.g. \"taxrates\") can appear more than\n    //once when a future-dated set is already scheduled alongside the current one, so each set\n    //needs its own disambiguated path — otherwise two visually distinct sections would silently\n    //share one underlying form field.\n    requirementSets.forEach((requirementSet, index) => {\n      if (!requirementSet.key) return\n\n      const requirementSetPath = getUniqueRhfKey(requirementSet, index, requirementSets)\n      const preparedRequirements = prepareRequirements(requirementSet.requirements ?? [])\n      const { shape, defaults } = buildRequirementSchema(preparedRequirements, t)\n\n      if (Object.keys(shape).length > 0) {\n        schemaShape[requirementSetPath] = z.object(shape)\n        values[requirementSetPath] = defaults\n      }\n    })\n\n    const finalSchema = z.object(schemaShape)\n\n    // Return both the schema and the default values\n    return {\n      dynamicSchema: finalSchema,\n      defaultValues: values as z.infer<typeof finalSchema>,\n    }\n  }, [stateTaxRequirements, t])\n\n  // Infer the type from the schema\n  type InferredFormInputs = z.infer<typeof dynamicSchema>\n\n  const { control, ...methods } = useForm({\n    resolver: zodResolver(dynamicSchema),\n    defaultValues,\n  })\n\n  const onSubmit = async (formData: InferredFormInputs) => {\n    await baseSubmitHandler(formData, async payload => {\n      const formValues = payload as StateTaxesFormValues\n      const allRequirementSets = stateTaxRequirements.requirementSets ?? []\n      const requirementSets = allRequirementSets\n        .map((requirementSet, setIndex) => ({ requirementSet, setIndex }))\n        .filter(({ requirementSet, setIndex }) => {\n          if (!requirementSet.key) return false\n          const requirementSetPath = getUniqueRhfKey(requirementSet, setIndex, allRequirementSets)\n          return Boolean(payload[requirementSetPath])\n        })\n        .map(({ requirementSet, setIndex }) => {\n          const requirementSetKey = requirementSet.key as string\n          const requirementSetPath = getUniqueRhfKey(requirementSet, setIndex, allRequirementSets)\n          const payloadSet = payload[requirementSetPath] as Record<string, unknown>\n          const preparedRequirements = prepareRequirements(requirementSet.requirements ?? [])\n\n          const applicableRequirements = preparedRequirements\n            .map((req, index) => ({ req, index }))\n            .filter(({ req }) => isRequirementApplicable(req, requirementSetPath, formValues))\n\n          return {\n            state,\n            key: requirementSetKey,\n            effectiveFrom: requirementSet.effectiveFrom,\n            requirements: applicableRequirements.map(({ req, index }) => ({\n              key: req.key as string,\n              value: stringifyRequirementValue(\n                payloadSet[getUniqueRhfKey(req, index, preparedRequirements)],\n              ),\n            })),\n          }\n        })\n      await updateStateTax({\n        request: {\n          companyUuid: companyId,\n          requestBody: { requirementSets },\n          state,\n        },\n      })\n      onEvent(componentEvents.COMPANY_STATE_TAX_UPDATED)\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <StateTaxesFormProvider\n            value={{ stateTaxRequirements, isPending: isPendingUpdate, state, handleCancel }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </StateTaxesFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["StateTaxesForm","props","jsx","BaseComponent","Root","companyId","state","className","children","useI18n","onEvent","baseSubmitHandler","useBase","t","useTranslation","data","useTaxRequirementsGetSuspense","stateTaxRequirements","updateStateTax","isPendingUpdate","useTaxRequirementsUpdateStateMutation","dynamicSchema","defaultValues","useMemo","schemaShape","values","requirementSets","requirementSet","index","requirementSetPath","getUniqueRhfKey","preparedRequirements","prepareRequirements","shape","defaults","buildRequirementSchema","z","control","methods","useForm","zodResolver","onSubmit","formData","payload","formValues","allRequirementSets","setIndex","requirementSetKey","payloadSet","applicableRequirements","req","isRequirementApplicable","stringifyRequirementValue","componentEvents","handleCancel","FormProvider","HtmlForm","StateTaxesFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoEO,SAASA,GAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,MAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,GAAK,EAAE,WAAAC,GAAW,OAAAC,GAAO,WAAAC,GAAW,UAAAC,KAAiC;AAC5E,EAAAC,EAAQ,oBAAoB;AAC5B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,GAAA,GACjC,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,MAAAC,MAASC,EAA8B,EAAE,aAAaX,GAAW,OAAAC,GAAO,GAC1EW,IAAuBF,EAAK,sBAE5B,EAAE,aAAaG,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GAGI,EAAE,eAAAC,GAAe,eAAAC,EAAA,IAAkBC,EAAQ,MAAM;AACrD,UAAMC,IAA2C,CAAA,GAC3CC,IACJ,CAAA,GACIC,IAAkBT,EAAqB,mBAAmB,CAAA;AAMhE,WAAAS,EAAgB,QAAQ,CAACC,GAAgBC,MAAU;AACjD,UAAI,CAACD,EAAe,IAAK;AAEzB,YAAME,IAAqBC,EAAgBH,GAAgBC,GAAOF,CAAe,GAC3EK,IAAuBC,EAAoBL,EAAe,gBAAgB,CAAA,CAAE,GAC5E,EAAE,OAAAM,GAAO,UAAAC,EAAA,IAAaC,EAAuBJ,GAAsBlB,CAAC;AAE1E,MAAI,OAAO,KAAKoB,CAAK,EAAE,SAAS,MAC9BT,EAAYK,CAAkB,IAAIO,EAAE,OAAOH,CAAK,GAChDR,EAAOI,CAAkB,IAAIK;AAAA,IAEjC,CAAC,GAKM;AAAA,MACL,eAJkBE,EAAE,OAAOZ,CAAW;AAAA,MAKtC,eAAeC;AAAA,IAAA;AAAA,EAEnB,GAAG,CAACR,GAAsBJ,CAAC,CAAC,GAKtB,EAAE,SAAAwB,GAAS,GAAGC,EAAA,IAAYC,EAAQ;AAAA,IACtC,UAAUC,EAAYnB,CAAa;AAAA,IACnC,eAAAC;AAAA,EAAA,CACD,GAEKmB,IAAW,OAAOC,MAAiC;AACvD,UAAM/B,EAAkB+B,GAAU,OAAMC,MAAW;AACjD,YAAMC,IAAaD,GACbE,IAAqB5B,EAAqB,mBAAmB,CAAA,GAC7DS,IAAkBmB,EACrB,IAAI,CAAClB,GAAgBmB,OAAc,EAAE,gBAAAnB,GAAgB,UAAAmB,EAAA,EAAW,EAChE,OAAO,CAAC,EAAE,gBAAAnB,GAAgB,UAAAmB,QAAe;AACxC,YAAI,CAACnB,EAAe,IAAK,QAAO;AAChC,cAAME,IAAqBC,EAAgBH,GAAgBmB,GAAUD,CAAkB;AACvF,eAAO,EAAQF,EAAQd,CAAkB;AAAA,MAC3C,CAAC,EACA,IAAI,CAAC,EAAE,gBAAAF,GAAgB,UAAAmB,QAAe;AACrC,cAAMC,IAAoBpB,EAAe,KACnCE,IAAqBC,EAAgBH,GAAgBmB,GAAUD,CAAkB,GACjFG,IAAaL,EAAQd,CAAkB,GACvCE,IAAuBC,EAAoBL,EAAe,gBAAgB,CAAA,CAAE,GAE5EsB,IAAyBlB,EAC5B,IAAI,CAACmB,GAAKtB,OAAW,EAAE,KAAAsB,GAAK,OAAAtB,EAAA,EAAQ,EACpC,OAAO,CAAC,EAAE,KAAAsB,EAAA,MAAUC,EAAwBD,GAAKrB,GAAoBe,CAAU,CAAC;AAEnF,eAAO;AAAA,UACL,OAAAtC;AAAA,UACA,KAAKyC;AAAA,UACL,eAAepB,EAAe;AAAA,UAC9B,cAAcsB,EAAuB,IAAI,CAAC,EAAE,KAAAC,GAAK,OAAAtB,SAAa;AAAA,YAC5D,KAAKsB,EAAI;AAAA,YACT,OAAOE;AAAA,cACLJ,EAAWlB,EAAgBoB,GAAKtB,GAAOG,CAAoB,CAAC;AAAA,YAAA;AAAA,UAC9D,EACA;AAAA,QAAA;AAAA,MAEN,CAAC;AACH,YAAMb,EAAe;AAAA,QACnB,SAAS;AAAA,UACP,aAAab;AAAA,UACb,aAAa,EAAE,iBAAAqB,EAAA;AAAA,UACf,OAAApB;AAAA,QAAA;AAAA,MACF,CACD,GACDI,EAAQ2C,EAAgB,yBAAyB;AAAA,IACnD,CAAC;AAAA,EACH,GAEMC,IAAe,MAAM;AACzB,IAAA5C,EAAQ2C,EAAgB,MAAM;AAAA,EAChC;AAEA,SACE,gBAAAnD,EAAC,WAAA,EAAQ,WAAAK,GACP,UAAA,gBAAAL,EAACqD,KAAc,GAAGjB,GAAS,SAAAD,GACzB,UAAA,gBAAAnC,EAACsD,IAAA,EAAS,UAAUlB,EAAQ,aAAaG,CAAQ,GAC/C,UAAA,gBAAAvC;AAAA,IAACuD;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,sBAAAxC,GAAsB,WAAWE,GAAiB,OAAAb,GAAO,cAAAgD,EAAA;AAAA,MAElE,UAAA,gBAAApD,EAACwD,MAAK,eAAc,UAAS,KAAK,IAC/B,UAAAlD,KAGC,gBAAAmD,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA1D,EAAC2D,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,EACF,CACF,GACF,GACF;AAEJ;"}

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

@@ -11,11 +11,10 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 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("StateTaxesFormContext");
+const [c, d] = t("StateTaxesFormContext");
 export {
-  u as StateTaxesFormProvider,
-  d as useStateTaxesForm
+  d as StateTaxesFormProvider,
+  c as useStateTaxesForm
 };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}

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

@@ -11,11 +11,10 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 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 [c, d] = t("StateTaxesListContext");
 export {
-  u as StateTaxesListProvider,
-  d as useStateTaxesList
+  d as StateTaxesListProvider,
+  c 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  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;"}
+{"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/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

@@ -11,11 +11,10 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [d, s] = t("TaxRateManagementContext");
+const [c, d] = t("TaxRateManagementContext");
 export {
-  s as TaxRateManagementProvider,
-  d 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;"}