@gusto/embedded-react-sdk 0.53.0 → 0.54.0

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

@@ -1,57 +1,71 @@
-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 { useI18n as g, useComponentDictionary as A } from "../../../../i18n/I18n.js";
-import { componentEvents as m } from "../../../../shared/constants.js";
-import { useComponentContext as M } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ActionsLayout as g } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useI18n as A, useComponentDictionary as M } from "../../../../i18n/I18n.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 G({ 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
 }) {
-  g("Employee.Management.StateTaxes"), A("Employee.Management.StateTaxes", c);
-  const { t: r } = l("Employee.Management.StateTaxes"), i = M(), e = C({ employeeId: o }), E = 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 });
+    return /* @__PURE__ */ t(
+      f,
+      {
+        isLoading: !0,
+        error: e.errorHandling.errors,
+        LoaderComponent: i
+      }
+    );
   const p = async () => {
-    const s = await e.actions.onSubmit();
-    s && a(m.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED, {
-      employeeStateTaxesList: s.data
+    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: p,
-      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") })
+      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: E
+      className: o,
+      dictionary: u,
+      LoaderComponent: i
     }
   );
 }
 export {
-  G as StateTaxesEditForm
+  I as StateTaxesEditForm
 };
 //# sourceMappingURL=StateTaxesEditForm.js.map

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,47 +1,64 @@
 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 { useI18n as f, useComponentDictionary as l } from "../../../../i18n/I18n.js";
