@gusto/embedded-react-sdk 0.8.0 → 0.8.2

package/dist/components/Employee/Deductions/Deductions.js

@@ -1,37 +1,39 @@
-import { jsx as t, jsxs as I } from "react/jsx-runtime";
-import { useTranslation as Y } from "react-i18next";
-import { useState as M, useMemo as q, useEffect as B } from "react";
-import * as A from "valibot";
-import { useForm as C, FormProvider as O } from "react-hook-form";
-import { valibotResolver as R } from "@hookform/resolvers/valibot";
-import { useGarnishmentsListSuspense as y, invalidateGarnishmentsList as T } from "@gusto/embedded-api/react-query/garnishmentsList";
-import { useGarnishmentsCreateMutation as G } from "@gusto/embedded-api/react-query/garnishmentsCreate";
-import { useGarnishmentsUpdateMutation as j } from "@gusto/embedded-api/react-query/garnishmentsUpdate";
-import { useQueryClient as H } from "@gusto/embedded-api/ReactSDKProvider";
-import { DeductionSchema as V, DeductionsProvider as k } from "./useDeductions.js";
-import { BaseComponent as Q } from "../../Base/Base.js";
-import { useBase as z } from "../../Base/useBase.js";
-import { Form as L } from "../../Common/Form/Form.js";
-import { useI18n as J } from "../../../i18n/I18n.js";
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { useTranslation as q } from "react-i18next";
+import { useState as M, useMemo as y, useEffect as B } from "react";
+import { z as A } from "zod";
+import { useForm as O, FormProvider as T } from "react-hook-form";
+import { zodResolver as R } from "@hookform/resolvers/zod";
+import { useGarnishmentsListSuspense as G, invalidateGarnishmentsList as L } from "@gusto/embedded-api/react-query/garnishmentsList";
+import { useGarnishmentsCreateMutation as j } from "@gusto/embedded-api/react-query/garnishmentsCreate";
+import { useGarnishmentsUpdateMutation as z } from "@gusto/embedded-api/react-query/garnishmentsUpdate";
+import { useQueryClient as H } from "@tanstack/react-query";
+import { DeductionSchema as V, DeductionsProvider as Q } from "./useDeductions.js";
+import { BaseComponent as k } from "../../Base/Base.js";
+import { useBase as J } from "../../Base/useBase.js";
+import { Form as S } from "../../Common/Form/Form.js";
+import { useComponentDictionary as K, useI18n as W } from "../../../i18n/I18n.js";
 import { componentEvents as s } from "../../../shared/constants.js";
