@gusto/embedded-react-sdk 0.24.0 → 0.25.0

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

@@ -0,0 +1,105 @@
+import { useState as i, useRef as E, useMemo as C, useCallback as D, useEffect as H } from "react";
+import { useEmployeesList as J } from "@gusto/embedded-api/react-query/employeesList";
+import { useQueryClient as W, keepPreviousData as S, useQuery as X } from "@tanstack/react-query";
+import { usePaySchedulesGet as Z } from "@gusto/embedded-api/react-query/paySchedulesGet";
+import { useGustoEmbeddedContext as $ } from "@gusto/embedded-api/react-query/_context";
+import { payrollsPrepare as ee } from "@gusto/embedded-api/funcs/payrollsPrepare";
+const U = "payroll-prepare", te = 300 * 1e3;
+function le({
+  companyId: c,
+  payrollId: s
+}) {
+  const w = $(), y = W(), F = 10, [m, n] = i(1), [d, L] = i(F), [b, R] = i([]), [x, l] = i(!1), p = E(!1), { data: a, isFetching: h } = J(
+    {
+      companyId: c,
+      payrollUuid: s,
+      per: d,
+      page: m,
+      sortBy: "name"
+    },
+    { placeholderData: S }
+  ), g = E(a);
+  g.current = a;
+  const r = C(() => a?.showEmployees?.map((e) => e.uuid) || [], [a?.showEmployees]), u = Number(a?.httpMeta.response.headers.get("x-total-pages") ?? 1), M = Number(a?.httpMeta.response.headers.get("x-total-count") ?? 0), q = C(() => r.join(","), [r]), {
+    data: t,
+    isLoading: v,
+    isFetching: I
+  } = X({
+    queryKey: [U, s, q],
+    queryFn: async () => {
+      const e = await ee(w, {
+        companyId: c,
+        payrollId: s,
+        sortBy: "last_name",
+        requestBody: {
+          employeeUuids: r
+        }
+      });
+      if (!e.ok)
+        throw e.error;
+      return e.value.payrollPrepared;
+    },
+    enabled: r.length > 0,
+    staleTime: te,
+    placeholderData: S
+  }), P = D(() => {
+    const e = g.current;
+    if (!e?.showEmployees || !t?.employeeCompensations) {
+      l(!1);
+      return;
+    }
+    const f = e.showEmployees.map((o) => o.uuid), z = new Set(t.employeeCompensations.map((o) => o.employeeUuid));
+    f.length > 0 && f.every((o) => z.has(o)) ? (R(e.showEmployees), l(!0), p.current = !0) : l(!1);
+  }, [t?.employeeCompensations]);
+  H(() => {
+    P();
+  }, [P]);
+  const { data: K, isLoading: N } = Z(
+    {
+      companyId: c,
+      payScheduleId: t?.payPeriod?.payScheduleUuid || ""
+    },
+    {
+      enabled: !!t?.payPeriod?.payScheduleUuid
+    }
+  ), Q = (e) => {
+    L(e);
+  }, _ = () => {
+    n(1);
+  }, k = () => {
+    n((e) => Math.max(e - 1, 1));
+  }, B = () => {
+    n((e) => Math.min(e + 1, u));
+  }, j = () => {
+    n(u);
+  }, G = D(async () => {
+    await y.invalidateQueries({
+      queryKey: [U, s]
+    });
+  }, [y, s]), O = v && !p.current, T = I && p.current, Y = h || T || !x, A = O || N || !a && h, V = {
+    currentPage: m,
+    handleFirstPage: _,
+    handlePreviousPage: k,
+    handleNextPage: B,
+    handleLastPage: j,
+    handleItemsPerPageChange: Q,
+    totalPages: u,
+    totalCount: M,
+    isFetching: Y,
+    itemsPerPage: d
+  };
+  return {
+    employeeCompensations: t?.employeeCompensations || [],
+    employeeDetails: b,
+    payPeriod: t?.payPeriod,
+    paySchedule: K?.payScheduleObject,
+    isOffCycle: t?.offCycle ?? !1,
+    pagination: V,
+    isLoading: A,
+    refetch: G
+  };
+}
+export {
+  le as usePayrollConfigurationData
+};
+//# sourceMappingURL=usePayrollConfigurationData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePayrollConfigurationData.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/usePayrollConfigurationData.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport { keepPreviousData, useQuery, useQueryClient } from '@tanstack/react-query'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsPrepare } from '@gusto/embedded-api/funcs/payrollsPrepare'\nimport type { EmployeeCompensations } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type {\n  PaginationControlProps,\n  PaginationItemsPerPage,\n} from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ninterface UsePayrollConfigurationDataParams {\n  companyId: string\n  payrollId: string\n}\n\ninterface UsePayrollConfigurationDataReturn {\n  employeeCompensations: EmployeeCompensations[]\n  employeeDetails: Employee[]\n  payPeriod: PayrollPayPeriodType | undefined\n  paySchedule: PayScheduleObject | undefined\n  isOffCycle: boolean\n  pagination: PaginationControlProps\n  isLoading: boolean\n  refetch: () => Promise<void>\n}\n\nconst PREPARE_QUERY_KEY = 'payroll-prepare'\nconst FIVE_MINUTES = 5 * 60 * 1000\n\nexport function usePayrollConfigurationData({\n  companyId,\n  payrollId,\n}: UsePayrollConfigurationDataParams): UsePayrollConfigurationDataReturn {\n  const gustoClient = useGustoEmbeddedContext()\n  const queryClient = useQueryClient()\n  const defaultItemsPerPage = 10\n\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState<PaginationItemsPerPage>(defaultItemsPerPage)\n  const [displayedEmployees, setDisplayedEmployees] = useState<Employee[]>([])\n  const [isDataInSync, setIsDataInSync] = useState(false)\n  const hasInitialDataRef = useRef(false)\n\n  const { data: employeeData, isFetching: isFetchingEmployeeData } = useEmployeesList(\n    {\n      companyId,\n      payrollUuid: payrollId,\n      per: itemsPerPage,\n      page: currentPage,\n      sortBy: 'name',\n    },\n    { placeholderData: keepPreviousData },\n  )\n\n  const employeeDataRef = useRef(employeeData)\n  employeeDataRef.current = employeeData\n\n  const employeeUuids = useMemo(() => {\n    return employeeData?.showEmployees?.map(e => e.uuid) || []\n  }, [employeeData?.showEmployees])\n\n  const totalPages = Number(employeeData?.httpMeta.response.headers.get('x-total-pages') ?? 1)\n  const totalCount = Number(employeeData?.httpMeta.response.headers.get('x-total-count') ?? 0)\n\n  const employeeUuidsKey = useMemo(() => employeeUuids.join(','), [employeeUuids])\n\n  const {\n    data: prepareData,\n    isLoading: isPrepareLoading,\n    isFetching: isPrepareFetching,\n  } = useQuery({\n    queryKey: [PREPARE_QUERY_KEY, payrollId, employeeUuidsKey],\n    queryFn: async () => {\n      const result = await payrollsPrepare(gustoClient, {\n        companyId,\n        payrollId,\n        sortBy: 'last_name',\n        requestBody: {\n          employeeUuids,\n        },\n      })\n\n      if (!result.ok) {\n        throw result.error\n      }\n\n      return result.value.payrollPrepared\n    },\n    enabled: employeeUuids.length > 0,\n    staleTime: FIVE_MINUTES,\n    placeholderData: keepPreviousData,\n  })\n\n  const syncData = useCallback(() => {\n    const currentEmployeeData = employeeDataRef.current\n    if (!currentEmployeeData?.showEmployees || !prepareData?.employeeCompensations) {\n      setIsDataInSync(false)\n      return\n    }\n\n    const currentUuids = currentEmployeeData.showEmployees.map(e => e.uuid)\n    const preparedUuids = new Set(prepareData.employeeCompensations.map(c => c.employeeUuid))\n    const inSync = currentUuids.length > 0 && currentUuids.every(uuid => preparedUuids.has(uuid))\n\n    if (inSync) {\n      setDisplayedEmployees(currentEmployeeData.showEmployees)\n      setIsDataInSync(true)\n      hasInitialDataRef.current = true\n    } else {\n      setIsDataInSync(false)\n    }\n  }, [prepareData?.employeeCompensations])\n\n  useEffect(() => {\n    syncData()\n  }, [syncData])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: prepareData?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!prepareData?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const handleItemsPerPageChange = (newCount: PaginationItemsPerPage) => {\n    setItemsPerPage(newCount)\n  }\n\n  const handleFirstPage = () => {\n    setCurrentPage(1)\n  }\n\n  const handlePreviousPage = () => {\n    setCurrentPage(prevPage => Math.max(prevPage - 1, 1))\n  }\n\n  const handleNextPage = () => {\n    setCurrentPage(prevPage => Math.min(prevPage + 1, totalPages))\n  }\n\n  const handleLastPage = () => {\n    setCurrentPage(totalPages)\n  }\n\n  const handleRefetch = useCallback(async () => {\n    await queryClient.invalidateQueries({\n      queryKey: [PREPARE_QUERY_KEY, payrollId],\n    })\n  }, [queryClient, payrollId])\n\n  const isInitialLoading = isPrepareLoading && !hasInitialDataRef.current\n  const isPaginating = isPrepareFetching && hasInitialDataRef.current\n  const isPaginationFetching = isFetchingEmployeeData || isPaginating || !isDataInSync\n  const isLoading =\n    isInitialLoading || isPayScheduleLoading || (!employeeData && isFetchingEmployeeData)\n\n  const pagination: PaginationControlProps = {\n    currentPage,\n    handleFirstPage,\n    handlePreviousPage,\n    handleNextPage,\n    handleLastPage,\n    handleItemsPerPageChange,\n    totalPages,\n    totalCount,\n    isFetching: isPaginationFetching,\n    itemsPerPage,\n  }\n\n  return {\n    employeeCompensations: prepareData?.employeeCompensations || [],\n    employeeDetails: displayedEmployees,\n    payPeriod: prepareData?.payPeriod,\n    paySchedule: payScheduleData?.payScheduleObject,\n    isOffCycle: prepareData?.offCycle ?? false,\n    pagination,\n    isLoading,\n    refetch: handleRefetch,\n  }\n}\n"],"names":["PREPARE_QUERY_KEY","FIVE_MINUTES","usePayrollConfigurationData","companyId","payrollId","gustoClient","useGustoEmbeddedContext","queryClient","useQueryClient","defaultItemsPerPage","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","displayedEmployees","setDisplayedEmployees","isDataInSync","setIsDataInSync","hasInitialDataRef","useRef","employeeData","isFetchingEmployeeData","useEmployeesList","keepPreviousData","employeeDataRef","employeeUuids","useMemo","totalPages","totalCount","employeeUuidsKey","prepareData","isPrepareLoading","isPrepareFetching","useQuery","result","payrollsPrepare","syncData","useCallback","currentEmployeeData","currentUuids","e","preparedUuids","c","uuid","useEffect","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handleItemsPerPageChange","newCount","handleFirstPage","handlePreviousPage","prevPage","handleNextPage","handleLastPage","handleRefetch","isInitialLoading","isPaginating","isPaginationFetching","isLoading","pagination"],"mappings":"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"}