-import { componentEvents as s } from "../../../../shared/constants.js";
-import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useEmployeeStateTaxesForm as y } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
-function V({ 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
 }) {
-  f("Employee.StateTaxes"), l("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 = x();
-  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 {
-  V as StateTaxes
+  X as StateTaxes
 };
 //# sourceMappingURL=StateTaxes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/onboarding/StateTaxes.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useOnboardingStateTaxesViewDictionary } 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 StateTaxes}.\n *\n * @public\n */\nexport interface StateTaxesProps extends BaseComponentInterface<'Employee.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Render admin-only questions and submit them. Defaults to `false`. */\n  isAdmin?: boolean\n}\n\n/**\n * Onboarding step that collects an employee's per-state tax withholding\n * answers. The set of fields is driven by the API response for each state\n * on record.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n * | `employee/stateTaxes/done` | Onboarding step has finished — emitted immediately after `updated` | — |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({ FallbackComponent, ...props }: StateTaxesProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.StateTaxes\" FallbackComponent={FallbackComponent}>\n      <StateTaxesRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n  isAdmin = false,\n}: StateTaxesProps) {\n  useI18n('Employee.StateTaxes')\n  useComponentDictionary('Employee.StateTaxes', dictionary)\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId, isAdmin })\n  const onboardingStateTaxesDictionary = useOnboardingStateTaxesViewDictionary()\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_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_DONE)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={<ContinueAction isPending={stateTaxes.status.isPending} />}\n      className={className}\n      dictionary={onboardingStateTaxesDictionary}\n    />\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.StateTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["StateTaxes","FallbackComponent","props","jsx","BaseBoundaries","StateTaxesRoot","employeeId","className","dictionary","onEvent","isAdmin","useI18n","useComponentDictionary","stateTaxes","useEmployeeStateTaxesForm","onboardingStateTaxesDictionary","useOnboardingStateTaxesViewDictionary","BaseLayout","EmployeeStateTaxesView","result","componentEvents","ContinueAction","isPending","t","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;AAmCO,SAASA,EAAW,EAAE,mBAAAC,GAAmB,GAAGC,KAA0B;AAC3E,SACE,gBAAAC,EAACC,KAAe,eAAc,uBAAsB,mBAAAH,GAClD,UAAA,gBAAAE,EAACE,GAAA,EAAgB,GAAGH,EAAA,CAAO,EAAA,CAC7B;AAEJ;AAEA,SAASG,EAAe;AAAA,EACtB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,GAAoB;AAClB,EAAAC,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBJ,CAAU;AAExD,QAAMK,IAAaC,EAA0B,EAAE,YAAAR,GAAY,SAAAI,GAAS,GAC9DK,IAAiCC,EAAA;AAEvC,SAAIH,EAAW,8BACLI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAW,cAAc,QAAQ,IAcrE,gBAAAV;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,YAAAL;AAAA,MACA,UAbiB,YAAY;AAC/B,cAAMM,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,QAAKM,MAELV,EAAQW,EAAgB,8BAA8B;AAAA,UACpD,wBAAwBD,EAAO;AAAA,QAAA,CAChC,GACDV,EAAQW,EAAgB,yBAAyB;AAAA,MACnD;AAAA,MAMI,SAAS,gBAAAjB,EAACkB,GAAA,EAAe,WAAWR,EAAW,OAAO,WAAW;AAAA,MACjE,WAAAN;AAAA,MACA,YAAYQ;AAAA,IAAA;AAAA,EAAA;AAGlB;AAEA,SAASM,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAvB,EAACwB,GAAA,EACC,UAAA,gBAAAxB,EAACsB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWH,GACzC,UAAAC,EAAE,WAAW,GAChB,GACF;AAEJ;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/onboarding/StateTaxes.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useOnboardingStateTaxesViewDictionary } 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 StateTaxes}.\n *\n * @public\n */\nexport interface StateTaxesProps extends BaseComponentInterface<'Employee.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Render admin-only questions and submit them. Defaults to `false`. */\n  isAdmin?: boolean\n}\n\n/**\n * Onboarding step that collects an employee's per-state tax withholding\n * answers. The set of fields is driven by the API response for each state\n * on record.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n * | `employee/stateTaxes/done` | Onboarding step has finished — emitted immediately after `updated` | — |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({ FallbackComponent, LoaderComponent, ...props }: StateTaxesProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <StateTaxesRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n  isAdmin = false,\n  LoaderComponent,\n}: StateTaxesProps) {\n  useI18n('Employee.StateTaxes')\n  useComponentDictionary('Employee.StateTaxes', dictionary)\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId, isAdmin })\n  const onboardingStateTaxesDictionary = useOnboardingStateTaxesViewDictionary()\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_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_DONE)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={<ContinueAction isPending={stateTaxes.status.isPending} />}\n      className={className}\n      dictionary={onboardingStateTaxesDictionary}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.StateTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["StateTaxes","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","StateTaxesRoot","employeeId","className","dictionary","onEvent","isAdmin","useI18n","useComponentDictionary","stateTaxes","useEmployeeStateTaxesForm","onboardingStateTaxesDictionary","useOnboardingStateTaxesViewDictionary","BaseLayout","EmployeeStateTaxesView","result","componentEvents","ContinueAction","isPending","t","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;AAmCO,SAASA,EAAW,EAAE,mBAAAC,GAAmB,iBAAAC,GAAiB,GAAGC,KAA0B;AAC5F,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAJ;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAe,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGnE;AAEA,SAASG,EAAe;AAAA,EACtB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,iBAAAT;AACF,GAAoB;AAClB,EAAAU,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBJ,CAAU;AAExD,QAAMK,IAAaC,EAA0B,EAAE,YAAAR,GAAY,SAAAI,GAAS,GAC9DK,IAAiCC,EAAA;AAEvC,SAAIH,EAAW,YAEX,gBAAAV;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,OAAOJ,EAAW,cAAc;AAAA,MAChC,iBAAAZ;AAAA,IAAA;AAAA,EAAA,IAgBJ,gBAAAE;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,YAAAL;AAAA,MACA,UAbiB,YAAY;AAC/B,cAAMM,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,QAAKM,MAELV,EAAQW,EAAgB,8BAA8B;AAAA,UACpD,wBAAwBD,EAAO;AAAA,QAAA,CAChC,GACDV,EAAQW,EAAgB,yBAAyB;AAAA,MACnD;AAAA,MAMI,SAAS,gBAAAjB,EAACkB,GAAA,EAAe,WAAWR,EAAW,OAAO,WAAW;AAAA,MACjE,WAAAN;AAAA,MACA,YAAYQ;AAAA,MACZ,iBAAAd;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASoB,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAvB,EAACwB,GAAA,EACC,UAAA,gBAAAxB,EAACsB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWH,GACzC,UAAAC,EAAE,WAAW,GAChB,GACF;AAEJ;"}

package/dist/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { useEmployeeStateTaxesForm } from './useEmployeeStateTaxesForm';
 import { ResourceDictionary } from '../../../../types/Helpers';
+import { LoaderComponentType } from '../../../Base';
 type ReadyEmployeeStateTaxesForm = Extract<ReturnType<typeof useEmployeeStateTaxesForm>, {
     isLoading: false;
 }>;
@@ -31,7 +32,8 @@ export interface EmployeeStateTaxesViewProps {
      * overrides on the flow's `dictionary` prop propagate into the view.
      */
     dictionary?: StateTaxesViewDictionary;
+    LoaderComponent?: LoaderComponentType;
 }
 /** @internal */
-export declare function EmployeeStateTaxesView({ stateTaxes, onSubmit, actions, alert, className, dictionary, }: EmployeeStateTaxesViewProps): import("react").JSX.Element;
+export declare function EmployeeStateTaxesView({ stateTaxes, onSubmit, actions, alert, className, dictionary, LoaderComponent, }: EmployeeStateTaxesViewProps): import("react").JSX.Element;
 export {};

package/dist/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.js

@@ -1,37 +1,38 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { Fragment as y } from "react";
+import { Fragment as T } from "react";
 import { useTranslation as i } from "react-i18next";
-import T from "classnames";
-import C from "./EmployeeStateTaxesView.module.scss.js";
-import { BaseLayout as S } from "../../../Base/Base.js";
+import C from "classnames";
+import S from "./EmployeeStateTaxesView.module.scss.js";
+import { BaseLayout as w } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { Form as w } from "../../../Common/Form/Form.js";
-import { SDKFormProvider as E } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as H, useComponentDictionary as V } from "../../../../i18n/I18n.js";
-function P({
+import { Form as E } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as F } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as H } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as V, useComponentDictionary as g } from "../../../../i18n/I18n.js";
+function R({
   stateTaxes: o,
   onSubmit: a,
   actions: l,
   alert: c,
   className: p,
-  dictionary: f
+  dictionary: f,
+  LoaderComponent: d
 }) {
-  H("Employee.StateTaxesView"), V("Employee.StateTaxesView", f);
-  const { t: r } = i("Employee.StateTaxesView"), { t: d } = i("common"), m = F(), n = o.form.Fields;
-  return /* @__PURE__ */ e("section", { className: T(C.container, p), children: /* @__PURE__ */ e(S, { error: o.errorHandling.errors, children: /* @__PURE__ */ e(E, { formHookResult: o, children: /* @__PURE__ */ s(w, { onSubmit: a, children: [
+  V("Employee.StateTaxesView"), g("Employee.StateTaxesView", f);
+  const { t: r } = i("Employee.StateTaxesView"), { t: h } = i("common"), m = H(), n = o.form.Fields;
+  return /* @__PURE__ */ e("section", { className: C(S.container, p), children: /* @__PURE__ */ e(w, { error: o.errorHandling.errors, LoaderComponent: d, children: /* @__PURE__ */ e(F, { formHookResult: o, children: /* @__PURE__ */ s(E, { onSubmit: a, children: [
     c,
     n.length === 0 ? /* @__PURE__ */ e(m.Text, { children: r("noWithholding") }) : n.map((t) => {
-      const h = d(`statesHash.${t.state}`, t.state);
-      return /* @__PURE__ */ s(y, { children: [
-        /* @__PURE__ */ e(m.Heading, { as: "h2", children: r("stateTaxesTitle", { state: h }) }),
-        t.questions.map(({ questionId: u, Field: x }) => /* @__PURE__ */ e(x, {}, u))
+      const u = h(`statesHash.${t.state}`, t.state);
+      return /* @__PURE__ */ s(T, { children: [
+        /* @__PURE__ */ e(m.Heading, { as: "h2", children: r("stateTaxesTitle", { state: u }) }),
+        t.questions.map(({ questionId: x, Field: y }) => /* @__PURE__ */ e(y, {}, x))
       ] }, t.state);
     }),
     l
   ] }) }) }) });
 }
 export {
-  P as EmployeeStateTaxesView
+  R as EmployeeStateTaxesView
 };
 //# sourceMappingURL=EmployeeStateTaxesView.js.map

package/dist/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeStateTaxesView.js","sources":["../../../../../src/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { type useEmployeeStateTaxesForm } from './useEmployeeStateTaxesForm'\nimport styles from './EmployeeStateTaxesView.module.scss'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\ntype ReadyEmployeeStateTaxesForm = Extract<\n  ReturnType<typeof useEmployeeStateTaxesForm>,\n  { isLoading: false }\n>\n\n/**\n * Override surface for {@link EmployeeStateTaxesView}'s default copy. Each\n * consuming flow (onboarding, management) builds a resolved dictionary from\n * its own translation namespace via a dedicated `use*StateTaxesViewDictionary`\n * hook and passes it here, so partner overrides on the flow's namespace flow\n * into the shared view text at render time.\n *\n * The underlying `Employee.StateTaxesView` namespace is an implementation\n * detail of the shared view — consumers shouldn't reference it directly.\n *\n * @internal\n */\nexport type StateTaxesViewDictionary = ResourceDictionary<'Employee.StateTaxesView'>\n\n/** @internal */\nexport interface EmployeeStateTaxesViewProps {\n  stateTaxes: ReadyEmployeeStateTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  /**\n   * Per-flow translation override for this shared view. Consumers build the\n   * value inside a flow-local `use*StateTaxesViewDictionary` hook that\n   * resolves the view's keys against the flow's own namespace, so partner\n   * overrides on the flow's `dictionary` prop propagate into the view.\n   */\n  dictionary?: StateTaxesViewDictionary\n}\n\n/** @internal */\nexport function EmployeeStateTaxesView({\n  stateTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  dictionary,\n}: EmployeeStateTaxesViewProps) {\n  useI18n('Employee.StateTaxesView')\n  useComponentDictionary('Employee.StateTaxesView', dictionary)\n\n  const { t } = useTranslation('Employee.StateTaxesView')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const groups = stateTaxes.form.Fields\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={stateTaxes.errorHandling.errors}>\n        <SDKFormProvider formHookResult={stateTaxes}>\n          <Form onSubmit={onSubmit}>\n            {alert}\n\n            {groups.length === 0 ? (\n              <Components.Text>{t('noWithholding')}</Components.Text>\n            ) : (\n              groups.map(group => {\n                const stateName = tCommon(`statesHash.${group.state}`, group.state)\n                return (\n                  <Fragment key={group.state}>\n                    <Components.Heading as=\"h2\">\n                      {t('stateTaxesTitle', { state: stateName })}\n                    </Components.Heading>\n\n                    {group.questions.map(({ questionId, Field }) => {\n                      return <Field key={questionId} />\n                    })}\n                  </Fragment>\n                )\n              })\n            )}\n\n            {actions}\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EmployeeStateTaxesView","stateTaxes","onSubmit","actions","alert","className","dictionary","useI18n","useComponentDictionary","t","useTranslation","tCommon","Components","useComponentContext","groups","jsx","classNames","styles","BaseLayout","SDKFormProvider","jsxs","Form","group","stateName","Fragment","questionId","Field"],"mappings":";;;;;;;;;;;AAgDO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,GAAAG,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,GAAGC,MAAYD,EAAe,QAAQ,GACxCE,IAAaC,EAAA,GACbC,IAASb,EAAW,KAAK;AAE/B,SACE,gBAAAc,EAAC,aAAQ,WAAWC,EAAWC,EAAO,WAAWZ,CAAS,GACxD,UAAA,gBAAAU,EAACG,GAAA,EAAW,OAAOjB,EAAW,cAAc,QAC1C,UAAA,gBAAAc,EAACI,GAAA,EAAgB,gBAAgBlB,GAC/B,UAAA,gBAAAmB,EAACC,KAAK,UAAAnB,GACH,UAAA;AAAA,IAAAE;AAAA,IAEAU,EAAO,WAAW,IACjB,gBAAAC,EAACH,EAAW,MAAX,EAAiB,UAAAH,EAAE,eAAe,EAAA,CAAE,IAErCK,EAAO,IAAI,CAAAQ,MAAS;AAClB,YAAMC,IAAYZ,EAAQ,cAAcW,EAAM,KAAK,IAAIA,EAAM,KAAK;AAClE,+BACGE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAT,EAACH,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAH,EAAE,mBAAmB,EAAE,OAAOc,EAAA,CAAW,EAAA,CAC5C;AAAA,QAECD,EAAM,UAAU,IAAI,CAAC,EAAE,YAAAG,GAAY,OAAAC,QAC3B,gBAAAX,EAACW,OAAWD,CAAY,CAChC;AAAA,MAAA,EAAA,GAPYH,EAAM,KAQrB;AAAA,IAEJ,CAAC;AAAA,IAGFnB;AAAA,EAAA,GACH,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"EmployeeStateTaxesView.js","sources":["../../../../../src/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { type useEmployeeStateTaxesForm } from './useEmployeeStateTaxesForm'\nimport styles from './EmployeeStateTaxesView.module.scss'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\nimport type { LoaderComponentType } from '@/components/Base'\n\ntype ReadyEmployeeStateTaxesForm = Extract<\n  ReturnType<typeof useEmployeeStateTaxesForm>,\n  { isLoading: false }\n>\n\n/**\n * Override surface for {@link EmployeeStateTaxesView}'s default copy. Each\n * consuming flow (onboarding, management) builds a resolved dictionary from\n * its own translation namespace via a dedicated `use*StateTaxesViewDictionary`\n * hook and passes it here, so partner overrides on the flow's namespace flow\n * into the shared view text at render time.\n *\n * The underlying `Employee.StateTaxesView` namespace is an implementation\n * detail of the shared view — consumers shouldn't reference it directly.\n *\n * @internal\n */\nexport type StateTaxesViewDictionary = ResourceDictionary<'Employee.StateTaxesView'>\n\n/** @internal */\nexport interface EmployeeStateTaxesViewProps {\n  stateTaxes: ReadyEmployeeStateTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  /**\n   * Per-flow translation override for this shared view. Consumers build the\n   * value inside a flow-local `use*StateTaxesViewDictionary` hook that\n   * resolves the view's keys against the flow's own namespace, so partner\n   * overrides on the flow's `dictionary` prop propagate into the view.\n   */\n  dictionary?: StateTaxesViewDictionary\n  LoaderComponent?: LoaderComponentType\n}\n\n/** @internal */\nexport function EmployeeStateTaxesView({\n  stateTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  dictionary,\n  LoaderComponent,\n}: EmployeeStateTaxesViewProps) {\n  useI18n('Employee.StateTaxesView')\n  useComponentDictionary('Employee.StateTaxesView', dictionary)\n\n  const { t } = useTranslation('Employee.StateTaxesView')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const groups = stateTaxes.form.Fields\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={stateTaxes.errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <SDKFormProvider formHookResult={stateTaxes}>\n          <Form onSubmit={onSubmit}>\n            {alert}\n\n            {groups.length === 0 ? (\n              <Components.Text>{t('noWithholding')}</Components.Text>\n            ) : (\n              groups.map(group => {\n                const stateName = tCommon(`statesHash.${group.state}`, group.state)\n                return (\n                  <Fragment key={group.state}>\n                    <Components.Heading as=\"h2\">\n                      {t('stateTaxesTitle', { state: stateName })}\n                    </Components.Heading>\n\n                    {group.questions.map(({ questionId, Field }) => {\n                      return <Field key={questionId} />\n                    })}\n                  </Fragment>\n                )\n              })\n            )}\n\n            {actions}\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EmployeeStateTaxesView","stateTaxes","onSubmit","actions","alert","className","dictionary","LoaderComponent","useI18n","useComponentDictionary","t","useTranslation","tCommon","Components","useComponentContext","groups","jsx","classNames","styles","BaseLayout","SDKFormProvider","jsxs","Form","group","stateName","Fragment","questionId","Field"],"mappings":";;;;;;;;;;;AAkDO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BH,CAAU;AAE5D,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,GAAGC,MAAYD,EAAe,QAAQ,GACxCE,IAAaC,EAAA,GACbC,IAASd,EAAW,KAAK;AAE/B,SACE,gBAAAe,EAAC,aAAQ,WAAWC,EAAWC,EAAO,WAAWb,CAAS,GACxD,UAAA,gBAAAW,EAACG,GAAA,EAAW,OAAOlB,EAAW,cAAc,QAAQ,iBAAAM,GAClD,UAAA,gBAAAS,EAACI,KAAgB,gBAAgBnB,GAC/B,UAAA,gBAAAoB,EAACC,GAAA,EAAK,UAAApB,GACH,UAAA;AAAA,IAAAE;AAAA,IAEAW,EAAO,WAAW,IACjB,gBAAAC,EAACH,EAAW,MAAX,EAAiB,UAAAH,EAAE,eAAe,EAAA,CAAE,IAErCK,EAAO,IAAI,CAAAQ,MAAS;AAClB,YAAMC,IAAYZ,EAAQ,cAAcW,EAAM,KAAK,IAAIA,EAAM,KAAK;AAClE,+BACGE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAT,EAACH,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAH,EAAE,mBAAmB,EAAE,OAAOc,EAAA,CAAW,EAAA,CAC5C;AAAA,QAECD,EAAM,UAAU,IAAI,CAAC,EAAE,YAAAG,GAAY,OAAAC,QAC3B,gBAAAX,EAACW,OAAWD,CAAY,CAChC;AAAA,MAAA,EAAA,GAPYH,EAAM,KAQrB;AAAA,IAEJ,CAAC;AAAA,IAGFpB;AAAA,EAAA,GACH,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/fieldComponents.js

@@ -1,11 +1,11 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { EmployeeStateTaxesErrorCodes as c } from "./employeeStateTaxesSchema.js";
-import { DatePickerHookField as d } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
+import { TextInputHookField as d } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+import { SelectHookField as m } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
 import { NumberInputHookField as l } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
-import { TextInputHookField as m } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
-import { RadioGroupHookField as u } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
-import { SelectHookField as f } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { DatePickerHookField as u } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
+import { RadioGroupHookField as f } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 function F() {
   const { t: o } = r("Employee.StateTaxesView");
   return { [c.REQUIRED]: o("validations.required") };
@@ -26,21 +26,21 @@ function P({ meta: o, ...e }) {
     placeholder: e.placeholder ?? n("selectPlaceholder"),
     FieldComponent: e.FieldComponent
   };
-  return /* @__PURE__ */ i(f, { ...s });
+  return /* @__PURE__ */ i(m, { ...s });
 }
 function H({ meta: o, ...e }) {
   const t = {
     ...a(o, e),
     FieldComponent: e.FieldComponent
   };
-  return /* @__PURE__ */ i(u, { ...t });
+  return /* @__PURE__ */ i(f, { ...t });
 }
 function R({ meta: o, ...e }) {
   const t = {
     ...a(o, e),
     placeholder: e.placeholder
   };
-  return /* @__PURE__ */ i(m, { ...t });
+  return /* @__PURE__ */ i(d, { ...t });
 }
 function v({ meta: o, ...e }) {
   const t = {
@@ -63,7 +63,7 @@ function E({ meta: o, ...e }) {
     ...a(o, e),
     FieldComponent: e.FieldComponent
   };
-  return /* @__PURE__ */ i(d, { ...t });
+  return /* @__PURE__ */ i(u, { ...t });
 }
 export {
   D as CurrencyStateTaxField,

package/dist/components/Employee/WorkAddress/management/WorkAddress.d.ts

@@ -22,4 +22,4 @@ export interface WorkAddressProps extends BaseComponentInterface<'Employee.Manag
  *
  * @public
  */
-export declare function WorkAddress({ dictionary, FallbackComponent, ...props }: WorkAddressProps): import("react").JSX.Element;
+export declare function WorkAddress({ dictionary, FallbackComponent, LoaderComponent, ...props }: WorkAddressProps): import("react").JSX.Element;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WorkAddress.js","sources":["../../../../../src/components/Employee/WorkAddress/management/WorkAddress.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  WorkAddressCardContextual,\n  type WorkAddressContextInterface,\n} from './WorkAddressComponents'\nimport { workAddressStateMachine } from './workAddressStateMachine'\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 WorkAddress}.\n *\n * @public\n */\nexport interface WorkAddressProps extends BaseComponentInterface<'Employee.Management.WorkAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction WorkAddressFlow({ employeeId, onEvent }: WorkAddressProps) {\n  useI18n('Employee.Management.WorkAddress')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', workAddressStateMachine, (ctx: WorkAddressContextInterface) => ({\n        ...ctx,\n        component: WorkAddressCardContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone employee work address management flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/workAddress/editRequested` | Manage button on the work address card clicked | `{ employeeId: string }` |\n * | `employee/management/workAddress/editCancelled` | User backed out of the edit form | — |\n * | `employee/management/workAddress/created` | A new work address was created | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/updated` | An existing work address was updated | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/deleted` | A work address was deleted | {@link APIModels.EmployeeWorkAddress} |\n *\n * @public\n */\nexport function WorkAddress({ dictionary, FallbackComponent, ...props }: WorkAddressProps) {\n  useComponentDictionary('Employee.Management.WorkAddress', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.WorkAddress\"\n      FallbackComponent={FallbackComponent}\n    >\n      <WorkAddressFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["WorkAddressFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","workAddressStateMachine","ctx","WorkAddressCardContextual","jsx","Flow","WorkAddress","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAsBA,SAASA,EAAgB,EAAE,YAAAC,GAAY,SAAAC,KAA6B;AAClE,EAAAC,EAAQ,iCAAiC;AAEzC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAyB,CAACC,OAAsC;AAAA,MACpF,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;AAgBO,SAASU,EAAY,EAAE,YAAAC,GAAY,mBAAAC,GAAmB,GAAGC,KAA2B;AACzF,SAAAC,EAAuB,mCAAmCH,CAAU,GAElE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAiB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGlC;"}
+{"version":3,"file":"WorkAddress.js","sources":["../../../../../src/components/Employee/WorkAddress/management/WorkAddress.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  WorkAddressCardContextual,\n  type WorkAddressContextInterface,\n} from './WorkAddressComponents'\nimport { workAddressStateMachine } from './workAddressStateMachine'\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 WorkAddress}.\n *\n * @public\n */\nexport interface WorkAddressProps extends BaseComponentInterface<'Employee.Management.WorkAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction WorkAddressFlow({ employeeId, onEvent, LoaderComponent }: WorkAddressProps) {\n  useI18n('Employee.Management.WorkAddress')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', workAddressStateMachine, (ctx: WorkAddressContextInterface) => ({\n        ...ctx,\n        component: WorkAddressCardContextual,\n        employeeId,\n        LoaderComponent,\n      })),\n    [employeeId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone employee work address management flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/workAddress/editRequested` | Manage button on the work address card clicked | `{ employeeId: string }` |\n * | `employee/management/workAddress/editCancelled` | User backed out of the edit form | — |\n * | `employee/management/workAddress/created` | A new work address was created | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/updated` | An existing work address was updated | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/management/workAddress/deleted` | A work address was deleted | {@link APIModels.EmployeeWorkAddress} |\n *\n * @public\n */\nexport function WorkAddress({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: WorkAddressProps) {\n  useComponentDictionary('Employee.Management.WorkAddress', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.WorkAddress\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <WorkAddressFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["WorkAddressFlow","employeeId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","workAddressStateMachine","ctx","WorkAddressCardContextual","jsx","Flow","WorkAddress","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAsBA,SAASA,EAAgB,EAAE,YAAAC,GAAY,SAAAC,GAAS,iBAAAC,KAAqC;AACnF,EAAAC,EAAQ,iCAAiC;AAEzC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAyB,CAACC,OAAsC;AAAA,MACpF,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;AAgBO,SAASW,EAAY;AAAA,EAC1B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAqB;AACnB,SAAAC,EAAuB,mCAAmCH,CAAU,GAElE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAgB,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGpE;"}

package/dist/components/Employee/WorkAddress/management/WorkAddressCard/WorkAddressCard.d.ts

@@ -1,5 +1,6 @@
 import { EventType } from '../../../../../shared/constants';
 import { OnEventType } from '../../../../Base/useBase';
+import { LoaderComponentType } from '../../../../Base';
 /**
  * Props for {@link WorkAddressCard}.
  *
@@ -10,6 +11,8 @@ export interface WorkAddressCardProps {
     employeeId: string;
     /** Event handler fired when the card's Manage 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 employee work address summary card.