@gusto/embedded-react-sdk 0.21.0 → 0.23.0-rc.1

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

@@ -1,117 +1,133 @@
-import { jsx as t, jsxs as M, Fragment as I } from "react/jsx-runtime";
-import { zodResolver as O } from "@hookform/resolvers/zod";
-import { useForm as C, FormProvider as J } from "react-hook-form";
+import { jsx as o, jsxs as O, Fragment as C } from "react/jsx-runtime";
+import { zodResolver as J } from "@hookform/resolvers/zod";
+import { useForm as V, FormProvider as X } from "react-hook-form";
 import "react-i18next";
-import { useEffect as X } from "react";
-import { useEmployeeTaxSetupGetFederalTaxesSuspense as q } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
-import { useEmployeeTaxSetupUpdateFederalTaxesMutation as B } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
-import { useEmployeeTaxSetupGetStateTaxesSuspense as H } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
-import { useEmployeeTaxSetupUpdateStateTaxesMutation as V } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes";
-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 K } from "./StateForm.js";
-import { TaxesProvider as Q } from "./useTaxes.js";
-import { BaseComponent as Z } from "../../Base/Base.js";
-import { useBase as $ } from "../../Base/useBase.js";
+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 Y } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
+import { useEmployeeTaxSetupUpdateStateTaxesMutation as j } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes";
+import { Actions as G } from "./Actions.js";
+import { FederalFormSchema as z, FederalForm as K } from "./FederalForm.js";
+import { FederalHead as Q } from "./FederalHead.js";
+import { StateFormSchema as Z, StateForm as $ } from "./StateForm.js";
+import { TaxesProvider as ee } from "./useTaxes.js";
+import { BaseComponent as te } from "../../Base/Base.js";
+import { useBase as oe } 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 }) });
+import { useI18n as ae, useComponentDictionary as se } from "../../../i18n/I18n.js";
+import { componentEvents as T } from "../../../shared/constants.js";
+import { snakeCaseToCamelCase as A } from "../../../helpers/formattedStrings.js";
+import { Form as ne } from "../../Common/Form/Form.js";
+const re = "2010-01-01";
+function We(i) {
+  return /* @__PURE__ */ o(te, { ...i, children: /* @__PURE__ */ o(ie, { ...i, children: i.children }) });
 }