package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.js

@@ -1,75 +1,79 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useEmployeesGetSuspense as R } from "@gusto/embedded-api/react-query/employeesGet";
+import { jsx as r } from "react/jsx-runtime";
+import { useEmployeesGetSuspense as O } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeePaymentMethodsGetBankAccountsSuspense as R } from "@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts";
 import { usePayrollsUpdateMutation as U } from "@gusto/embedded-api/react-query/payrollsUpdate";
-import { useMemo as x } from "react";
-import { usePreparedPayrollData as Y } from "../usePreparedPayrollData.js";
-import { PayrollEditEmployeePresentation as b } from "./PayrollEditEmployeePresentation.js";
+import { useMemo as g } from "react";
+import { usePreparedPayrollData as x } from "../usePreparedPayrollData.js";
+import { PayrollEditEmployeePresentation as B } from "./PayrollEditEmployeePresentation.js";
 import { componentEvents as p } from "../../../shared/constants.js";
-import { BaseComponent as g } from "../../Base/Base.js";
-import { useComponentDictionary as N } from "../../../i18n/I18n.js";
-import { useBase as h } from "../../Base/useBase.js";
-function k(e) {
-  return /* @__PURE__ */ n(g, { ...e, children: /* @__PURE__ */ n(v, { ...e, children: e.children }) });
+import { BaseComponent as Y } from "../../Base/Base.js";
+import { useComponentDictionary as M } from "../../../i18n/I18n.js";
+import { useBase as N } from "../../Base/useBase.js";
+function W(e) {
+  return /* @__PURE__ */ r(Y, { ...e, children: /* @__PURE__ */ r(v, { ...e, children: e.children }) });
 }
 const v = ({
   employeeId: e,
-  companyId: a,
-  payrollId: s,
+  companyId: s,
+  payrollId: a,
   onEvent: m,
-  dictionary: y,
-  withReimbursements: c = !0
+  dictionary: c,
+  withReimbursements: y = !0
 }) => {
-  N("Payroll.PayrollEditEmployee", y);
-  const { LoadingIndicator: d, baseSubmitHandler: u } = h(), { data: f } = R({ employeeId: e }), P = x(() => [e], []), { preparedPayroll: t, paySchedule: E, isLoading: C } = Y({
-    companyId: a,
-    payrollId: s,
-    employeeUuids: P
-  }), { mutateAsync: L, isPending: D } = U(), i = f.employee, S = t?.employeeCompensations?.at(0), _ = ({
+  M("Payroll.PayrollEditEmployee", c);
+  const { LoadingIndicator: u, baseSubmitHandler: d } = N(), { data: f } = O({ employeeId: e }), { data: P } = R({
+    employeeId: e
+  }), E = g(() => [e], []), { preparedPayroll: t, paySchedule: C, isLoading: L } = x({
+    companyId: s,
+    payrollId: a,
+    employeeUuids: E
+  }), { mutateAsync: A, isPending: D } = U(), i = f.employee, S = t?.employeeCompensations?.at(0), b = (P.employeeBankAccountList || []).length > 0, _ = ({
     paymentMethod: o,
     reimbursements: l,
-    ...r
+    ...n
   }) => ({
-    ...r,
+    ...n,
     ...o && o !== "Historical" ? { paymentMethod: o } : {},
-    memo: r.memo || void 0
-  }), A = async (o) => {
+    memo: n.memo || void 0
+  }), h = async (o) => {
     const l = _(o);
-    await u(null, async () => {
-      const r = await L({
+    await d(null, async () => {
+      const n = await A({
         request: {
-          companyId: a,
-          payrollId: s,
+          companyId: s,
+          payrollId: a,
           payrollUpdate: {
             employeeCompensations: [l]
           }
         }
       });
       m(p.RUN_PAYROLL_EMPLOYEE_SAVED, {
-        payrollPrepared: r.payrollPrepared,
+        payrollPrepared: n.payrollPrepared,
         employee: i
       });
     });
-  }, O = () => {
+  }, k = () => {
     m(p.RUN_PAYROLL_EMPLOYEE_CANCELLED);
   };
-  return C ? /* @__PURE__ */ n(d, {}) : /* @__PURE__ */ n(
-    b,
+  return L ? /* @__PURE__ */ r(u, {}) : /* @__PURE__ */ r(
+    B,
     {
-      onSave: A,
-      onCancel: O,
+      onSave: h,
+      onCancel: k,
       employee: i,
       isPending: D,
       employeeCompensation: S,
       fixedCompensationTypes: t?.fixedCompensationTypes || [],
       payPeriodStartDate: t?.payPeriod?.startDate,
-      paySchedule: E,
+      paySchedule: C,
       isOffCycle: t?.offCycle,
-      withReimbursements: c
+      withReimbursements: y,
+      hasDirectDepositSetup: b
     }
   );
 };
 export {
-  k as PayrollEditEmployee,
+  W as PayrollEditEmployee,
   v as Root
 };
 //# sourceMappingURL=PayrollEditEmployee.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollEditEmployee.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.tsx"],"sourcesContent":["import { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { useMemo } from 'react'\nimport { usePreparedPayrollData } from '../usePreparedPayrollData'\nimport { PayrollEditEmployeePresentation } from './PayrollEditEmployeePresentation'\nimport { componentEvents } from '@/shared/constants'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n'\nimport { useBase } from '@/components/Base/useBase'\n\ninterface PayrollEditEmployeeProps extends BaseComponentInterface<'Payroll.PayrollEditEmployee'> {\n  employeeId: string\n  companyId: string\n  payrollId: string\n  withReimbursements?: boolean\n}\n\nexport function PayrollEditEmployee(props: PayrollEditEmployeeProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  employeeId,\n  companyId,\n  payrollId,\n  onEvent,\n  dictionary,\n  withReimbursements = true,\n}: PayrollEditEmployeeProps) => {\n  useComponentDictionary('Payroll.PayrollEditEmployee', dictionary)\n\n  const { LoadingIndicator, baseSubmitHandler } = useBase()\n\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const memoizedEmployeeId = useMemo(() => [employeeId], [])\n  const { preparedPayroll, paySchedule, isLoading } = usePreparedPayrollData({\n    companyId,\n    payrollId,\n    employeeUuids: memoizedEmployeeId,\n  })\n\n  const { mutateAsync: updatePayroll, isPending } = usePayrollsUpdateMutation()\n\n  const employee = employeeData.employee!\n  const employeeCompensation = preparedPayroll?.employeeCompensations?.at(0)\n\n  const transformEmployeeCompensation = ({\n    paymentMethod,\n    reimbursements,\n    ...compensation\n  }: PayrollEmployeeCompensationsType): PayrollUpdateEmployeeCompensations => {\n    return {\n      ...compensation,\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\n    }\n  }\n\n  const onSave = async (updatedCompensation: PayrollEmployeeCompensationsType) => {\n    const transformedCompensation = transformEmployeeCompensation(updatedCompensation)\n    await baseSubmitHandler(null, async () => {\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [transformedCompensation],\n          },\n        },\n      })\n\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n        employee,\n      })\n    })\n  }\n\n  const onCancel = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED)\n  }\n\n  if (isLoading) {\n    return <LoadingIndicator />\n  }\n\n  return (\n    <PayrollEditEmployeePresentation\n      onSave={onSave}\n      onCancel={onCancel}\n      employee={employee}\n      isPending={isPending}\n      employeeCompensation={employeeCompensation}\n      fixedCompensationTypes={preparedPayroll?.fixedCompensationTypes || []}\n      payPeriodStartDate={preparedPayroll?.payPeriod?.startDate}\n      paySchedule={paySchedule}\n      isOffCycle={preparedPayroll?.offCycle}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n"],"names":["PayrollEditEmployee","props","jsx","BaseComponent","Root","employeeId","companyId","payrollId","onEvent","dictionary","withReimbursements","useComponentDictionary","LoadingIndicator","baseSubmitHandler","useBase","employeeData","useEmployeesGetSuspense","memoizedEmployeeId","useMemo","preparedPayroll","paySchedule","isLoading","usePreparedPayrollData","updatePayroll","isPending","usePayrollsUpdateMutation","employee","employeeCompensation","transformEmployeeCompensation","paymentMethod","reimbursements","compensation","onSave","updatedCompensation","transformedCompensation","result","componentEvents","onCancel","PayrollEditEmployeePresentation"],"mappings":";;;;;;;;;;AAoBO,SAASA,EAAoBC,GAA0D;AAC5F,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC;AAAA,EACnB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,MAAgC;AAC9B,EAAAC,EAAuB,+BAA+BF,CAAU;AAEhE,QAAM,EAAE,kBAAAG,GAAkB,mBAAAC,EAAA,IAAsBC,EAAA,GAE1C,EAAE,MAAMC,EAAA,IAAiBC,EAAwB,EAAE,YAAAX,GAAY,GAC/DY,IAAqBC,EAAQ,MAAM,CAACb,CAAU,GAAG,CAAA,CAAE,GACnD,EAAE,iBAAAc,GAAiB,aAAAC,GAAa,WAAAC,EAAA,IAAcC,EAAuB;AAAA,IACzE,WAAAhB;AAAA,IACA,WAAAC;AAAA,IACA,eAAeU;AAAA,EAAA,CAChB,GAEK,EAAE,aAAaM,GAAe,WAAAC,EAAA,IAAcC,EAAA,GAE5CC,IAAWX,EAAa,UACxBY,IAAuBR,GAAiB,uBAAuB,GAAG,CAAC,GAEnES,IAAgC,CAAC;AAAA,IACrC,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,OAEI;AAAA,IACL,GAAGA;AAAA,IACH,GAAIF,KAAiBA,MAAkB,eAAe,EAAE,eAAAA,EAAA,IAAkB,CAAA;AAAA,IAC1E,MAAME,EAAa,QAAQ;AAAA,EAAA,IAIzBC,IAAS,OAAOC,MAA0D;AAC9E,UAAMC,IAA0BN,EAA8BK,CAAmB;AACjF,UAAMpB,EAAkB,MAAM,YAAY;AACxC,YAAMsB,IAAS,MAAMZ,EAAc;AAAA,QACjC,SAAS;AAAA,UACP,WAAAjB;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB,CAAC2B,CAAuB;AAAA,UAAA;AAAA,QACjD;AAAA,MACF,CACD;AAED,MAAA1B,EAAQ4B,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBD,EAAO;AAAA,QACxB,UAAAT;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH,GAEMW,IAAW,MAAM;AACrB,IAAA7B,EAAQ4B,EAAgB,8BAA8B;AAAA,EACxD;AAEA,SAAIf,sBACMT,GAAA,EAAiB,IAIzB,gBAAAV;AAAA,IAACoC;AAAA,IAAA;AAAA,MACC,QAAAN;AAAA,MACA,UAAAK;AAAA,MACA,UAAAX;AAAA,MACA,WAAAF;AAAA,MACA,sBAAAG;AAAA,MACA,wBAAwBR,GAAiB,0BAA0B,CAAA;AAAA,MACnE,oBAAoBA,GAAiB,WAAW;AAAA,MAChD,aAAAC;AAAA,MACA,YAAYD,GAAiB;AAAA,MAC7B,oBAAAT;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayrollEditEmployee.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.tsx"],"sourcesContent":["import { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeePaymentMethodsGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { useMemo } from 'react'\nimport { usePreparedPayrollData } from '../usePreparedPayrollData'\nimport { PayrollEditEmployeePresentation } from './PayrollEditEmployeePresentation'\nimport { componentEvents } from '@/shared/constants'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n'\nimport { useBase } from '@/components/Base/useBase'\n\ninterface PayrollEditEmployeeProps extends BaseComponentInterface<'Payroll.PayrollEditEmployee'> {\n  employeeId: string\n  companyId: string\n  payrollId: string\n  withReimbursements?: boolean\n}\n\nexport function PayrollEditEmployee(props: PayrollEditEmployeeProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  employeeId,\n  companyId,\n  payrollId,\n  onEvent,\n  dictionary,\n  withReimbursements = true,\n}: PayrollEditEmployeeProps) => {\n  useComponentDictionary('Payroll.PayrollEditEmployee', dictionary)\n\n  const { LoadingIndicator, baseSubmitHandler } = useBase()\n\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: bankAccountsList } = useEmployeePaymentMethodsGetBankAccountsSuspense({\n    employeeId,\n  })\n  const memoizedEmployeeId = useMemo(() => [employeeId], [])\n  const { preparedPayroll, paySchedule, isLoading } = usePreparedPayrollData({\n    companyId,\n    payrollId,\n    employeeUuids: memoizedEmployeeId,\n  })\n\n  const { mutateAsync: updatePayroll, isPending } = usePayrollsUpdateMutation()\n\n  const employee = employeeData.employee!\n  const employeeCompensation = preparedPayroll?.employeeCompensations?.at(0)\n  const bankAccounts = bankAccountsList.employeeBankAccountList || []\n  const hasDirectDepositSetup = bankAccounts.length > 0\n\n  const transformEmployeeCompensation = ({\n    paymentMethod,\n    reimbursements,\n    ...compensation\n  }: PayrollEmployeeCompensationsType): PayrollUpdateEmployeeCompensations => {\n    return {\n      ...compensation,\n      ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n      memo: compensation.memo || undefined,\n    }\n  }\n\n  const onSave = async (updatedCompensation: PayrollEmployeeCompensationsType) => {\n    const transformedCompensation = transformEmployeeCompensation(updatedCompensation)\n    await baseSubmitHandler(null, async () => {\n      const result = await updatePayroll({\n        request: {\n          companyId,\n          payrollId,\n          payrollUpdate: {\n            employeeCompensations: [transformedCompensation],\n          },\n        },\n      })\n\n      onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n        payrollPrepared: result.payrollPrepared,\n        employee,\n      })\n    })\n  }\n\n  const onCancel = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED)\n  }\n\n  if (isLoading) {\n    return <LoadingIndicator />\n  }\n\n  return (\n    <PayrollEditEmployeePresentation\n      onSave={onSave}\n      onCancel={onCancel}\n      employee={employee}\n      isPending={isPending}\n      employeeCompensation={employeeCompensation}\n      fixedCompensationTypes={preparedPayroll?.fixedCompensationTypes || []}\n      payPeriodStartDate={preparedPayroll?.payPeriod?.startDate}\n      paySchedule={paySchedule}\n      isOffCycle={preparedPayroll?.offCycle}\n      withReimbursements={withReimbursements}\n      hasDirectDepositSetup={hasDirectDepositSetup}\n    />\n  )\n}\n"],"names":["PayrollEditEmployee","props","jsx","BaseComponent","Root","employeeId","companyId","payrollId","onEvent","dictionary","withReimbursements","useComponentDictionary","LoadingIndicator","baseSubmitHandler","useBase","employeeData","useEmployeesGetSuspense","bankAccountsList","useEmployeePaymentMethodsGetBankAccountsSuspense","memoizedEmployeeId","useMemo","preparedPayroll","paySchedule","isLoading","usePreparedPayrollData","updatePayroll","isPending","usePayrollsUpdateMutation","employee","employeeCompensation","hasDirectDepositSetup","transformEmployeeCompensation","paymentMethod","reimbursements","compensation","onSave","updatedCompensation","transformedCompensation","result","componentEvents","onCancel","PayrollEditEmployeePresentation"],"mappings":";;;;;;;;;;;AAqBO,SAASA,EAAoBC,GAA0D;AAC5F,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC;AAAA,EACnB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,MAAgC;AAC9B,EAAAC,EAAuB,+BAA+BF,CAAU;AAEhE,QAAM,EAAE,kBAAAG,GAAkB,mBAAAC,EAAA,IAAsBC,EAAA,GAE1C,EAAE,MAAMC,EAAA,IAAiBC,EAAwB,EAAE,YAAAX,GAAY,GAC/D,EAAE,MAAMY,EAAA,IAAqBC,EAAiD;AAAA,IAClF,YAAAb;AAAA,EAAA,CACD,GACKc,IAAqBC,EAAQ,MAAM,CAACf,CAAU,GAAG,CAAA,CAAE,GACnD,EAAE,iBAAAgB,GAAiB,aAAAC,GAAa,WAAAC,EAAA,IAAcC,EAAuB;AAAA,IACzE,WAAAlB;AAAA,IACA,WAAAC;AAAA,IACA,eAAeY;AAAA,EAAA,CAChB,GAEK,EAAE,aAAaM,GAAe,WAAAC,EAAA,IAAcC,EAAA,GAE5CC,IAAWb,EAAa,UACxBc,IAAuBR,GAAiB,uBAAuB,GAAG,CAAC,GAEnES,KADeb,EAAiB,2BAA2B,CAAA,GACtB,SAAS,GAE9Cc,IAAgC,CAAC;AAAA,IACrC,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,OAEI;AAAA,IACL,GAAGA;AAAA,IACH,GAAIF,KAAiBA,MAAkB,eAAe,EAAE,eAAAA,EAAA,IAAkB,CAAA;AAAA,IAC1E,MAAME,EAAa,QAAQ;AAAA,EAAA,IAIzBC,IAAS,OAAOC,MAA0D;AAC9E,UAAMC,IAA0BN,EAA8BK,CAAmB;AACjF,UAAMvB,EAAkB,MAAM,YAAY;AACxC,YAAMyB,IAAS,MAAMb,EAAc;AAAA,QACjC,SAAS;AAAA,UACP,WAAAnB;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB,CAAC8B,CAAuB;AAAA,UAAA;AAAA,QACjD;AAAA,MACF,CACD;AAED,MAAA7B,EAAQ+B,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBD,EAAO;AAAA,QACxB,UAAAV;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH,GAEMY,IAAW,MAAM;AACrB,IAAAhC,EAAQ+B,EAAgB,8BAA8B;AAAA,EACxD;AAEA,SAAIhB,sBACMX,GAAA,EAAiB,IAIzB,gBAAAV;AAAA,IAACuC;AAAA,IAAA;AAAA,MACC,QAAAN;AAAA,MACA,UAAAK;AAAA,MACA,UAAAZ;AAAA,MACA,WAAAF;AAAA,MACA,sBAAAG;AAAA,MACA,wBAAwBR,GAAiB,0BAA0B,CAAA;AAAA,MACnE,oBAAoBA,GAAiB,WAAW;AAAA,MAChD,aAAAC;AAAA,MACA,YAAYD,GAAiB;AAAA,MAC7B,oBAAAX;AAAA,MACA,uBAAAoB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.d.ts

@@ -14,27 +14,28 @@ interface PayrollEditEmployeeProps {
     paySchedule?: PayScheduleObject;
     isOffCycle?: boolean;
     withReimbursements?: boolean;
+    hasDirectDepositSetup?: boolean;
 }
 export declare const PayrollEditEmployeeFormSchema: z.ZodObject<{
     hourlyCompensations: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodOptional<z.ZodString>>>;
     timeOffCompensations: z.ZodRecord<z.ZodString, z.ZodOptional<z.ZodString>>;
-    fixedCompensations: z.ZodRecord<z.ZodString, z.ZodOptional<z.ZodString>>;
+    fixedCompensations: z.ZodRecord<z.ZodString, z.ZodOptional<z.ZodNumber>>;
     paymentMethod: z.ZodOptional<z.ZodNativeEnum<{
         readonly DirectDeposit: "Direct Deposit";
         readonly Check: "Check";
         readonly Historical: "Historical";
     }>>;
 }, "strip", z.ZodTypeAny, {
-    fixedCompensations: Record<string, string | undefined>;
+    fixedCompensations: Record<string, number | undefined>;
     hourlyCompensations: Record<string, Record<string, string | undefined>>;
     timeOffCompensations: Record<string, string | undefined>;
     paymentMethod?: "Check" | "Direct Deposit" | "Historical" | undefined;
 }, {
-    fixedCompensations: Record<string, string | undefined>;
+    fixedCompensations: Record<string, number | undefined>;
     hourlyCompensations: Record<string, Record<string, string | undefined>>;
     timeOffCompensations: Record<string, string | undefined>;
     paymentMethod?: "Check" | "Direct Deposit" | "Historical" | undefined;
 }>;
 export type PayrollEditEmployeeFormValues = z.infer<typeof PayrollEditEmployeeFormSchema>;
-export declare const PayrollEditEmployeePresentation: ({ onSave, onCancel, employee, employeeCompensation, isPending, fixedCompensationTypes, payPeriodStartDate, paySchedule, isOffCycle, withReimbursements, }: PayrollEditEmployeeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollEditEmployeePresentation: ({ onSave, onCancel, employee, employeeCompensation, isPending, fixedCompensationTypes, payPeriodStartDate, paySchedule, isOffCycle, withReimbursements, hasDirectDepositSetup, }: PayrollEditEmployeeProps) => import("react/jsx-runtime").JSX.Element;
 export {};