@gusto/embedded-react-sdk 0.57.0 → 0.57.2

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

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

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 { prepareRequirements } from '../shared/prepareRequirements'\nimport { buildRequirementSchema } from '../shared/buildRequirementSchema'\nimport { stringifyRequirementValue } from '../shared/requirementValue'\nimport { parseRequirementSetError } from '../shared/requirementSetError'\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'\nimport { SDKInternalError } from '@/types/sdkError'\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      try {\n        await updateStateTax({\n          request: {\n            companyUuid: companyId,\n            requestBody: { requirementSets },\n            state,\n          },\n        })\n      } catch (error) {\n        const requirementSetError = parseRequirementSetError(error)\n        if (!requirementSetError) throw error\n\n        const section =\n          stateTaxRequirements.requirementSets?.find(\n            requirementSet => requirementSet.key === requirementSetError.key,\n          )?.label ?? requirementSetError.key\n        throw new SDKInternalError(\n          t('errors.incompleteRequirementSet', {\n            section,\n            state: requirementSetError.state ?? state,\n          }),\n          'api_error',\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","error","requirementSetError","parseRequirementSetError","section","SDKInternalError","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 { parseRequirementSetErrors, type RequirementSetError } from '../shared/requirementSetError'\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'\nimport { SDKInternalError } from '@/types/sdkError'\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 applyServerValueErrors = ({\n    key,\n    effectiveFrom,\n    valueErrors,\n  }: RequirementSetError): boolean => {\n    const allRequirementSets = stateTaxRequirements.requirementSets ?? []\n    const matchingSets = allRequirementSets\n      .map((requirementSet, setIndex) => ({ requirementSet, setIndex }))\n      .filter(({ requirementSet }) => requirementSet.key === key)\n    const target =\n      matchingSets.find(\n        ({ requirementSet }) => (requirementSet.effectiveFrom ?? undefined) === effectiveFrom,\n      ) ?? matchingSets[0]\n    if (!target) return false\n\n    const requirementSetPath = getUniqueRhfKey(\n      target.requirementSet,\n      target.setIndex,\n      allRequirementSets,\n    )\n    const preparedRequirements = prepareRequirements(target.requirementSet.requirements ?? [])\n\n    let applied = false\n    valueErrors.forEach(({ requirementKey, message }) => {\n      const requirementIndex = preparedRequirements.findIndex(req => req.key === requirementKey)\n      if (requirementIndex === -1) return\n      const fieldKey = getUniqueRhfKey(\n        preparedRequirements[requirementIndex]!,\n        requirementIndex,\n        preparedRequirements,\n      )\n      methods.setError(`${requirementSetPath}.${fieldKey}`, { type: 'server', message })\n      applied = true\n    })\n    return applied\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      try {\n        await updateStateTax({\n          request: {\n            companyUuid: companyId,\n            requestBody: { requirementSets },\n            state,\n          },\n        })\n      } catch (error) {\n        const requirementSetErrors = parseRequirementSetErrors(error)\n        if (!requirementSetErrors) throw error\n\n        const invalidSetErrors = requirementSetErrors.filter(applyServerValueErrors)\n        const reportedSetErrors =\n          invalidSetErrors.length > 0 ? invalidSetErrors : requirementSetErrors\n        const sections = reportedSetErrors\n          .map(\n            ({ key }) =>\n              stateTaxRequirements.requirementSets?.find(\n                requirementSet => requirementSet.key === key,\n              )?.label ?? key,\n          )\n          .join(', ')\n        throw new SDKInternalError(\n          t(\n            invalidSetErrors.length > 0\n              ? 'errors.invalidRequirementSet'\n              : 'errors.incompleteRequirementSet',\n            { section: sections, state: reportedSetErrors[0]!.state ?? state },\n          ),\n          'api_error',\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","applyServerValueErrors","key","effectiveFrom","valueErrors","allRequirementSets","matchingSets","setIndex","target","applied","requirementKey","message","requirementIndex","req","fieldKey","onSubmit","formData","payload","formValues","requirementSetKey","payloadSet","applicableRequirements","isRequirementApplicable","stringifyRequirementValue","error","requirementSetErrors","parseRequirementSetErrors","invalidSetErrors","reportedSetErrors","sections","SDKInternalError","componentEvents","handleCancel","FormProvider","HtmlForm","StateTaxesFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":"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"}

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

@@ -9,14 +9,13 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [u, f] = t("StateTaxesFormContext");
+const [d, u] = t("StateTaxesFormContext");
 export {
-  f as StateTaxesFormProvider,
-  u as useStateTaxesForm
+  u as StateTaxesFormProvider,
+  d 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

@@ -9,14 +9,13 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [u, f] = t("StateTaxesListContext");
+const [d, u] = t("StateTaxesListContext");
 export {
-  f as StateTaxesListProvider,
-  u as useStateTaxesList
+  u as StateTaxesListProvider,
+  d 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/context.js

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

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

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

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

@@ -1,15 +1,32 @@
-import { UnprocessableEntityError as n } from "@gusto/embedded-api/models/errors/unprocessableentityerror";
-function o(e) {
-  return typeof e == "object" && e !== null && "key" in e && typeof e.key == "string";
+import { UnprocessableEntityError as a } from "@gusto/embedded-api/models/errors/unprocessableentityerror";
+function s(t) {
+  return typeof t == "object" && t !== null && "key" in t && typeof t.key == "string";
 }
-function i(e) {
-  if (!(e instanceof n)) return null;
-  const t = e.errors.find(
-    (r) => r.errorKey === "requirement_sets" && r.category === "nested_errors"
-  );
-  return !t || !o(t.metadata) ? null : { key: t.metadata.key, state: t.metadata.state };
+function o(t) {
+  return (t.errors ?? []).flatMap((r) => {
+    if (r.errorKey !== "requirements" || !s(r.metadata))
+      return [];
+    const { key: e } = r.metadata;
+    return (r.errors ?? []).filter((n) => typeof n.message == "string").map((n) => ({ requirementKey: e, message: n.message }));
+  });
+}
+function i(t) {
+  if (!(t instanceof a)) return null;
+  const r = t.errors.filter((e) => e.errorKey === "requirement_sets" && e.category === "nested_errors").flatMap((e) => {
+    if (!s(e.metadata)) return [];
+    const { effective_from: n } = e.metadata;
+    return [
+      {
+        key: e.metadata.key,
+        state: e.metadata.state,
+        effectiveFrom: typeof n == "string" ? n : void 0,
+        valueErrors: o(e)
+      }
+    ];
+  });
+  return r.length > 0 ? r : null;
 }
 export {
-  i as parseRequirementSetError
+  i as parseRequirementSetErrors
 };
 //# sourceMappingURL=requirementSetError.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"requirementSetError.js","sources":["../../../../../src/components/Company/StateTaxes/shared/requirementSetError.ts"],"sourcesContent":["import { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\n\nfunction hasMetadataKey(metadata: unknown): metadata is { key: string; state?: string } {\n  return (\n    typeof metadata === 'object' &&\n    metadata !== null &&\n    'key' in metadata &&\n    typeof (metadata as { key: unknown }).key === 'string'\n  )\n}\n\n/**\n * `{ key, state }` identifying which requirement set an incomplete-requirement-set error targets.\n *\n * @internal\n */\nexport interface RequirementSetError {\n  key: string\n  state?: string\n}\n\n/**\n * Extracts `{ key, state }` from a tax-requirements-update error shaped as\n * `{ errorKey: \"requirement_sets\", category: \"nested_errors\", metadata: { key, state } }` —\n * the update endpoint's response when a requirement set (e.g. \"registrations\") was submitted\n * incomplete. Returns `null` for any other error shape.\n *\n * @internal\n */\nexport function parseRequirementSetError(error: unknown): RequirementSetError | null {\n  if (!(error instanceof UnprocessableEntityError)) return null\n\n  const match = error.errors.find(\n    err => err.errorKey === 'requirement_sets' && err.category === 'nested_errors',\n  )\n  if (!match || !hasMetadataKey(match.metadata)) return null\n\n  return { key: match.metadata.key, state: match.metadata.state }\n}\n"],"names":["hasMetadataKey","metadata","parseRequirementSetError","error","UnprocessableEntityError","match","err"],"mappings":";AAEA,SAASA,EAAeC,GAAgE;AACtF,SACE,OAAOA,KAAa,YACpBA,MAAa,QACb,SAASA,KACT,OAAQA,EAA8B,OAAQ;AAElD;AAoBO,SAASC,EAAyBC,GAA4C;AACnF,MAAI,EAAEA,aAAiBC,GAA2B,QAAO;AAEzD,QAAMC,IAAQF,EAAM,OAAO;AAAA,IACzB,CAAAG,MAAOA,EAAI,aAAa,sBAAsBA,EAAI,aAAa;AAAA,EAAA;AAEjE,SAAI,CAACD,KAAS,CAACL,EAAeK,EAAM,QAAQ,IAAU,OAE/C,EAAE,KAAKA,EAAM,SAAS,KAAK,OAAOA,EAAM,SAAS,MAAA;AAC1D;"}
+{"version":3,"file":"requirementSetError.js","sources":["../../../../../src/components/Company/StateTaxes/shared/requirementSetError.ts"],"sourcesContent":["import type { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\n\nfunction hasMetadataKey(metadata: unknown): metadata is { key: string; state?: string } {\n  return (\n    typeof metadata === 'object' &&\n    metadata !== null &&\n    'key' in metadata &&\n    typeof (metadata as { key: unknown }).key === 'string'\n  )\n}\n\n/**\n * A server-reported problem with a single requirement's submitted value.\n *\n * @internal\n */\nexport interface RequirementValueError {\n  requirementKey: string\n  message: string\n}\n\n/**\n * Identifies which requirement set a requirement-set error targets, plus any per-requirement\n * value errors the server reported inside it.\n *\n * @internal\n */\nexport interface RequirementSetError {\n  key: string\n  state?: string\n  effectiveFrom?: string\n  valueErrors: RequirementValueError[]\n}\n\nfunction extractValueErrors(requirementSetError: EntityErrorObject): RequirementValueError[] {\n  return (requirementSetError.errors ?? []).flatMap(requirementError => {\n    if (\n      requirementError.errorKey !== 'requirements' ||\n      !hasMetadataKey(requirementError.metadata)\n    ) {\n      return []\n    }\n    const { key } = requirementError.metadata\n    return (requirementError.errors ?? [])\n      .filter(valueError => typeof valueError.message === 'string')\n      .map(valueError => ({ requirementKey: key, message: valueError.message as string }))\n  })\n}\n\n/**\n * Extracts every requirement-set error from a tax-requirements-update error shaped as\n * `{ errorKey: \"requirement_sets\", category: \"nested_errors\", metadata: { key, state } }` —\n * the update endpoint's response when requirement sets (e.g. \"registrations\", \"taxrates\") were\n * rejected; one response can carry several sets. Each result includes the nested per-requirement\n * value errors (e.g. an invalid ID format). Returns `null` when no entry has that shape.\n *\n * @internal\n */\nexport function parseRequirementSetErrors(error: unknown): RequirementSetError[] | null {\n  if (!(error instanceof UnprocessableEntityError)) return null\n\n  const requirementSetErrors = error.errors\n    .filter(err => err.errorKey === 'requirement_sets' && err.category === 'nested_errors')\n    .flatMap(err => {\n      if (!hasMetadataKey(err.metadata)) return []\n      const { effective_from: effectiveFrom } = err.metadata as { effective_from?: unknown }\n      return [\n        {\n          key: err.metadata.key,\n          state: err.metadata.state,\n          effectiveFrom: typeof effectiveFrom === 'string' ? effectiveFrom : undefined,\n          valueErrors: extractValueErrors(err),\n        },\n      ]\n    })\n\n  return requirementSetErrors.length > 0 ? requirementSetErrors : null\n}\n"],"names":["hasMetadataKey","metadata","extractValueErrors","requirementSetError","requirementError","key","valueError","parseRequirementSetErrors","error","UnprocessableEntityError","requirementSetErrors","err","effectiveFrom"],"mappings":";AAGA,SAASA,EAAeC,GAAgE;AACtF,SACE,OAAOA,KAAa,YACpBA,MAAa,QACb,SAASA,KACT,OAAQA,EAA8B,OAAQ;AAElD;AAyBA,SAASC,EAAmBC,GAAiE;AAC3F,UAAQA,EAAoB,UAAU,CAAA,GAAI,QAAQ,CAAAC,MAAoB;AACpE,QACEA,EAAiB,aAAa,kBAC9B,CAACJ,EAAeI,EAAiB,QAAQ;AAEzC,aAAO,CAAA;AAET,UAAM,EAAE,KAAAC,MAAQD,EAAiB;AACjC,YAAQA,EAAiB,UAAU,CAAA,GAChC,OAAO,CAAAE,MAAc,OAAOA,EAAW,WAAY,QAAQ,EAC3D,IAAI,QAAe,EAAE,gBAAgBD,GAAK,SAASC,EAAW,UAAoB;AAAA,EACvF,CAAC;AACH;AAWO,SAASC,EAA0BC,GAA8C;AACtF,MAAI,EAAEA,aAAiBC,GAA2B,QAAO;AAEzD,QAAMC,IAAuBF,EAAM,OAChC,OAAO,CAAAG,MAAOA,EAAI,aAAa,sBAAsBA,EAAI,aAAa,eAAe,EACrF,QAAQ,CAAAA,MAAO;AACd,QAAI,CAACX,EAAeW,EAAI,QAAQ,UAAU,CAAA;AAC1C,UAAM,EAAE,gBAAgBC,EAAA,IAAkBD,EAAI;AAC9C,WAAO;AAAA,MACL;AAAA,QACE,KAAKA,EAAI,SAAS;AAAA,QAClB,OAAOA,EAAI,SAAS;AAAA,QACpB,eAAe,OAAOC,KAAkB,WAAWA,IAAgB;AAAA,QACnE,aAAaV,EAAmBS,CAAG;AAAA,MAAA;AAAA,IACrC;AAAA,EAEJ,CAAC;AAEH,SAAOD,EAAqB,SAAS,IAAIA,IAAuB;AAClE;"}

package/dist/components/Company/TaxPayments/TaxPaymentDetail/TaxPaymentDetail.js

@@ -0,0 +1,77 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useTranslation as g } from "react-i18next";
+import { useSuspenseQueries as C } from "@tanstack/react-query";
+import { useGustoEmbeddedContext as E } from "@gusto/embedded-api/react-query/_context";
+import { useTaxPaymentsGetTaxPaymentSuspense as U } from "@gusto/embedded-api/react-query/taxPaymentsGetTaxPayment";
+import { usePayrollsListSuspense as b } from "@gusto/embedded-api/react-query/payrollsList";
+import { buildPayrollsGetQuery as h } from "@gusto/embedded-api/react-query/payrollsGet";
+import { QueryParamPayrollTypes as n, ProcessingStatuses as p } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
+import { deriveTaxPaymentStatus as L } from "../shared/taxPaymentStatus.js";
+import { buildPayrollLookupWindow as A } from "../shared/payrollLookupWindow.js";
+import { TaxPaymentDetailPresentation as I } from "./TaxPaymentDetailPresentation.js";
+import { BaseComponent as M } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { componentEvents as R } from "../../../../shared/constants.js";
+import { useComponentDictionary as _, useI18n as k } from "../../../../i18n/I18n.js";
+import { useUnstableFeature as B } from "../../../../contexts/UnstableFeaturesProvider/useUnstableFeature.js";
+import { formatDateToStringDate as y } from "../../../../helpers/dateFormatting.js";
+function ot(o) {
+  return B("taxPayments", { throwIfDisabled: !0 }), /* @__PURE__ */ s(M, { ...o, children: /* @__PURE__ */ s(O, { ...o }) });
+}
+const G = 100, O = ({
+  companyId: o,
+  taxPaymentId: u,
+  className: d,
+  dictionary: P,
+  onEvent: f
+}) => {
+  _("Company.Management.TaxPaymentDetail", P), k("Company.Management.TaxPaymentDetail");
+  const { t: c } = g("Company.Management.TaxPaymentDetail"), D = E(), {
+    data: { taxPayment: e }
+  } = U({ companyUuid: o, uuid: u }), i = [...new Set((e?.lineItems ?? []).map((t) => t.payrollUuid))], m = A(
+    e?.periodStart?.toString(),
+    e?.periodEnd.toString(),
+    y(/* @__PURE__ */ new Date()) ?? ""
+  ), { data: x } = b({
+    companyId: o,
+    processingStatuses: [p.Processed, p.Unprocessed],
+    payrollTypes: [
+      n.Regular,
+      n.OffCycle,
+      n.External
+    ],
+    startDate: m?.startDate,
+    endDate: m?.endDate,
+    per: G
+  }), a = /* @__PURE__ */ new Map();
+  for (const t of x.payrollList ?? [])
+    t.payrollUuid && a.set(t.payrollUuid, t.payPeriod);
+  const l = i.filter((t) => !a.has(t)), T = C({
+    queries: l.map(
+      (t) => h(D, { companyId: o, payrollId: t })
+    )
+  }), r = {};
+  for (const t of i)
+    r[t] = a.get(t);
+  if (l.forEach((t, S) => {
+    r[t] = T[S]?.data.payrollShow?.payPeriod;
+  }), !e)
+    throw new Error(c("errors.taxPaymentNotFound"));
+  const w = L(e, y(/* @__PURE__ */ new Date()) ?? "");
+  return /* @__PURE__ */ s(
+    I,
+    {
+      className: d,
+      payment: e,
+      status: w,
+      payPeriodsByPayrollId: r,
+      onBack: () => {
+        f(R.TAX_PAYMENT_BACK);
+      }
+    }
+  );
+};
+export {
+  ot as TaxPaymentDetail
+};
+//# sourceMappingURL=TaxPaymentDetail.js.map

package/dist/components/Company/TaxPayments/TaxPaymentDetail/TaxPaymentDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaxPaymentDetail.js","sources":["../../../../../src/components/Company/TaxPayments/TaxPaymentDetail/TaxPaymentDetail.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useSuspenseQueries } from '@tanstack/react-query'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { useTaxPaymentsGetTaxPaymentSuspense } from '@gusto/embedded-api/react-query/taxPaymentsGetTaxPayment'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api/react-query/payrollsList'\nimport { buildPayrollsGetQuery } from '@gusto/embedded-api/react-query/payrollsGet'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n} from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport { deriveTaxPaymentStatus } from '../shared/taxPaymentStatus'\nimport { buildPayrollLookupWindow } from '../shared/payrollLookupWindow'\nimport { TaxPaymentDetailPresentation, type PayPeriodRange } from './TaxPaymentDetailPresentation'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\n/**\n * Props for {@link TaxPaymentDetail}.\n *\n * @alpha\n */\nexport interface TaxPaymentDetailProps extends BaseComponentInterface<'Company.Management.TaxPaymentDetail'> {\n  /** Identifier of the company the tax payment belongs to. */\n  companyId: string\n  /** Identifier of the tax payment to display. */\n  taxPaymentId: string\n}\n\n/**\n * Displays a single tax payment: its agency, status, jurisdiction, period, due date, amounts, and\n * the payroll tax liabilities that make it up.\n *\n * @remarks\n * Requires the `taxPayments` flag in {@link UnstableFeatures}. Each liability is labeled with the\n * pay period of the payroll it came from, resolved through a single payroll lookup windowed around\n * the payment's tax period rather than one request per payroll.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/taxPayments/back` | Fired when the user clicks the back button | — |\n *\n * @param props - See {@link TaxPaymentDetailProps}.\n * @returns The rendered tax payment detail view.\n * @alpha\n */\nexport function TaxPaymentDetail(props: TaxPaymentDetailProps) {\n  useUnstableFeature('taxPayments', { throwIfDisabled: true })\n\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\n/** Maximum payrolls fetched per windowed lookup; matches the endpoint's page-size ceiling. */\nconst PAYROLL_LOOKUP_PER_PAGE = 100\n\nconst Root = ({\n  companyId,\n  taxPaymentId,\n  className,\n  dictionary,\n  onEvent,\n}: TaxPaymentDetailProps) => {\n  useComponentDictionary('Company.Management.TaxPaymentDetail', dictionary)\n  useI18n('Company.Management.TaxPaymentDetail')\n  const { t } = useTranslation('Company.Management.TaxPaymentDetail')\n  const gustoClient = useGustoEmbeddedContext()\n\n  const {\n    data: { taxPayment },\n  } = useTaxPaymentsGetTaxPaymentSuspense({ companyUuid: companyId, uuid: taxPaymentId })\n\n  const payrollIds = [...new Set((taxPayment?.lineItems ?? []).map(item => item.payrollUuid))]\n\n  // One windowed list request resolves the pay period for every liability, instead of a GET per\n  // payroll. `payrollsList` filters on pay period when `dateFilterBy` is omitted, which is what the\n  // liabilities are keyed by.\n  const lookupWindow = buildPayrollLookupWindow(\n    taxPayment?.periodStart?.toString(),\n    taxPayment?.periodEnd.toString(),\n    formatDateToStringDate(new Date()) ?? '',\n  )\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Processed, ProcessingStatuses.Unprocessed],\n    payrollTypes: [\n      QueryParamPayrollTypes.Regular,\n      QueryParamPayrollTypes.OffCycle,\n      QueryParamPayrollTypes.External,\n    ],\n    startDate: lookupWindow?.startDate,\n    endDate: lookupWindow?.endDate,\n    per: PAYROLL_LOOKUP_PER_PAGE,\n  })\n\n  const windowedPayPeriods = new Map<string, PayPeriodRange | undefined>()\n  for (const payroll of payrollsData.payrollList ?? []) {\n    if (payroll.payrollUuid) windowedPayPeriods.set(payroll.payrollUuid, payroll.payPeriod)\n  }\n\n  // Safety net for liabilities whose payroll fell outside the padded window, so correctness does\n  // not depend on the padding being wide enough. Normally resolves to zero extra requests.\n  const unresolvedPayrollIds = payrollIds.filter(id => !windowedPayPeriods.has(id))\n\n  const fallbackResults = useSuspenseQueries({\n    queries: unresolvedPayrollIds.map(payrollId =>\n      buildPayrollsGetQuery(gustoClient, { companyId, payrollId }),\n    ),\n  })\n\n  const payPeriodsByPayrollId: Record<string, PayPeriodRange | undefined> = {}\n  for (const payrollId of payrollIds) {\n    payPeriodsByPayrollId[payrollId] = windowedPayPeriods.get(payrollId)\n  }\n  unresolvedPayrollIds.forEach((payrollId, index) => {\n    payPeriodsByPayrollId[payrollId] = fallbackResults[index]?.data.payrollShow?.payPeriod\n  })\n\n  if (!taxPayment) {\n    throw new Error(t('errors.taxPaymentNotFound'))\n  }\n\n  const status = deriveTaxPaymentStatus(taxPayment, formatDateToStringDate(new Date()) ?? '')\n\n  return (\n    <TaxPaymentDetailPresentation\n      className={className}\n      payment={taxPayment}\n      status={status}\n      payPeriodsByPayrollId={payPeriodsByPayrollId}\n      onBack={() => {\n        onEvent(componentEvents.TAX_PAYMENT_BACK)\n      }}\n    />\n  )\n}\n"],"names":["TaxPaymentDetail","props","useUnstableFeature","jsx","BaseComponent","Root","PAYROLL_LOOKUP_PER_PAGE","companyId","taxPaymentId","className","dictionary","onEvent","useComponentDictionary","useI18n","t","useTranslation","gustoClient","useGustoEmbeddedContext","taxPayment","useTaxPaymentsGetTaxPaymentSuspense","payrollIds","item","lookupWindow","buildPayrollLookupWindow","formatDateToStringDate","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","windowedPayPeriods","payroll","unresolvedPayrollIds","id","fallbackResults","useSuspenseQueries","buildPayrollsGetQuery","payrollId","payPeriodsByPayrollId","index","status","deriveTaxPaymentStatus","TaxPaymentDetailPresentation","componentEvents"],"mappings":";;;;;;;;;;;;;;;;;AAiDO,SAASA,GAAiBC,GAA8B;AAC7D,SAAAC,EAAmB,eAAe,EAAE,iBAAiB,GAAA,CAAM,GAGzD,gBAAAC,EAACC,KAAe,GAAGH,GACjB,4BAACI,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAGA,MAAMK,IAA0B,KAE1BD,IAAO,CAAC;AAAA,EACZ,WAAAE;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,MAA6B;AAC3B,EAAAC,EAAuB,uCAAuCF,CAAU,GACxEG,EAAQ,qCAAqC;AAC7C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qCAAqC,GAC5DC,IAAcC,EAAA,GAEd;AAAA,IACJ,MAAM,EAAE,YAAAC,EAAA;AAAA,EAAW,IACjBC,EAAoC,EAAE,aAAaZ,GAAW,MAAMC,GAAc,GAEhFY,IAAa,CAAC,GAAG,IAAI,KAAKF,GAAY,aAAa,CAAA,GAAI,IAAI,CAAAG,MAAQA,EAAK,WAAW,CAAC,CAAC,GAKrFC,IAAeC;AAAA,IACnBL,GAAY,aAAa,SAAA;AAAA,IACzBA,GAAY,UAAU,SAAA;AAAA,IACtBM,EAAuB,oBAAI,KAAA,CAAM,KAAK;AAAA,EAAA,GAGlC,EAAE,MAAMC,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAAnB;AAAA,IACA,oBAAoB,CAACoB,EAAmB,WAAWA,EAAmB,WAAW;AAAA,IACjF,cAAc;AAAA,MACZC,EAAuB;AAAA,MACvBA,EAAuB;AAAA,MACvBA,EAAuB;AAAA,IAAA;AAAA,IAEzB,WAAWN,GAAc;AAAA,IACzB,SAASA,GAAc;AAAA,IACvB,KAAKhB;AAAA,EAAA,CACN,GAEKuB,wBAAyB,IAAA;AAC/B,aAAWC,KAAWL,EAAa,eAAe,CAAA;AAChD,IAAIK,EAAQ,eAAaD,EAAmB,IAAIC,EAAQ,aAAaA,EAAQ,SAAS;AAKxF,QAAMC,IAAuBX,EAAW,OAAO,CAAAY,MAAM,CAACH,EAAmB,IAAIG,CAAE,CAAC,GAE1EC,IAAkBC,EAAmB;AAAA,IACzC,SAASH,EAAqB;AAAA,MAAI,OAChCI,EAAsBnB,GAAa,EAAE,WAAAT,GAAW,WAAA6B,GAAW;AAAA,IAAA;AAAA,EAC7D,CACD,GAEKC,IAAoE,CAAA;AAC1E,aAAWD,KAAahB;AACtB,IAAAiB,EAAsBD,CAAS,IAAIP,EAAmB,IAAIO,CAAS;AAMrE,MAJAL,EAAqB,QAAQ,CAACK,GAAWE,MAAU;AACjD,IAAAD,EAAsBD,CAAS,IAAIH,EAAgBK,CAAK,GAAG,KAAK,aAAa;AAAA,EAC/E,CAAC,GAEG,CAACpB;AACH,UAAM,IAAI,MAAMJ,EAAE,2BAA2B,CAAC;AAGhD,QAAMyB,IAASC,EAAuBtB,GAAYM,sBAA2B,KAAA,CAAM,KAAK,EAAE;AAE1F,SACE,gBAAArB;AAAA,IAACsC;AAAA,IAAA;AAAA,MACC,WAAAhC;AAAA,MACA,SAASS;AAAA,MACT,QAAAqB;AAAA,MACA,uBAAAF;AAAA,MACA,QAAQ,MAAM;AACZ,QAAA1B,EAAQ+B,EAAgB,gBAAgB;AAAA,MAC1C;AAAA,IAAA;AAAA,EAAA;AAGN;"}