-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,
+const ie = (i) => {
+  const { employeeId: m, className: F, children: S, isAdmin: E = !1, dictionary: D } = i, { onEvent: c, fieldErrors: u, baseSubmitHandler: _ } = oe();
+  ae("Employee.Taxes"), se("Employee.Taxes", D);
+  const { data: b } = B({
+    employeeUuid: m
+  }), e = b.employeeFederalTax, { mutateAsync: P, isPending: W } = H(), { data: U } = Y({
+    employeeUuid: m
+  }), f = U.employeeStateTaxesList, { mutateAsync: N, isPending: R } = j(), k = e.w4DataType === "rev_2020_w4", x = f.reduce((a, s) => (s.state && (a[s.state] = s.questions?.reduce((n, t) => {
+    const l = t.answers[0]?.value, d = A(t.key);
+    return d === "fileNewHireReport" ? n[d] = typeof l > "u" ? !0 : l : n[d] = l, n;
+  }, {})), a), {}), I = k ? {
+    w4DataType: "rev_2020_w4",
+    filingStatus: e.filingStatus ?? "",
     twoJobs: e.twoJobs ? "true" : "false",
     deductions: e.deductions ? Number(e.deductions) : 0,
     dependentsAmount: e.dependentsAmount ? Number(e.dependentsAmount) : 0,
     otherIncome: e.otherIncome ? Number(e.otherIncome) : 0,
     extraWithholding: e.extraWithholding ? Number(e.extraWithholding) : 0,
-    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: R, setError: F } = h;
-  return X(() => {
-    u && u.length > 0 && u.forEach((o) => {
-      const s = o.errorKey.replace(".value", "");
-      F(s, { type: "custom", message: o.message });
+    states: x
+  } : {
+    w4DataType: "pre_2020_w4",
+    filingStatus: e.filingStatus ?? "",
+    federalWithholdingAllowance: e.federalWithholdingAllowance ?? 0,
+    additionalWithholding: e.additionalWithholding,
+    states: x
+  }, g = V({
+    resolver: J(z.and(Z)),
+    defaultValues: I
+  }), { handleSubmit: L, setError: w } = g;
+  return q(() => {
+    u && u.length > 0 && u.forEach((a) => {
+      const s = a.errorKey.replace(".value", "");
+      w(s, { type: "custom", message: a.message });
     });
-  }, [u, F]), /* @__PURE__ */ t("section", { className: A, children: /* @__PURE__ */ t(
-    Q,
+  }, [u, w]), /* @__PURE__ */ o("section", { className: F, children: /* @__PURE__ */ o(
+    ee,
     {
       value: {
         employeeStateTaxes: f,
-        isAdmin: S,
-        isPending: _ || N
+        isAdmin: E,
+        isPending: W || R
       },
-      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({
+      children: /* @__PURE__ */ o(X, { ...g, children: /* @__PURE__ */ o(ne, { onSubmit: L(async (a) => {
+        await _(a, async (s) => {
+          const { states: n, ...t } = s, l = t.w4DataType === "rev_2020_w4" ? {
+            filingStatus: t.filingStatus,
+            twoJobs: t.twoJobs === "true",
+            dependentsAmount: t.dependentsAmount,
+            otherIncome: t.otherIncome,
+            deductions: t.deductions,
+            extraWithholding: t.extraWithholding,
+            w4DataType: t.w4DataType,
+            version: e.version
+          } : {
+            filingStatus: t.filingStatus,
+            federalWithholdingAllowance: t.federalWithholdingAllowance,
+            additionalWithholding: t.additionalWithholding,
+            w4DataType: t.w4DataType,
+            version: e.version
+          }, d = await P({
             request: {
-              employeeUuid: d,
-              requestBody: {
-                ...m,
-                twoJobs: m.twoJobs === "true",
-                version: e.version
-              }
+              employeeUuid: m,
+              requestBody: l
             }
           });
-          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)
+          if (c(T.EMPLOYEE_FEDERAL_TAXES_UPDATED, d), n && Object.keys(n).length > 0) {
+            const v = [];
+            for (const h of f) {
+              const y = h.state;
+              y && h.questions !== void 0 && v.push({
+                state: y,
+                questions: h.questions.map((r) => {
+                  if (r.isQuestionForAdminOnly && !E)
                     return null;
-                  const p = r[T]?.[v(a.key)];
+                  const p = n[y]?.[A(r.key)];
                   return {
-                    key: a.key,
+                    key: r.key,
                     answers: [
                       {
-                        validFrom: a.answers[0]?.validFrom ?? se,
-                        validUpTo: a.answers[0]?.validUpTo ?? null,
+                        validFrom: r.answers[0]?.validFrom ?? re,
+                        validUpTo: r.answers[0]?.validUpTo ?? null,
                         value: p == null || typeof p == "number" && isNaN(p) ? "" : p
                       }
                     ]
                   };
-                }).filter((a) => a !== null)
-                //Filtering out questions in non-admin setup
+                }).filter((r) => r !== null)
               });
             }
-            const L = await U({
-              request: { employeeUuid: d, employeeStateTaxesRequest: { states: n } }
+            const M = await N({
+              request: { employeeUuid: m, employeeStateTaxesRequest: { states: v } }
             });
-            c(E.EMPLOYEE_STATE_TAXES_UPDATED, L);
+            c(T.EMPLOYEE_STATE_TAXES_UPDATED, M);
           }
-          c(E.EMPLOYEE_TAXES_DONE);
+          c(T.EMPLOYEE_TAXES_DONE);
         });
-      }), children: x || /* @__PURE__ */ M(I, { children: [
-        /* @__PURE__ */ t(G, {}),
-        /* @__PURE__ */ t(j, {}),
-        /* @__PURE__ */ t(K, {}),
-        /* @__PURE__ */ t(W, {})
+      }), children: S || /* @__PURE__ */ O(C, { children: [
+        /* @__PURE__ */ o(Q, {}),
+        /* @__PURE__ */ o(K, {}),
+        /* @__PURE__ */ o($, {}),
+        /* @__PURE__ */ o(G, {})
       ] }) }) })
     }
   ) });
 };
 export {
-  we as Taxes
+  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/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.errorKey.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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"}
+{"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 isRev2020 = employeeFederalTax.w4DataType === 'rev_2020_w4'\n\n  const statesDefaultValues = 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        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  const defaultValues: FederalFormInputs & { states: typeof statesDefaultValues } = isRev2020\n    ? {\n        w4DataType: 'rev_2020_w4',\n        filingStatus: employeeFederalTax.filingStatus ?? '',\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: statesDefaultValues,\n      }\n    : {\n        w4DataType: 'pre_2020_w4',\n        filingStatus: employeeFederalTax.filingStatus ?? '',\n        federalWithholdingAllowance: employeeFederalTax.federalWithholdingAllowance ?? 0,\n        additionalWithholding: employeeFederalTax.additionalWithholding,\n        states: statesDefaultValues,\n      }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload & StateFormPayload>({\n    resolver: zodResolver(FederalFormSchema.and(StateFormSchema)),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = msgObject.errorKey.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 requestBody =\n        federalPayload.w4DataType === 'rev_2020_w4'\n          ? {\n              filingStatus: federalPayload.filingStatus,\n              twoJobs: federalPayload.twoJobs === 'true',\n              dependentsAmount: federalPayload.dependentsAmount,\n              otherIncome: federalPayload.otherIncome,\n              deductions: federalPayload.deductions,\n              extraWithholding: federalPayload.extraWithholding,\n              w4DataType: federalPayload.w4DataType,\n              version: employeeFederalTax.version,\n            }\n          : {\n              filingStatus: federalPayload.filingStatus,\n              federalWithholdingAllowance: federalPayload.federalWithholdingAllowance,\n              additionalWithholding: federalPayload.additionalWithholding,\n              w4DataType: federalPayload.w4DataType,\n              version: employeeFederalTax.version,\n            }\n\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody,\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n\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),\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","isRev2020","statesDefaultValues","acc","state","question","value","key","snakeCaseToCamelCase","defaultValues","formMethods","useForm","zodResolver","FederalFormSchema","StateFormSchema","handleSubmit","_setError","useEffect","msgObject","TaxesProvider","FormProvider","Form","data","payload","statesPayload","federalPayload","requestBody","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

@@ -11,11 +11,10 @@ import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [f, v] = o("TaxesContext");
+const [u, f] = o("TaxesContext");
 export {
-  v as TaxesProvider,
-  f as useTaxes
+  f as TaxesProvider,
+  u 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/Flow/Flow.d.ts

@@ -2,9 +2,9 @@ import { Machine } from 'robot3';
 import { OnEventType } from '../Base/useBase';
 import { FlowContextInterface } from './useFlow';
 import { EventType } from '../../shared/constants';
-type FlowProps = {
-    machine: Machine<object, FlowContextInterface>;
+type FlowProps<M extends Machine> = {
+    machine: M;
     onEvent: OnEventType<EventType, unknown>;
 };
-export declare const Flow: ({ onEvent, machine }: FlowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Flow: <M extends Machine<object, FlowContextInterface>>({ onEvent, machine, }: FlowProps<M>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Flow/Flow.js

@@ -1,61 +1,65 @@
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import { useMachine as B } from "react-robot";
-import { useTranslation as C } from "react-i18next";
-import { FlowBreadcrumbs as v } from "../Common/FlowBreadcrumbs/FlowBreadcrumbs.js";
-import { Flex as l, FlexItem as u } from "../Common/Flex/Flex.js";
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { useMachine as v } from "react-robot";
+import { useTranslation as w } from "react-i18next";
+import { FlowBreadcrumbs as F } from "../Common/FlowBreadcrumbs/FlowBreadcrumbs.js";
+import { Flex as s, FlexItem as d } from "../Common/Flex/Flex.js";
 import "classnames";
 import "../../shared/constants.js";
-import { useComponentContext as w } from "../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as j } from "../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { FlowContext as F } from "./useFlow.js";
-const M = ({ onEvent: d, machine: x }) => {
-  const f = w(), { t: b } = C(), [e, g, i] = B(x, {
-    onEvent: a,
+import { FlowContext as E } from "./useFlow.js";
+const q = ({
+  onEvent: x,
+  machine: f
+}) => {
+  const b = j(), { t: g } = w(), [r, h, c] = v(f, {
+    onEvent: i,
     component: null,
     progressBarCta: null
   }), {
-    progressBarType: m = null,
+    progressBarType: l = null,
     totalSteps: o = null,
     currentStep: t = null,
     currentBreadcrumbId: n,
-    breadcrumbs: h = {}
-  } = e.context;
-  function a(s, c) {
-    i.child ? i.child.send({ type: s, payload: c }) : g({ type: s, payload: c }), d(s, c);
+    breadcrumbs: B = {}
+  } = r.context;
+  function i(m, a) {
+    const p = { type: m, payload: a }, C = h;
+    c.child ? c.child.send(p) : C(p), x(m, a);
   }
-  return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
-    F.Provider,
+  return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+    E.Provider,
     {
       value: {
-        ...e.context
+        ...r.context
       },
-      children: /* @__PURE__ */ p(l, { flexDirection: "column", gap: 32, children: [
-        m === "progress" && t && o && /* @__PURE__ */ r(
-          f.ProgressBar,
+      children: /* @__PURE__ */ u(s, { flexDirection: "column", gap: 32, children: [
+        l === "progress" && t && o && /* @__PURE__ */ e(
+          b.ProgressBar,
           {
             totalSteps: o,
             currentStep: t,
-            label: b("progressBarLabel", { totalSteps: o, currentStep: t }),
-            cta: e.context.progressBarCta
+            label: g("progressBarLabel", { totalSteps: o, currentStep: t }),
+            cta: r.context.progressBarCta
           }
         ),
-        m === "breadcrumbs" && /* @__PURE__ */ p(l, { flexDirection: "row", justifyContent: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ r(u, { flexGrow: 1, children: /* @__PURE__ */ r(
-            v,
+        l === "breadcrumbs" && /* @__PURE__ */ u(s, { flexDirection: "row", justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ e(d, { flexGrow: 1, children: /* @__PURE__ */ e(
+            F,
             {
-              breadcrumbs: n ? h[n] ?? [] : [],
+              breadcrumbs: n ? B[n] ?? [] : [],
               currentBreadcrumbId: n,
-              onEvent: a
+              onEvent: i
             }
           ) }),
-          /* @__PURE__ */ r(u, { children: e.context.progressBarCta && /* @__PURE__ */ r(e.context.progressBarCta, {}) })
+          /* @__PURE__ */ e(d, { children: r.context.progressBarCta && /* @__PURE__ */ e(r.context.progressBarCta, {}) })
         ] }),
-        e.context.component && /* @__PURE__ */ r(e.context.component, {})
+        r.context.component && /* @__PURE__ */ e(r.context.component, {})
       ] })
     }
   ) });
 };
 export {
-  M as Flow
+  q as Flow
 };
 //# sourceMappingURL=Flow.js.map

package/dist/components/Flow/Flow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import { useMachine } from 'react-robot'\nimport { type Machine } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport type { OnEventType } from '../Base/useBase'\nimport { FlowBreadcrumbs } from '../Common/FlowBreadcrumbs/FlowBreadcrumbs'\nimport { Flex } from '../Common/Flex'\nimport { FlexItem } from '../Common'\nimport type { FlowContextInterface } from './useFlow'\nimport { FlowContext } from './useFlow'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype FlowProps = {\n  machine: Machine<object, FlowContextInterface>\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport const Flow = ({ onEvent, machine }: FlowProps) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n  const [current, send, service] = useMachine(machine, {\n    onEvent: handleEvent,\n    component: null,\n    progressBarCta: null,\n  })\n\n  const {\n    progressBarType = null,\n    totalSteps = null,\n    currentStep = null,\n    currentBreadcrumbId,\n    breadcrumbs = {},\n  } = current.context\n\n  function handleEvent(type: EventType, data: unknown): void {\n    //When dealing with nested state machine, correct machine needs to recieve an event\n    if (service.child) {\n      //@ts-expect-error: not sure why 'type' type is incorrectly derived here\n      service.child.send({ type: type, payload: data })\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      send({ type: type, payload: data })\n    }\n    // Pass event upstream - onEvent can be optional on Flow component\n    onEvent(type, data)\n  }\n\n  return (\n    <Flex>\n      <FlowContext.Provider\n        value={{\n          ...current.context,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {progressBarType === 'progress' && currentStep && totalSteps && (\n            <Components.ProgressBar\n              totalSteps={totalSteps}\n              currentStep={currentStep}\n              label={t('progressBarLabel', { totalSteps, currentStep })}\n              cta={current.context.progressBarCta}\n            />\n          )}\n          {progressBarType === 'breadcrumbs' && (\n            <Flex flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n              <FlexItem flexGrow={1}>\n                <FlowBreadcrumbs\n                  breadcrumbs={currentBreadcrumbId ? (breadcrumbs[currentBreadcrumbId] ?? []) : []}\n                  currentBreadcrumbId={currentBreadcrumbId}\n                  onEvent={handleEvent}\n                />\n              </FlexItem>\n              <FlexItem>\n                {current.context.progressBarCta && <current.context.progressBarCta />}\n              </FlexItem>\n            </Flex>\n          )}\n          {current.context.component && <current.context.component />}\n        </Flex>\n      </FlowContext.Provider>\n    </Flex>\n  )\n}\n"],"names":["Flow","onEvent","machine","Components","useComponentContext","t","useTranslation","current","send","service","useMachine","handleEvent","progressBarType","totalSteps","currentStep","currentBreadcrumbId","breadcrumbs","type","data","Flex","jsx","FlowContext","jsxs","FlexItem","FlowBreadcrumbs"],"mappings":";;;;;;;;;;AAiBO,MAAMA,IAAO,CAAC,EAAE,SAAAC,GAAS,SAAAC,QAAyB;AACvD,QAAMC,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,CAACC,GAASC,GAAMC,CAAO,IAAIC,EAAWR,GAAS;AAAA,IACnD,SAASS;AAAA,IACT,WAAW;AAAA,IACX,gBAAgB;AAAA,EAAA,CACjB,GAEK;AAAA,IACJ,iBAAAC,IAAkB;AAAA,IAClB,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,qBAAAC;AAAA,IACA,aAAAC,IAAc,CAAA;AAAA,EAAC,IACbT,EAAQ;AAEZ,WAASI,EAAYM,GAAiBC,GAAqB;AAEzD,IAAIT,EAAQ,QAEVA,EAAQ,MAAM,KAAK,EAAE,MAAAQ,GAAY,SAASC,GAAM,IAGhDV,EAAK,EAAE,MAAAS,GAAY,SAASC,EAAA,CAAM,GAGpCjB,EAAQgB,GAAMC,CAAI;AAAA,EACpB;AAEA,2BACGC,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGd,EAAQ;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAe,EAACH,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,QAAAP,MAAoB,cAAcE,KAAeD,KAChD,gBAAAO;AAAA,UAACjB,EAAW;AAAA,UAAX;AAAA,YACC,YAAAU;AAAA,YACA,aAAAC;AAAA,YACA,OAAOT,EAAE,oBAAoB,EAAE,YAAAQ,GAAY,aAAAC,GAAa;AAAA,YACxD,KAAKP,EAAQ,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxBK,MAAoB,iBACnB,gBAAAU,EAACH,GAAA,EAAK,eAAc,OAAM,gBAAe,iBAAgB,YAAW,UAClE,UAAA;AAAA,UAAA,gBAAAC,EAACG,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,aAAaT,IAAuBC,EAAYD,CAAmB,KAAK,CAAA,IAAM,CAAA;AAAA,cAC9E,qBAAAA;AAAA,cACA,SAASJ;AAAA,YAAA;AAAA,UAAA,GAEb;AAAA,UACA,gBAAAS,EAACG,GAAA,EACE,UAAAhB,EAAQ,QAAQ,oCAAmBA,EAAQ,QAAQ,gBAAhB,CAAA,CAA+B,EAAA,CACrE;AAAA,QAAA,GACF;AAAA,QAEDA,EAAQ,QAAQ,+BAAcA,EAAQ,QAAQ,WAAhB,CAAA,CAA0B;AAAA,MAAA,EAAA,CAC3D;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import { useMachine } from 'react-robot'\nimport { type Machine, type SendFunction } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport type { OnEventType } from '../Base/useBase'\nimport { FlowBreadcrumbs } from '../Common/FlowBreadcrumbs/FlowBreadcrumbs'\nimport { Flex } from '../Common/Flex'\nimport { FlexItem } from '../Common'\nimport type { FlowContextInterface } from './useFlow'\nimport { FlowContext } from './useFlow'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype FlowProps<M extends Machine> = {\n  machine: M\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport const Flow = <M extends Machine<object, FlowContextInterface>>({\n  onEvent,\n  machine,\n}: FlowProps<M>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n  const [current, send, service] = useMachine(machine, {\n    onEvent: handleEvent,\n    component: null,\n    progressBarCta: null,\n  })\n\n  const {\n    progressBarType = null,\n    totalSteps = null,\n    currentStep = null,\n    currentBreadcrumbId,\n    breadcrumbs = {},\n  } = current.context\n\n  function handleEvent(type: EventType, data: unknown): void {\n    const event = { type, payload: data }\n    const sendFn = send as SendFunction<string>\n    //When dealing with nested state machine, correct machine needs to recieve an event\n    if (service.child) {\n      ;(service.child.send as SendFunction<string>)(event)\n    } else {\n      sendFn(event)\n    }\n    // Pass event upstream - onEvent can be optional on Flow component\n    onEvent(type, data)\n  }\n\n  return (\n    <Flex>\n      <FlowContext.Provider\n        value={{\n          ...current.context,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {progressBarType === 'progress' && currentStep && totalSteps && (\n            <Components.ProgressBar\n              totalSteps={totalSteps}\n              currentStep={currentStep}\n              label={t('progressBarLabel', { totalSteps, currentStep })}\n              cta={current.context.progressBarCta}\n            />\n          )}\n          {progressBarType === 'breadcrumbs' && (\n            <Flex flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n              <FlexItem flexGrow={1}>\n                <FlowBreadcrumbs\n                  breadcrumbs={currentBreadcrumbId ? (breadcrumbs[currentBreadcrumbId] ?? []) : []}\n                  currentBreadcrumbId={currentBreadcrumbId}\n                  onEvent={handleEvent}\n                />\n              </FlexItem>\n              <FlexItem>\n                {current.context.progressBarCta && <current.context.progressBarCta />}\n              </FlexItem>\n            </Flex>\n          )}\n          {current.context.component && <current.context.component />}\n        </Flex>\n      </FlowContext.Provider>\n    </Flex>\n  )\n}\n"],"names":["Flow","onEvent","machine","Components","useComponentContext","t","useTranslation","current","send","service","useMachine","handleEvent","progressBarType","totalSteps","currentStep","currentBreadcrumbId","breadcrumbs","type","data","event","sendFn","Flex","jsx","FlowContext","jsxs","FlexItem","FlowBreadcrumbs"],"mappings":";;;;;;;;;;AAiBO,MAAMA,IAAO,CAAkD;AAAA,EACpE,SAAAC;AAAA,EACA,SAAAC;AACF,MAAoB;AAClB,QAAMC,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,CAACC,GAASC,GAAMC,CAAO,IAAIC,EAAWR,GAAS;AAAA,IACnD,SAASS;AAAA,IACT,WAAW;AAAA,IACX,gBAAgB;AAAA,EAAA,CACjB,GAEK;AAAA,IACJ,iBAAAC,IAAkB;AAAA,IAClB,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,qBAAAC;AAAA,IACA,aAAAC,IAAc,CAAA;AAAA,EAAC,IACbT,EAAQ;AAEZ,WAASI,EAAYM,GAAiBC,GAAqB;AACzD,UAAMC,IAAQ,EAAE,MAAAF,GAAM,SAASC,EAAA,GACzBE,IAASZ;AAEf,IAAIC,EAAQ,QACRA,EAAQ,MAAM,KAA8BU,CAAK,IAEnDC,EAAOD,CAAK,GAGdlB,EAAQgB,GAAMC,CAAI;AAAA,EACpB;AAEA,2BACGG,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGhB,EAAQ;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAiB,EAACH,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,QAAAT,MAAoB,cAAcE,KAAeD,KAChD,gBAAAS;AAAA,UAACnB,EAAW;AAAA,UAAX;AAAA,YACC,YAAAU;AAAA,YACA,aAAAC;AAAA,YACA,OAAOT,EAAE,oBAAoB,EAAE,YAAAQ,GAAY,aAAAC,GAAa;AAAA,YACxD,KAAKP,EAAQ,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxBK,MAAoB,iBACnB,gBAAAY,EAACH,GAAA,EAAK,eAAc,OAAM,gBAAe,iBAAgB,YAAW,UAClE,UAAA;AAAA,UAAA,gBAAAC,EAACG,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,aAAaX,IAAuBC,EAAYD,CAAmB,KAAK,CAAA,IAAM,CAAA;AAAA,cAC9E,qBAAAA;AAAA,cACA,SAASJ;AAAA,YAAA;AAAA,UAAA,GAEb;AAAA,UACA,gBAAAW,EAACG,GAAA,EACE,UAAAlB,EAAQ,QAAQ,oCAAmBA,EAAQ,QAAQ,gBAAhB,CAAA,CAA+B,EAAA,CACrE;AAAA,QAAA,GACF;AAAA,QAEDA,EAAQ,QAAQ,+BAAcA,EAAQ,QAAQ,WAAhB,CAAA,CAA0B;AAAA,MAAA,EAAA,CAC3D;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetails.js

@@ -1,72 +1,79 @@
-import { jsx as n, jsxs as M } from "react/jsx-runtime";
-import { createMachine as h } from "robot3";
-import { useMachine as S } from "react-robot";
-import { useState as T, useRef as v, useMemo as _ } from "react";
-import { useWireInRequestsListSuspense as x } from "@gusto/embedded-api/react-query/wireInRequestsList";
+import { jsx as e, jsxs as M } from "react/jsx-runtime";
+import { createMachine as S } from "robot3";
+import { useMachine as T } from "react-robot";
+import { useState as v, useRef as x, useMemo as d } from "react";
+import { useWireInRequestsListSuspense as N } from "@gusto/embedded-api/react-query/wireInRequestsList";
 import { confirmWireDetailsMachine as F } from "./confirmWireDetailsStateMachine.js";
-import { BaseComponent as N } from "../../Base/Base.js";
+import D from "./ConfirmWireDetails.module.scss.js";
+import { BaseComponent as P, BaseBoundaries as Y } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { useComponentContext as D } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { FlowContext as P } from "../../Flow/useFlow.js";
+import { useComponentContext as q } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { FlowContext as B } from "../../Flow/useFlow.js";
 import { payrollWireEvents as r } from "../../../shared/constants.js";
-import { ConfirmWireDetailsBanner as Y } from "./ConfirmWireDetailsBanner/ConfirmWireDetailsBanner.js";
-function Q(o) {
-  return /* @__PURE__ */ n(N, { ...o, children: /* @__PURE__ */ n(q, { ...o }) });
+import { ConfirmWireDetailsBanner as g } from "./ConfirmWireDetailsBanner/ConfirmWireDetailsBanner.js";
+function $(n) {
+  return /* @__PURE__ */ e(P, { ...n, children: /* @__PURE__ */ e(j, { ...n }) });
 }
-function q({ companyId: o, wireInId: t, onEvent: f }) {
-  const { Modal: p } = D(), [W, s] = T(!1), m = v(null), { data: E } = x({
-    companyUuid: o
-  }), l = (E.wireInRequestList || []).filter(
-    (e) => e.status === "awaiting_funds"
-  ), u = _(() => t || l[0]?.uuid, [t, l[0]?.uuid]), L = _(
-    () => h(
+function j({ companyId: n, wireInId: t, onEvent: c }) {
+  const { Modal: p, LoadingSpinner: C } = q(), [L, s] = v(!1), l = x(null), { data: _ } = N({
+    companyUuid: n
+  }), f = (_.wireInRequestList || []).filter(
+    (o) => o.status === "awaiting_funds"
+  ), W = d(() => t || f[0]?.uuid, [t, f[0]?.uuid]), E = d(
+    () => S(
       "banner",
       F,
       () => ({
         component: null,
-        companyId: o,
+        companyId: n,
         wireInId: t,
-        selectedWireInId: u,
+        selectedWireInId: W,
         onEvent: i,
-        modalContainerRef: m
+        modalContainerRef: l
       })
     ),
-    [o, t, u]
-  ), [a, d] = S(L);
-  function i(e, C) {
-    d({ type: e, payload: C }), e === r.PAYROLL_WIRE_START_TRANSFER && s(!0), (e === r.PAYROLL_WIRE_INSTRUCTIONS_CANCEL || e === r.PAYROLL_WIRE_FORM_CANCEL || e === r.PAYROLL_WIRE_FORM_DONE) && s(!1), f(e, C);
+    [n, t]
+  ), [a, A] = T(E);
+  function i(o, R) {
+    A({ type: o, payload: R }), o === r.PAYROLL_WIRE_START_TRANSFER && s(!0), (o === r.PAYROLL_WIRE_INSTRUCTIONS_CANCEL || o === r.PAYROLL_WIRE_FORM_CANCEL || o === r.PAYROLL_WIRE_FORM_DONE) && s(!1), c(o, R);
   }
-  const A = () => {
+  const h = () => {
     i(r.PAYROLL_WIRE_START_TRANSFER);
   }, O = () => {
     s(!1);
-  }, c = a.context.component, R = c?.Footer || void 0;
+  }, m = a.context.component, u = m?.Footer || void 0;
   return /* @__PURE__ */ M(
-    P.Provider,
+    B.Provider,
     {
       value: {
         ...a.context,
         onEvent: i
       },
       children: [
-        /* @__PURE__ */ n(
-          Y,
+        /* @__PURE__ */ e(
+          g,
           {
-            companyId: o,
+            companyId: n,
             wireInId: t,
-            onStartWireTransfer: A,
-            onEvent: f,
+            onStartWireTransfer: h,
+            onEvent: c,
             confirmationAlert: a.context.confirmationAlert
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ e(
           p,
           {
-            isOpen: W,
+            isOpen: L,
             onClose: O,
-            containerRef: m,
-            footer: R && /* @__PURE__ */ n(R, { onEvent: i }),
-            children: c && /* @__PURE__ */ n(c, {})
+            containerRef: l,
+            footer: u && /* @__PURE__ */ e(
+              Y,
+              {
+                LoaderComponent: () => /* @__PURE__ */ e("div", { className: D.footer, children: /* @__PURE__ */ e(C, { size: "sm" }) }),
+                children: /* @__PURE__ */ e(u, { onEvent: i })
+              }
+            ),
+            children: m && /* @__PURE__ */ e(m, {})
           }
         )
       ]
@@ -74,6 +81,6 @@ function q({ companyId: o, wireInId: t, onEvent: f }) {
   );
 }
 export {
-  Q as ConfirmWireDetails
+  $ as ConfirmWireDetails
 };
 //# sourceMappingURL=ConfirmWireDetails.js.map