@gusto/embedded-react-sdk 0.42.0 → 0.44.0

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

@@ -0,0 +1,6 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+export type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes'>, 'children'> & {
+    employeeId: string;
+    onEvent: BaseComponentInterface['onEvent'];
+};
+export declare function StateTaxes({ FallbackComponent, ...props }: StateTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,59 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { useState as T } from "react";
+import { useTranslation as x } from "react-i18next";
+import { EmployeeStateTaxesView as y } from "../shared/EmployeeStateTaxesView.js";
+import { BaseBoundaries as E, BaseLayout as C } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { componentEvents as c } from "../../../../shared/constants.js";
+import "classnames";
+import { ActionsLayout as h } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useI18n as L, useComponentDictionary as A } from "../../../../i18n/I18n.js";
+import { useComponentContext as b } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useEmployeeStateTaxesForm as g } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
+function O({
+  FallbackComponent: o,
+  ...s
+}) {
+  return /* @__PURE__ */ t(E, { componentName: "Employee.StateTaxes", FallbackComponent: o, children: /* @__PURE__ */ t(B, { ...s }) });
+}
+function B({ employeeId: o, className: s, dictionary: u, onEvent: i }) {
+  L("Employee.StateTaxes"), A("Employee.StateTaxes", u);
+  const { t: a } = x("Employee.StateTaxes"), n = b(), e = g({ employeeId: o }), [l, r] = T(!1);
+  if (e.isLoading)
+    return /* @__PURE__ */ t(C, { isLoading: !0, error: e.errorHandling.errors });
+  const p = async () => {
+    r(!1);
+    const m = await e.actions.onSubmit();
+    m && (i(c.EMPLOYEE_STATE_TAXES_UPDATED, {
+      employeeStateTaxesList: m.data
+    }), r(!0));
+  }, S = () => {
+    i(c.CANCEL);
+  }, f = l ? /* @__PURE__ */ t(
+    n.Alert,
+    {
+      status: "success",
+      label: a("successAlert"),
+      onDismiss: () => {
+        r(!1);
+      }
+    }
+  ) : void 0;
+  return /* @__PURE__ */ t(
+    y,
+    {
+      stateTaxes: e,
+      onSubmit: p,
+      alert: f,
+      actions: /* @__PURE__ */ d(h, { children: [
+        /* @__PURE__ */ t(n.Button, { variant: "secondary", onClick: S, children: a("cancelCta") }),
+        /* @__PURE__ */ t(n.Button, { type: "submit", isLoading: e.status.isPending, children: a("saveCta") })
+      ] }),
+      className: s
+    }
+  );
+}
+export {
+  O as StateTaxes
+};
+//# sourceMappingURL=StateTaxes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxes.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} 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\nexport type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes'>, 'children'> & {\n  employeeId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function StateTaxes({\n  FallbackComponent,\n  ...props\n}: StateTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries componentName=\"Employee.StateTaxes\" FallbackComponent={FallbackComponent}>\n      <StateTaxesRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesRoot({ employeeId, className, dictionary, onEvent }: StateTaxesProps) {\n  useI18n('Employee.StateTaxes')\n  useComponentDictionary('Employee.StateTaxes', dictionary)\n  const { t } = useTranslation('Employee.StateTaxes')\n  const Components = useComponentContext()\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId })\n  const [showSuccess, setShowSuccess] = useState(false)\n\n  if (stateTaxes.isLoading) {\n    return <BaseLayout isLoading error={stateTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    setShowSuccess(false)\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    setShowSuccess(true)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const alert = showSuccess ? (\n    <Components.Alert\n      status=\"success\"\n      label={t('successAlert')}\n      onDismiss={() => {\n        setShowSuccess(false)\n      }}\n    />\n  ) : undefined\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      alert={alert}\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    />\n  )\n}\n"],"names":["StateTaxes","FallbackComponent","props","jsx","BaseBoundaries","StateTaxesRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","stateTaxes","useEmployeeStateTaxesForm","showSuccess","setShowSuccess","useState","BaseLayout","handleSubmit","result","componentEvents","handleCancel","alert","EmployeeStateTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;;AAmBO,SAASA,EAAW;AAAA,EACzB,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAwE;AACtE,SACE,gBAAAC,EAACC,KAAe,eAAc,uBAAsB,mBAAAH,GAClD,UAAA,gBAAAE,EAACE,GAAA,EAAgB,GAAGH,EAAA,CAAO,EAAA,CAC7B;AAEJ;AAEA,SAASG,EAAe,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,SAAAC,KAA4B;AACvF,EAAAC,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBH,CAAU;AACxD,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GAEbC,IAAaC,EAA0B,EAAE,YAAAX,GAAY,GACrD,CAACY,GAAaC,CAAc,IAAIC,EAAS,EAAK;AAEpD,MAAIJ,EAAW;AACb,6BAAQK,GAAA,EAAW,WAAS,IAAC,OAAOL,EAAW,cAAc,QAAQ;AAGvE,QAAMM,IAAe,YAAY;AAC/B,IAAAH,EAAe,EAAK;AACpB,UAAMI,IAAS,MAAMP,EAAW,QAAQ,SAAA;AACxC,IAAKO,MAELd,EAAQe,EAAgB,8BAA8B;AAAA,MACpD,wBAAwBD,EAAO;AAAA,IAAA,CAChC,GACDJ,EAAe,EAAI;AAAA,EACrB,GAEMM,IAAe,MAAM;AACzB,IAAAhB,EAAQe,EAAgB,MAAM;AAAA,EAChC,GAEME,IAAQR,IACZ,gBAAAf;AAAA,IAACW,EAAW;AAAA,IAAX;AAAA,MACC,QAAO;AAAA,MACP,OAAOF,EAAE,cAAc;AAAA,MACvB,WAAW,MAAM;AACf,QAAAO,EAAe,EAAK;AAAA,MACtB;AAAA,IAAA;AAAA,EAAA,IAEA;AAEJ,SACE,gBAAAhB;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,YAAAX;AAAA,MACA,UAAUM;AAAA,MACV,OAAAI;AAAA,MACA,2BACGE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAzB,EAACW,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASW,GAC7C,UAAAb,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,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { StateTaxes, type StateTaxesProps } from './StateTaxes';

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

