@gusto/embedded-react-sdk 0.12.1 → 0.13.0

package/dist/components/Employee/Taxes/Taxes.js

@@ -1,36 +1,36 @@
-import { jsx as t, jsxs as C, Fragment as L } from "react/jsx-runtime";
-import { zodResolver as M } from "@hookform/resolvers/zod";
-import { useForm as O, FormProvider as J } from "react-hook-form";
-import { useTranslation as X } from "react-i18next";
-import { useEffect as q } from "react";
-import { useEmployeeTaxSetupGetFederalTaxesSuspense as B } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
-import { useEmployeeTaxSetupUpdateFederalTaxesMutation as H } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
-import { useEmployeeTaxSetupGetStateTaxesSuspense as V } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
-import { useEmployeeTaxSetupUpdateStateTaxesMutation as W } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes";
-import { Actions as Y } from "./Actions.js";
-import { FederalFormSchema as j, FederalForm as G } from "./FederalForm.js";
-import { FederalHead as z } from "./FederalHead.js";
-import { StateFormSchema as Q, StateForm as K } from "./StateForm.js";
-import { TaxesProvider as Z } from "./useTaxes.js";
-import { BaseComponent as $ } from "../../Base/Base.js";
-import { useBase as ee } from "../../Base/useBase.js";
-import { useFlow as te } from "../../Flow/useFlow.js";
-import { useI18n as oe, useComponentDictionary as se } from "../../../i18n/I18n.js";
-import { componentEvents as S } from "../../../shared/constants.js";
-import { snakeCaseToCamelCase as A } from "../../../helpers/formattedStrings.js";
-import { Form as re } from "../../Common/Form/Form.js";
-const ne = "2010-01-01";
-function ae(o) {
-  return /* @__PURE__ */ t($, { ...o, children: /* @__PURE__ */ t(ie, { ...o, children: o.children }) });
+import { jsx as t, jsxs as M, Fragment as I } from "react/jsx-runtime";
+import { zodResolver as O } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
+import { useForm as C, FormProvider as J } from "react-hook-form";
+import "react-i18next";
+import { useEffect as X } from "react";
+import { useEmployeeTaxSetupGetFederalTaxesSuspense as q } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/employeeTaxSetupGetFederalTaxes.js";
+import { useEmployeeTaxSetupUpdateFederalTaxesMutation as B } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/employeeTaxSetupUpdateFederalTaxes.js";
+import { useEmployeeTaxSetupGetStateTaxesSuspense as H } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/employeeTaxSetupGetStateTaxes.js";
+import { useEmployeeTaxSetupUpdateStateTaxesMutation as V } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/employeeTaxSetupUpdateStateTaxes.js";
+import { Actions as W } from "./Actions.js";
+import { FederalFormSchema as Y, FederalForm as j } from "./FederalForm.js";
+import { FederalHead as G } from "./FederalHead.js";
+import { StateFormSchema as z, StateForm as Q } from "./StateForm.js";
+import { TaxesProvider as K } from "./useTaxes.js";
+import { BaseComponent as Z } from "../../Base/Base.js";
+import { useBase as $ } from "../../Base/useBase.js";
+import "../../Flow/useFlow.js";
+import { useI18n as ee, useComponentDictionary as te } from "../../../i18n/I18n.js";
+import { componentEvents as E } from "../../../shared/constants.js";
+import { snakeCaseToCamelCase as v } from "../../../helpers/formattedStrings.js";
+import { Form as oe } from "../../Common/Form/Form.js";
+const se = "2010-01-01";
+function we(i) {
+  return /* @__PURE__ */ t(Z, { ...i, children: /* @__PURE__ */ t(re, { ...i, children: i.children }) });
 }
-const ie = (o) => {
-  const { employeeId: i, className: f, children: u, isAdmin: h = !1, dictionary: g } = o, { onEvent: y, fieldErrors: p, baseSubmitHandler: w } = ee();
-  oe("Employee.Taxes"), se("Employee.Taxes", g);
-  const { data: P } = B({
-    employeeUuid: i
-  }), e = P.employeeFederalTax, { mutateAsync: b, isPending: _ } = H(), { data: D } = V({
-    employeeUuid: i
-  }), T = D.employeeStateTaxesList, { mutateAsync: U, isPending: N } = W(), k = {
+const re = (i) => {
+  const { employeeId: d, className: A, children: x, isAdmin: S = !1, dictionary: b } = i, { onEvent: c, fieldErrors: u, baseSubmitHandler: g } = $();
+  ee("Employee.Taxes"), te("Employee.Taxes", b);
+  const { data: P } = q({
+    employeeUuid: d
+  }), e = P.employeeFederalTax, { mutateAsync: w, isPending: _ } = B(), { data: D } = H({
+    employeeUuid: d
+  }), f = D.employeeStateTaxesList, { mutateAsync: U, isPending: N } = V(), k = {
     ...e,
     filingStatus: e.filingStatus ?? void 0,
     twoJobs: e.twoJobs ? "true" : "false",
@@ -38,56 +38,56 @@ const ie = (o) => {
     dependentsAmount: e.dependentsAmount ? Number(e.dependentsAmount) : 0,
     otherIncome: e.otherIncome ? Number(e.otherIncome) : 0,
     extraWithholding: e.extraWithholding ? Number(e.extraWithholding) : 0,
-    states: T.reduce((s, r) => (r.state && (s[r.state] = r.questions?.reduce((n, l) => {
-      const d = l.answers[0]?.value, m = A(l.key);
-      return m === "fileNewHireReport" ? n[m] = typeof d > "u" ? !0 : d : n[m] = d, n;
-    }, {})), s), {})
-  }, F = O({
-    resolver: M(j.merge(Q)),
+    states: f.reduce((o, s) => (s.state && (o[s.state] = s.questions?.reduce((r, m) => {
+      const l = m.answers[0]?.value, n = v(m.key);
+      return n === "fileNewHireReport" ? r[n] = typeof l > "u" ? !0 : l : r[n] = l, r;
+    }, {})), o), {})
+  }, h = C({
+    resolver: O(Y.merge(z)),
     defaultValues: k
-  }), { handleSubmit: I, setError: v } = F;
-  return q(() => {
-    p && p.length > 0 && p.forEach((s) => {
-      const r = s.key.replace(".value", "");
-      v(r, { type: "custom", message: s.message });
+  }), { handleSubmit: R, setError: F } = h;
+  return X(() => {
+    u && u.length > 0 && u.forEach((o) => {
+      const s = o.key.replace(".value", "");
+      F(s, { type: "custom", message: o.message });
     });
-  }, [p, v]), /* @__PURE__ */ t("section", { className: f, children: /* @__PURE__ */ t(
-    Z,
+  }, [u, F]), /* @__PURE__ */ t("section", { className: A, children: /* @__PURE__ */ t(
+    K,
     {
       value: {
-        employeeStateTaxes: T,
-        isAdmin: h,
+        employeeStateTaxes: f,
+        isAdmin: S,
         isPending: _ || N
       },
-      children: /* @__PURE__ */ t(J, { ...F, children: /* @__PURE__ */ t(re, { onSubmit: I(async (s) => {
-        await w(s, async (r) => {
-          const { states: n, ...l } = r, d = await b({
+      children: /* @__PURE__ */ t(J, { ...h, children: /* @__PURE__ */ t(oe, { onSubmit: R(async (o) => {
+        await g(o, async (s) => {
+          const { states: r, ...m } = s, l = await w({
             request: {
-              employeeUuid: i,
+              employeeUuid: d,
               requestBody: {
-                ...l,
-                twoJobs: l.twoJobs === "true",
+                ...m,
+                twoJobs: m.twoJobs === "true",
                 version: e.version
               }
             }
           });
-          if (y(S.EMPLOYEE_FEDERAL_TAXES_UPDATED, d), n && Object.keys(n).length > 0) {
-            const m = [];
-            for (const E of T) {
-              const x = E.state;
-              x && E.questions !== void 0 && m.push({
-                state: x,
-                questions: E.questions.map((a) => {
-                  if (a.isQuestionForAdminOnly && !h)
+          if (c(E.EMPLOYEE_FEDERAL_TAXES_UPDATED, l), r && Object.keys(r).length > 0) {
+            const n = [];
+            for (const y of f) {
+              const T = y.state;
+              T && y.questions !== void 0 && n.push({
+                state: T,
+                questions: y.questions.map((a) => {
+                  if (a.isQuestionForAdminOnly && !S)
                     return null;
-                  const c = n[x]?.[A(a.key)];
+                  const p = r[T]?.[v(a.key)];
                   return {
                     key: a.key,
                     answers: [
                       {
-                        validFrom: a.answers[0]?.validFrom ?? ne,
+                        validFrom: a.answers[0]?.validFrom ?? se,
                         validUpTo: a.answers[0]?.validUpTo ?? null,
-                        value: c == null || typeof c == "number" && isNaN(c) ? "" : c
+                        value: p == null || typeof p == "number" && isNaN(p) ? "" : p
                       }
                     ]
                   };
@@ -95,35 +95,23 @@ const ie = (o) => {
                 //Filtering out questions in non-admin setup
               });
             }
-            const R = await U({
-              request: { employeeUuid: i, employeeStateTaxesRequest: { states: m } }
+            const L = await U({
+              request: { employeeUuid: d, employeeStateTaxesRequest: { states: n } }
             });
-            y(S.EMPLOYEE_STATE_TAXES_UPDATED, R);
+            c(E.EMPLOYEE_STATE_TAXES_UPDATED, L);
           }
-          y(S.EMPLOYEE_TAXES_DONE);
+          c(E.EMPLOYEE_TAXES_DONE);
         });
-      }), children: u || /* @__PURE__ */ C(L, { children: [
-        /* @__PURE__ */ t(z, {}),
+      }), children: x || /* @__PURE__ */ M(I, { children: [
         /* @__PURE__ */ t(G, {}),
-        /* @__PURE__ */ t(K, {}),
-        /* @__PURE__ */ t(Y, {})
+        /* @__PURE__ */ t(j, {}),
+        /* @__PURE__ */ t(Q, {}),
+        /* @__PURE__ */ t(W, {})
       ] }) }) })
     }
   ) });
-}, Ue = () => {
-  const { employeeId: o, onEvent: i, isAdmin: f } = te(), { t: u } = X();
-  if (!o)
-    throw new Error(
-      u("errors.missingParamsOrContext", {
-        component: "EmployeeTaxes",
-        param: "employeeId",
-        provider: "FlowProvider"
-      })
-    );
-  return /* @__PURE__ */ t(ae, { employeeId: o, onEvent: i, isAdmin: f ?? !1 });
 };
 export {
-  ae as Taxes,
-  Ue as TaxesContextual
+  we as Taxes
 };
 //# sourceMappingURL=Taxes.js.map

package/dist/components/Employee/Taxes/Taxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Taxes.js","sources":["../../../../src/components/Employee/Taxes/Taxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport { useEmployeeTaxSetupGetStateTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlow'\nimport { Actions } from './Actions'\nimport {\n  FederalForm,\n  FederalFormSchema,\n  type FederalFormInputs,\n  type FederalFormPayload,\n} from './FederalForm'\nimport { FederalHead } from './FederalHead'\nimport { StateForm, StateFormSchema, type StateFormPayload } from './StateForm'\nimport { TaxesProvider } from './useTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nconst DEFAULT_TAX_VALID_FROM = '2010-01-01'\n\ninterface TaxesProps extends CommonComponentInterface<'Employee.Taxes'> {\n  employeeId: string\n  isAdmin?: boolean\n}\n\nexport function Taxes(props: TaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: TaxesProps) => {\n  const { employeeId, className, children, isAdmin = false, dictionary } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.Taxes')\n  useComponentDictionary('Employee.Taxes', dictionary)\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending: isPendingFederalTaxes } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const { data: stateData } = useEmployeeTaxSetupGetStateTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeStateTaxes = stateData.employeeStateTaxesList!\n  const { mutateAsync: updateStateTaxes, isPending: isPendingStateTaxes } =\n    useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const defaultValues = {\n    ...employeeFederalTax,\n    filingStatus: employeeFederalTax.filingStatus ?? undefined,\n    twoJobs: employeeFederalTax.twoJobs ? 'true' : 'false',\n    deductions: employeeFederalTax.deductions ? Number(employeeFederalTax.deductions) : 0,\n    dependentsAmount: employeeFederalTax.dependentsAmount\n      ? Number(employeeFederalTax.dependentsAmount)\n      : 0,\n    otherIncome: employeeFederalTax.otherIncome ? Number(employeeFederalTax.otherIncome) : 0,\n    extraWithholding: employeeFederalTax.extraWithholding\n      ? Number(employeeFederalTax.extraWithholding)\n      : 0,\n    states: employeeStateTaxes.reduce((acc: Record<string, unknown>, state) => {\n      if (state.state) {\n        acc[state.state] = state.questions?.reduce((acc: Record<string, unknown>, question) => {\n          const value = question.answers[0]?.value\n          const key = snakeCaseToCamelCase(question.key)\n          // Default new hire report to true if not specified\n          if (key === 'fileNewHireReport') {\n            acc[key] = typeof value === 'undefined' ? true : value\n          } else {\n            acc[key] = value\n          }\n          return acc\n        }, {})\n      }\n      return acc\n    }, {}),\n  }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload & StateFormPayload>({\n    resolver: zodResolver(FederalFormSchema.merge(StateFormSchema)),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    //If list of field specific errors from API is present, mark corresponding fields as invalid\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = msgObject.key.replace('.value', '')\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: msgObject.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload & StateFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { states: statesPayload, ...federalPayload } = payload\n\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody: {\n            ...federalPayload,\n            twoJobs: federalPayload.twoJobs === 'true',\n            version: employeeFederalTax.version,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n\n      //State Taxes - only process if statesPayload exists\n      if (statesPayload && Object.keys(statesPayload).length > 0) {\n        const states = []\n\n        for (const state of employeeStateTaxes) {\n          const stateName = state.state\n\n          if (stateName && state.questions !== undefined) {\n            states.push({\n              state: stateName,\n              questions: state.questions\n                .map(question => {\n                  if (question.isQuestionForAdminOnly && !isAdmin) {\n                    return null\n                  }\n                  const formValue = statesPayload[stateName]?.[snakeCaseToCamelCase(question.key)]\n                  return {\n                    key: question.key,\n                    answers: [\n                      {\n                        validFrom: question.answers[0]?.validFrom ?? DEFAULT_TAX_VALID_FROM,\n                        validUpTo: question.answers[0]?.validUpTo ?? null,\n                        value:\n                          formValue == null || (typeof formValue === 'number' && isNaN(formValue))\n                            ? ''\n                            : (formValue as string | number | boolean),\n                      },\n                    ],\n                  }\n                })\n                .filter(q => q !== null), //Filtering out questions in non-admin setup\n            })\n          }\n        }\n\n        const stateTaxesResponse = await updateStateTaxes({\n          request: { employeeUuid: employeeId, employeeStateTaxesRequest: { states } },\n        })\n        onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, stateTaxesResponse)\n      }\n\n      onEvent(componentEvents.EMPLOYEE_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <TaxesProvider\n        value={{\n          employeeStateTaxes,\n          isAdmin: isAdmin,\n          isPending: isPendingFederalTaxes || isPendingStateTaxes,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <FederalHead />\n                <FederalForm />\n                <StateForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </TaxesProvider>\n    </section>\n  )\n}\n\nexport const TaxesContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation()\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'EmployeeTaxes',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Taxes employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin ?? false} />\n}\n"],"names":["DEFAULT_TAX_VALID_FROM","Taxes","props","jsx","BaseComponent","Root","employeeId","className","children","isAdmin","dictionary","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","useComponentDictionary","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPendingFederalTaxes","useEmployeeTaxSetupUpdateFederalTaxesMutation","stateData","useEmployeeTaxSetupGetStateTaxesSuspense","employeeStateTaxes","updateStateTaxes","isPendingStateTaxes","useEmployeeTaxSetupUpdateStateTaxesMutation","defaultValues","acc","state","question","value","key","snakeCaseToCamelCase","formMethods","useForm","zodResolver","FederalFormSchema","StateFormSchema","handleSubmit","_setError","useEffect","msgObject","TaxesProvider","FormProvider","Form","data","payload","statesPayload","federalPayload","federalTaxesResponse","componentEvents","states","stateName","formValue","q","stateTaxesResponse","jsxs","Fragment","FederalHead","FederalForm","StateForm","Actions","TaxesContextual","useFlow","t","useTranslation"],"mappings":"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"}
+{"version":3,"file":"Taxes.js","sources":["../../../../src/components/Employee/Taxes/Taxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport { useEmployeeTaxSetupGetStateTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { Actions } from './Actions'\nimport {\n  FederalForm,\n  FederalFormSchema,\n  type FederalFormInputs,\n  type FederalFormPayload,\n} from './FederalForm'\nimport { FederalHead } from './FederalHead'\nimport { StateForm, StateFormSchema, type StateFormPayload } from './StateForm'\nimport { TaxesProvider } from './useTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nconst DEFAULT_TAX_VALID_FROM = '2010-01-01'\n\ninterface TaxesProps extends CommonComponentInterface<'Employee.Taxes'> {\n  employeeId: string\n  isAdmin?: boolean\n}\n\n/**\n * @deprecated The Taxes component has been deprecated and will be removed in a future release.\n * The component has been split into separate components for state and federal. Use Employee.FederalTaxes\n * and Employee.StateTaxes components instead.\n */\nexport function Taxes(props: TaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: TaxesProps) => {\n  const { employeeId, className, children, isAdmin = false, dictionary } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.Taxes')\n  useComponentDictionary('Employee.Taxes', dictionary)\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending: isPendingFederalTaxes } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const { data: stateData } = useEmployeeTaxSetupGetStateTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeStateTaxes = stateData.employeeStateTaxesList!\n  const { mutateAsync: updateStateTaxes, isPending: isPendingStateTaxes } =\n    useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const defaultValues = {\n    ...employeeFederalTax,\n    filingStatus: employeeFederalTax.filingStatus ?? undefined,\n    twoJobs: employeeFederalTax.twoJobs ? 'true' : 'false',\n    deductions: employeeFederalTax.deductions ? Number(employeeFederalTax.deductions) : 0,\n    dependentsAmount: employeeFederalTax.dependentsAmount\n      ? Number(employeeFederalTax.dependentsAmount)\n      : 0,\n    otherIncome: employeeFederalTax.otherIncome ? Number(employeeFederalTax.otherIncome) : 0,\n    extraWithholding: employeeFederalTax.extraWithholding\n      ? Number(employeeFederalTax.extraWithholding)\n      : 0,\n    states: employeeStateTaxes.reduce((acc: Record<string, unknown>, state) => {\n      if (state.state) {\n        acc[state.state] = state.questions?.reduce((acc: Record<string, unknown>, question) => {\n          const value = question.answers[0]?.value\n          const key = snakeCaseToCamelCase(question.key)\n          // Default new hire report to true if not specified\n          if (key === 'fileNewHireReport') {\n            acc[key] = typeof value === 'undefined' ? true : value\n          } else {\n            acc[key] = value\n          }\n          return acc\n        }, {})\n      }\n      return acc\n    }, {}),\n  }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload & StateFormPayload>({\n    resolver: zodResolver(FederalFormSchema.merge(StateFormSchema)),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    //If list of field specific errors from API is present, mark corresponding fields as invalid\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = msgObject.key.replace('.value', '')\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: msgObject.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload & StateFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { states: statesPayload, ...federalPayload } = payload\n\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody: {\n            ...federalPayload,\n            twoJobs: federalPayload.twoJobs === 'true',\n            version: employeeFederalTax.version,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n\n      //State Taxes - only process if statesPayload exists\n      if (statesPayload && Object.keys(statesPayload).length > 0) {\n        const states = []\n\n        for (const state of employeeStateTaxes) {\n          const stateName = state.state\n\n          if (stateName && state.questions !== undefined) {\n            states.push({\n              state: stateName,\n              questions: state.questions\n                .map(question => {\n                  if (question.isQuestionForAdminOnly && !isAdmin) {\n                    return null\n                  }\n                  const formValue = statesPayload[stateName]?.[snakeCaseToCamelCase(question.key)]\n                  return {\n                    key: question.key,\n                    answers: [\n                      {\n                        validFrom: question.answers[0]?.validFrom ?? DEFAULT_TAX_VALID_FROM,\n                        validUpTo: question.answers[0]?.validUpTo ?? null,\n                        value:\n                          formValue == null || (typeof formValue === 'number' && isNaN(formValue))\n                            ? ''\n                            : (formValue as string | number | boolean),\n                      },\n                    ],\n                  }\n                })\n                .filter(q => q !== null), //Filtering out questions in non-admin setup\n            })\n          }\n        }\n\n        const stateTaxesResponse = await updateStateTaxes({\n          request: { employeeUuid: employeeId, employeeStateTaxesRequest: { states } },\n        })\n        onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, stateTaxesResponse)\n      }\n\n      onEvent(componentEvents.EMPLOYEE_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <TaxesProvider\n        value={{\n          employeeStateTaxes,\n          isAdmin: isAdmin,\n          isPending: isPendingFederalTaxes || isPendingStateTaxes,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <FederalHead />\n                <FederalForm />\n                <StateForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </TaxesProvider>\n    </section>\n  )\n}\n\nexport const TaxesContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation()\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'EmployeeTaxes',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Taxes employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin ?? false} />\n}\n"],"names":["DEFAULT_TAX_VALID_FROM","Taxes","props","jsx","BaseComponent","Root","employeeId","className","children","isAdmin","dictionary","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","useComponentDictionary","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPendingFederalTaxes","useEmployeeTaxSetupUpdateFederalTaxesMutation","stateData","useEmployeeTaxSetupGetStateTaxesSuspense","employeeStateTaxes","updateStateTaxes","isPendingStateTaxes","useEmployeeTaxSetupUpdateStateTaxesMutation","defaultValues","acc","state","question","value","key","snakeCaseToCamelCase","formMethods","useForm","zodResolver","FederalFormSchema","StateFormSchema","handleSubmit","_setError","useEffect","msgObject","TaxesProvider","FormProvider","Form","data","payload","statesPayload","federalPayload","federalTaxesResponse","componentEvents","states","stateName","formValue","q","stateTaxesResponse","jsxs","Fragment","FederalHead","FederalForm","StateForm","Actions"],"mappings":"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"}

package/dist/components/Employee/Taxes/useTaxes.js

@@ -2,19 +2,16 @@ import "react/jsx-runtime";
 import "react";
 import "react-error-boundary";
 import "react-i18next";
-import "@gusto/embedded-api/models/errors/apierror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
-import "@tanstack/react-query";
 import "../../Base/useBase.js";
 import "../../../shared/constants.js";
+import "classnames";
 import "dompurify";
+import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [u, f] = o("TaxesContext");
+const [T, c] = o("TaxesContext");
 export {
-  f as TaxesProvider,
-  u as useTaxes
+  c as TaxesProvider,
+  T as useTaxes
 };
 //# sourceMappingURL=useTaxes.js.map

package/dist/components/Employee/Taxes/useTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}
+{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}

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

@@ -4,9 +4,11 @@ export { Deductions } from './Deductions';
 export { OnboardingSummary } from './OnboardingSummary';
 export { Profile } from './Profile';
 export { Compensation } from './Compensation';
-export { Taxes } from './Taxes';
+export { FederalTaxes } from './FederalTaxes';
+export { StateTaxes } from './StateTaxes';
 export { PaymentMethod } from './PaymentMethod';
 export { Landing } from './Landing';
 export { DocumentSigner } from './DocumentSigner';
 export { OnboardingFlow } from './OnboardingFlow/OnboardingFlow';
 export { SelfOnboardingFlow } from './SelfOnboardingFlow/SelfOnboardingFlow';
+export { Taxes } from './Taxes';

package/dist/components/Employee/index.js

@@ -1,25 +1,29 @@
 import { EmployeeList as e } from "./EmployeeList/EmployeeList.js";
-import { OnboardingFlow as t } from "./OnboardingFlow/OnboardingFlow.js";
+import { OnboardingFlow as m } from "./OnboardingFlow/OnboardingFlow.js";
 import { SelfOnboardingFlow as f } from "./SelfOnboardingFlow/SelfOnboardingFlow.js";
-import { Deductions as x } from "./Deductions/Deductions.js";
-import { OnboardingSummary as a } from "./OnboardingSummary/OnboardingSummary.js";
-import { Profile as g } from "./Profile/Profile.js";
-import { Compensation as s } from "./Compensation/Compensation.js";
-import { Taxes as u } from "./Taxes/Taxes.js";
+import { Deductions as n } from "./Deductions/Deductions.js";
+import { OnboardingSummary as i } from "./OnboardingSummary/OnboardingSummary.js";
+import { Profile as l } from "./Profile/Profile.js";
+import { Compensation as g } from "./Compensation/Compensation.js";
+import { FederalTaxes as b } from "./FederalTaxes/FederalTaxes.js";
+import { StateTaxes as y } from "./StateTaxes/StateTaxes.js";
 import { PaymentMethod as O } from "./PaymentMethod/PaymentMethod.js";
 import { Landing as c } from "./Landing/Landing.js";
 import { DocumentSigner as D } from "./DocumentSigner/DocumentSigner.js";
+import { Taxes as P } from "./Taxes/Taxes.js";
 export {
-  s as Compensation,
-  x as Deductions,
+  g as Compensation,
+  n as Deductions,
   D as DocumentSigner,
   e as EmployeeList,
+  b as FederalTaxes,
   c as Landing,
-  t as OnboardingFlow,
-  a as OnboardingSummary,
+  m as OnboardingFlow,
+  i as OnboardingSummary,
   O as PaymentMethod,
-  g as Profile,
+  l as Profile,
   f as SelfOnboardingFlow,
-  u as Taxes
+  y as StateTaxes,
+  P as Taxes
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Employee/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/components/Payroll/PayrollConfiguration/PayrollConfiguration.d.ts

@@ -1,6 +1,8 @@
 import { BaseComponentInterface } from '../../Base/Base';
-interface PayrollConfigurationProps extends BaseComponentInterface {
+interface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {
+    companyId: string;
     payrollId: string;
 }
-export declare const PayrollConfiguration: ({ onEvent, payrollId, ...baseProps }: PayrollConfigurationProps) => import("react/jsx-runtime").JSX.Element;
+export declare function PayrollConfiguration(props: PayrollConfigurationProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ onEvent, companyId, payrollId, dictionary }: PayrollConfigurationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Payroll/PayrollConfiguration/PayrollConfiguration.js

@@ -1,41 +1,82 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useState as s } from "react";
-import { PayrollEditEmployee as d } from "../PayrollEditEmployee/PayrollEditEmployee.js";
-import { PayrollConfigurationPresentation as E } from "./PayrollConfigurationPresentation.js";
-import { BaseComponent as y } from "../../Base/Base.js";
-import { componentEvents as e } from "../../../shared/constants.js";
-const u = ({ payrollId: o }) => ({
-  data: {
-    employees: [{ employeeId: "cdef" }]
-  }
-}), P = ({ payrollId: o }) => ({ mutate: async () => {
-} }), D = ({
-  onEvent: o,
-  payrollId: n,
-  ...i
-}) => {
-  const {
-    data: { employees: m }
-  } = u({ payrollId: n }), { mutate: c } = P({ payrollId: n }), [r, l] = s(void 0);
-  return /* @__PURE__ */ a(y, { ...i, onEvent: o, children: r ? /* @__PURE__ */ a(d, { onEvent: (t, p) => {
-    t === e.RUN_PAYROLL_EMPLOYEE_SAVED && l(void 0), o(t, p);
-  }, employeeId: r }) : /* @__PURE__ */ a(
-    E,
+import { jsx as r } from "react/jsx-runtime";
+import { useState as m, useEffect as P } from "react";
+import { useEmployeesListSuspense as U } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/employeesList.js";
+import { usePayrollsPrepareMutation as w } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/payrollsPrepare.js";
+import { usePayrollsGetSuspense as Y } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/payrollsGet.js";
+import { usePayrollsCalculateMutation as q } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/payrollsCalculate.js";
+import { usePaySchedulesGet as B } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/react-query/paySchedulesGet.js";
+import { PayrollProcessingRequestStatus as d } from "/home/runner/work/embedded-react-sdk/embedded-react-sdk/node_modules/@gusto/embedded-api/esm/models/components/payrollprocessingrequest.js";
+import { PayrollEditEmployee as M } from "../PayrollEditEmployee/PayrollEditEmployee.js";
+import { PayrollConfigurationPresentation as N } from "./PayrollConfigurationPresentation.js";
+import { BaseComponent as b } from "../../Base/Base.js";
+import { useBase as j } from "../../Base/useBase.js";
+import { componentEvents as s } from "../../../shared/constants.js";
+import { useComponentDictionary as v, useI18n as x } from "../../../i18n/I18n.js";
+function ee(e) {
+  return /* @__PURE__ */ r(b, { ...e, children: /* @__PURE__ */ r(G, { ...e, children: e.children }) });
+}
+const G = ({ onEvent: e, companyId: o, payrollId: l, dictionary: f }) => {
+  v("Payroll.PayrollConfiguration", f), x("Payroll.PayrollConfiguration");
+  const { LoadingIndicator: C } = j(), { data: n } = Y(
     {
-      employees: m,
-      onBack: () => {
-        o(e.RUN_PAYROLL_BACK);
-      },
-      onCalculatePayroll: async () => {
-        await c(), o(e.RUN_PAYROLL_CALCULATED);
-      },
-      onEdit: ({ employeeId: t }) => {
-        l(t), o(e.RUN_PAYROLL_EMPLOYEE_EDITED, { employeeId: t });
+      companyId: o,
+      payrollId: l
+    },
+    { refetchInterval: 5e3 }
+  ), { data: E } = U({
+    companyId: o
+  }), { mutateAsync: u, isPending: h } = w(), { mutateAsync: S } = q(), [a, L] = m(), [c, p] = m(void 0), { data: g } = B(
+    {
+      companyId: o,
+      payScheduleId: a?.payPeriod?.payScheduleUuid || ""
+    },
+    {
+      enabled: !!a?.payPeriod?.payScheduleUuid
+    }
+  );
+  P(() => {
+    (async () => {
+      const i = await u({
+        request: {
+          companyId: o,
+          payrollId: l
+        }
+      });
+      L(i.payrollPrepared);
+    })();
+  }, [o, l, u]);
+  const R = () => {
+    e(s.RUN_PAYROLL_BACK);
+  }, A = async () => {
+    await S({
+      request: {
+        companyId: o,
+        payrollId: l
       }
+    });
+  }, _ = (t) => {
+    p(t.uuid), e(s.RUN_PAYROLL_EMPLOYEE_EDITED, { employeeId: t.uuid });
+  }, D = (t, i) => {
+    t === s.RUN_PAYROLL_EMPLOYEE_SAVED && p(void 0), e(t, i);
+  }, O = n.payrollShow?.processingRequest?.status === d.Calculating, y = n.payrollShow?.processingRequest?.status === d.CalculateSuccess;
+  return P(() => {
+    y && e(s.RUN_PAYROLL_CALCULATED);
+  }, [y, e]), h || O ? /* @__PURE__ */ r(C, {}) : c ? /* @__PURE__ */ r(M, { onEvent: D, employeeId: c }) : /* @__PURE__ */ r(
+    N,
+    {
+      onBack: R,
+      onCalculatePayroll: A,
+      onEdit: _,
+      employeeCompensations: a?.employeeCompensations || [],
+      employeeDetails: E.showEmployees || [],
+      payPeriod: a?.payPeriod,
+      paySchedule: g?.payScheduleObject,
+      isOffCycle: a?.offCycle
     }
-  ) });
+  );
 };
 export {
-  D as PayrollConfiguration
+  ee as PayrollConfiguration,
+  G as Root
 };
 //# sourceMappingURL=PayrollConfiguration.js.map

package/dist/components/Payroll/PayrollConfiguration/PayrollConfiguration.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport type { EventType } from '@/shared/constants'\nimport { componentEvents } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n//TODO: Use Speakeasy type\ninterface PayrollItem {\n  payrollId: string\n}\n\n// TODO: Replace this hook with call to Speakeasy instead\nconst usePayrollApi = ({ payrollId }: PayrollItem) => {\n  return {\n    data: {\n      employees: [{ employeeId: 'cdef' }],\n    },\n  }\n}\n// TODO: Replace this hook with call to Speakeasy instead\nconst useCalculatePayrollApi = ({ payrollId }: PayrollItem) => {\n  const mutate = async () => {}\n  return { mutate }\n}\n\ninterface PayrollConfigurationProps extends BaseComponentInterface {\n  payrollId: string\n}\nexport const PayrollConfiguration = ({\n  onEvent,\n  payrollId,\n  ...baseProps\n}: PayrollConfigurationProps) => {\n  const {\n    data: { employees },\n  } = usePayrollApi({ payrollId })\n  const { mutate } = useCalculatePayrollApi({ payrollId })\n  const [editedEmployeeId, setEditedEmployeeId] = useState<string | undefined>(undefined)\n  const onBack = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BACK)\n  }\n  const onCalculatePayroll = async () => {\n    await mutate()\n    onEvent(componentEvents.RUN_PAYROLL_CALCULATED)\n  }\n  const onEdit = ({ employeeId }: { employeeId: string }) => {\n    setEditedEmployeeId(employeeId)\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDITED, { employeeId })\n  }\n\n  const wrappedOnEvent: OnEventType<string, unknown> = (event, payload) => {\n    if (event === componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED) {\n      setEditedEmployeeId(undefined)\n    }\n    onEvent(event as EventType, payload)\n  }\n\n  const childComponent = editedEmployeeId ? (\n    <PayrollEditEmployee onEvent={wrappedOnEvent} employeeId={editedEmployeeId} />\n  ) : (\n    <PayrollConfigurationPresentation\n      employees={employees}\n      onBack={onBack}\n      onCalculatePayroll={onCalculatePayroll}\n      onEdit={onEdit}\n    />\n  )\n\n  return (\n    <BaseComponent {...baseProps} onEvent={onEvent}>\n      {childComponent}\n    </BaseComponent>\n  )\n}\n"],"names":["usePayrollApi","payrollId","useCalculatePayrollApi","PayrollConfiguration","onEvent","baseProps","employees","mutate","editedEmployeeId","setEditedEmployeeId","useState","jsx","BaseComponent","PayrollEditEmployee","event","payload","componentEvents","PayrollConfigurationPresentation","employeeId"],"mappings":";;;;;;AAeA,MAAMA,IAAgB,CAAC,EAAE,WAAAC,SAChB;AAAA,EACL,MAAM;AAAA,IACJ,WAAW,CAAC,EAAE,YAAY,QAAQ;AAAA,EAAA;AACpC,IAIEC,IAAyB,CAAC,EAAE,WAAAD,SAEzB,EAAE,QADM,YAAY;AAAC,EACnB,IAMEE,IAAuB,CAAC;AAAA,EACnC,SAAAC;AAAA,EACA,WAAAH;AAAA,EACA,GAAGI;AACL,MAAiC;AAC/B,QAAM;AAAA,IACJ,MAAM,EAAE,WAAAC,EAAA;AAAA,EAAU,IAChBN,EAAc,EAAE,WAAAC,GAAW,GACzB,EAAE,QAAAM,EAAA,IAAWL,EAAuB,EAAE,WAAAD,GAAW,GACjD,CAACO,GAAkBC,CAAmB,IAAIC,EAA6B,MAAS;AA+BtF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGP,GAAW,SAAAD,GAC3B,UAbkBI,IACrB,gBAAAG,EAACE,GAAA,EAAoB,SAR8B,CAACC,GAAOC,MAAY;AACvE,IAAID,MAAUE,EAAgB,8BAC5BP,EAAoB,MAAS,GAE/BL,EAAQU,GAAoBC,CAAO;AAAA,EACrC,GAGgD,YAAYP,GAAkB,IAE5E,gBAAAG;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,WAAAX;AAAA,MACA,QAxBW,MAAM;AACnB,QAAAF,EAAQY,EAAgB,gBAAgB;AAAA,MAC1C;AAAA,MAuBI,oBAtBuB,YAAY;AACrC,cAAMT,EAAA,GACNH,EAAQY,EAAgB,sBAAsB;AAAA,MAChD;AAAA,MAoBI,QAnBW,CAAC,EAAE,YAAAE,QAAyC;AACzD,QAAAT,EAAoBS,CAAU,GAC9Bd,EAAQY,EAAgB,6BAA6B,EAAE,YAAAE,EAAA,CAAY;AAAA,MACrE;AAAA,IAgBI;AAAA,EAAA,GAOF;AAEJ;"}
+{"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { usePayrollsCalculateMutation } from '@gusto/embedded-api/react-query/payrollsCalculate'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollprepared'\nimport { PayrollProcessingRequestStatus } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { componentEvents } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\ninterface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n  companyId: string\n  payrollId: string\n}\n\nexport function PayrollConfiguration(props: PayrollConfigurationProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ onEvent, companyId, payrollId, dictionary }: PayrollConfigurationProps) => {\n  useComponentDictionary('Payroll.PayrollConfiguration', dictionary)\n  useI18n('Payroll.PayrollConfiguration')\n\n  const { LoadingIndicator } = useBase()\n\n  const { data: payrollData } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId,\n    },\n    { refetchInterval: 5_000 },\n  )\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const { mutateAsync: calculatePayroll } = usePayrollsCalculateMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const [editedEmployeeId, setEditedEmployeeId] = useState<string | undefined>(undefined)\n\n  const { data: payScheduleData } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: Boolean(preparedPayroll?.payPeriod?.payScheduleUuid),\n    },\n  )\n\n  useEffect(() => {\n    const handlePreparePayroll = async () => {\n      const result = await preparePayroll({\n        request: {\n          companyId,\n          payrollId,\n        },\n      })\n      setPreparedPayroll(result.payrollPrepared)\n    }\n\n    void handlePreparePayroll()\n  }, [companyId, payrollId, preparePayroll])\n\n  const onBack = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BACK)\n  }\n  const onCalculatePayroll = async () => {\n    await calculatePayroll({\n      request: {\n        companyId,\n        payrollId,\n      },\n    })\n  }\n  const onEdit = (employee: Employee) => {\n    setEditedEmployeeId(employee.uuid)\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDITED, { employeeId: employee.uuid })\n  }\n\n  const wrappedOnEvent: OnEventType<string, unknown> = (event, payload) => {\n    if (event === componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED) {\n      setEditedEmployeeId(undefined)\n    }\n    onEvent(event as EventType, payload)\n  }\n\n  const isCalculating =\n    payrollData.payrollShow?.processingRequest?.status ===\n    PayrollProcessingRequestStatus.Calculating\n  const isCalculated =\n    payrollData.payrollShow?.processingRequest?.status ===\n    PayrollProcessingRequestStatus.CalculateSuccess\n\n  useEffect(() => {\n    if (isCalculated) {\n      onEvent(componentEvents.RUN_PAYROLL_CALCULATED)\n    }\n  }, [isCalculated, onEvent])\n\n  if (isPreparePayrollPending || isCalculating) {\n    return <LoadingIndicator />\n  }\n\n  return editedEmployeeId ? (\n    <PayrollEditEmployee onEvent={wrappedOnEvent} employeeId={editedEmployeeId} />\n  ) : (\n    <PayrollConfigurationPresentation\n      onBack={onBack}\n      onCalculatePayroll={onCalculatePayroll}\n      onEdit={onEdit}\n      employeeCompensations={preparedPayroll?.employeeCompensations || []}\n      employeeDetails={employeeData.showEmployees || []}\n      payPeriod={preparedPayroll?.payPeriod}\n      paySchedule={payScheduleData?.payScheduleObject}\n      isOffCycle={preparedPayroll?.offCycle}\n    />\n  )\n}\n"],"names":["PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","useComponentDictionary","useI18n","LoadingIndicator","useBase","payrollData","usePayrollsGetSuspense","employeeData","useEmployeesListSuspense","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","calculatePayroll","usePayrollsCalculateMutation","preparedPayroll","setPreparedPayroll","useState","editedEmployeeId","setEditedEmployeeId","payScheduleData","usePaySchedulesGet","useEffect","result","onBack","componentEvents","onCalculatePayroll","onEdit","employee","wrappedOnEvent","event","payload","isCalculating","PayrollProcessingRequestStatus","isCalculated","PayrollEditEmployee","PayrollConfigurationPresentation"],"mappings":";;;;;;;;;;;;;;AAwBO,SAASA,GAAqBC,GAA2D;AAC9F,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,WAAAC,GAAW,YAAAC,QAA4C;AAChG,EAAAC,EAAuB,gCAAgCD,CAAU,GACjEE,EAAQ,8BAA8B;AAEtC,QAAM,EAAE,kBAAAC,EAAA,IAAqBC,EAAA,GAEvB,EAAE,MAAMC,EAAA,IAAgBC;AAAA,IAC5B;AAAA,MACE,WAAAR;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,IAEF,EAAE,iBAAiB,IAAA;AAAA,EAAM,GAGrB,EAAE,MAAMQ,EAAA,IAAiBC,EAAyB;AAAA,IACtD,WAAAV;AAAA,EAAA,CACD,GAEK,EAAE,aAAaW,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,EAAE,aAAaC,EAAA,IAAqBC,EAAA,GACpC,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxC,CAACC,GAAkBC,CAAmB,IAAIF,EAA6B,MAAS,GAEhF,EAAE,MAAMG,EAAA,IAAoBC;AAAA,IAChC;AAAA,MACE,WAAAtB;AAAA,MACA,eAAegB,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,EAAQA,GAAiB,WAAW;AAAA,IAAe;AAAA,EAC9D;AAGF,EAAAO,EAAU,MAAM;AAWd,KAV6B,YAAY;AACvC,YAAMC,IAAS,MAAMb,EAAe;AAAA,QAClC,SAAS;AAAA,UACP,WAAAX;AAAA,UACA,WAAAC;AAAA,QAAA;AAAA,MACF,CACD;AACD,MAAAgB,EAAmBO,EAAO,eAAe;AAAA,IAC3C,GAEK;AAAA,EACP,GAAG,CAACxB,GAAWC,GAAWU,CAAc,CAAC;AAEzC,QAAMc,IAAS,MAAM;AACnB,IAAA1B,EAAQ2B,EAAgB,gBAAgB;AAAA,EAC1C,GACMC,IAAqB,YAAY;AACrC,UAAMb,EAAiB;AAAA,MACrB,SAAS;AAAA,QACP,WAAAd;AAAA,QACA,WAAAC;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EACH,GACM2B,IAAS,CAACC,MAAuB;AACrC,IAAAT,EAAoBS,EAAS,IAAI,GACjC9B,EAAQ2B,EAAgB,6BAA6B,EAAE,YAAYG,EAAS,MAAM;AAAA,EACpF,GAEMC,IAA+C,CAACC,GAAOC,MAAY;AACvE,IAAID,MAAUL,EAAgB,8BAC5BN,EAAoB,MAAS,GAE/BrB,EAAQgC,GAAoBC,CAAO;AAAA,EACrC,GAEMC,IACJ1B,EAAY,aAAa,mBAAmB,WAC5C2B,EAA+B,aAC3BC,IACJ5B,EAAY,aAAa,mBAAmB,WAC5C2B,EAA+B;AAQjC,SANAX,EAAU,MAAM;AACd,IAAIY,KACFpC,EAAQ2B,EAAgB,sBAAsB;AAAA,EAElD,GAAG,CAACS,GAAcpC,CAAO,CAAC,GAEtBa,KAA2BqB,sBACrB5B,GAAA,EAAiB,IAGpBc,IACL,gBAAAvB,EAACwC,GAAA,EAAoB,SAASN,GAAgB,YAAYX,GAAkB,IAE5E,gBAAAvB;AAAA,IAACyC;AAAA,IAAA;AAAA,MACC,QAAAZ;AAAA,MACA,oBAAAE;AAAA,MACA,QAAAC;AAAA,MACA,uBAAuBZ,GAAiB,yBAAyB,CAAA;AAAA,MACjE,iBAAiBP,EAAa,iBAAiB,CAAA;AAAA,MAC/C,WAAWO,GAAiB;AAAA,MAC5B,aAAaK,GAAiB;AAAA,MAC9B,YAAYL,GAAiB;AAAA,IAAA;AAAA,EAAA;AAGnC;"}

package/dist/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.d.ts

@@ -1,11 +1,16 @@
-interface Employee {
-    employeeId: string;
-}
+import { EmployeeCompensations } from '@gusto/embedded-api/models/components/payrollshow';
+import { Employee } from '@gusto/embedded-api/models/components/employee';
+import { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype';
+import { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject';
 interface PayrollConfigurationPresentationProps {
-    employees: Employee[];
+    employeeCompensations: EmployeeCompensations[];
+    employeeDetails: Employee[];
+    payPeriod?: PayrollPayPeriodType;
+    paySchedule?: PayScheduleObject;
     onBack: () => void;
     onCalculatePayroll: () => void;
     onEdit: (employee: Employee) => void;
+    isOffCycle?: boolean;
 }
-export declare const PayrollConfigurationPresentation: ({ employees, onBack, onEdit, onCalculatePayroll, }: PayrollConfigurationPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollConfigurationPresentation: ({ employeeCompensations, employeeDetails, payPeriod, paySchedule, onBack, onEdit, onCalculatePayroll, isOffCycle, }: PayrollConfigurationPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};