-import { Actions as S } from "./Actions.js";
-import { IncludeDeductionsForm as K } from "./IncludeDeductionsForm.js";
-import { Head as N } from "./Head.js";
-import { DeductionForm as W } from "./DeductionForm.js";
-import { DeductionsList as X } from "./DeductionsList.js";
-import { useFlow as Z } from "../../Flow/useFlow.js";
-A.object({ includeDeductions: A.picklist(["Yes", "No"]) });
-function $(n) {
-  return /* @__PURE__ */ t(Q, { ...n, children: /* @__PURE__ */ t(ee, { ...n, children: n.children }) });
+import { Actions as N } from "./Actions.js";
+import { IncludeDeductionsForm as X } from "./IncludeDeductionsForm.js";
+import { Head as _ } from "./Head.js";
+import { DeductionForm as Z } from "./DeductionForm.js";
+import { DeductionsList as $ } from "./DeductionsList.js";
+import { useFlow as ee } from "../../Flow/useFlow.js";
+A.object({ includeDeductions: A.enum(["Yes", "No"]) });
+function te(n) {
+  return /* @__PURE__ */ t(k, { ...n, children: /* @__PURE__ */ t(ne, { ...n, children: n.children }) });
 }
-const ee = ({ employeeId: n, className: d }) => {
-  const { onEvent: r, baseSubmitHandler: E } = z(), h = H(), { data: b } = y({ employeeId: n }), f = b.garnishmentList, { mutateAsync: p, isPending: _ } = j({
-    onSettled: () => T(h, [n])
-  }), { mutateAsync: x, isPending: w } = G({
-    onSettled: () => T(h, [n])
-  }), F = f.filter((i) => i.active), [u, m] = M(F.length < 1 ? "INITIAL" : "LIST"), [e, a] = M(null);
-  J("Employee.Deductions");
-  const l = q(() => ({
+const ne = ({ employeeId: n, className: d, dictionary: a }) => {
+  const { onEvent: i, baseSubmitHandler: h } = J(), f = H();
+  K("Employee.Deductions", a);
+  const { data: b } = G({ employeeId: n }), p = b.garnishmentList, { mutateAsync: g, isPending: x } = z({
+    onSettled: () => L(f, [n])
+  }), { mutateAsync: w, isPending: F } = j({
+    onSettled: () => L(f, [n])
+  }), U = p.filter((r) => r.active), [u, m] = M(U.length < 1 ? "INITIAL" : "LIST"), [e, l] = M(null);
+  W("Employee.Deductions");
+  const D = y(() => ({
     amount: e?.amount ? Number(e.amount) : 0,
     description: e?.description ?? "",
     times: e?.times ?? null,
@@ -41,19 +43,19 @@ const ee = ({ employeeId: n, className: d }) => {
     deductAsPercentage: e?.deductAsPercentage?.toString() ?? "true",
     active: !0,
     courtOrdered: e?.courtOrdered ?? !1
-  }), [e]), g = C({
-    // resolver: valibotResolver(IncludeDeductionsSchema),
+  }), [e]), P = O({
+    // resolver: zodResolver(IncludeDeductionsSchema),
     defaultValues: { includeDeductions: "No" }
-  }), D = C({
+  }), E = O({
     resolver: R(V),
-    defaultValues: l
-  }), { reset: P } = D;
+    defaultValues: D
+  }), { reset: v } = E;
   B(() => {
-    P(l);
-  }, [e, l, P, u]);
-  const U = async (i) => {
-    await E(i, async (o) => {
-      const { garnishment: c } = await p({
+    v(D);
+  }, [e, D, v, u]);
+  const Y = async (r) => {
+    await h(r, async (o) => {
+      const { garnishment: c } = await g({
         request: {
           garnishmentId: o.uuid,
           requestBody: {
@@ -64,28 +66,28 @@ const ee = ({ employeeId: n, className: d }) => {
           }
         }
       });
-      r(s.EMPLOYEE_DEDUCTION_DELETED, c);
+      i(s.EMPLOYEE_DEDUCTION_DELETED, c);
     });
-  }, v = async (i) => {
-    await E(i, async (o) => {
+  }, I = async (r) => {
+    await h(r, async (o) => {
       if ("includeDeductions" in o)
         if (o.includeDeductions === "Yes")
-          m("ADD"), r(s.EMPLOYEE_DEDUCTION_ADD);
+          m("ADD"), i(s.EMPLOYEE_DEDUCTION_ADD);
         else {
-          r(s.EMPLOYEE_DEDUCTION_DONE);
+          i(s.EMPLOYEE_DEDUCTION_DONE);
           return;
         }
       if (!("includeDeductions" in o)) {
         if (u === "ADD") {
-          const { garnishment: c } = await x({
+          const { garnishment: c } = await w({
             request: {
               employeeId: n,
               requestBody: { ...o, times: o.recurring ? null : 1 }
             }
           });
-          r(s.EMPLOYEE_DEDUCTION_CREATED, c);
+          i(s.EMPLOYEE_DEDUCTION_CREATED, c);
         } else if (u === "EDIT") {
-          const { garnishment: c } = await p({
+          const { garnishment: c } = await g({
             request: {
               garnishmentId: e?.uuid ?? "",
               requestBody: {
@@ -95,61 +97,61 @@ const ee = ({ employeeId: n, className: d }) => {
               }
             }
           });
-          r(s.EMPLOYEE_DEDUCTION_UPDATED, c), a(null);
+          i(s.EMPLOYEE_DEDUCTION_UPDATED, c), l(null);
         }
         m("LIST");
       }
     });
   };
   return /* @__PURE__ */ t("section", { className: d, children: /* @__PURE__ */ t(
-    k,
+    Q,
     {
       value: {
-        isPending: w || _,
+        isPending: F || x,
         employeeId: n,
         mode: u,
-        deductions: f,
+        deductions: p,
         handleAdd: () => {
           m("ADD");
         },
         handleCancel: () => {
-          m("LIST"), a(null);
+          m("LIST"), l(null);
         },
-        handleDelete: U,
-        handleEdit: (i) => {
-          m("EDIT"), a(i);
+        handleDelete: Y,
+        handleEdit: (r) => {
+          m("EDIT"), l(r);
         },
         handlePassthrough: () => {
-          r(s.EMPLOYEE_DEDUCTION_DONE);
+          i(s.EMPLOYEE_DEDUCTION_DONE);
         }
       },
-      children: u === "INITIAL" ? /* @__PURE__ */ t(O, { ...g, children: /* @__PURE__ */ I(L, { onSubmit: g.handleSubmit(v), children: [
-        /* @__PURE__ */ t(N, {}),
-        /* @__PURE__ */ t(K, {}),
-        /* @__PURE__ */ t(S, {})
-      ] }) }) : /* @__PURE__ */ t(O, { ...D, children: /* @__PURE__ */ I(L, { onSubmit: D.handleSubmit(v), children: [
-        /* @__PURE__ */ t(N, {}),
+      children: u === "INITIAL" ? /* @__PURE__ */ t(T, { ...P, children: /* @__PURE__ */ C(S, { onSubmit: P.handleSubmit(I), children: [
+        /* @__PURE__ */ t(_, {}),
         /* @__PURE__ */ t(X, {}),
-        /* @__PURE__ */ t(W, {}),
-        /* @__PURE__ */ t(S, {})
+        /* @__PURE__ */ t(N, {})
+      ] }) }) : /* @__PURE__ */ t(T, { ...E, children: /* @__PURE__ */ C(S, { onSubmit: E.handleSubmit(I), children: [
+        /* @__PURE__ */ t(_, {}),
+        /* @__PURE__ */ t($, {}),
+        /* @__PURE__ */ t(Z, {}),
+        /* @__PURE__ */ t(N, {})
       ] }) })
     }
   ) });
-}, Te = () => {
-  const { employeeId: n, onEvent: d } = Z(), { t: r } = Y("common");
+}, Ne = () => {
+  const { employeeId: n, onEvent: d } = ee(), { t: a } = q("common");
   if (!n)
     throw new Error(
-      r("errors.missingParamsOrContext", {
+      a("errors.missingParamsOrContext", {
         component: "Deductions",
         param: "employeeId",
         provider: "FlowProvider"
       })
     );
-  return /* @__PURE__ */ t($, { employeeId: n, onEvent: d });
+  return /* @__PURE__ */ t(te, { employeeId: n, onEvent: d });
 };
 export {
-  $ as Deductions,
-  Te as DeductionsContextual,
-  ee as Root
+  te as Deductions,
+  Ne as DeductionsContextual,
+  ne as Root
 };
 //# sourceMappingURL=Deductions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Deductions.js","sources":["../../../../src/components/Employee/Deductions/Deductions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEffect, useMemo, useState } from 'react'\nimport * as v from 'valibot'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { valibotResolver } from '@hookform/resolvers/valibot'\nimport {\n  useGarnishmentsListSuspense,\n  invalidateGarnishmentsList,\n} from '@gusto/embedded-api/react-query/garnishmentsList'\nimport { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useGarnishmentsCreateMutation } from '@gusto/embedded-api/react-query/garnishmentsCreate'\nimport { useGarnishmentsUpdateMutation } from '@gusto/embedded-api/react-query/garnishmentsUpdate'\nimport { useQueryClient } from '@gusto/embedded-api/ReactSDKProvider'\nimport {\n  type DeductionInputs,\n  type DeductionPayload,\n  DeductionSchema,\n  DeductionsProvider,\n  type MODE,\n} from './useDeductions'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Actions } from '@/components/Employee/Deductions/Actions'\nimport { IncludeDeductionsForm } from '@/components/Employee/Deductions/IncludeDeductionsForm'\nimport { Head } from '@/components/Employee/Deductions/Head'\nimport { DeductionForm } from '@/components/Employee/Deductions/DeductionForm'\nimport { DeductionsList } from '@/components/Employee/Deductions/DeductionsList'\nimport type { EmployeeOnboardingContextInterface } from '@/components/Flow/EmployeeOnboardingFlow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ninterface DeductionsProps extends CommonComponentInterface {\n  employeeId: string\n}\n\nconst IncludeDeductionsSchema = v.object({ includeDeductions: v.picklist(['Yes', 'No']) })\nexport type IncludeDeductionsPayload = v.InferOutput<typeof IncludeDeductionsSchema>\n\nexport function Deductions(props: DeductionsProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nexport const Root = ({ employeeId, className }: DeductionsProps) => {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n\n  const { data } = useGarnishmentsListSuspense({ employeeId })\n  const deductions = data.garnishmentList!\n\n  // Used for deletion or edit of deduction\n  const { mutateAsync: updateDeduction, isPending: isPendingUpdate } =\n    useGarnishmentsUpdateMutation({\n      onSettled: () => invalidateGarnishmentsList(queryClient, [employeeId]),\n    })\n  const { mutateAsync: createDeduction, isPending: isPendingCreate } =\n    useGarnishmentsCreateMutation({\n      onSettled: () => invalidateGarnishmentsList(queryClient, [employeeId]),\n    })\n\n  const activeDeductions = deductions.filter(deduction => deduction.active)\n  const [mode, setMode] = useState<MODE>(activeDeductions.length < 1 ? 'INITIAL' : 'LIST')\n  const [currentDeduction, setCurrentDeduction] = useState<Garnishment | null>(null)\n  useI18n('Employee.Deductions')\n\n  const defaultValues: DeductionInputs = useMemo(() => {\n    return {\n      amount: currentDeduction?.amount ? Number(currentDeduction.amount) : 0,\n      description: currentDeduction?.description ?? '',\n      times: currentDeduction?.times ?? null,\n      recurring: currentDeduction?.recurring?.toString() ?? 'true',\n      annualMaximum: currentDeduction?.annualMaximum\n        ? Number(currentDeduction.annualMaximum)\n        : null,\n      payPeriodMaximum: currentDeduction?.payPeriodMaximum\n        ? Number(currentDeduction.payPeriodMaximum)\n        : null,\n      deductAsPercentage: currentDeduction?.deductAsPercentage?.toString() ?? 'true',\n      active: true,\n      courtOrdered: currentDeduction?.courtOrdered ?? false,\n    } as DeductionInputs\n  }, [currentDeduction])\n\n  const includeDeductionsFormMethods = useForm<IncludeDeductionsPayload>({\n    // resolver: valibotResolver(IncludeDeductionsSchema),\n    defaultValues: { includeDeductions: 'No' },\n  })\n\n  const formMethods = useForm<DeductionInputs, unknown, DeductionPayload>({\n    resolver: valibotResolver(DeductionSchema),\n    defaultValues,\n  })\n\n  const { reset: resetForm } = formMethods\n\n  useEffect(() => {\n    resetForm(defaultValues)\n  }, [currentDeduction, defaultValues, resetForm, mode])\n\n  const handleDelete = async (deduction: Garnishment) => {\n    await baseSubmitHandler(deduction, async payload => {\n      //Deletion of deduction is simply updating it with active: false\n      const { garnishment } = await updateDeduction({\n        request: {\n          garnishmentId: payload.uuid,\n          requestBody: {\n            ...payload,\n            totalAmount: payload.totalAmount ?? undefined,\n            active: false,\n            version: payload.version as string,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, garnishment)\n    })\n  }\n  const onSubmit: SubmitHandler<DeductionPayload | IncludeDeductionsPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      if ('includeDeductions' in payload) {\n        if (payload.includeDeductions === 'Yes') {\n          setMode('ADD')\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n        } else {\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n          return\n        }\n      }\n      if (!('includeDeductions' in payload)) {\n        if (mode === 'ADD') {\n          const { garnishment: createDeductionResponse } = await createDeduction({\n            request: {\n              employeeId: employeeId,\n              requestBody: { ...payload, times: payload.recurring ? null : 1 },\n            },\n          })\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_CREATED, createDeductionResponse)\n        } else if (mode === 'EDIT') {\n          const { garnishment: updateDeductionResponse } = await updateDeduction({\n            request: {\n              garnishmentId: currentDeduction?.uuid ?? '',\n              requestBody: {\n                ...payload,\n                version: currentDeduction?.version as string,\n                times: payload.recurring ? null : 1,\n              },\n            },\n          })\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_UPDATED, updateDeductionResponse)\n          setCurrentDeduction(null)\n        }\n        setMode('LIST')\n      }\n    })\n  }\n  const handleAdd = () => {\n    setMode('ADD')\n  }\n  const handleCancel = () => {\n    setMode('LIST')\n    setCurrentDeduction(null)\n  }\n  const handleEdit = (deduction: Garnishment) => {\n    setMode('EDIT')\n    setCurrentDeduction(deduction)\n  }\n  const handlePassthrough = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n  return (\n    <section className={className}>\n      <DeductionsProvider\n        value={{\n          isPending: isPendingCreate || isPendingUpdate,\n          employeeId,\n          mode,\n          deductions,\n          handleAdd,\n          handleCancel,\n          handleDelete,\n          handleEdit,\n          handlePassthrough,\n        }}\n      >\n        {mode === 'INITIAL' ? (\n          <FormProvider {...includeDeductionsFormMethods}>\n            <Form onSubmit={includeDeductionsFormMethods.handleSubmit(onSubmit)}>\n              <Head />\n              <IncludeDeductionsForm />\n              <Actions />\n            </Form>\n          </FormProvider>\n        ) : (\n          <FormProvider {...formMethods}>\n            <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n              <Head />\n              <DeductionsList />\n              <DeductionForm />\n              <Actions />\n            </Form>\n          </FormProvider>\n        )}\n      </DeductionsProvider>\n    </section>\n  )\n}\n\nexport const DeductionsContextual = () => {\n  const { employeeId, onEvent } = useFlow<EmployeeOnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Deductions',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Deductions employeeId={employeeId} onEvent={onEvent} />\n}\n"],"names":["v","Deductions","props","jsx","BaseComponent","Root","employeeId","className","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","data","useGarnishmentsListSuspense","deductions","updateDeduction","isPendingUpdate","useGarnishmentsUpdateMutation","invalidateGarnishmentsList","createDeduction","isPendingCreate","useGarnishmentsCreateMutation","activeDeductions","deduction","mode","setMode","useState","currentDeduction","setCurrentDeduction","useI18n","defaultValues","useMemo","includeDeductionsFormMethods","useForm","formMethods","valibotResolver","DeductionSchema","resetForm","useEffect","handleDelete","payload","garnishment","componentEvents","onSubmit","createDeductionResponse","updateDeductionResponse","DeductionsProvider","FormProvider","jsxs","Form","Head","IncludeDeductionsForm","Actions","DeductionsList","DeductionForm","DeductionsContextual","useFlow","t","useTranslation"],"mappings":"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"}
+{"version":3,"file":"Deductions.js","sources":["../../../../src/components/Employee/Deductions/Deductions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEffect, useMemo, useState } from 'react'\nimport { z } from 'zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport {\n  useGarnishmentsListSuspense,\n  invalidateGarnishmentsList,\n} from '@gusto/embedded-api/react-query/garnishmentsList'\nimport { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useGarnishmentsCreateMutation } from '@gusto/embedded-api/react-query/garnishmentsCreate'\nimport { useGarnishmentsUpdateMutation } from '@gusto/embedded-api/react-query/garnishmentsUpdate'\nimport { useQueryClient } from '@tanstack/react-query'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlow'\nimport {\n  type DeductionInputs,\n  type DeductionPayload,\n  DeductionSchema,\n  DeductionsProvider,\n  type MODE,\n} from './useDeductions'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Actions } from '@/components/Employee/Deductions/Actions'\nimport { IncludeDeductionsForm } from '@/components/Employee/Deductions/IncludeDeductionsForm'\nimport { Head } from '@/components/Employee/Deductions/Head'\nimport { DeductionForm } from '@/components/Employee/Deductions/DeductionForm'\nimport { DeductionsList } from '@/components/Employee/Deductions/DeductionsList'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface DeductionsProps extends CommonComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n}\n\nconst IncludeDeductionsSchema = z.object({ includeDeductions: z.enum(['Yes', 'No']) })\nexport type IncludeDeductionsPayload = z.output<typeof IncludeDeductionsSchema>\n\nexport function Deductions(props: DeductionsProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nexport const Root = ({ employeeId, className, dictionary }: DeductionsProps) => {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n  useComponentDictionary('Employee.Deductions', dictionary)\n\n  const { data } = useGarnishmentsListSuspense({ employeeId })\n  const deductions = data.garnishmentList!\n\n  // Used for deletion or edit of deduction\n  const { mutateAsync: updateDeduction, isPending: isPendingUpdate } =\n    useGarnishmentsUpdateMutation({\n      onSettled: () => invalidateGarnishmentsList(queryClient, [employeeId]),\n    })\n  const { mutateAsync: createDeduction, isPending: isPendingCreate } =\n    useGarnishmentsCreateMutation({\n      onSettled: () => invalidateGarnishmentsList(queryClient, [employeeId]),\n    })\n\n  const activeDeductions = deductions.filter(deduction => deduction.active)\n  const [mode, setMode] = useState<MODE>(activeDeductions.length < 1 ? 'INITIAL' : 'LIST')\n  const [currentDeduction, setCurrentDeduction] = useState<Garnishment | null>(null)\n  useI18n('Employee.Deductions')\n\n  const defaultValues: DeductionInputs = useMemo(() => {\n    return {\n      amount: currentDeduction?.amount ? Number(currentDeduction.amount) : 0,\n      description: currentDeduction?.description ?? '',\n      times: currentDeduction?.times ?? null,\n      recurring: currentDeduction?.recurring?.toString() ?? 'true',\n      annualMaximum: currentDeduction?.annualMaximum\n        ? Number(currentDeduction.annualMaximum)\n        : null,\n      payPeriodMaximum: currentDeduction?.payPeriodMaximum\n        ? Number(currentDeduction.payPeriodMaximum)\n        : null,\n      deductAsPercentage: currentDeduction?.deductAsPercentage?.toString() ?? 'true',\n      active: true,\n      courtOrdered: currentDeduction?.courtOrdered ?? false,\n    } as DeductionInputs\n  }, [currentDeduction])\n\n  const includeDeductionsFormMethods = useForm<IncludeDeductionsPayload>({\n    // resolver: zodResolver(IncludeDeductionsSchema),\n    defaultValues: { includeDeductions: 'No' },\n  })\n\n  const formMethods = useForm<DeductionInputs, unknown, DeductionPayload>({\n    resolver: zodResolver(DeductionSchema),\n    defaultValues,\n  })\n\n  const { reset: resetForm } = formMethods\n\n  useEffect(() => {\n    resetForm(defaultValues)\n  }, [currentDeduction, defaultValues, resetForm, mode])\n\n  const handleDelete = async (deduction: Garnishment) => {\n    await baseSubmitHandler(deduction, async payload => {\n      //Deletion of deduction is simply updating it with active: false\n      const { garnishment } = await updateDeduction({\n        request: {\n          garnishmentId: payload.uuid,\n          requestBody: {\n            ...payload,\n            totalAmount: payload.totalAmount ?? undefined,\n            active: false,\n            version: payload.version as string,\n          },\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, garnishment)\n    })\n  }\n  const onSubmit: SubmitHandler<DeductionPayload | IncludeDeductionsPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      if ('includeDeductions' in payload) {\n        if (payload.includeDeductions === 'Yes') {\n          setMode('ADD')\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n        } else {\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n          return\n        }\n      }\n      if (!('includeDeductions' in payload)) {\n        if (mode === 'ADD') {\n          const { garnishment: createDeductionResponse } = await createDeduction({\n            request: {\n              employeeId: employeeId,\n              requestBody: { ...payload, times: payload.recurring ? null : 1 },\n            },\n          })\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_CREATED, createDeductionResponse)\n        } else if (mode === 'EDIT') {\n          const { garnishment: updateDeductionResponse } = await updateDeduction({\n            request: {\n              garnishmentId: currentDeduction?.uuid ?? '',\n              requestBody: {\n                ...payload,\n                version: currentDeduction?.version as string,\n                times: payload.recurring ? null : 1,\n              },\n            },\n          })\n          onEvent(componentEvents.EMPLOYEE_DEDUCTION_UPDATED, updateDeductionResponse)\n          setCurrentDeduction(null)\n        }\n        setMode('LIST')\n      }\n    })\n  }\n  const handleAdd = () => {\n    setMode('ADD')\n  }\n  const handleCancel = () => {\n    setMode('LIST')\n    setCurrentDeduction(null)\n  }\n  const handleEdit = (deduction: Garnishment) => {\n    setMode('EDIT')\n    setCurrentDeduction(deduction)\n  }\n  const handlePassthrough = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n  return (\n    <section className={className}>\n      <DeductionsProvider\n        value={{\n          isPending: isPendingCreate || isPendingUpdate,\n          employeeId,\n          mode,\n          deductions,\n          handleAdd,\n          handleCancel,\n          handleDelete,\n          handleEdit,\n          handlePassthrough,\n        }}\n      >\n        {mode === 'INITIAL' ? (\n          <FormProvider {...includeDeductionsFormMethods}>\n            <Form onSubmit={includeDeductionsFormMethods.handleSubmit(onSubmit)}>\n              <Head />\n              <IncludeDeductionsForm />\n              <Actions />\n            </Form>\n          </FormProvider>\n        ) : (\n          <FormProvider {...formMethods}>\n            <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n              <Head />\n              <DeductionsList />\n              <DeductionForm />\n              <Actions />\n            </Form>\n          </FormProvider>\n        )}\n      </DeductionsProvider>\n    </section>\n  )\n}\n\nexport const DeductionsContextual = () => {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Deductions',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Deductions employeeId={employeeId} onEvent={onEvent} />\n}\n"],"names":["z","Deductions","props","jsx","BaseComponent","Root","employeeId","className","dictionary","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","useComponentDictionary","data","useGarnishmentsListSuspense","deductions","updateDeduction","isPendingUpdate","useGarnishmentsUpdateMutation","invalidateGarnishmentsList","createDeduction","isPendingCreate","useGarnishmentsCreateMutation","activeDeductions","deduction","mode","setMode","useState","currentDeduction","setCurrentDeduction","useI18n","defaultValues","useMemo","includeDeductionsFormMethods","useForm","formMethods","zodResolver","DeductionSchema","resetForm","useEffect","handleDelete","payload","garnishment","componentEvents","onSubmit","createDeductionResponse","updateDeductionResponse","DeductionsProvider","FormProvider","jsxs","Form","Head","IncludeDeductionsForm","Actions","DeductionsList","DeductionForm","DeductionsContextual","useFlow","t","useTranslation"],"mappings":"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"}

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

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './Deductions';

package/dist/components/Employee/Deductions/useDeductions.d.ts

@@ -1,19 +1,39 @@
 import { Garnishment } from '@gusto/embedded-api/models/components/garnishment';
-import * as v from 'valibot';
+import { z } from 'zod';
 export type MODE = 'ADD' | 'LIST' | 'INITIAL' | 'EDIT';
-export declare const DeductionSchema: v.ObjectSchema<{
-    readonly active: v.BooleanSchema<undefined>;
-    readonly amount: v.SchemaWithPipe<[v.NumberSchema<undefined>, v.MinValueAction<number, 0, undefined>, v.TransformAction<any, string>]>;
-    readonly description: v.SchemaWithPipe<[v.StringSchema<undefined>, v.NonEmptyAction<string, undefined>]>;
-    readonly courtOrdered: v.BooleanSchema<undefined>;
-    readonly times: v.NullableSchema<v.NumberSchema<undefined>, never>;
-    readonly recurring: v.SchemaWithPipe<[v.StringSchema<undefined>, v.TransformAction<string, boolean>]>;
-    readonly annualMaximum: v.NullableSchema<v.SchemaWithPipe<[v.NumberSchema<undefined>, v.MinValueAction<number, 0, undefined>, v.TransformAction<number, string | null>]>, never>;
-    readonly payPeriodMaximum: v.NullableSchema<v.SchemaWithPipe<[v.NumberSchema<undefined>, v.MinValueAction<number, 0, undefined>, v.TransformAction<number, string | null>]>, never>;
-    readonly deductAsPercentage: v.SchemaWithPipe<[v.StringSchema<undefined>, v.TransformAction<string, boolean>]>;
-}, undefined>;
-export type DeductionInputs = v.InferInput<typeof DeductionSchema>;
-export type DeductionPayload = v.InferOutput<typeof DeductionSchema>;
+export declare const DeductionSchema: z.ZodObject<{
+    active: z.ZodBoolean;
+    amount: z.ZodEffects<z.ZodNumber, string, number>;
+    description: z.ZodString;
+    courtOrdered: z.ZodBoolean;
+    times: z.ZodNullable<z.ZodNumber>;
+    recurring: z.ZodEffects<z.ZodString, boolean, string>;
+    annualMaximum: z.ZodNullable<z.ZodEffects<z.ZodNumber, string | null, number>>;
+    payPeriodMaximum: z.ZodNullable<z.ZodEffects<z.ZodNumber, string | null, number>>;
+    deductAsPercentage: z.ZodEffects<z.ZodString, boolean, string>;
+}, "strip", z.ZodTypeAny, {
+    description: string;
+    active: boolean;
+    amount: string;
+    courtOrdered: boolean;
+    times: number | null;
+    recurring: boolean;
+    annualMaximum: string | null;
+    payPeriodMaximum: string | null;
+    deductAsPercentage: boolean;
+}, {
+    description: string;
+    active: boolean;
+    amount: number;
+    courtOrdered: boolean;
+    times: number | null;
+    recurring: string;
+    annualMaximum: number | null;
+    payPeriodMaximum: number | null;
+    deductAsPercentage: string;
+}>;
+export type DeductionInputs = z.input<typeof DeductionSchema>;
+export type DeductionPayload = z.output<typeof DeductionSchema>;
 type DeductionsContextType = {
     isPending: boolean;
     deductions: Garnishment[];

package/dist/components/Employee/Deductions/useDeductions.js

@@ -1,4 +1,4 @@
-import * as r from "valibot";
+import { z as r } from "zod";
 import "react/jsx-runtime";
 import "react";
 import "react-error-boundary";
@@ -8,38 +8,19 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "../../Base/useBase.js";
 import "dompurify";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { createCompoundContext as e } from "../../Base/createCompoundContext.js";
+import { createCompoundContext as n } from "../../Base/createCompoundContext.js";
 const b = r.object({
   active: r.boolean(),
-  amount: r.pipe(r.number(), r.minValue(0), r.transform(String)),
-  description: r.pipe(r.string(), r.nonEmpty()),
+  amount: r.number().min(0).transform(String),
+  description: r.string().min(1),
   courtOrdered: r.boolean(),
-  times: r.nullable(r.number()),
+  times: r.number().nullable(),
   //The number of times to apply the garnishment. Ignored if recurring is true.
-  recurring: r.pipe(
-    r.string(),
-    r.transform((t) => t === "true")
-  ),
-  annualMaximum: r.nullable(
-    r.pipe(
-      r.number(),
-      r.minValue(0),
-      r.transform((t) => t > 0 ? t.toString() : null)
-    )
-  ),
-  payPeriodMaximum: r.nullable(
-    r.pipe(
-      r.number(),
-      r.minValue(0),
-      r.transform((t) => t > 0 ? t.toString() : null)
-    )
-  ),
-  deductAsPercentage: r.pipe(
-    r.string(),
-    r.transform((t) => t === "true")
-  )
-}), [g, f] = e("DeductionsContext");
+  recurring: r.string().transform((t) => t === "true"),
+  annualMaximum: r.number().min(0).transform((t) => t > 0 ? t.toString() : null).nullable(),
+  payPeriodMaximum: r.number().min(0).transform((t) => t > 0 ? t.toString() : null).nullable(),
+  deductAsPercentage: r.string().transform((t) => t === "true")
+}), [g, f] = n("DeductionsContext");
 export {
   b as DeductionSchema,
   f as DeductionsProvider,

package/dist/components/Employee/Deductions/useDeductions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDeductions.js","sources":["../../../../src/components/Employee/Deductions/useDeductions.ts"],"sourcesContent":["import type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport * as v from 'valibot'\nimport { createCompoundContext } from '@/components/Base'\n\nexport type MODE = 'ADD' | 'LIST' | 'INITIAL' | 'EDIT'\n\nexport const DeductionSchema = v.object({\n  active: v.boolean(),\n  amount: v.pipe(v.number(), v.minValue(0), v.transform(String)),\n  description: v.pipe(v.string(), v.nonEmpty()),\n  courtOrdered: v.boolean(),\n  times: v.nullable(v.number()), //The number of times to apply the garnishment. Ignored if recurring is true.\n  recurring: v.pipe(\n    v.string(),\n    v.transform(val => val === 'true'),\n  ),\n  annualMaximum: v.nullable(\n    v.pipe(\n      v.number(),\n      v.minValue(0),\n      v.transform(val => (val > 0 ? val.toString() : null)),\n    ),\n  ),\n  payPeriodMaximum: v.nullable(\n    v.pipe(\n      v.number(),\n      v.minValue(0),\n      v.transform(val => (val > 0 ? val.toString() : null)),\n    ),\n  ),\n  deductAsPercentage: v.pipe(\n    v.string(),\n    v.transform(val => val === 'true'),\n  ),\n})\n\nexport type DeductionInputs = v.InferInput<typeof DeductionSchema>\nexport type DeductionPayload = v.InferOutput<typeof DeductionSchema>\n\ntype DeductionsContextType = {\n  isPending: boolean\n  deductions: Garnishment[]\n  employeeId: string\n  mode: MODE\n  handleAdd: () => void\n  handleCancel: () => void\n  handleEdit: (deduction: Garnishment) => void\n  handleDelete: (deduction: Garnishment) => void\n  handlePassthrough: () => void\n}\nconst [useDeductions, DeductionsProvider] =\n  createCompoundContext<DeductionsContextType>('DeductionsContext')\nexport { useDeductions, DeductionsProvider }\n"],"names":["DeductionSchema","v","val","useDeductions","DeductionsProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;AAMa,MAAAA,IAAkBC,EAAE,OAAO;AAAA,EACtC,QAAQA,EAAE,QAAQ;AAAA,EAClB,QAAQA,EAAE,KAAKA,EAAE,OAAO,GAAGA,EAAE,SAAS,CAAC,GAAGA,EAAE,UAAU,MAAM,CAAC;AAAA,EAC7D,aAAaA,EAAE,KAAKA,EAAE,UAAUA,EAAE,UAAU;AAAA,EAC5C,cAAcA,EAAE,QAAQ;AAAA,EACxB,OAAOA,EAAE,SAASA,EAAE,QAAQ;AAAA;AAAA,EAC5B,WAAWA,EAAE;AAAA,IACXA,EAAE,OAAO;AAAA,IACTA,EAAE,UAAU,CAAOC,MAAAA,MAAQ,MAAM;AAAA,EACnC;AAAA,EACA,eAAeD,EAAE;AAAA,IACfA,EAAE;AAAA,MACAA,EAAE,OAAO;AAAA,MACTA,EAAE,SAAS,CAAC;AAAA,MACZA,EAAE,UAAU,CAAQC,MAAAA,IAAM,IAAIA,EAAI,SAAA,IAAa,IAAK;AAAA,IAAA;AAAA,EAExD;AAAA,EACA,kBAAkBD,EAAE;AAAA,IAClBA,EAAE;AAAA,MACAA,EAAE,OAAO;AAAA,MACTA,EAAE,SAAS,CAAC;AAAA,MACZA,EAAE,UAAU,CAAQC,MAAAA,IAAM,IAAIA,EAAI,SAAA,IAAa,IAAK;AAAA,IAAA;AAAA,EAExD;AAAA,EACA,oBAAoBD,EAAE;AAAA,IACpBA,EAAE,OAAO;AAAA,IACTA,EAAE,UAAU,CAAOC,MAAAA,MAAQ,MAAM;AAAA,EAAA;AAErC,CAAC,GAgBK,CAACC,GAAeC,CAAkB,IACtCC,EAA6C,mBAAmB;"}
+{"version":3,"file":"useDeductions.js","sources":["../../../../src/components/Employee/Deductions/useDeductions.ts"],"sourcesContent":["import type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base'\n\nexport type MODE = 'ADD' | 'LIST' | 'INITIAL' | 'EDIT'\n\nexport const DeductionSchema = z.object({\n  active: z.boolean(),\n  amount: z.number().min(0).transform(String),\n  description: z.string().min(1),\n  courtOrdered: z.boolean(),\n  times: z.number().nullable(), //The number of times to apply the garnishment. Ignored if recurring is true.\n  recurring: z.string().transform(val => val === 'true'),\n  annualMaximum: z\n    .number()\n    .min(0)\n    .transform(val => (val > 0 ? val.toString() : null))\n    .nullable(),\n  payPeriodMaximum: z\n    .number()\n    .min(0)\n    .transform(val => (val > 0 ? val.toString() : null))\n    .nullable(),\n  deductAsPercentage: z.string().transform(val => val === 'true'),\n})\n\nexport type DeductionInputs = z.input<typeof DeductionSchema>\nexport type DeductionPayload = z.output<typeof DeductionSchema>\n\ntype DeductionsContextType = {\n  isPending: boolean\n  deductions: Garnishment[]\n  employeeId: string\n  mode: MODE\n  handleAdd: () => void\n  handleCancel: () => void\n  handleEdit: (deduction: Garnishment) => void\n  handleDelete: (deduction: Garnishment) => void\n  handlePassthrough: () => void\n}\nconst [useDeductions, DeductionsProvider] =\n  createCompoundContext<DeductionsContextType>('DeductionsContext')\nexport { useDeductions, DeductionsProvider }\n"],"names":["DeductionSchema","z","val","useDeductions","DeductionsProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AAMa,MAAAA,IAAkBC,EAAE,OAAO;AAAA,EACtC,QAAQA,EAAE,QAAQ;AAAA,EAClB,QAAQA,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,UAAU,MAAM;AAAA,EAC1C,aAAaA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC7B,cAAcA,EAAE,QAAQ;AAAA,EACxB,OAAOA,EAAE,OAAO,EAAE,SAAS;AAAA;AAAA,EAC3B,WAAWA,EAAE,SAAS,UAAU,CAAAC,MAAOA,MAAQ,MAAM;AAAA,EACrD,eAAeD,EACZ,OAAA,EACA,IAAI,CAAC,EACL,UAAU,CAAQC,MAAAA,IAAM,IAAIA,EAAI,SAAA,IAAa,IAAK,EAClD,SAAS;AAAA,EACZ,kBAAkBD,EACf,OAAA,EACA,IAAI,CAAC,EACL,UAAU,CAAQC,MAAAA,IAAM,IAAIA,EAAI,SAAA,IAAa,IAAK,EAClD,SAAS;AAAA,EACZ,oBAAoBD,EAAE,SAAS,UAAU,CAAAC,MAAOA,MAAQ,MAAM;AAChE,CAAC,GAgBK,CAACC,GAAeC,CAAkB,IACtCC,EAA6C,mBAAmB;"}

package/dist/components/Employee/DocumentSigner/DocumentList/useDocumentList.js

@@ -7,11 +7,10 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "../../../Base/useBase.js";
 import "dompurify";
-import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [C, D] = t("DocumentListContext");
+const [x, C] = t("DocumentListContext");
 export {
-  D as DocumentListProvider,
-  C as useDocumentList
+  C as DocumentListProvider,
+  x as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

package/dist/components/Employee/DocumentSigner/DocumentList/useDocumentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

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

@@ -0,0 +1,11 @@
+import { DocumentList } from './DocumentList/DocumentList';
+import { SignatureForm } from './SignatureForm/SignatureForm';
+import { BaseComponentInterface } from '../../Base';
+export interface DocumentSignerProps extends BaseComponentInterface<'Employee.DocumentSigner'> {
+    employeeId: string;
+}
+export declare const DocumentSigner: {
+    ({ employeeId, onEvent, dictionary }: DocumentSignerProps): import("react/jsx-runtime").JSX.Element;
+    DocumentList: typeof DocumentList;
+    SignatureForm: typeof SignatureForm;
+};

package/dist/components/Employee/DocumentSigner/DocumentSigner.js

@@ -0,0 +1,27 @@
+import { jsx as i } from "react/jsx-runtime";
+import { createMachine as c } from "robot3";
+import { DocumentListContextual as p } from "./documentSignerStateMachine.js";
+import { documentSignerMachine as u } from "./stateMachine.js";
+import { DocumentList as a } from "./DocumentList/DocumentList.js";
+import { SignatureForm as f } from "./SignatureForm/SignatureForm.js";
+import { Flow as s } from "../../Flow/Flow.js";
+import { useComponentDictionary as g } from "../../../i18n/I18n.js";
+const o = ({ employeeId: t, onEvent: m, dictionary: r }) => {
+  g("Employee.DocumentSigner", r);
+  const e = c(
+    "index",
+    u,
+    (n) => ({
+      ...n,
+      component: p,
+      employeeId: t
+    })
+  );
+  return /* @__PURE__ */ i(s, { machine: e, onEvent: m });
+};
+o.DocumentList = a;
+o.SignatureForm = f;
+export {
+  o as DocumentSigner
+};
+//# sourceMappingURL=DocumentSigner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentSigner.js","sources":["../../../../src/components/Employee/DocumentSigner/DocumentSigner.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport {\n  DocumentListContextual,\n  type DocumentSignerContextInterface,\n} from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport { DocumentList } from './DocumentList/DocumentList'\nimport { SignatureForm } from './SignatureForm/SignatureForm'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface DocumentSignerProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  employeeId: string\n}\n\nexport const DocumentSigner = ({ employeeId, onEvent, dictionary }: DocumentSignerProps) => {\n  useComponentDictionary('Employee.DocumentSigner', dictionary)\n\n  const documentSigner = createMachine(\n    'index',\n    documentSignerMachine,\n    (initialContext: DocumentSignerContextInterface) => ({\n      ...initialContext,\n      component: DocumentListContextual,\n      employeeId,\n    }),\n  )\n  return <Flow machine={documentSigner} onEvent={onEvent} />\n}\n\nDocumentSigner.DocumentList = DocumentList\nDocumentSigner.SignatureForm = SignatureForm\n"],"names":["DocumentSigner","employeeId","onEvent","dictionary","useComponentDictionary","documentSigner","createMachine","documentSignerMachine","initialContext","DocumentListContextual","jsx","Flow","DocumentList","SignatureForm"],"mappings":";;;;;;;;AAgBO,MAAMA,IAAiB,CAAC,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,QAAsC;AAC1F,EAAAC,EAAuB,2BAA2BD,CAAU;AAE5D,QAAME,IAAiBC;AAAA,IACrB;AAAA,IACAC;AAAA,IACA,CAACC,OAAoD;AAAA,MACnD,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,IACF;AAAA,EACF;AACA,SAAQ,gBAAAS,EAAAC,GAAA,EAAK,SAASN,GAAgB,SAAAH,EAAkB,CAAA;AAC1D;AAEAF,EAAe,eAAeY;AAC9BZ,EAAe,gBAAgBa;"}

package/dist/components/Employee/DocumentSigner/SignatureForm/SignatureForm.js

@@ -3,7 +3,7 @@ import { invalidateEmployeeFormsList as w } from "@gusto/embedded-api/react-quer
 import { useEmployeeFormsGetPdfSuspense as B } from "@gusto/embedded-api/react-query/employeeFormsGetPdf";
 import { useEmployeeFormsSignMutation as C } from "@gusto/embedded-api/react-query/employeeFormsSign";
 import { useEmployeeFormsGetSuspense as A } from "@gusto/embedded-api/react-query/employeeFormsGet";
-import { useQueryClient as q } from "@gusto/embedded-api/ReactSDKProvider";
+import { useQueryClient as q } from "@tanstack/react-query";
 import { Form as u } from "./Form.js";
 import { Head as a } from "./Head.js";
 import { Actions as c } from "./Actions.js";

package/dist/components/Employee/DocumentSigner/SignatureForm/SignatureForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { invalidateEmployeeFormsList } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport { useEmployeeFormsGetPdfSuspense } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { useEmployeeFormsSignMutation } from '@gusto/embedded-api/react-query/employeeFormsSign'\nimport { useEmployeeFormsGetSuspense } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { useQueryClient } from '@gusto/embedded-api/ReactSDKProvider'\nimport { Form as FormComponent } from './Form'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { Preview } from './Preview'\nimport { SignatureFormProvider } from './useSignatureForm'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\nimport type { SignatureFormInputs } from '@/components/Common/SignatureForm'\nimport { SignatureForm as SharedSignatureForm } from '@/components/Common/SignatureForm'\n\ninterface SignatureFormProps extends CommonComponentInterface {\n  employeeId: string\n  formId: string\n}\n\nexport function SignatureForm(props: SignatureFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className, children }: SignatureFormProps) {\n  useI18n('Employee.DocumentSigner')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n\n  const { data } = useEmployeeFormsGetSuspense({ employeeId, formId })\n  const form = data.form!\n\n  const {\n    data: { formPdf },\n  } = useEmployeeFormsGetPdfSuspense({ employeeId, formId: form.uuid })\n  const pdfUrl = formPdf!.documentUrl\n\n  const { mutateAsync: signForm, isPending: isSignFormPending } = useEmployeeFormsSignMutation({\n    onSettled: async () => {\n      await invalidateEmployeeFormsList(queryClient, [employeeId])\n    },\n  })\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleSubmit = async (data: SignatureFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      if (form.uuid) {\n        const { form: signFormResult } = await signForm({\n          request: {\n            employeeId,\n            formId: form.uuid,\n            requestBody: {\n              signatureText: payload.signature,\n              agree: payload.confirmSignature,\n            },\n          },\n        })\n        onEvent(componentEvents.EMPLOYEE_SIGN_FORM, signFormResult)\n      }\n    })\n  }\n\n  return (\n    <section className={className}>\n      <SignatureFormProvider\n        value={{\n          pdfUrl,\n          handleBack,\n          form,\n          isPending: isSignFormPending,\n        }}\n      >\n        <SharedSignatureForm onSubmit={handleSubmit}>\n          <Flex flexDirection=\"column\">\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <Preview />\n                <FormComponent />\n                <Actions />\n              </>\n            )}\n          </Flex>\n        </SharedSignatureForm>\n      </SignatureFormProvider>\n    </section>\n  )\n}\n\nSignatureForm.Head = Head\nSignatureForm.Preview = Preview\nSignatureForm.Form = FormComponent\nSignatureForm.Actions = Actions\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","data","useEmployeeFormsGetSuspense","form","formPdf","useEmployeeFormsGetPdfSuspense","pdfUrl","signForm","isSignFormPending","useEmployeeFormsSignMutation","invalidateEmployeeFormsList","SignatureFormProvider","componentEvents","SharedSignatureForm","payload","signFormResult","Flex","jsxs","Fragment","Head","Preview","FormComponent","Actions"],"mappings":";;;;;;;;;;;;;;;;;AA2BO,SAASA,EAAcC,GAAoD;AAE9E,SAAA,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAM,EAAA,GAAGH,GAAO,EACnB,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,KAAgC;AAC7E,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAkB,IAAIC,EAAQ,GACzCC,IAAcC,EAAe,GAE7B,EAAE,MAAAC,EAAK,IAAIC,EAA4B,EAAE,YAAAX,GAAY,QAAAC,GAAQ,GAC7DW,IAAOF,EAAK,MAEZ;AAAA,IACJ,MAAM,EAAE,SAAAG,EAAQ;AAAA,EAAA,IACdC,EAA+B,EAAE,YAAAd,GAAY,QAAQY,EAAK,MAAM,GAC9DG,IAASF,EAAS,aAElB,EAAE,aAAaG,GAAU,WAAWC,EAAA,IAAsBC,EAA6B;AAAA,IAC3F,WAAW,YAAY;AACrB,YAAMC,EAA4BX,GAAa,CAACR,CAAU,CAAC;AAAA,IAAA;AAAA,EAC7D,CACD;AAyBC,SAAA,gBAAAH,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACuB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAAL;AAAA,QACA,YA3BW,MAAM;AACvB,UAAAV,EAAQgB,EAAgB,MAAM;AAAA,QAChC;AAAA,QA0BQ,MAAAT;AAAA,QACA,WAAWK;AAAA,MACb;AAAA,MAEA,UAAA,gBAAApB,EAACyB,GAAoB,EAAA,UA5BN,OAAOZ,MAA8B;AAClD,cAAAJ,EAAkBI,GAAM,OAAMa,MAAW;AAC7C,cAAIX,EAAK,MAAM;AACb,kBAAM,EAAE,MAAMY,EAAe,IAAI,MAAMR,EAAS;AAAA,cAC9C,SAAS;AAAA,gBACP,YAAAhB;AAAA,gBACA,QAAQY,EAAK;AAAA,gBACb,aAAa;AAAA,kBACX,eAAeW,EAAQ;AAAA,kBACvB,OAAOA,EAAQ;AAAA,gBAAA;AAAA,cACjB;AAAA,YACF,CACD;AACO,YAAAlB,EAAAgB,EAAgB,oBAAoBG,CAAc;AAAA,UAAA;AAAA,QAC5D,CACD;AAAA,MACH,GAaQ,UAAA,gBAAA3B,EAAC4B,KAAK,eAAc,UACjB,UACCtB,KAGE,gBAAAuB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAA9B,EAAC+B,GAAK,EAAA;AAAA,0BACLC,GAAQ,EAAA;AAAA,0BACRC,GAAc,EAAA;AAAA,0BACdC,GAAQ,CAAA,CAAA;AAAA,MAAA,EACX,CAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEApC,EAAc,OAAOiC;AACrBjC,EAAc,UAAUkC;AACxBlC,EAAc,OAAOmC;AACrBnC,EAAc,UAAUoC;"}
+{"version":3,"file":"SignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { invalidateEmployeeFormsList } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport { useEmployeeFormsGetPdfSuspense } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { useEmployeeFormsSignMutation } from '@gusto/embedded-api/react-query/employeeFormsSign'\nimport { useEmployeeFormsGetSuspense } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { Form as FormComponent } from './Form'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { Preview } from './Preview'\nimport { SignatureFormProvider } from './useSignatureForm'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\nimport type { SignatureFormInputs } from '@/components/Common/SignatureForm'\nimport { SignatureForm as SharedSignatureForm } from '@/components/Common/SignatureForm'\n\ninterface SignatureFormProps extends CommonComponentInterface {\n  employeeId: string\n  formId: string\n}\n\nexport function SignatureForm(props: SignatureFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, formId, className, children }: SignatureFormProps) {\n  useI18n('Employee.DocumentSigner')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n\n  const { data } = useEmployeeFormsGetSuspense({ employeeId, formId })\n  const form = data.form!\n\n  const {\n    data: { formPdf },\n  } = useEmployeeFormsGetPdfSuspense({ employeeId, formId: form.uuid })\n  const pdfUrl = formPdf!.documentUrl\n\n  const { mutateAsync: signForm, isPending: isSignFormPending } = useEmployeeFormsSignMutation({\n    onSettled: async () => {\n      await invalidateEmployeeFormsList(queryClient, [employeeId])\n    },\n  })\n\n  const handleBack = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const handleSubmit = async (data: SignatureFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      if (form.uuid) {\n        const { form: signFormResult } = await signForm({\n          request: {\n            employeeId,\n            formId: form.uuid,\n            requestBody: {\n              signatureText: payload.signature,\n              agree: payload.confirmSignature,\n            },\n          },\n        })\n        onEvent(componentEvents.EMPLOYEE_SIGN_FORM, signFormResult)\n      }\n    })\n  }\n\n  return (\n    <section className={className}>\n      <SignatureFormProvider\n        value={{\n          pdfUrl,\n          handleBack,\n          form,\n          isPending: isSignFormPending,\n        }}\n      >\n        <SharedSignatureForm onSubmit={handleSubmit}>\n          <Flex flexDirection=\"column\">\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <Preview />\n                <FormComponent />\n                <Actions />\n              </>\n            )}\n          </Flex>\n        </SharedSignatureForm>\n      </SignatureFormProvider>\n    </section>\n  )\n}\n\nSignatureForm.Head = Head\nSignatureForm.Preview = Preview\nSignatureForm.Form = FormComponent\nSignatureForm.Actions = Actions\n"],"names":["SignatureForm","props","jsx","BaseComponent","Root","employeeId","formId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","data","useEmployeeFormsGetSuspense","form","formPdf","useEmployeeFormsGetPdfSuspense","pdfUrl","signForm","isSignFormPending","useEmployeeFormsSignMutation","invalidateEmployeeFormsList","SignatureFormProvider","componentEvents","SharedSignatureForm","payload","signFormResult","Flex","jsxs","Fragment","Head","Preview","FormComponent","Actions"],"mappings":";;;;;;;;;;;;;;;;;AA2BO,SAASA,EAAcC,GAAoD;AAE9E,SAAA,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAM,EAAA,GAAGH,GAAO,EACnB,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,KAAgC;AAC7E,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAkB,IAAIC,EAAQ,GACzCC,IAAcC,EAAe,GAE7B,EAAE,MAAAC,EAAK,IAAIC,EAA4B,EAAE,YAAAX,GAAY,QAAAC,GAAQ,GAC7DW,IAAOF,EAAK,MAEZ;AAAA,IACJ,MAAM,EAAE,SAAAG,EAAQ;AAAA,EAAA,IACdC,EAA+B,EAAE,YAAAd,GAAY,QAAQY,EAAK,MAAM,GAC9DG,IAASF,EAAS,aAElB,EAAE,aAAaG,GAAU,WAAWC,EAAA,IAAsBC,EAA6B;AAAA,IAC3F,WAAW,YAAY;AACrB,YAAMC,EAA4BX,GAAa,CAACR,CAAU,CAAC;AAAA,IAAA;AAAA,EAC7D,CACD;AAyBC,SAAA,gBAAAH,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACuB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAAL;AAAA,QACA,YA3BW,MAAM;AACvB,UAAAV,EAAQgB,EAAgB,MAAM;AAAA,QAChC;AAAA,QA0BQ,MAAAT;AAAA,QACA,WAAWK;AAAA,MACb;AAAA,MAEA,UAAA,gBAAApB,EAACyB,GAAoB,EAAA,UA5BN,OAAOZ,MAA8B;AAClD,cAAAJ,EAAkBI,GAAM,OAAMa,MAAW;AAC7C,cAAIX,EAAK,MAAM;AACb,kBAAM,EAAE,MAAMY,EAAe,IAAI,MAAMR,EAAS;AAAA,cAC9C,SAAS;AAAA,gBACP,YAAAhB;AAAA,gBACA,QAAQY,EAAK;AAAA,gBACb,aAAa;AAAA,kBACX,eAAeW,EAAQ;AAAA,kBACvB,OAAOA,EAAQ;AAAA,gBAAA;AAAA,cACjB;AAAA,YACF,CACD;AACO,YAAAlB,EAAAgB,EAAgB,oBAAoBG,CAAc;AAAA,UAAA;AAAA,QAC5D,CACD;AAAA,MACH,GAaQ,UAAA,gBAAA3B,EAAC4B,KAAK,eAAc,UACjB,UACCtB,KAGE,gBAAAuB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAA9B,EAAC+B,GAAK,EAAA;AAAA,0BACLC,GAAQ,EAAA;AAAA,0BACRC,GAAc,EAAA;AAAA,0BACdC,GAAQ,CAAA,CAAA;AAAA,MAAA,EACX,CAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEApC,EAAc,OAAOiC;AACrBjC,EAAc,UAAUkC;AACxBlC,EAAc,OAAOmC;AACrBnC,EAAc,UAAUoC;"}

package/dist/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.js

@@ -7,11 +7,10 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "../../../Base/useBase.js";
 import "dompurify";
-import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [C, F] = o("SignatureFormContext");
+const [x, C] = o("SignatureFormContext");
 export {
-  F as SignatureFormProvider,
-  C as useSignatureForm
+  C as SignatureFormProvider,
+  x as useSignatureForm
 };
 //# sourceMappingURL=useSignatureForm.js.map

package/dist/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype SignatureFormContextType = {\n  form: Form\n  pdfUrl?: string | null\n  handleBack: () => void\n  isPending: boolean\n}\n\nconst [useSignatureForm, SignatureFormProvider] =\n  createCompoundContext<SignatureFormContextType>('SignatureFormContext')\nexport { useSignatureForm, SignatureFormProvider }\n"],"names":["useSignatureForm","SignatureFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AAUA,MAAM,CAACA,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}
+{"version":3,"file":"useSignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype SignatureFormContextType = {\n  form: Form\n  pdfUrl?: string | null\n  handleBack: () => void\n  isPending: boolean\n}\n\nconst [useSignatureForm, SignatureFormProvider] =\n  createCompoundContext<SignatureFormContextType>('SignatureFormContext')\nexport { useSignatureForm, SignatureFormProvider }\n"],"names":["useSignatureForm","SignatureFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;AAUA,MAAM,CAACA,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}

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

@@ -1 +1,2 @@
-export * from './DocumentSignerFlow';
+import "./types/i18next.d.ts"
+export * from './DocumentSigner';

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

@@ -1,5 +1,5 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../Base/Base';
-interface EmployeeListProps extends CommonComponentInterface {
+interface EmployeeListProps extends CommonComponentInterface<'Employee.EmployeeList'> {
     companyId: string;
 }
 export declare function EmployeeList(props: EmployeeListProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;