@@ -0,0 +1,8 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+export type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes'>, 'children'> & {
+    employeeId: string;
+    /** Render admin-only questions and submit them. Defaults to `false`. */
+    isAdmin?: boolean;
+    onEvent: BaseComponentInterface['onEvent'];
+};
+export declare function StateTaxes({ FallbackComponent, ...props }: StateTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +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 {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} 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\nexport type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes'>, 'children'> & {\n  employeeId: string\n  /** Render admin-only questions and submit them. Defaults to `false`. */\n  isAdmin?: boolean\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function StateTaxes({\n  FallbackComponent,\n  ...props\n}: StateTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\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\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    />\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","BaseLayout","EmployeeStateTaxesView","result","componentEvents","ContinueAction","isPending","t","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;AAoBO,SAASA,EAAW;AAAA,EACzB,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAwE;AACtE,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;AAEpE,SAAIG,EAAW,8BACLE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAW,cAAc,QAAQ,IAcrE,gBAAAV;AAAA,IAACa;AAAA,IAAA;AAAA,MACC,YAAAH;AAAA,MACA,UAbiB,YAAY;AAC/B,cAAMI,IAAS,MAAMJ,EAAW,QAAQ,SAAA;AACxC,QAAKI,MAELR,EAAQS,EAAgB,8BAA8B;AAAA,UACpD,wBAAwBD,EAAO;AAAA,QAAA,CAChC,GACDR,EAAQS,EAAgB,yBAAyB;AAAA,MACnD;AAAA,MAMI,SAAS,gBAAAf,EAACgB,GAAA,EAAe,WAAWN,EAAW,OAAO,WAAW;AAAA,MACjE,WAAAN;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASY,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAArB,EAACsB,GAAA,EACC,UAAA,gBAAAtB,EAACoB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWH,GACzC,UAAAC,EAAE,WAAW,GAChB,GACF;AAEJ;"}

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

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { StateTaxes, type StateTaxesProps } from './StateTaxes';

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { useEmployeeStateTaxesForm } from './useEmployeeStateTaxesForm';
+type ReadyEmployeeStateTaxesForm = Extract<ReturnType<typeof useEmployeeStateTaxesForm>, {
+    isLoading: false;
+}>;
+export interface EmployeeStateTaxesViewProps {
+    stateTaxes: ReadyEmployeeStateTaxesForm;
+    onSubmit: () => void | Promise<void>;
+    actions: ReactNode;
+    alert?: ReactNode;
+    className?: string;
+}
+export declare function EmployeeStateTaxesView({ stateTaxes, onSubmit, actions, alert, className, }: EmployeeStateTaxesViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,32 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { Fragment as x } from "react";
+import { useTranslation as m } from "react-i18next";
+import { BaseLayout as C } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { Form as F } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as H } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function w({
+  stateTaxes: r,
+  onSubmit: n,
+  actions: s,
+  alert: i,
+  className: a
+}) {
+  const { t: c } = m("Employee.StateTaxes"), { t: l } = m("common"), p = y(), d = r.form.Fields;
+  return /* @__PURE__ */ t("section", { className: a, children: /* @__PURE__ */ t(C, { error: r.errorHandling.errors, children: /* @__PURE__ */ t(H, { formHookResult: r, children: /* @__PURE__ */ e(F, { onSubmit: n, children: [
+    i,
+    d.map((o) => {
+      const f = l(`statesHash.${o.state}`, o.state);
+      return /* @__PURE__ */ e(x, { children: [
+        /* @__PURE__ */ t(p.Heading, { as: "h2", children: c("stateTaxesTitle", { state: f }) }),
+        o.questions.map(({ questionId: h, Field: u }) => /* @__PURE__ */ t(u, {}, h))
+      ] }, o.state);
+    }),
+    s
+  ] }) }) }) });
+}
+export {
+  w as EmployeeStateTaxesView
+};
+//# sourceMappingURL=EmployeeStateTaxesView.js.map

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

@@ -0,0 +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 { type useEmployeeStateTaxesForm } from './useEmployeeStateTaxesForm'\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'\n\ntype ReadyEmployeeStateTaxesForm = Extract<\n  ReturnType<typeof useEmployeeStateTaxesForm>,\n  { isLoading: false }\n>\n\nexport interface EmployeeStateTaxesViewProps {\n  stateTaxes: ReadyEmployeeStateTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n}\n\nexport function EmployeeStateTaxesView({\n  stateTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n}: EmployeeStateTaxesViewProps) {\n  const { t } = useTranslation('Employee.StateTaxes')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const groups = stateTaxes.form.Fields\n\n  return (\n    <section className={className}>\n      <BaseLayout error={stateTaxes.errorHandling.errors}>\n        <SDKFormProvider formHookResult={stateTaxes}>\n          <Form onSubmit={onSubmit}>\n            {alert}\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            {actions}\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EmployeeStateTaxesView","stateTaxes","onSubmit","actions","alert","className","t","useTranslation","tCommon","Components","useComponentContext","groups","jsx","BaseLayout","SDKFormProvider","jsxs","Form","group","stateName","Fragment","questionId","Field"],"mappings":";;;;;;;;AAqBO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAAgC;AAC9B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,GAAGC,MAAYD,EAAe,QAAQ,GACxCE,IAAaC,EAAA,GACbC,IAASV,EAAW,KAAK;AAE/B,SACE,gBAAAW,EAAC,WAAA,EAAQ,WAAAP,GACP,UAAA,gBAAAO,EAACC,KAAW,OAAOZ,EAAW,cAAc,QAC1C,4BAACa,GAAA,EAAgB,gBAAgBb,GAC/B,UAAA,gBAAAc,EAACC,KAAK,UAAAd,GACH,UAAA;AAAA,IAAAE;AAAA,IAEAO,EAAO,IAAI,CAAAM,MAAS;AACnB,YAAMC,IAAYV,EAAQ,cAAcS,EAAM,KAAK,IAAIA,EAAM,KAAK;AAClE,+BACGE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAP,EAACH,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAH,EAAE,mBAAmB,EAAE,OAAOY,EAAA,CAAW,EAAA,CAC5C;AAAA,QAECD,EAAM,UAAU,IAAI,CAAC,EAAE,YAAAG,GAAY,OAAAC,QAC3B,gBAAAT,EAACS,OAAWD,CAAY,CAChC;AAAA,MAAA,EAAA,GAPYH,EAAM,KAQrB;AAAA,IAEJ,CAAC;AAAA,IAEAd;AAAA,EAAA,GACH,EAAA,CACF,GACF,GACF;AAEJ;"}

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { EmployeeStateTaxesView, type EmployeeStateTaxesViewProps } from './EmployeeStateTaxesView';
+export * from './useEmployeeStateTaxesForm';

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/__fixtures__/stateTaxesFixtures.d.ts

@@ -0,0 +1,8 @@
+import { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist';
+export declare const caEmployeeStateTaxes: EmployeeStateTaxesList[];
+export declare const nyEmployeeStateTaxes: EmployeeStateTaxesList[];
+export declare const inEmployeeStateTaxes: EmployeeStateTaxesList[];
+export declare const multiStateEmployeeStateTaxes: EmployeeStateTaxesList[];
+export declare const emptyStateTaxes: EmployeeStateTaxesList[];
+export declare const unsetAnswersStateTaxes: EmployeeStateTaxesList[];
+export declare const unknownTypeStateTaxes: EmployeeStateTaxesList[];

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/__fixtures__/toWireFormat.d.ts

@@ -0,0 +1,36 @@
+import { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist';
+interface WireAnswer {
+    value: unknown;
+    valid_from: string | undefined;
+    valid_up_to: string | null;
+}
+interface WireOption {
+    value?: unknown;
+    label: string;
+}
+interface WireQuestion {
+    is_question_for_admin_only: boolean;
+    label: string;
+    description: string | null;
+    key: string;
+    input_question_format: {
+        type: string;
+        options?: WireOption[];
+    };
+    answers: WireAnswer[];
+}
+interface WireState {
+    employee_uuid: string | undefined;
+    state: string | undefined;
+    file_new_hire_report: boolean | null | undefined;
+    is_work_state: boolean | undefined;
+    questions: WireQuestion[];
+}
+/**
+ * Converts a camelCase typed `EmployeeStateTaxesList[]` fixture back to the
+ * snake_case wire shape MSW handlers serve. Mirrors the SDK's outbound→
+ * inbound transformation so the same fixture drives both unit tests and
+ * MSW-backed component tests.
+ */
+export declare function toWireStateTaxes(taxes: EmployeeStateTaxesList[]): WireState[];
+export {};

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/employeeStateTaxesSchema.d.ts

@@ -0,0 +1,56 @@
+import { z } from 'zod';
+import { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist';
+import { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion';
+import { StateTaxQuestionVariant } from './fieldMapping';
+import { FieldsMetadataConfig } from '../../../../../partner-hook-utils/form/buildFormSchema';
+/**
+ * The state-taxes form only surfaces a single error code: `REQUIRED`. Field
+ * values are stored as `z.unknown()` in the schema; the bundled UI components
+ * emit type-correct values and the submit serializer handles edge cases, so
+ * any "invalid" input is treated as empty and lands on `REQUIRED`.
+ */
+export declare const EmployeeStateTaxesErrorCodes: {
+    readonly REQUIRED: "REQUIRED";
+};
+export type EmployeeStateTaxesErrorCode = (typeof EmployeeStateTaxesErrorCodes)[keyof typeof EmployeeStateTaxesErrorCodes];
+export type StateTaxValue = string | number | boolean | Date | null | undefined;
+export interface EmployeeStateTaxesFormData {
+    states: Record<string, Record<string, StateTaxValue>>;
+}
+export type EmployeeStateTaxesFormOutputs = EmployeeStateTaxesFormData;
+export interface EmployeeStateTaxesSchemaOptions {
+    isAdmin?: boolean;
+}
+export interface EmployeeStateTaxesQuestionMeta {
+    state: string;
+    isWorkState: boolean;
+    apiKey: string;
+    formKey: string;
+    variant: StateTaxQuestionVariant;
+    isAdminOnly: boolean;
+    isWireSelectWithBooleanOptions: boolean;
+}
+export interface EmployeeStateTaxesMetadataConfig extends FieldsMetadataConfig<Record<string, z.ZodType>> {
+    /** Group → questions, in API response order, post admin-filtering. */
+    groups: Array<{
+        state: string;
+        isWorkState: boolean;
+        questions: EmployeeStateTaxesQuestionMeta[];
+    }>;
+}
+export type EmployeeStateTaxesSchemaResult = [
+    schema: z.ZodType<EmployeeStateTaxesFormData, EmployeeStateTaxesFormData>,
+    metadataConfig: EmployeeStateTaxesMetadataConfig
+];
+/**
+ * Builds a Zod schema and metadata config for a dynamic state-taxes form.
+ *
+ * Schema shape: `{ states: { [state]: { [camelKey]: value } } }` where the
+ * inner record's keys mirror each API question's `key` after camelCasing.
+ *
+ * Required fields are tracked via `superRefine` (mirrors `buildFormSchema`'s
+ * approach for static-shape forms). Admin-only questions are excluded from
+ * both schema and metadata when `isAdmin=false`.
+ */
+export declare function createEmployeeStateTaxesSchema(employeeStateTaxes: EmployeeStateTaxesList[], options?: EmployeeStateTaxesSchemaOptions): EmployeeStateTaxesSchemaResult;
+export type EmployeeStateTaxesQuestion = EmployeeStateTaxQuestion;

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

@@ -0,0 +1,116 @@
+import { z as f } from "zod";
+import { getQuestionVariant as h } from "./fieldMapping.js";
+import { snakeCaseToCamelCase as b } from "../../../../../helpers/formattedStrings.js";
+const S = {
+  REQUIRED: "REQUIRED"
+};
+function v(s) {
+  return !!(s == null || typeof s == "string" && s.trim() === "" || typeof s == "number" && Number.isNaN(s) || s instanceof Date && Number.isNaN(s.getTime()));
+}
+function R(s, i = {}) {
+  const { isAdmin: r = !1 } = i, u = [];
+  for (const t of s) {
+    if (!t.state || !t.questions) continue;
+    const o = [];
+    for (const e of t.questions) {
+      if (e.isQuestionForAdminOnly && !r) continue;
+      const n = b(e.key), a = `states.${t.state}.${n}`;
+      o.push({
+        apiKey: e.key,
+        formKey: n,
+        fullPath: a,
+        variant: h(e),
+        options: k(e.inputQuestionFormat.options),
+        isAdminOnly: e.isQuestionForAdminOnly,
+        initialValue: e.answers[0]?.value
+      });
+    }
+    u.push({
+      state: t.state,
+      isWorkState: !!t.isWorkState,
+      questions: o
+    });
+  }
+  const c = {};
+  for (const t of u) {
+    const o = {};
+    for (const e of t.questions)
+      o[e.formKey] = f.unknown();
+    c[t.state] = f.object(o).optional();
+  }
+  const p = f.object({
+    states: f.object(c)
+  }).superRefine((t, o) => {
+    for (const e of u) {
+      const n = t.states[e.state] ?? {};
+      for (const a of e.questions) {
+        const l = n[a.formKey];
+        v(l) && o.addIssue({
+          code: f.ZodIssueCode.custom,
+          path: ["states", e.state, a.formKey],
+          message: S.REQUIRED
+        });
+      }
+    }
+  }), m = u.map((t) => ({
+    state: t.state,
+    isWorkState: t.isWorkState,
+    questions: t.questions.map((o) => ({
+      state: t.state,
+      isWorkState: t.isWorkState,
+      apiKey: o.apiKey,
+      formKey: o.formKey,
+      variant: o.variant,
+      isAdminOnly: o.isAdminOnly,
+      isWireSelectWithBooleanOptions: g(o.options)
+    }))
+  }));
+  function d() {
+    const t = {};
+    for (const o of u)
+      for (const e of o.questions) {
+        const n = {
+          name: e.fullPath,
+          isRequired: !0
+        };
+        if (y(e.apiKey, e.initialValue) && (n.isDisabled = !0), e.options && e.options.length > 0) {
+          const a = {
+            ...n,
+            options: e.options.map((l) => ({
+              value: String(l.value),
+              label: l.label
+            }))
+          };
+          t[e.fullPath] = a;
+        } else
+          t[e.fullPath] = n;
+      }
+    return t;
+  }
+  function y(t, o) {
+    return t !== "file_new_hire_report" ? !1 : o != null;
+  }
+  return [
+    p,
+    {
+      getFieldsMetadata: d,
+      predicateDeps: [],
+      groups: m
+    }
+  ];
+}
+function g(s) {
+  return !s || s.length === 0 ? !1 : s.every((i) => typeof i.value == "boolean");
+}
+function k(s) {
+  if (!s) return;
+  const i = [];
+  for (const r of s)
+    r.value === void 0 || r.label === void 0 || i.push({ value: r.value, label: r.label });
+  return i.length > 0 ? i : void 0;
+}
+export {
+  S as EmployeeStateTaxesErrorCodes,
+  R as createEmployeeStateTaxesSchema
+};
+//# sourceMappingURL=employeeStateTaxesSchema.js.map

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/employeeStateTaxesSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"employeeStateTaxesSchema.js","sources":["../../../../../../src/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/employeeStateTaxesSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { getQuestionVariant, type StateTaxQuestionVariant } from './fieldMapping'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport type {\n  FieldMetadata,\n  FieldMetadataWithOptions,\n  FieldsMetadata,\n} from '@/partner-hook-utils/types'\nimport type { FieldsMetadataConfig } from '@/partner-hook-utils/form/buildFormSchema'\n\n// ── Error codes ────────────────────────────────────────────────────────\n\n/**\n * The state-taxes form only surfaces a single error code: `REQUIRED`. Field\n * values are stored as `z.unknown()` in the schema; the bundled UI components\n * emit type-correct values and the submit serializer handles edge cases, so\n * any \"invalid\" input is treated as empty and lands on `REQUIRED`.\n */\nexport const EmployeeStateTaxesErrorCodes = {\n  REQUIRED: 'REQUIRED',\n} as const\n\nexport type EmployeeStateTaxesErrorCode =\n  (typeof EmployeeStateTaxesErrorCodes)[keyof typeof EmployeeStateTaxesErrorCodes]\n\n// ── Form data shape ────────────────────────────────────────────────────\n\nexport type StateTaxValue = string | number | boolean | Date | null | undefined\n\nexport interface EmployeeStateTaxesFormData {\n  states: Record<string, Record<string, StateTaxValue>>\n}\n\nexport type EmployeeStateTaxesFormOutputs = EmployeeStateTaxesFormData\n\n// ── Empty-value detection ──────────────────────────────────────────────\n\n/**\n * State-taxes fields are typed as `z.unknown()` in the schema and validated\n * for emptiness in `superRefine`. The bundled UI components only emit\n * type-correct values (NumberInput → number | undefined, DatePicker → Date |\n * undefined, etc.) and the submit serializer normalizes NaN / invalid Dates\n * to empty strings before hitting the API, so a per-variant Zod validator\n * would only fire for adversarial inputs that aren't reachable through the UI.\n */\nfunction isEmpty(value: unknown): boolean {\n  if (value === undefined || value === null) return true\n  if (typeof value === 'string' && value.trim() === '') return true\n  if (typeof value === 'number' && Number.isNaN(value)) return true\n  if (value instanceof Date && Number.isNaN(value.getTime())) return true\n  return false\n}\n\n// ── Schema factory ─────────────────────────────────────────────────────\n\nexport interface EmployeeStateTaxesSchemaOptions {\n  isAdmin?: boolean\n}\n\ninterface QuestionOption {\n  value: string | number | boolean\n  label: string\n}\n\ninterface QuestionEntry {\n  apiKey: string\n  formKey: string\n  fullPath: string\n  variant: StateTaxQuestionVariant\n  options?: QuestionOption[]\n  isAdminOnly: boolean\n  /** Server-provided answer at hook initialization. Used to compute the\n   *  `file_new_hire_report` lock-once-set rule. */\n  initialValue: unknown\n}\n\nexport interface EmployeeStateTaxesQuestionMeta {\n  state: string\n  isWorkState: boolean\n  apiKey: string\n  formKey: string\n  variant: StateTaxQuestionVariant\n  isAdminOnly: boolean\n  isWireSelectWithBooleanOptions: boolean\n}\n\nexport interface EmployeeStateTaxesMetadataConfig extends FieldsMetadataConfig<\n  Record<string, z.ZodType>\n> {\n  /** Group → questions, in API response order, post admin-filtering. */\n  groups: Array<{\n    state: string\n    isWorkState: boolean\n    questions: EmployeeStateTaxesQuestionMeta[]\n  }>\n}\n\nexport type EmployeeStateTaxesSchemaResult = [\n  schema: z.ZodType<EmployeeStateTaxesFormData, EmployeeStateTaxesFormData>,\n  metadataConfig: EmployeeStateTaxesMetadataConfig,\n]\n\n/**\n * Builds a Zod schema and metadata config for a dynamic state-taxes form.\n *\n * Schema shape: `{ states: { [state]: { [camelKey]: value } } }` where the\n * inner record's keys mirror each API question's `key` after camelCasing.\n *\n * Required fields are tracked via `superRefine` (mirrors `buildFormSchema`'s\n * approach for static-shape forms). Admin-only questions are excluded from\n * both schema and metadata when `isAdmin=false`.\n */\nexport function createEmployeeStateTaxesSchema(\n  employeeStateTaxes: EmployeeStateTaxesList[],\n  options: EmployeeStateTaxesSchemaOptions = {},\n): EmployeeStateTaxesSchemaResult {\n  const { isAdmin = false } = options\n\n  const groupEntries: Array<{\n    state: string\n    isWorkState: boolean\n    questions: QuestionEntry[]\n  }> = []\n\n  for (const stateGroup of employeeStateTaxes) {\n    if (!stateGroup.state || !stateGroup.questions) continue\n\n    const visibleQuestions: QuestionEntry[] = []\n    for (const question of stateGroup.questions) {\n      if (question.isQuestionForAdminOnly && !isAdmin) continue\n      const formKey = snakeCaseToCamelCase(question.key)\n      const fullPath = `states.${stateGroup.state}.${formKey}`\n      visibleQuestions.push({\n        apiKey: question.key,\n        formKey,\n        fullPath,\n        variant: getQuestionVariant(question),\n        options: normalizeOptions(question.inputQuestionFormat.options),\n        isAdminOnly: question.isQuestionForAdminOnly,\n        initialValue: question.answers[0]?.value,\n      })\n    }\n\n    groupEntries.push({\n      state: stateGroup.state,\n      isWorkState: Boolean(stateGroup.isWorkState),\n      questions: visibleQuestions,\n    })\n  }\n\n  const statesShape: Record<string, z.ZodType> = {}\n  for (const group of groupEntries) {\n    const innerShape: Record<string, z.ZodType> = {}\n    for (const entry of group.questions) {\n      innerShape[entry.formKey] = z.unknown()\n    }\n    statesShape[group.state] = z.object(innerShape).optional()\n  }\n\n  const baseSchema = z.object({\n    states: z.object(statesShape),\n  })\n\n  const refined = baseSchema.superRefine((data, ctx) => {\n    for (const group of groupEntries) {\n      const stateValues = data.states[group.state] ?? {}\n      for (const entry of group.questions) {\n        const value = (stateValues as Record<string, unknown>)[entry.formKey]\n        if (isEmpty(value)) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['states', group.state, entry.formKey],\n            message: EmployeeStateTaxesErrorCodes.REQUIRED,\n          })\n        }\n      }\n    }\n  })\n\n  const schema = refined as unknown as z.ZodType<\n    EmployeeStateTaxesFormData,\n    EmployeeStateTaxesFormData\n  >\n\n  const groupsForMetadata = groupEntries.map(g => ({\n    state: g.state,\n    isWorkState: g.isWorkState,\n    questions: g.questions.map(q => ({\n      state: g.state,\n      isWorkState: g.isWorkState,\n      apiKey: q.apiKey,\n      formKey: q.formKey,\n      variant: q.variant,\n      isAdminOnly: q.isAdminOnly,\n      isWireSelectWithBooleanOptions: isWireSelectWithBooleanOptions(q.options),\n    })),\n  }))\n\n  function getFieldsMetadata(): FieldsMetadata {\n    const metadata: FieldsMetadata = {}\n    for (const group of groupEntries) {\n      for (const entry of group.questions) {\n        const base: FieldMetadata = {\n          name: entry.fullPath,\n          isRequired: true,\n        }\n\n        if (isLockedOnceSet(entry.apiKey, entry.initialValue)) {\n          base.isDisabled = true\n        }\n\n        if (entry.options && entry.options.length > 0) {\n          const withOptions: FieldMetadataWithOptions = {\n            ...base,\n            options: entry.options.map(opt => ({\n              value: String(opt.value),\n              label: opt.label,\n            })),\n          }\n          metadata[entry.fullPath] = withOptions\n        } else {\n          metadata[entry.fullPath] = base\n        }\n      }\n    }\n    return metadata\n  }\n\n  /**\n   * Mirrors the existing `TaxInputs.tsx` rule for `file_new_hire_report`:\n   * once a value has been recorded server-side, the question is locked.\n   */\n  function isLockedOnceSet(apiKey: string, initialValue: unknown): boolean {\n    if (apiKey !== 'file_new_hire_report') return false\n    return initialValue !== undefined && initialValue !== null\n  }\n\n  return [\n    schema,\n    {\n      getFieldsMetadata,\n      predicateDeps: [],\n      groups: groupsForMetadata,\n    } as EmployeeStateTaxesMetadataConfig,\n  ]\n}\n\nfunction isWireSelectWithBooleanOptions(options: QuestionOption[] | undefined): boolean {\n  if (!options || options.length === 0) return false\n  return options.every(opt => typeof opt.value === 'boolean')\n}\n\nfunction normalizeOptions(\n  options:\n    | Array<{ value?: string | number | boolean | undefined; label?: string | undefined }>\n    | undefined,\n): QuestionOption[] | undefined {\n  if (!options) return undefined\n  const result: QuestionOption[] = []\n  for (const opt of options) {\n    if (opt.value === undefined || opt.label === undefined) continue\n    result.push({ value: opt.value, label: opt.label })\n  }\n  return result.length > 0 ? result : undefined\n}\n\nexport type EmployeeStateTaxesQuestion = EmployeeStateTaxQuestion\n"],"names":["EmployeeStateTaxesErrorCodes","isEmpty","value","createEmployeeStateTaxesSchema","employeeStateTaxes","options","isAdmin","groupEntries","stateGroup","visibleQuestions","question","formKey","snakeCaseToCamelCase","fullPath","getQuestionVariant","normalizeOptions","statesShape","group","innerShape","entry","z","schema","data","ctx","stateValues","groupsForMetadata","g","q","isWireSelectWithBooleanOptions","getFieldsMetadata","metadata","base","isLockedOnceSet","withOptions","opt","apiKey","initialValue","result"],"mappings":"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"}

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/fieldComponents.d.ts

@@ -0,0 +1,12 @@
+import { BoundFieldMeta } from './fieldMeta';
+import { CurrencyStateTaxFieldProps, DateStateTaxFieldProps, NumberStateTaxFieldProps, RadioStateTaxFieldProps, SelectStateTaxFieldProps, TextStateTaxFieldProps } from './fieldProps';
+interface MetaProps {
+    meta: BoundFieldMeta;
+}
+export declare function SelectStateTaxField({ meta, ...props }: MetaProps & SelectStateTaxFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function RadioStateTaxField({ meta, ...props }: MetaProps & RadioStateTaxFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextStateTaxField({ meta, ...props }: MetaProps & TextStateTaxFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberStateTaxField({ meta, ...props }: MetaProps & NumberStateTaxFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function CurrencyStateTaxField({ meta, ...props }: MetaProps & CurrencyStateTaxFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateStateTaxField({ meta, ...props }: MetaProps & DateStateTaxFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,76 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { EmployeeStateTaxesErrorCodes as s } from "./employeeStateTaxesSchema.js";
+import { DatePickerHookField as d } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
+import { NumberInputHookField as r } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
+import { TextInputHookField as c } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+import { RadioGroupHookField as m } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
+import { SelectHookField as u } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+function f() {
+  const { t: o } = l("Employee.StateTaxes");
+  return { [s.REQUIRED]: o("validations.required") };
+}
+function a(o, e) {
+  const n = f();
+  return {
+    name: o.name,
+    label: e.label ?? o.apiLabel,
+    description: e.description !== void 0 ? e.description : o.apiDescription,
+    formHookResult: e.formHookResult,
+    validationMessages: { ...n, ...e.validationMessages }
+  };
+}
+function h({ meta: o, ...e }) {
+  const t = {
+    ...a(o, e),
+    placeholder: e.placeholder,
+    FieldComponent: e.FieldComponent
+  };
+  return /* @__PURE__ */ i(u, { ...t });
+}
+function P({ meta: o, ...e }) {
+  const t = {
+    ...a(o, e),
+    FieldComponent: e.FieldComponent
+  };
+  return /* @__PURE__ */ i(m, { ...t });
+}
+function H({ meta: o, ...e }) {
+  const t = {
+    ...a(o, e),
+    placeholder: e.placeholder
+  };
+  return /* @__PURE__ */ i(c, { ...t });
+}
+function R({ meta: o, ...e }) {
+  const t = {
+    ...a(o, e),
+    format: "decimal",
+    FieldComponent: e.FieldComponent
+  };
+  return /* @__PURE__ */ i(r, { ...t });
+}
+function v({ meta: o, ...e }) {
+  const t = {
+    ...a(o, e),
+    format: "currency",
+    FieldComponent: e.FieldComponent
+  };
+  return /* @__PURE__ */ i(r, { ...t });
+}
+function D({ meta: o, ...e }) {
+  const t = {
+    ...a(o, e),
+    FieldComponent: e.FieldComponent
+  };
+  return /* @__PURE__ */ i(d, { ...t });
+}
+export {
+  v as CurrencyStateTaxField,
+  D as DateStateTaxField,
+  R as NumberStateTaxField,
+  P as RadioStateTaxField,
+  h as SelectStateTaxField,
+  H as TextStateTaxField
+};
+//# sourceMappingURL=fieldComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fieldComponents.js","sources":["../../../../../../src/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/fieldComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesErrorCodes } from './employeeStateTaxesSchema'\nimport type { BoundFieldMeta } from './fieldMeta'\nimport type {\n  BaseStateTaxFieldProps,\n  CurrencyStateTaxFieldProps,\n  DateStateTaxFieldProps,\n  NumberStateTaxFieldProps,\n  RadioStateTaxFieldProps,\n  SelectStateTaxFieldProps,\n  StateTaxValidationMessages,\n  TextStateTaxFieldProps,\n} from './fieldProps'\nimport {\n  SelectHookField,\n  RadioGroupHookField,\n  TextInputHookField,\n  NumberInputHookField,\n  DatePickerHookField,\n} from '@/partner-hook-utils/form/fields'\nimport type { SelectHookFieldProps } from '@/partner-hook-utils/form/fields/SelectHookField'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport type { TextInputHookFieldProps } from '@/partner-hook-utils/form/fields/TextInputHookField'\nimport type { NumberInputHookFieldProps } from '@/partner-hook-utils/form/fields/NumberInputHookField'\nimport type { DatePickerHookFieldProps } from '@/partner-hook-utils/form/fields/DatePickerHookField'\nimport type { FormHookResult } from '@/partner-hook-utils/types'\n\ninterface MetaProps {\n  meta: BoundFieldMeta\n}\n\nfunction useStateTaxValidationDefaults(): StateTaxValidationMessages {\n  const { t } = useTranslation('Employee.StateTaxes')\n  return { [EmployeeStateTaxesErrorCodes.REQUIRED]: t('validations.required') }\n}\n\nfunction useResolvedBaseProps(\n  meta: BoundFieldMeta,\n  props: BaseStateTaxFieldProps,\n): {\n  name: string\n  label: string\n  description: ReactNode\n  formHookResult: FormHookResult | undefined\n  validationMessages: StateTaxValidationMessages\n} {\n  const defaults = useStateTaxValidationDefaults()\n  return {\n    name: meta.name,\n    label: props.label ?? meta.apiLabel,\n    description: props.description !== undefined ? props.description : meta.apiDescription,\n    formHookResult: props.formHookResult,\n    validationMessages: { ...defaults, ...props.validationMessages },\n  }\n}\n\nexport function SelectStateTaxField({ meta, ...props }: MetaProps & SelectStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: SelectHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    placeholder: props.placeholder,\n    FieldComponent: props.FieldComponent,\n  }\n  return <SelectHookField {...hookProps} />\n}\n\nexport function RadioStateTaxField({ meta, ...props }: MetaProps & RadioStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: RadioGroupHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    FieldComponent: props.FieldComponent,\n  }\n  return <RadioGroupHookField {...hookProps} />\n}\n\nexport function TextStateTaxField({ meta, ...props }: MetaProps & TextStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: TextInputHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    placeholder: props.placeholder,\n  }\n  return <TextInputHookField {...hookProps} />\n}\n\nexport function NumberStateTaxField({ meta, ...props }: MetaProps & NumberStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: NumberInputHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    format: 'decimal',\n    FieldComponent: props.FieldComponent,\n  }\n  return <NumberInputHookField {...hookProps} />\n}\n\nexport function CurrencyStateTaxField({ meta, ...props }: MetaProps & CurrencyStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: NumberInputHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    format: 'currency',\n    FieldComponent: props.FieldComponent,\n  }\n  return <NumberInputHookField {...hookProps} />\n}\n\nexport function DateStateTaxField({ meta, ...props }: MetaProps & DateStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: DatePickerHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    FieldComponent: props.FieldComponent,\n  }\n  return <DatePickerHookField {...hookProps} />\n}\n"],"names":["useStateTaxValidationDefaults","t","useTranslation","EmployeeStateTaxesErrorCodes","useResolvedBaseProps","meta","props","defaults","SelectStateTaxField","hookProps","jsx","SelectHookField","RadioStateTaxField","RadioGroupHookField","TextStateTaxField","TextInputHookField","NumberStateTaxField","NumberInputHookField","CurrencyStateTaxField","DateStateTaxField","DatePickerHookField"],"mappings":";;;;;;;;AAgCA,SAASA,IAA4D;AACnE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAClD,SAAO,EAAE,CAACC,EAA6B,QAAQ,GAAGF,EAAE,sBAAsB,EAAA;AAC5E;AAEA,SAASG,EACPC,GACAC,GAOA;AACA,QAAMC,IAAWP,EAAA;AACjB,SAAO;AAAA,IACL,MAAMK,EAAK;AAAA,IACX,OAAOC,EAAM,SAASD,EAAK;AAAA,IAC3B,aAAaC,EAAM,gBAAgB,SAAYA,EAAM,cAAcD,EAAK;AAAA,IACxE,gBAAgBC,EAAM;AAAA,IACtB,oBAAoB,EAAE,GAAGC,GAAU,GAAGD,EAAM,mBAAA;AAAA,EAAmB;AAEnE;AAEO,SAASE,EAAoB,EAAE,MAAAH,GAAM,GAAGC,KAA+C;AAE5F,QAAMG,IAAgF;AAAA,IACpF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,aAAaA,EAAM;AAAA,IACnB,gBAAgBA,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACC,GAAA,EAAiB,GAAGF,EAAA,CAAW;AACzC;AAEO,SAASG,EAAmB,EAAE,MAAAP,GAAM,GAAGC,KAA8C;AAE1F,QAAMG,IAAoF;AAAA,IACxF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,gBAAgBA,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACG,GAAA,EAAqB,GAAGJ,EAAA,CAAW;AAC7C;AAEO,SAASK,EAAkB,EAAE,MAAAT,GAAM,GAAGC,KAA6C;AAExF,QAAMG,IAAmF;AAAA,IACvF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,aAAaA,EAAM;AAAA,EAAA;AAErB,SAAO,gBAAAI,EAACK,GAAA,EAAoB,GAAGN,EAAA,CAAW;AAC5C;AAEO,SAASO,EAAoB,EAAE,MAAAX,GAAM,GAAGC,KAA+C;AAE5F,QAAMG,IAAqF;AAAA,IACzF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,QAAQ;AAAA,IACR,gBAAgBA,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACO,GAAA,EAAsB,GAAGR,EAAA,CAAW;AAC9C;AAEO,SAASS,EAAsB,EAAE,MAAAb,GAAM,GAAGC,KAAiD;AAEhG,QAAMG,IAAqF;AAAA,IACzF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,QAAQ;AAAA,IACR,gBAAgBA,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACO,GAAA,EAAsB,GAAGR,EAAA,CAAW;AAC9C;AAEO,SAASU,EAAkB,EAAE,MAAAd,GAAM,GAAGC,KAA6C;AAExF,QAAMG,IAAoF;AAAA,IACxF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,gBAAgBA,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACU,GAAA,EAAqB,GAAGX,EAAA,CAAW;AAC7C;"}

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/fieldMapping.d.ts

@@ -0,0 +1,14 @@
+import { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion';
+/**
+ * Lowercase post-mapping variant that decides which UI primitive renders
+ * a given state-tax question. Mirrors the existing `QuestionInput` switch
+ * in `src/components/Common/TaxInputs/TaxInputs.tsx`, narrowed to the
+ * cases that apply to the employee state-tax endpoint.
+ */
+export type StateTaxQuestionVariant = 'select' | 'radio' | 'text' | 'number' | 'currency' | 'date';
+/**
+ * Resolves a question's UI variant from its API shape and per-key promotion
+ * rules. Unknown wire types fall through to `text` to mirror the existing
+ * `QuestionInput` default branch.
+ */
+export declare function getQuestionVariant(question: EmployeeStateTaxQuestion): StateTaxQuestionVariant;

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

@@ -0,0 +1,23 @@
+const t = /* @__PURE__ */ new Set(["file_new_hire_report"]);
+function r(e) {
+  if (t.has(e.key))
+    return "radio";
+  switch (e.inputQuestionFormat.type.toLowerCase()) {
+    case "select":
+      return "select";
+    case "number":
+      return "number";
+    case "currency":
+      return "currency";
+    case "date":
+      return "date";
+    case "text":
+      return "text";
+    default:
+      return "text";
+  }
+}
+export {
+  r as getQuestionVariant
+};
+//# sourceMappingURL=fieldMapping.js.map

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/fieldMapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldMapping.js","sources":["../../../../../../src/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/fieldMapping.ts"],"sourcesContent":["import type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\n\n/**\n * Lowercase post-mapping variant that decides which UI primitive renders\n * a given state-tax question. Mirrors the existing `QuestionInput` switch\n * in `src/components/Common/TaxInputs/TaxInputs.tsx`, narrowed to the\n * cases that apply to the employee state-tax endpoint.\n */\nexport type StateTaxQuestionVariant = 'select' | 'radio' | 'text' | 'number' | 'currency' | 'date'\n\n/**\n * Per-key mapping rules that promote API `Select`s to other variants for\n * UX reasons.\n *\n * `file_new_hire_report` is internally a Radio per the canonical Ruby\n * helper (`FileNewHireReportHelper.display_field_for_file_new_hire_report`),\n * but the converter at\n * `convert_employee_state_field_to_gws_flow_questions.rb` emits it as\n * `Select` because there's no Radio output type. The existing component at\n * `src/components/Employee/StateTaxes/StateForm.tsx` intends to override\n * `questionType` to `'Radio'` for this question but the comparison checks\n * `'fileNewHireReport'` (camelCase) against an API `key` of\n * `'file_new_hire_report'` (snake_case), so the override never fires today.\n *\n * This map fixes that bug and surfaces it as a Radio in the new hook.\n */\nconst SELECT_TO_RADIO_PROMOTION_KEYS = new Set<string>(['file_new_hire_report'])\n\n/**\n * Resolves a question's UI variant from its API shape and per-key promotion\n * rules. Unknown wire types fall through to `text` to mirror the existing\n * `QuestionInput` default branch.\n */\nexport function getQuestionVariant(question: EmployeeStateTaxQuestion): StateTaxQuestionVariant {\n  if (SELECT_TO_RADIO_PROMOTION_KEYS.has(question.key)) {\n    return 'radio'\n  }\n\n  switch (question.inputQuestionFormat.type.toLowerCase()) {\n    case 'select':\n      return 'select'\n    case 'number':\n      return 'number'\n    case 'currency':\n      return 'currency'\n    case 'date':\n      return 'date'\n    case 'text':\n      return 'text'\n    default:\n      return 'text'\n  }\n}\n"],"names":["SELECT_TO_RADIO_PROMOTION_KEYS","getQuestionVariant","question"],"mappings":"AA0BA,MAAMA,IAAiC,oBAAI,IAAY,CAAC,sBAAsB,CAAC;AAOxE,SAASC,EAAmBC,GAA6D;AAC9F,MAAIF,EAA+B,IAAIE,EAAS,GAAG;AACjD,WAAO;AAGT,UAAQA,EAAS,oBAAoB,KAAK,YAAA,GAAY;AAAA,IACpD,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;"}