@gusto/embedded-react-sdk 0.52.2 → 0.54.0

package/dist/components/Employee/StateTaxes/management/StateTaxes.js

@@ -1,35 +1,42 @@
-import { jsx as a } from "react/jsx-runtime";
-import { createMachine as r } from "robot3";
-import { useMemo as n } from "react";
-import { StateTaxesCardContextual as i } from "./StateTaxesComponents.js";
+import { jsx as m } from "react/jsx-runtime";
+import { createMachine as n } from "robot3";
+import { useMemo as i } from "react";
+import { StateTaxesCardContextual as s } from "./StateTaxesComponents.js";
 import { stateTaxesStateMachine as p } from "./stateTaxesStateMachine.js";
-import { Flow as s } from "../../../Flow/Flow.js";
-import { BaseBoundaries as c } from "../../../Base/Base.js";
+import { Flow as c } from "../../../Flow/Flow.js";
+import { BaseBoundaries as f } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useComponentDictionary as f, useI18n as x } from "../../../../i18n/I18n.js";
-function u({ employeeId: e, onEvent: t }) {
-  x("Employee.Management.StateTaxes");
-  const o = n(
-    () => r("card", p, (m) => ({
-      ...m,
-      component: i,
-      employeeId: e
+import { useComponentDictionary as x, useI18n as u } from "../../../../i18n/I18n.js";
+function S({ employeeId: t, onEvent: a, LoaderComponent: e }) {
+  u("Employee.Management.StateTaxes");
+  const o = i(
+    () => n("card", p, (r) => ({
+      ...r,
+      component: s,
+      employeeId: t,
+      LoaderComponent: e
     })),
-    [e]
+    [t, e]
   );
-  return /* @__PURE__ */ a(s, { machine: o, onEvent: t });
+  return /* @__PURE__ */ m(c, { machine: o, onEvent: a });
 }
-function E({ dictionary: e, FallbackComponent: t, ...o }) {
-  return f("Employee.Management.StateTaxes", e), /* @__PURE__ */ a(
-    c,
+function F({
+  dictionary: t,
+  FallbackComponent: a,
+  LoaderComponent: e,
+  ...o
+}) {
+  return x("Employee.Management.StateTaxes", t), /* @__PURE__ */ m(
+    f,
     {
       componentName: "Employee.Management.StateTaxes",
-      FallbackComponent: t,
-      children: /* @__PURE__ */ a(u, { ...o })
+      FallbackComponent: a,
+      LoaderComponent: e,
+      children: /* @__PURE__ */ m(S, { LoaderComponent: e, ...o })
     }
   );
 }
 export {
-  E as StateTaxes
+  F as StateTaxes
 };
 //# sourceMappingURL=StateTaxes.js.map

package/dist/components/Employee/StateTaxes/management/StateTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { StateTaxesCardContextual, type StateTaxesContextInterface } from './StateTaxesComponents'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link StateTaxes}.\n *\n * @public\n */\nexport interface StateTaxesProps extends BaseComponentInterface<'Employee.Management.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction StateTaxesFlow({ employeeId, onEvent }: StateTaxesProps) {\n  useI18n('Employee.Management.StateTaxes')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', stateTaxesStateMachine, (ctx: StateTaxesContextInterface) => ({\n        ...ctx,\n        component: StateTaxesCardContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone state-tax management flow for a given employee. Renders the\n * read-only summary card and the edit form, switching between them as the\n * partner-emitted events from {@link StateTaxesCard} and {@link StateTaxesEditForm}\n * drive the internal state machine.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/editRequested` | Edit button on the summary card was clicked | `{ employeeId: string }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button on the edit form was clicked | — |\n * | `employee/management/stateTaxes/updated` | Edit form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({ dictionary, FallbackComponent, ...props }: StateTaxesProps) {\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <StateTaxesFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["StateTaxesFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","stateTaxesStateMachine","ctx","StateTaxesCardContextual","jsx","Flow","StateTaxes","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAe,EAAE,YAAAC,GAAY,SAAAC,KAA4B;AAChE,EAAAC,EAAQ,gCAAgC;AAExC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAwB,CAACC,OAAqC;AAAA,MAClF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAkBO,SAASU,EAAW,EAAE,YAAAC,GAAY,mBAAAC,GAAmB,GAAGC,KAA0B;AACvF,SAAAC,EAAuB,kCAAkCH,CAAU,GAEjE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAgB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGjC;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { StateTaxesCardContextual, type StateTaxesContextInterface } from './StateTaxesComponents'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link StateTaxes}.\n *\n * @public\n */\nexport interface StateTaxesProps extends BaseComponentInterface<'Employee.Management.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction StateTaxesFlow({ employeeId, onEvent, LoaderComponent }: StateTaxesProps) {\n  useI18n('Employee.Management.StateTaxes')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', stateTaxesStateMachine, (ctx: StateTaxesContextInterface) => ({\n        ...ctx,\n        component: StateTaxesCardContextual,\n        employeeId,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone state-tax management flow for a given employee. Renders the\n * read-only summary card and the edit form, switching between them as the\n * partner-emitted events from {@link StateTaxesCard} and {@link StateTaxesEditForm}\n * drive the internal state machine.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/editRequested` | Edit button on the summary card was clicked | `{ employeeId: string }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button on the edit form was clicked | — |\n * | `employee/management/stateTaxes/updated` | Edit form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: StateTaxesProps) {\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <StateTaxesFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["StateTaxesFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","stateTaxesStateMachine","ctx","StateTaxesCardContextual","jsx","Flow","StateTaxes","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAe,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAoC;AACjF,EAAAC,EAAQ,gCAAgC;AAExC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAwB,CAACC,OAAqC;AAAA,MAClF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAT;AAAA,MACA,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAYE,CAAe;AAAA,EAAA;AAG9B,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAkBO,SAASW,EAAW;AAAA,EACzB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAoB;AAClB,SAAAC,EAAuB,kCAAkCH,CAAU,GAEjE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAe,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGnE;"}

package/dist/components/Employee/StateTaxes/management/StateTaxesCard/StateTaxesCard.d.ts

@@ -1,5 +1,6 @@
 import { EventType } from '../../../../../shared/constants';
 import { OnEventType } from '../../../../Base/useBase';
+import { LoaderComponentType } from '../../../../Base';
 /**
  * Props for {@link StateTaxesCard}.
  *
@@ -10,6 +11,8 @@ export interface StateTaxesCardProps {
     employeeId: string;
     /** Event handler fired when the Edit button is clicked. */
     onEvent: OnEventType<EventType, unknown>;
+    /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */
+    LoaderComponent?: LoaderComponentType;
 }
 /**
  * Standalone read-only summary card showing an employee's per-state tax
@@ -28,4 +31,4 @@ export interface StateTaxesCardProps {
  * @param props - The component props.
  * @public
  */
-export declare function StateTaxesCard(props: StateTaxesCardProps): import("react").JSX.Element;
+export declare function StateTaxesCard({ LoaderComponent, ...props }: StateTaxesCardProps): import("react").JSX.Element;

package/dist/components/Employee/StateTaxes/management/StateTaxesCard/StateTaxesCard.js

@@ -1,57 +1,63 @@
-import { jsx as e, jsxs as C } from "react/jsx-runtime";
-import { useTranslation as h } from "react-i18next";
-import { Flex as d } from "../../../../Common/Flex/Flex.js";
-import { Loading as F } from "../../../../Common/Loading/Loading.js";
-import { useComponentContext as Q } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
+import { jsx as e, jsxs as F } from "react/jsx-runtime";
+import { useTranslation as y } from "react-i18next";
+import { Flex as f } from "../../../../Common/Flex/Flex.js";
+import { Loading as Q } from "../../../../Common/Loading/Loading.js";
 import { BaseBoundaries as b, BaseLayout as v } from "../../../../Base/Base.js";
+import { useComponentContext as D } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import L from "../../../../../hooks/useNumberFormatter.js";
-import { useI18n as D } from "../../../../../i18n/I18n.js";
-import { componentEvents as N } from "../../../../../shared/constants.js";
-import { useStateTaxesSummary as A } from "../../shared/useStateTaxesSummary/useStateTaxesSummary.js";
-function V(i) {
-  return /* @__PURE__ */ e(b, { componentName: "Employee.Management.StateTaxes", children: /* @__PURE__ */ e(B, { ...i }) });
+import { useI18n as N } from "../../../../../i18n/I18n.js";
+import { componentEvents as A } from "../../../../../shared/constants.js";
+import { useStateTaxesSummary as B } from "../../shared/useStateTaxesSummary/useStateTaxesSummary.js";
+function V({ LoaderComponent: i, ...m }) {
+  return /* @__PURE__ */ e(
+    b,
+    {
+      componentName: "Employee.Management.StateTaxes",
+      LoaderComponent: i,
+      children: /* @__PURE__ */ e(M, { LoaderComponent: i, ...m })
+    }
+  );
 }
-function B({ employeeId: i, onEvent: y }) {
-  D("Employee.Management.StateTaxes");
-  const { t: n } = h("Employee.Management.StateTaxes"), { t: g } = h("common"), r = Q(), f = L("currency"), s = A({ employeeId: i }), m = s.isLoading, c = s.isLoading ? [] : s.data.employeeStateTaxesList, x = c.some((t) => (t.questions?.length ?? 0) > 0), E = (t, o) => {
+function M({ employeeId: i, onEvent: m, LoaderComponent: g }) {
+  N("Employee.Management.StateTaxes");
+  const { t: n } = y("Employee.Management.StateTaxes"), { t: x } = y("common"), r = D(), h = L("currency"), s = B({ employeeId: i }), c = s.isLoading, l = s.isLoading ? [] : s.data.employeeStateTaxesList, E = l.some((t) => (t.questions?.length ?? 0) > 0), S = (t, o) => {
     if (t.inputQuestionFormat.type === "Select" && t.inputQuestionFormat.options && t.inputQuestionFormat.options.length > 0) {
-      const a = t.inputQuestionFormat.options.find((l) => l.value === o);
+      const a = t.inputQuestionFormat.options.find((u) => u.value === o);
       if (a?.label)
         return a.label;
     }
     if (typeof o == "number")
-      return t.inputQuestionFormat.type === "Currency" ? f(o) : o;
+      return t.inputQuestionFormat.type === "Currency" ? h(o) : o;
     if (typeof o == "string" && !isNaN(parseFloat(o))) {
       const a = parseFloat(o);
-      return t.inputQuestionFormat.type === "Currency" ? f(a) : o;
+      return t.inputQuestionFormat.type === "Currency" ? h(a) : o;
     }
     return typeof o == "boolean" ? n(o ? "card.yes" : "card.no") : o;
-  }, S = /* @__PURE__ */ e("span", { "aria-label": n("card.listEmptyPlaceholder"), children: "–" }), T = () => {
-    y(N.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED, { employeeId: i });
+  }, T = /* @__PURE__ */ e("span", { "aria-label": n("card.listEmptyPlaceholder"), children: "–" }), C = () => {
+    m(A.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED, { employeeId: i });
   };
-  return /* @__PURE__ */ e(v, { error: s.errorHandling.errors, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(v, { error: s.errorHandling.errors, LoaderComponent: g, children: /* @__PURE__ */ e(
     r.Box,
     {
       header: /* @__PURE__ */ e(
         r.BoxHeader,
         {
           title: n("card.title"),
-          action: m || x ? /* @__PURE__ */ e(r.Button, { variant: "secondary", onClick: T, isDisabled: m, children: n("card.editCta") }) : void 0
+          action: c || E ? /* @__PURE__ */ e(r.Button, { variant: "secondary", onClick: C, isDisabled: c, children: n("card.editCta") }) : void 0
         }
       ),
-      children: /* @__PURE__ */ e(d, { flexDirection: "column", gap: 16, children: m ? /* @__PURE__ */ e(F, {}) : c.length > 0 ? /* @__PURE__ */ e(d, { flexDirection: "column", gap: 24, children: c.map((t, o) => {
-        const a = t.state ? g(`statesHash.${t.state}`, t.state) : "", l = (t.questions?.length ?? 0) > 0;
-        return /* @__PURE__ */ C(d, { flexDirection: "column", gap: 16, children: [
+      children: /* @__PURE__ */ e(f, { flexDirection: "column", gap: 16, children: c ? /* @__PURE__ */ e(Q, {}) : l.length > 0 ? /* @__PURE__ */ e(f, { flexDirection: "column", gap: 24, children: l.map((t, o) => {
+        const a = t.state ? x(`statesHash.${t.state}`, t.state) : "", u = (t.questions?.length ?? 0) > 0;
+        return /* @__PURE__ */ F(f, { flexDirection: "column", gap: 16, children: [
           a ? /* @__PURE__ */ e(r.Heading, { as: "h4", children: a }) : null,
-          l ? /* @__PURE__ */ e(
+          u ? /* @__PURE__ */ e(
             r.DescriptionList,
             {
               items: t.questions.map((p) => {
-                const u = p.answers[0]?.value;
+                const d = p.answers[0]?.value;
                 return {
                   term: p.label,
-                  description: u == null ? S : E(p, u)
+                  description: d == null ? T : S(p, d)
                 };
               })
             }

package/dist/components/Employee/StateTaxes/management/StateTaxesCard/StateTaxesCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesCard.js","sources":["../../../../../../src/components/Employee/StateTaxes/management/StateTaxesCard/StateTaxesCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { useStateTaxesSummary } from '../../shared/useStateTaxesSummary'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link StateTaxesCard}.\n *\n * @public\n */\nexport interface StateTaxesCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the Edit button is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone read-only summary card showing an employee's per-state tax\n * withholding answers. Fetches its own data and surfaces an Edit button\n * that emits an event for the orchestrator to swap in the edit form.\n *\n * @remarks\n * The Edit button is hidden when no state on record has any tax-withholding\n * questions (e.g. states with no income tax), since there is nothing to edit.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/editRequested` | Edit button was clicked | `{ employeeId: string }` |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxesCard(props: StateTaxesCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.StateTaxes\">\n      <StateTaxesCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesCardContent({ employeeId, onEvent }: StateTaxesCardProps) {\n  useI18n('Employee.Management.StateTaxes')\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n\n  const summary = useStateTaxesSummary({ employeeId })\n  const isLoading = summary.isLoading\n  const stateTaxes = summary.isLoading ? [] : summary.data.employeeStateTaxesList\n\n  const stateTaxesHaveAnyQuestions = stateTaxes.some(s => (s.questions?.length ?? 0) > 0)\n\n  const formatStateTaxAnswer = (\n    question: EmployeeStateTaxQuestion,\n    answer: string | number | boolean,\n  ) => {\n    if (\n      question.inputQuestionFormat.type === 'Select' &&\n      question.inputQuestionFormat.options &&\n      question.inputQuestionFormat.options.length > 0\n    ) {\n      const option = question.inputQuestionFormat.options.find(opt => opt.value === answer)\n      if (option?.label) {\n        return option.label\n      }\n    }\n\n    if (typeof answer === 'number') {\n      if (question.inputQuestionFormat.type === 'Currency') {\n        return formatCurrency(answer)\n      }\n      return answer\n    }\n\n    if (typeof answer === 'string' && !isNaN(parseFloat(answer))) {\n      const numValue = parseFloat(answer)\n      if (question.inputQuestionFormat.type === 'Currency') {\n        return formatCurrency(numValue)\n      }\n      return answer\n    }\n\n    if (typeof answer === 'boolean') {\n      return answer ? t('card.yes') : t('card.no')\n    }\n\n    return answer\n  }\n\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              isLoading || stateTaxesHaveAnyQuestions ? (\n                <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                  {t('card.editCta')}\n                </Components.Button>\n              ) : undefined\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : stateTaxes.length > 0 ? (\n            <Flex flexDirection=\"column\" gap={24}>\n              {stateTaxes.map((stateTax, index) => {\n                const stateName = stateTax.state\n                  ? tCommon(`statesHash.${stateTax.state}`, stateTax.state)\n                  : ''\n                const hasQuestions = (stateTax.questions?.length ?? 0) > 0\n                return (\n                  <Flex key={stateTax.state ?? index} flexDirection=\"column\" gap={16}>\n                    {stateName ? (\n                      <Components.Heading as=\"h4\">{stateName}</Components.Heading>\n                    ) : null}\n\n                    {hasQuestions ? (\n                      <Components.DescriptionList\n                        items={stateTax.questions!.map(question => {\n                          const answer = question.answers[0]?.value\n                          return {\n                            term: question.label,\n                            description:\n                              answer === null || answer === undefined\n                                ? emptyPlaceholder\n                                : formatStateTaxAnswer(question, answer),\n                          }\n                        })}\n                      />\n                    ) : (\n                      <Components.Text variant=\"supporting\">\n                        {t('card.noWithholdingForState')}\n                      </Components.Text>\n                    )}\n                  </Flex>\n                )\n              })}\n            </Flex>\n          ) : (\n            <Components.Text>{t('card.noStateTaxes')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["StateTaxesCard","props","jsx","BaseBoundaries","StateTaxesCardContent","employeeId","onEvent","useI18n","t","useTranslation","tCommon","Components","useComponentContext","formatCurrency","useNumberFormatter","summary","useStateTaxesSummary","isLoading","stateTaxes","stateTaxesHaveAnyQuestions","s","formatStateTaxAnswer","question","answer","option","opt","numValue","emptyPlaceholder","handleEdit","componentEvents","BaseLayout","Flex","Loading","stateTax","index","stateName","hasQuestions","jsxs"],"mappings":"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"}
+{"version":3,"file":"StateTaxesCard.js","sources":["../../../../../../src/components/Employee/StateTaxes/management/StateTaxesCard/StateTaxesCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { useStateTaxesSummary } from '../../shared/useStateTaxesSummary'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link StateTaxesCard}.\n *\n * @public\n */\nexport interface StateTaxesCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the Edit button is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone read-only summary card showing an employee's per-state tax\n * withholding answers. Fetches its own data and surfaces an Edit button\n * that emits an event for the orchestrator to swap in the edit form.\n *\n * @remarks\n * The Edit button is hidden when no state on record has any tax-withholding\n * questions (e.g. states with no income tax), since there is nothing to edit.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/editRequested` | Edit button was clicked | `{ employeeId: string }` |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxesCard({ LoaderComponent, ...props }: StateTaxesCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      LoaderComponent={LoaderComponent}\n    >\n      <StateTaxesCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesCardContent({ employeeId, onEvent, LoaderComponent }: StateTaxesCardProps) {\n  useI18n('Employee.Management.StateTaxes')\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n\n  const summary = useStateTaxesSummary({ employeeId })\n  const isLoading = summary.isLoading\n  const stateTaxes = summary.isLoading ? [] : summary.data.employeeStateTaxesList\n\n  const stateTaxesHaveAnyQuestions = stateTaxes.some(s => (s.questions?.length ?? 0) > 0)\n\n  const formatStateTaxAnswer = (\n    question: EmployeeStateTaxQuestion,\n    answer: string | number | boolean,\n  ) => {\n    if (\n      question.inputQuestionFormat.type === 'Select' &&\n      question.inputQuestionFormat.options &&\n      question.inputQuestionFormat.options.length > 0\n    ) {\n      const option = question.inputQuestionFormat.options.find(opt => opt.value === answer)\n      if (option?.label) {\n        return option.label\n      }\n    }\n\n    if (typeof answer === 'number') {\n      if (question.inputQuestionFormat.type === 'Currency') {\n        return formatCurrency(answer)\n      }\n      return answer\n    }\n\n    if (typeof answer === 'string' && !isNaN(parseFloat(answer))) {\n      const numValue = parseFloat(answer)\n      if (question.inputQuestionFormat.type === 'Currency') {\n        return formatCurrency(numValue)\n      }\n      return answer\n    }\n\n    if (typeof answer === 'boolean') {\n      return answer ? t('card.yes') : t('card.no')\n    }\n\n    return answer\n  }\n\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              isLoading || stateTaxesHaveAnyQuestions ? (\n                <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                  {t('card.editCta')}\n                </Components.Button>\n              ) : undefined\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : stateTaxes.length > 0 ? (\n            <Flex flexDirection=\"column\" gap={24}>\n              {stateTaxes.map((stateTax, index) => {\n                const stateName = stateTax.state\n                  ? tCommon(`statesHash.${stateTax.state}`, stateTax.state)\n                  : ''\n                const hasQuestions = (stateTax.questions?.length ?? 0) > 0\n                return (\n                  <Flex key={stateTax.state ?? index} flexDirection=\"column\" gap={16}>\n                    {stateName ? (\n                      <Components.Heading as=\"h4\">{stateName}</Components.Heading>\n                    ) : null}\n\n                    {hasQuestions ? (\n                      <Components.DescriptionList\n                        items={stateTax.questions!.map(question => {\n                          const answer = question.answers[0]?.value\n                          return {\n                            term: question.label,\n                            description:\n                              answer === null || answer === undefined\n                                ? emptyPlaceholder\n                                : formatStateTaxAnswer(question, answer),\n                          }\n                        })}\n                      />\n                    ) : (\n                      <Components.Text variant=\"supporting\">\n                        {t('card.noWithholdingForState')}\n                      </Components.Text>\n                    )}\n                  </Flex>\n                )\n              })}\n            </Flex>\n          ) : (\n            <Components.Text>{t('card.noStateTaxes')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["StateTaxesCard","LoaderComponent","props","jsx","BaseBoundaries","StateTaxesCardContent","employeeId","onEvent","useI18n","t","useTranslation","tCommon","Components","useComponentContext","formatCurrency","useNumberFormatter","summary","useStateTaxesSummary","isLoading","stateTaxes","stateTaxesHaveAnyQuestions","s","formatStateTaxAnswer","question","answer","option","opt","numValue","emptyPlaceholder","handleEdit","componentEvents","BaseLayout","Flex","Loading","stateTax","index","stateName","hasQuestions","jsxs"],"mappings":"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"}

package/dist/components/Employee/StateTaxes/management/StateTaxesComponents.js

@@ -1,34 +1,48 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
-import { StateTaxesEditForm as p } from "./StateTaxesEditForm.js";
-import { Flex as u } from "../../../Common/Flex/Flex.js";
+import { StateTaxesEditForm as u } from "./StateTaxesEditForm.js";
+import { Flex as E } from "../../../Common/Flex/Flex.js";
 import { useFlow as r } from "../../../Flow/useFlow.js";
-import { useComponentContext as E } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { componentEvents as c } from "../../../../shared/constants.js";
+import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { componentEvents as x } from "../../../../shared/constants.js";
 import { ensureRequired as m } from "../../../../helpers/ensureRequired.js";
-import { StateTaxesCard as x } from "./StateTaxesCard/StateTaxesCard.js";
-function _() {
-  const { employeeId: t, onEvent: e, successAlert: n } = r(), { t: s } = i("Employee.Management.StateTaxes"), a = E();
-  return /* @__PURE__ */ l(u, { flexDirection: "column", gap: 16, children: [
-    n ? /* @__PURE__ */ o(
-      a.Alert,
+import { StateTaxesCard as d } from "./StateTaxesCard/StateTaxesCard.js";
+function D() {
+  const { employeeId: t, onEvent: e, successAlert: o, LoaderComponent: s } = r(), { t: a } = i("Employee.Management.StateTaxes"), l = c();
+  return /* @__PURE__ */ p(E, { flexDirection: "column", gap: 16, children: [
+    o ? /* @__PURE__ */ n(
+      l.Alert,
       {
         status: "success",
-        label: s(`alerts.${n}`),
+        label: a(`alerts.${o}`),
         onDismiss: () => {
-          e(c.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED, null);
+          e(x.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED, null);
         }
       }
     ) : null,
-    /* @__PURE__ */ o(x, { employeeId: m(t), onEvent: e })
+    /* @__PURE__ */ n(
+      d,
+      {
+        employeeId: m(t),
+        onEvent: e,
+        LoaderComponent: s
+      }
+    )
   ] });
 }
-function D() {
-  const { employeeId: t, onEvent: e } = r();
-  return /* @__PURE__ */ o(p, { employeeId: m(t), onEvent: e });
+function F() {
+  const { employeeId: t, onEvent: e, LoaderComponent: o } = r();
+  return /* @__PURE__ */ n(
+    u,
+    {
+      employeeId: m(t),
+      onEvent: e,
+      LoaderComponent: o
+    }
+  );
 }
 export {
-  _ as StateTaxesCardContextual,
-  D as StateTaxesEditFormContextual
+  D as StateTaxesCardContextual,
+  F as StateTaxesEditFormContextual
 };
 //# sourceMappingURL=StateTaxesComponents.js.map

package/dist/components/Employee/StateTaxes/management/StateTaxesComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesComponents.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxesComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { StateTaxesCard } from './StateTaxesCard'\nimport { StateTaxesEditForm } from './StateTaxesEditForm'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport type StateTaxesSuccessAlertCode = 'stateTaxesUpdated'\n\n/** @internal */\nexport interface StateTaxesContextInterface extends FlowContextInterface {\n  employeeId?: string\n  successAlert?: StateTaxesSuccessAlertCode | null\n}\n\n/** @internal */\nexport function StateTaxesCardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<StateTaxesContextInterface>()\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <StateTaxesCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function StateTaxesEditFormContextual() {\n  const { employeeId, onEvent } = useFlow<StateTaxesContextInterface>()\n  return <StateTaxesEditForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["StateTaxesCardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","StateTaxesCard","ensureRequired","StateTaxesEditFormContextual","StateTaxesEditForm"],"mappings":";;;;;;;;;AAmBO,SAASA,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,iDAAiD,IAAI;AAAA,QAC/E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,sBACHC,GAAA,EAAe,YAAYC,EAAeb,CAAU,GAAG,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC5E;AAEJ;AAGO,SAASa,IAA+B;AAC7C,QAAM,EAAE,YAAAd,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,2BAAQY,GAAA,EAAmB,YAAYF,EAAeb,CAAU,GAAG,SAAAC,GAAkB;AACvF;"}
+{"version":3,"file":"StateTaxesComponents.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxesComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { StateTaxesCard } from './StateTaxesCard'\nimport { StateTaxesEditForm } from './StateTaxesEditForm'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport type StateTaxesSuccessAlertCode = 'stateTaxesUpdated'\n\n/** @internal */\nexport interface StateTaxesContextInterface extends FlowContextInterface {\n  employeeId?: string\n  successAlert?: StateTaxesSuccessAlertCode | null\n}\n\n/** @internal */\nexport function StateTaxesCardContextual() {\n  const { employeeId, onEvent, successAlert, LoaderComponent } =\n    useFlow<StateTaxesContextInterface>()\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <StateTaxesCard\n        employeeId={ensureRequired(employeeId)}\n        onEvent={onEvent}\n        LoaderComponent={LoaderComponent}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function StateTaxesEditFormContextual() {\n  const { employeeId, onEvent, LoaderComponent } = useFlow<StateTaxesContextInterface>()\n  return (\n    <StateTaxesEditForm\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["StateTaxesCardContextual","employeeId","onEvent","successAlert","LoaderComponent","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","StateTaxesCard","ensureRequired","StateTaxesEditFormContextual","StateTaxesEditForm"],"mappings":";;;;;;;;;AAmBO,SAASA,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,GAAc,iBAAAC,EAAA,IACzCC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAR,IACC,gBAAAS;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUH,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQW,EAAgB,iDAAiD,IAAI;AAAA,QAC/E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,IACJ,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,YAAYC,EAAed,CAAU;AAAA,QACrC,SAAAC;AAAA,QACA,iBAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAGO,SAASY,IAA+B;AAC7C,QAAM,EAAE,YAAAf,GAAY,SAAAC,GAAS,iBAAAE,EAAA,IAAoBC,EAAA;AACjD,SACE,gBAAAO;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,YAAYF,EAAed,CAAU;AAAA,MACrC,SAAAC;AAAA,MACA,iBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/StateTaxes/management/StateTaxesEditForm.d.ts

@@ -23,4 +23,4 @@ export interface StateTaxesEditFormProps extends BaseComponentInterface<'Employe
  * @param props - The component props.
  * @public
  */
-export declare function StateTaxesEditForm({ FallbackComponent, ...props }: StateTaxesEditFormProps): import("react").JSX.Element;
+export declare function StateTaxesEditForm({ FallbackComponent, LoaderComponent, ...props }: StateTaxesEditFormProps): import("react").JSX.Element;

package/dist/components/Employee/StateTaxes/management/StateTaxesEditForm.js

@@ -1,54 +1,67 @@
-import { jsx as t, jsxs as T } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
-import { EmployeeStateTaxesView as S } from "../shared/EmployeeStateTaxesView.js";
-import { useManagementStateTaxesViewDictionary as d } from "./useViewDictionary.js";
-import { BaseBoundaries as x, BaseLayout as y } from "../../../Base/Base.js";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { useTranslation as S } from "react-i18next";
+import { EmployeeStateTaxesView as x } from "../shared/EmployeeStateTaxesView.js";
+import { useManagementStateTaxesViewDictionary as y } from "./useViewDictionary.js";
+import { BaseBoundaries as d, BaseLayout as f } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { ActionsLayout as f } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as g } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
+import { ActionsLayout as g } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useI18n as A, useComponentDictionary as M } from "../../../../i18n/I18n.js";
-import { componentEvents as m } from "../../../../shared/constants.js";
+import { componentEvents as E } from "../../../../shared/constants.js";
+import { useComponentContext as _ } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useEmployeeStateTaxesForm as C } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
-function I({ FallbackComponent: o, ...n }) {
+function I({
+  FallbackComponent: a,
+  LoaderComponent: o,
+  ...n
+}) {
   return /* @__PURE__ */ t(
-    x,
+    d,
     {
       componentName: "Employee.Management.StateTaxes",
-      FallbackComponent: o,
-      children: /* @__PURE__ */ t(L, { ...n })
+      FallbackComponent: a,
+      LoaderComponent: o,
+      children: /* @__PURE__ */ t(L, { LoaderComponent: o, ...n })
     }
   );
 }
 function L({
-  employeeId: o,
-  className: n,
-  dictionary: c,
-  onEvent: a
+  employeeId: a,
+  className: o,
+  dictionary: n,
+  onEvent: r,
+  LoaderComponent: i
 }) {
-  A("Employee.Management.StateTaxes"), M("Employee.Management.StateTaxes", c);
-  const { t: r } = l("Employee.Management.StateTaxes"), i = g(), e = C({ employeeId: o }), p = d();
+  A("Employee.Management.StateTaxes"), M("Employee.Management.StateTaxes", n);
+  const { t: s } = S("Employee.Management.StateTaxes"), m = _(), e = C({ employeeId: a }), u = y();
   if (e.isLoading)
-    return /* @__PURE__ */ t(y, { isLoading: !0, error: e.errorHandling.errors });
-  const E = async () => {
-    const s = await e.actions.onSubmit();
-    s && a(m.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED, {
-      employeeStateTaxesList: s.data
+    return /* @__PURE__ */ t(
+      f,
+      {
+        isLoading: !0,
+        error: e.errorHandling.errors,
+        LoaderComponent: i
+      }
+    );
+  const p = async () => {
+    const c = await e.actions.onSubmit();
+    c && r(E.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED, {
+      employeeStateTaxesList: c.data
     });
-  }, u = () => {
-    a(m.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED);
+  }, T = () => {
+    r(E.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED);
   };
   return /* @__PURE__ */ t(
-    S,
+    x,
     {
       stateTaxes: e,
-      onSubmit: E,
-      actions: /* @__PURE__ */ T(f, { children: [
-        /* @__PURE__ */ t(i.Button, { variant: "secondary", onClick: u, children: r("cancelCta") }),
-        /* @__PURE__ */ t(i.Button, { type: "submit", isLoading: e.status.isPending, children: r("saveCta") })
+      onSubmit: p,
+      actions: /* @__PURE__ */ l(g, { children: [
+        /* @__PURE__ */ t(m.Button, { variant: "secondary", onClick: T, children: s("cancelCta") }),
+        /* @__PURE__ */ t(m.Button, { type: "submit", isLoading: e.status.isPending, children: s("saveCta") })
       ] }),
-      className: n,
-      dictionary: p
+      className: o,
+      dictionary: u,
+      LoaderComponent: i
     }
   );
 }

package/dist/components/Employee/StateTaxes/management/StateTaxesEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesEditForm.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxesEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useManagementStateTaxesViewDictionary } from './useViewDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link StateTaxesEditForm}.\n *\n * @public\n */\nexport interface StateTaxesEditFormProps extends BaseComponentInterface<'Employee.Management.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Standalone edit screen for the state-tax management flow. Renders the shared\n * state-tax form against the `Employee.Management.StateTaxes` namespace and\n * emits scoped management events on submit and cancel, so partner copy\n * overrides on the management namespace do not leak into the onboarding flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button was clicked | — |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxesEditForm({ FallbackComponent, ...props }: StateTaxesEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <StateTaxesEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesEditFormRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n}: StateTaxesEditFormProps) {\n  useI18n('Employee.Management.StateTaxes')\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const Components = useComponentContext()\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId })\n  const managementStateTaxesDictionary = useManagementStateTaxesViewDictionary()\n\n  if (stateTaxes.isLoading) {\n    return <BaseLayout isLoading error={stateTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleCancel}>\n            {t('cancelCta')}\n          </Components.Button>\n          <Components.Button type=\"submit\" isLoading={stateTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n      dictionary={managementStateTaxesDictionary}\n    />\n  )\n}\n"],"names":["StateTaxesEditForm","FallbackComponent","props","jsx","BaseBoundaries","StateTaxesEditFormRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","stateTaxes","useEmployeeStateTaxesForm","managementStateTaxesDictionary","useManagementStateTaxesViewDictionary","BaseLayout","handleSubmit","result","componentEvents","handleCancel","EmployeeStateTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;;AAkCO,SAASA,EAAmB,EAAE,mBAAAC,GAAmB,GAAGC,KAAkC;AAC3F,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAwB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AACnE,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA,GAEbC,IAAaC,EAA0B,EAAE,YAAAX,GAAY,GACrDY,IAAiCC,EAAA;AAEvC,MAAIH,EAAW;AACb,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAW,cAAc,QAAQ;AAGvE,QAAMK,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,IAAKM,KAELb,EAAQc,EAAgB,yCAAyC;AAAA,MAC/D,wBAAwBD,EAAO;AAAA,IAAA,CAChC;AAAA,EACH,GAEME,IAAe,MAAM;AACzB,IAAAf,EAAQc,EAAgB,8CAA8C;AAAA,EACxE;AAEA,SACE,gBAAApB;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,YAAAT;AAAA,MACA,UAAUK;AAAA,MACV,2BACGK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAvB,EAACW,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAC7C,UAAAZ,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAT,EAACW,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWE,EAAW,OAAO,WAC3D,UAAAJ,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAL;AAAA,MACA,YAAYW;AAAA,IAAA;AAAA,EAAA;AAGlB;"}
+{"version":3,"file":"StateTaxesEditForm.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxesEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useManagementStateTaxesViewDictionary } from './useViewDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link StateTaxesEditForm}.\n *\n * @public\n */\nexport interface StateTaxesEditFormProps extends BaseComponentInterface<'Employee.Management.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Standalone edit screen for the state-tax management flow. Renders the shared\n * state-tax form against the `Employee.Management.StateTaxes` namespace and\n * emits scoped management events on submit and cancel, so partner copy\n * overrides on the management namespace do not leak into the onboarding flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button was clicked | — |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxesEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: StateTaxesEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <StateTaxesEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesEditFormRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: StateTaxesEditFormProps) {\n  useI18n('Employee.Management.StateTaxes')\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const Components = useComponentContext()\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId })\n  const managementStateTaxesDictionary = useManagementStateTaxesViewDictionary()\n\n  if (stateTaxes.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={stateTaxes.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleCancel}>\n            {t('cancelCta')}\n          </Components.Button>\n          <Components.Button type=\"submit\" isLoading={stateTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n      dictionary={managementStateTaxesDictionary}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["StateTaxesEditForm","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","StateTaxesEditFormRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","stateTaxes","useEmployeeStateTaxesForm","managementStateTaxesDictionary","useManagementStateTaxesViewDictionary","BaseLayout","handleSubmit","result","componentEvents","handleCancel","EmployeeStateTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;AAkCO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAJ;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAuB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG3E;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAR;AACF,GAA4B;AAC1B,EAAAS,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AACnE,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA,GAEbC,IAAaC,EAA0B,EAAE,YAAAX,GAAY,GACrDY,IAAiCC,EAAA;AAEvC,MAAIH,EAAW;AACb,WACE,gBAAAb;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOJ,EAAW,cAAc;AAAA,QAChC,iBAAAf;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMoB,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,IAAKM,KAELb,EAAQc,EAAgB,yCAAyC;AAAA,MAC/D,wBAAwBD,EAAO;AAAA,IAAA,CAChC;AAAA,EACH,GAEME,IAAe,MAAM;AACzB,IAAAf,EAAQc,EAAgB,8CAA8C;AAAA,EACxE;AAEA,SACE,gBAAApB;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,YAAAT;AAAA,MACA,UAAUK;AAAA,MACV,2BACGK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAvB,EAACW,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAC7C,UAAAZ,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAT,EAACW,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWE,EAAW,OAAO,WAC3D,UAAAJ,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAL;AAAA,MACA,YAAYW;AAAA,MACZ,iBAAAjB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/StateTaxes/onboarding/StateTaxes.d.ts

@@ -24,4 +24,4 @@ export interface StateTaxesProps extends BaseComponentInterface<'Employee.StateT
  * @param props - The component props.
  * @public
  */
-export declare function StateTaxes({ FallbackComponent, ...props }: StateTaxesProps): import("react").JSX.Element;
+export declare function StateTaxes({ FallbackComponent, LoaderComponent, ...props }: StateTaxesProps): import("react").JSX.Element;

package/dist/components/Employee/StateTaxes/onboarding/StateTaxes.js

@@ -1,46 +1,62 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useTranslation as p } from "react-i18next";
-import { EmployeeStateTaxesView as c } from "../shared/EmployeeStateTaxesView.js";
-import { useOnboardingStateTaxesViewDictionary as T } from "./useViewDictionary.js";
-import { BaseBoundaries as S, BaseLayout as E } from "../../../Base/Base.js";
+import { EmployeeStateTaxesView as T } from "../shared/EmployeeStateTaxesView.js";
+import { useOnboardingStateTaxesViewDictionary as S } from "./useViewDictionary.js";
+import { BaseBoundaries as E, BaseLayout as f } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { ActionsLayout as d } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { useI18n as l, useComponentDictionary as x } from "../../../../i18n/I18n.js";
-import { componentEvents as s } from "../../../../shared/constants.js";
-import { useEmployeeStateTaxesForm as y } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
-function X({ FallbackComponent: e, ...o }) {
-  return /* @__PURE__ */ t(S, { componentName: "Employee.StateTaxes", FallbackComponent: e, children: /* @__PURE__ */ t(b, { ...o }) });
+import { ActionsLayout as l } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useI18n as x, useComponentDictionary as y } from "../../../../i18n/I18n.js";
+import { componentEvents as m } from "../../../../shared/constants.js";
+import { useComponentContext as d } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useEmployeeStateTaxesForm as b } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
+function X({ FallbackComponent: o, LoaderComponent: e, ...n }) {
+  return /* @__PURE__ */ t(
+    E,
+    {
+      componentName: "Employee.StateTaxes",
+      FallbackComponent: o,
+      LoaderComponent: e,
+      children: /* @__PURE__ */ t(g, { LoaderComponent: e, ...n })
+    }
+  );
 }
-function b({
-  employeeId: e,
-  className: o,
-  dictionary: i,
+function g({
+  employeeId: o,
+  className: e,
+  dictionary: n,
   onEvent: r,
-  isAdmin: m = !1
+  isAdmin: u = !1,
+  LoaderComponent: a
 }) {
-  l("Employee.StateTaxes"), x("Employee.StateTaxes", i);
-  const n = y({ employeeId: e, isAdmin: m }), u = T();
-  return n.isLoading ? /* @__PURE__ */ t(E, { isLoading: !0, error: n.errorHandling.errors }) : /* @__PURE__ */ t(
-    c,
+  x("Employee.StateTaxes"), y("Employee.StateTaxes", n);
+  const i = b({ employeeId: o, isAdmin: u }), c = S();
+  return i.isLoading ? /* @__PURE__ */ t(
+    f,
+    {
+      isLoading: !0,
+      error: i.errorHandling.errors,
+      LoaderComponent: a
+    }
+  ) : /* @__PURE__ */ t(
+    T,
     {
-      stateTaxes: n,
+      stateTaxes: i,
       onSubmit: async () => {
-        const a = await n.actions.onSubmit();
-        a && (r(s.EMPLOYEE_STATE_TAXES_UPDATED, {
-          employeeStateTaxesList: a.data
-        }), r(s.EMPLOYEE_STATE_TAXES_DONE));
+        const s = await i.actions.onSubmit();
+        s && (r(m.EMPLOYEE_STATE_TAXES_UPDATED, {
+          employeeStateTaxesList: s.data
+        }), r(m.EMPLOYEE_STATE_TAXES_DONE));
       },
-      actions: /* @__PURE__ */ t(g, { isPending: n.status.isPending }),
-      className: o,
-      dictionary: u
+      actions: /* @__PURE__ */ t(A, { isPending: i.status.isPending }),
+      className: e,
+      dictionary: c,
+      LoaderComponent: a
     }
   );
 }
-function g({ isPending: e }) {
-  const { t: o } = p("Employee.StateTaxes"), i = f();
-  return /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(i.Button, { type: "submit", isLoading: e, children: o("submitCta") }) });
+function A({ isPending: o }) {
+  const { t: e } = p("Employee.StateTaxes"), n = d();
+  return /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(n.Button, { type: "submit", isLoading: o, children: e("submitCta") }) });
 }
 export {
   X as StateTaxes