@gusto/embedded-react-sdk 0.44.0 → 0.44.2

package/dist/components/Payroll/PayrollBlocker/payrollHelpers.js

@@ -1,31 +1,27 @@
-import { PayrollBlockersError as n } from "@gusto/embedded-api/models/errors/payrollblockerserror";
-import { UnprocessableEntityErrorObject as c } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
-import { UnprocessableEntityErrorObject1 as l } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject1";
+import { PayrollBlockersError as s } from "@gusto/embedded-api/models/errors/payrollblockerserror";
+import { UnprocessableEntityError as n } from "@gusto/embedded-api/models/errors/unprocessableentityerror";
 function t(e) {
   return typeof e == "object" && e !== null && "key" in e && typeof e.key == "string";
 }
+function l(e) {
+  return e instanceof s;
+}
 function a(e) {
-  return e instanceof n;
+  return e instanceof n && e.errors.some((o) => o.category === "payroll_blocker");
 }
 function i(e) {
-  return e instanceof l && e.errors.some((r) => r.category === "payroll_blocker");
-}
-function y(e) {
-  return e instanceof c && e.errors.some((r) => r.category === "payroll_blocker");
-}
-function k(e) {
-  return a(e) ? !e.errors || e.errors.length === 0 ? [] : e.errors.map((o) => ({ key: t(o.metadata) ? o.metadata.key : o.errorKey || "unknown", message: o.message })) : i(e) ? e.errors.filter((o) => o.category === "payroll_blocker").map((o) => ({ key: t(o.metadata) ? o.metadata.key : o.errorKey || "unknown", message: o.message })) : y(e) ? e.errors.filter((o) => o.category === "payroll_blocker").map((o) => ({ key: t(o.metadata) ? o.metadata.key : o.errorKey || "unknown", message: o.message })) : [];
+  return l(e) ? !e.errors || e.errors.length === 0 ? [] : e.errors.map((r) => ({ key: t(r.metadata) ? r.metadata.key : r.errorKey || "unknown", message: r.message })) : a(e) ? e.errors.filter((r) => r.category === "payroll_blocker").map((r) => ({ key: t(r.metadata) ? r.metadata.key : r.errorKey || "unknown", message: r.message })) : [];
 }
-const u = (e) => e instanceof n ? !0 : e instanceof l ? e.errors.some((r) => r.category === "payroll_blocker") : e instanceof c ? e.errors.some((r) => r.category === "payroll_blocker") : !1, d = async (e) => {
+const y = (e) => e instanceof s ? !0 : e instanceof n ? e.errors.some((o) => o.category === "payroll_blocker") : !1, p = async (e) => {
   try {
     return await e(), { success: !0, blockers: [] };
-  } catch (r) {
-    if (u(r))
-      return { success: !1, blockers: k(r) };
-    throw r;
+  } catch (o) {
+    if (y(o))
+      return { success: !1, blockers: i(o) };
+    throw o;
   }
-}, f = ["pending_information_request", "pending_recovery_case"], b = (e) => f.includes(e), E = (e) => e.some((r) => b(r.key));
-function _(e) {
+}, u = ["pending_information_request", "pending_recovery_case"], k = (e) => u.includes(e), m = (e) => e.some((o) => k(o.key));
+function g(e) {
   return {
     titleKey: `blockers.${e}.title`,
     descriptionKey: `blockers.${e}.description`,
@@ -34,12 +30,12 @@ function _(e) {
   };
 }
 export {
-  _ as getBlockerTranslationKeys,
-  E as hasActionableBlockers,
-  b as isActionableBlocker,
-  a as isPayrollBlockersError,
-  i as isUnprocessableEntityWithPayrollBlockers,
-  k as parsePayrollBlockersFromError,
-  d as payrollSubmitHandler
+  g as getBlockerTranslationKeys,
+  m as hasActionableBlockers,
+  k as isActionableBlocker,
+  l as isPayrollBlockersError,
+  a as isUnprocessableEntityWithPayrollBlockers,
+  i as parsePayrollBlockersFromError,
+  p as payrollSubmitHandler
 };
 //# sourceMappingURL=payrollHelpers.js.map

package/dist/components/Payroll/PayrollBlocker/payrollHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"payrollHelpers.js","sources":["../../../../src/components/Payroll/PayrollBlocker/payrollHelpers.ts"],"sourcesContent":["import { PayrollBlockersError } from '@gusto/embedded-api/models/errors/payrollblockerserror'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport { UnprocessableEntityErrorObject1 } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject1'\n\nfunction hasMetadataKey(metadata: unknown): metadata is { key: string } {\n  return (\n    typeof metadata === 'object' &&\n    metadata !== null &&\n    'key' in metadata &&\n    typeof (metadata as { key: unknown }).key === 'string'\n  )\n}\n\nexport interface ApiPayrollBlocker {\n  key: string\n  message?: string\n}\n\nexport function isPayrollBlockersError(error: unknown): error is PayrollBlockersError {\n  return error instanceof PayrollBlockersError\n}\n\nexport function isUnprocessableEntityWithPayrollBlockers(\n  error: unknown,\n): error is UnprocessableEntityErrorObject1 {\n  return (\n    error instanceof UnprocessableEntityErrorObject1 &&\n    error.errors.some(err => err.category === 'payroll_blocker')\n  )\n}\n\nfunction isUnprocessableEntityWithPayrollBlockersAlt(\n  error: unknown,\n): error is UnprocessableEntityErrorObject {\n  return (\n    error instanceof UnprocessableEntityErrorObject &&\n    error.errors.some(err => err.category === 'payroll_blocker')\n  )\n}\n\nexport function parsePayrollBlockersFromError(error: unknown): ApiPayrollBlocker[] {\n  // Handle PayrollBlockersError (dedicated blocker error type)\n  if (isPayrollBlockersError(error)) {\n    if (!error.errors || error.errors.length === 0) {\n      return []\n    }\n\n    const blockers = error.errors.map(err => {\n      const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey || 'unknown'\n\n      return { key, message: err.message }\n    })\n\n    return blockers\n  }\n\n  // Handle UnprocessableEntityErrorObject1 with payroll blockers\n  if (isUnprocessableEntityWithPayrollBlockers(error)) {\n    const blockers = error.errors\n      .filter(err => err.category === 'payroll_blocker')\n      .map(err => {\n        const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey || 'unknown'\n\n        return { key, message: err.message }\n      })\n\n    return blockers\n  }\n\n  // Handle UnprocessableEntityErrorObject (e.g. contractor payment preview, payroll calculate)\n  if (isUnprocessableEntityWithPayrollBlockersAlt(error)) {\n    const blockers = error.errors\n      .filter(err => err.category === 'payroll_blocker')\n      .map(err => {\n        const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey || 'unknown'\n\n        return { key, message: err.message }\n      })\n\n    return blockers\n  }\n\n  return []\n}\n\ntype PayrollBlockerError =\n  | PayrollBlockersError\n  | UnprocessableEntityErrorObject1\n  | UnprocessableEntityErrorObject\n\nconst hasPayrollBlockers = (error: unknown): error is PayrollBlockerError => {\n  if (error instanceof PayrollBlockersError) {\n    return true\n  }\n  if (error instanceof UnprocessableEntityErrorObject1) {\n    return error.errors.some(err => err.category === 'payroll_blocker')\n  }\n  if (error instanceof UnprocessableEntityErrorObject) {\n    return error.errors.some(err => err.category === 'payroll_blocker')\n  }\n  return false\n}\n\nexport interface PayrollSubmitResult {\n  success: boolean\n  blockers: ApiPayrollBlocker[]\n}\n\n/**\n * Direct submit handler for payroll operations that handles payroll blockers\n * Returns blockers if found, otherwise throws the error for caller to handle\n */\nexport const payrollSubmitHandler = async (\n  payrollHandler: () => Promise<void>,\n): Promise<PayrollSubmitResult> => {\n  try {\n    await payrollHandler()\n    return { success: true, blockers: [] }\n  } catch (error: unknown) {\n    if (hasPayrollBlockers(error)) {\n      const blockers = parsePayrollBlockersFromError(error)\n      return { success: false, blockers }\n    }\n\n    // For non-payroll errors, re-throw\n    throw error\n  }\n}\n\nconst ACTIONABLE_BLOCKER_KEYS = ['pending_information_request', 'pending_recovery_case'] as const\n\nexport const isActionableBlocker = (key: string) =>\n  ACTIONABLE_BLOCKER_KEYS.includes(key as (typeof ACTIONABLE_BLOCKER_KEYS)[number])\n\nexport const hasActionableBlockers = (blockers: ApiPayrollBlocker[]) =>\n  blockers.some(b => isActionableBlocker(b.key))\n\n/**\n * Get translation keys for a blocker - use these in components with useTranslation\n */\nexport function getBlockerTranslationKeys(key: string) {\n  return {\n    titleKey: `blockers.${key}.title`,\n    descriptionKey: `blockers.${key}.description`,\n    helpTextKey: `blockers.${key}.help`,\n    defaultActionKey: `blockers.${key}.defaultAction`,\n  }\n}\n"],"names":["hasMetadataKey","metadata","isPayrollBlockersError","error","PayrollBlockersError","isUnprocessableEntityWithPayrollBlockers","UnprocessableEntityErrorObject1","err","isUnprocessableEntityWithPayrollBlockersAlt","UnprocessableEntityErrorObject","parsePayrollBlockersFromError","hasPayrollBlockers","payrollSubmitHandler","payrollHandler","ACTIONABLE_BLOCKER_KEYS","isActionableBlocker","key","hasActionableBlockers","blockers","b","getBlockerTranslationKeys"],"mappings":";;;AAIA,SAASA,EAAeC,GAAgD;AACtE,SACE,OAAOA,KAAa,YACpBA,MAAa,QACb,SAASA,KACT,OAAQA,EAA8B,OAAQ;AAElD;AAOO,SAASC,EAAuBC,GAA+C;AACpF,SAAOA,aAAiBC;AAC1B;AAEO,SAASC,EACdF,GAC0C;AAC1C,SACEA,aAAiBG,KACjBH,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB;AAE/D;AAEA,SAASC,EACPL,GACyC;AACzC,SACEA,aAAiBM,KACjBN,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB;AAE/D;AAEO,SAASG,EAA8BP,GAAqC;AAEjF,SAAID,EAAuBC,CAAK,IAC1B,CAACA,EAAM,UAAUA,EAAM,OAAO,WAAW,IACpC,CAAA,IAGQA,EAAM,OAAO,IAAI,CAAAI,OAGzB,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAMCF,EAAyCF,CAAK,IAC/BA,EAAM,OACpB,OAAO,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,EAChD,IAAI,CAAAA,OAGI,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAMDC,EAA4CL,CAAK,IAClCA,EAAM,OACpB,OAAO,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,EAChD,IAAI,CAAAA,OAGI,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAKE,CAAA;AACT;AAOA,MAAMI,IAAqB,CAACR,MACtBA,aAAiBC,IACZ,KAELD,aAAiBG,IACZH,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,IAEhEJ,aAAiBM,IACZN,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,IAE7D,IAYIK,IAAuB,OAClCC,MACiC;AACjC,MAAI;AACF,iBAAMA,EAAA,GACC,EAAE,SAAS,IAAM,UAAU,CAAA,EAAC;AAAA,EACrC,SAASV,GAAgB;AACvB,QAAIQ,EAAmBR,CAAK;AAE1B,aAAO,EAAE,SAAS,IAAO,UADRO,EAA8BP,CAAK,EAC3B;AAI3B,UAAMA;AAAA,EACR;AACF,GAEMW,IAA0B,CAAC,+BAA+B,uBAAuB,GAE1EC,IAAsB,CAACC,MAClCF,EAAwB,SAASE,CAA+C,GAErEC,IAAwB,CAACC,MACpCA,EAAS,KAAK,CAAAC,MAAKJ,EAAoBI,EAAE,GAAG,CAAC;AAKxC,SAASC,EAA0BJ,GAAa;AACrD,SAAO;AAAA,IACL,UAAU,YAAYA,CAAG;AAAA,IACzB,gBAAgB,YAAYA,CAAG;AAAA,IAC/B,aAAa,YAAYA,CAAG;AAAA,IAC5B,kBAAkB,YAAYA,CAAG;AAAA,EAAA;AAErC;"}
+{"version":3,"file":"payrollHelpers.js","sources":["../../../../src/components/Payroll/PayrollBlocker/payrollHelpers.ts"],"sourcesContent":["import { PayrollBlockersError } from '@gusto/embedded-api/models/errors/payrollblockerserror'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\n\nfunction hasMetadataKey(metadata: unknown): metadata is { key: string } {\n  return (\n    typeof metadata === 'object' &&\n    metadata !== null &&\n    'key' in metadata &&\n    typeof (metadata as { key: unknown }).key === 'string'\n  )\n}\n\nexport interface ApiPayrollBlocker {\n  key: string\n  message?: string\n}\n\nexport function isPayrollBlockersError(error: unknown): error is PayrollBlockersError {\n  return error instanceof PayrollBlockersError\n}\n\nexport function isUnprocessableEntityWithPayrollBlockers(\n  error: unknown,\n): error is UnprocessableEntityError {\n  return (\n    error instanceof UnprocessableEntityError &&\n    error.errors.some(err => err.category === 'payroll_blocker')\n  )\n}\n\nexport function parsePayrollBlockersFromError(error: unknown): ApiPayrollBlocker[] {\n  // Handle PayrollBlockersError (dedicated blocker error type)\n  if (isPayrollBlockersError(error)) {\n    if (!error.errors || error.errors.length === 0) {\n      return []\n    }\n\n    const blockers = error.errors.map(err => {\n      const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey || 'unknown'\n\n      return { key, message: err.message }\n    })\n\n    return blockers\n  }\n\n  // Handle UnprocessableEntityError with payroll_blocker category (e.g. contractor payment preview, payroll calculate)\n  if (isUnprocessableEntityWithPayrollBlockers(error)) {\n    const blockers = error.errors\n      .filter(err => err.category === 'payroll_blocker')\n      .map(err => {\n        const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey || 'unknown'\n\n        return { key, message: err.message }\n      })\n\n    return blockers\n  }\n\n  return []\n}\n\ntype PayrollBlockerError = PayrollBlockersError | UnprocessableEntityError\n\nconst hasPayrollBlockers = (error: unknown): error is PayrollBlockerError => {\n  if (error instanceof PayrollBlockersError) {\n    return true\n  }\n  if (error instanceof UnprocessableEntityError) {\n    return error.errors.some(err => err.category === 'payroll_blocker')\n  }\n  return false\n}\n\nexport interface PayrollSubmitResult {\n  success: boolean\n  blockers: ApiPayrollBlocker[]\n}\n\n/**\n * Direct submit handler for payroll operations that handles payroll blockers\n * Returns blockers if found, otherwise throws the error for caller to handle\n */\nexport const payrollSubmitHandler = async (\n  payrollHandler: () => Promise<void>,\n): Promise<PayrollSubmitResult> => {\n  try {\n    await payrollHandler()\n    return { success: true, blockers: [] }\n  } catch (error: unknown) {\n    if (hasPayrollBlockers(error)) {\n      const blockers = parsePayrollBlockersFromError(error)\n      return { success: false, blockers }\n    }\n\n    // For non-payroll errors, re-throw\n    throw error\n  }\n}\n\nconst ACTIONABLE_BLOCKER_KEYS = ['pending_information_request', 'pending_recovery_case'] as const\n\nexport const isActionableBlocker = (key: string) =>\n  ACTIONABLE_BLOCKER_KEYS.includes(key as (typeof ACTIONABLE_BLOCKER_KEYS)[number])\n\nexport const hasActionableBlockers = (blockers: ApiPayrollBlocker[]) =>\n  blockers.some(b => isActionableBlocker(b.key))\n\n/**\n * Get translation keys for a blocker - use these in components with useTranslation\n */\nexport function getBlockerTranslationKeys(key: string) {\n  return {\n    titleKey: `blockers.${key}.title`,\n    descriptionKey: `blockers.${key}.description`,\n    helpTextKey: `blockers.${key}.help`,\n    defaultActionKey: `blockers.${key}.defaultAction`,\n  }\n}\n"],"names":["hasMetadataKey","metadata","isPayrollBlockersError","error","PayrollBlockersError","isUnprocessableEntityWithPayrollBlockers","UnprocessableEntityError","err","parsePayrollBlockersFromError","hasPayrollBlockers","payrollSubmitHandler","payrollHandler","ACTIONABLE_BLOCKER_KEYS","isActionableBlocker","key","hasActionableBlockers","blockers","b","getBlockerTranslationKeys"],"mappings":";;AAGA,SAASA,EAAeC,GAAgD;AACtE,SACE,OAAOA,KAAa,YACpBA,MAAa,QACb,SAASA,KACT,OAAQA,EAA8B,OAAQ;AAElD;AAOO,SAASC,EAAuBC,GAA+C;AACpF,SAAOA,aAAiBC;AAC1B;AAEO,SAASC,EACdF,GACmC;AACnC,SACEA,aAAiBG,KACjBH,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB;AAE/D;AAEO,SAASC,EAA8BL,GAAqC;AAEjF,SAAID,EAAuBC,CAAK,IAC1B,CAACA,EAAM,UAAUA,EAAM,OAAO,WAAW,IACpC,CAAA,IAGQA,EAAM,OAAO,IAAI,CAAAI,OAGzB,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAMCF,EAAyCF,CAAK,IAC/BA,EAAM,OACpB,OAAO,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,EAChD,IAAI,CAAAA,OAGI,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAKE,CAAA;AACT;AAIA,MAAME,IAAqB,CAACN,MACtBA,aAAiBC,IACZ,KAELD,aAAiBG,IACZH,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,IAE7D,IAYIG,IAAuB,OAClCC,MACiC;AACjC,MAAI;AACF,iBAAMA,EAAA,GACC,EAAE,SAAS,IAAM,UAAU,CAAA,EAAC;AAAA,EACrC,SAASR,GAAgB;AACvB,QAAIM,EAAmBN,CAAK;AAE1B,aAAO,EAAE,SAAS,IAAO,UADRK,EAA8BL,CAAK,EAC3B;AAI3B,UAAMA;AAAA,EACR;AACF,GAEMS,IAA0B,CAAC,+BAA+B,uBAAuB,GAE1EC,IAAsB,CAACC,MAClCF,EAAwB,SAASE,CAA+C,GAErEC,IAAwB,CAACC,MACpCA,EAAS,KAAK,CAAAC,MAAKJ,EAAoBI,EAAE,GAAG,CAAC;AAKxC,SAASC,EAA0BJ,GAAa;AACrD,SAAO;AAAA,IACL,UAAU,YAAYA,CAAG;AAAA,IACzB,gBAAgB,YAAYA,CAAG;AAAA,IAC/B,aAAa,YAAYA,CAAG;AAAA,IAC5B,kBAAkB,YAAYA,CAAG;AAAA,EAAA;AAErC;"}

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { EmployeeCompensations } from '@gusto/embedded-api/models/components/payroll';
 import { Employee } from '@gusto/embedded-api/models/components/employee';
 import { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype';
-import { PaySchedule as PayScheduleObject } from '@gusto/embedded-api/models/components/payschedule';
+import { PayScheduleShow as PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleshow';
 import { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype';
 import { PayrollCategory } from '../payrollTypes';
 import { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers';

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollConfigurationPresentation.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useRef } from 'react'\nimport type { EmployeeCompensations } from '@gusto/embedded-api/models/components/payroll'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PaySchedule as PayScheduleObject } from '@gusto/embedded-api/models/components/payschedule'\nimport { Trans, useTranslation } from 'react-i18next'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport {\n  useFormatEmployeePayRate,\n  getRegularHours,\n  getOvertimeHours,\n  getTotalPtoHours,\n  getAdditionalEarnings,\n  getReimbursements,\n  formatHoursDisplay,\n  calculateGrossPay,\n} from '../helpers'\nimport { PayrollCategory } from '../payrollTypes'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport styles from './PayrollConfigurationPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { DataView, Flex, FlexItem, Grid, PayrollLoading } from '@/components/Common'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport XCircle from '@/assets/icons/x-circle.svg?react'\nimport PlusCircle from '@/assets/icons/plus-circle.svg?react'\nimport CoinsHandSvg from '@/assets/icons/coins-hand.svg?react'\nimport { firstLastName, formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollConfigurationPresentationProps {\n  employeeCompensations: EmployeeCompensations[]\n  employeeDetails: Employee[]\n  payPeriod?: PayrollPayPeriodType\n  paySchedule?: PayScheduleObject\n  onCalculatePayroll: () => void\n  onEdit: (employee: Employee) => void\n  onToggleExclude: (employeeCompensation: PayrollEmployeeCompensationsType) => void\n  onViewBlockers: () => void\n  payrollCategory?: PayrollCategory\n  alerts?: ReactNode\n  payrollAlert?: {\n    label: string\n    content?: ReactNode\n    variant: 'info' | 'warning'\n  }\n  isPending?: boolean\n  isCalculating?: boolean\n  payrollBlockers?: ApiPayrollBlocker[]\n  pagination?: PaginationControlProps\n  withReimbursements?: boolean\n  isCalculateDisabled?: boolean\n  grossUpEnabled?: boolean\n  onGrossUpSelect?: (employeeUuid: string) => void\n}\n\nconst getPayrollConfigurationTitle = (\n  payPeriod: PayrollPayPeriodType | undefined,\n  dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n  }\n  return { startDate: '', endDate: '' }\n}\n\nexport const PayrollConfigurationPresentation = ({\n  employeeCompensations,\n  employeeDetails,\n  payPeriod,\n  paySchedule,\n  onEdit,\n  onToggleExclude,\n  onCalculatePayroll,\n  onViewBlockers,\n  payrollCategory = PayrollCategory.Regular,\n  alerts,\n  payrollAlert,\n  isPending,\n  isCalculating,\n  payrollBlockers = [],\n  pagination,\n  withReimbursements = true,\n  isCalculateDisabled = false,\n  grossUpEnabled = false,\n  onGrossUpSelect,\n}: PayrollConfigurationPresentationProps) => {\n  const { Button, Heading, Text, Badge, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const dateFormatter = useDateFormatter()\n  const formatEmployeePayRate = useFormatEmployeePayRate()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n  const getEmployeeName = (employeeUuid: string) => {\n    const employee = employeeMap.get(employeeUuid)\n    return employee\n      ? firstLastName({ first_name: employee.firstName, last_name: employee.lastName })\n      : null\n  }\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex\n          flexDirection={isDesktop ? 'row' : 'column'}\n          justifyContent={isDesktop ? 'space-between' : 'normal'}\n          alignItems={isDesktop ? 'center' : 'stretch'}\n          gap={isDesktop ? 0 : 16}\n        >\n          <FlexItem>\n            <Heading as=\"h1\">{t('pageTitle')}</Heading>\n            {payPeriod && (\n              <Text variant=\"supporting\">\n                <Trans\n                  i18nKey={\n                    payrollCategory === PayrollCategory.Dismissal\n                      ? 'descriptionDismissal'\n                      : 'description'\n                  }\n                  t={t}\n                  components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n                  values={{\n                    ...getPayrollConfigurationTitle(payPeriod, dateFormatter),\n                    payrollType: payrollCategory,\n                  }}\n                />\n              </Text>\n            )}\n          </FlexItem>\n          <FlexItem flexGrow={isDesktop ? 0 : 0}>\n            {isDesktop ? (\n              <Button\n                title={t('calculatePayrollTitle')}\n                onClick={onCalculatePayroll}\n                isDisabled={isCalculateDisabled || isPending || isCalculating}\n              >\n                {isCalculating ? t('calculatingPayroll') : t('calculatePayroll')}\n              </Button>\n            ) : (\n              <Flex flexDirection=\"column\" justifyContent=\"normal\" alignItems=\"stretch\" gap={12}>\n                <Button\n                  title={t('calculatePayrollTitle')}\n                  onClick={onCalculatePayroll}\n                  isDisabled={isCalculateDisabled || isPending || isCalculating}\n                >\n                  {isCalculating ? t('calculatingPayroll') : t('calculatePayroll')}\n                </Button>\n              </Flex>\n            )}\n          </FlexItem>\n        </Flex>\n\n        {(alerts || payrollAlert) && (\n          <Grid gap={16} gridTemplateColumns=\"1fr\">\n            {payrollAlert && (\n              <Alert label={payrollAlert.label} status={payrollAlert.variant}>\n                {payrollAlert.content}\n              </Alert>\n            )}\n            {alerts}\n          </Grid>\n        )}\n\n        {isPending ? (\n          <PayrollLoading\n            title={isCalculating ? t('calculatingTitle') : t('loadingTitle')}\n            description={isCalculating ? t('calculatingDescription') : t('loadingDescription')}\n          />\n        ) : (\n          <>\n            {payrollBlockers.length > 0 && (\n              <PayrollBlockerAlerts\n                blockers={payrollBlockers}\n                onViewBlockersClick={onViewBlockers}\n              />\n            )}\n            <Flex flexDirection=\"column\" gap={20}>\n              <FlexItem>\n                <Heading as=\"h3\">{t('hoursAndEarningsTitle')}</Heading>\n                <Text variant=\"supporting\">{t('hoursAndEarningsDescription')}</Text>\n              </FlexItem>\n\n              <DataView\n                label={t('employeeCompensationsTitle')}\n                columns={[\n                  {\n                    title: t('tableColumns.employees'),\n                    render: (item: EmployeeCompensations) => {\n                      const employee = employeeMap.get(item.employeeUuid || '')\n                      const payRateDisplay = formatEmployeePayRate(employee)\n                      return (\n                        <Flex flexDirection=\"column\" gap={0}>\n                          {getEmployeeName(item.employeeUuid || '')}\n                          {payRateDisplay && (\n                            <Text size=\"xs\" variant=\"supporting\">\n                              {payRateDisplay}\n                            </Text>\n                          )}\n                          {item.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n                        </Flex>\n                      )\n                    },\n                  },\n                  {\n                    title: t('tableColumns.hours'),\n                    render: (item: EmployeeCompensations) => {\n                      const hours = getRegularHours(item)\n                      const overtimeHours = getOvertimeHours(item)\n                      return formatHoursDisplay(hours + overtimeHours)\n                    },\n                  },\n                  {\n                    title: t('tableColumns.timeOff'),\n                    render: (item: EmployeeCompensations) => {\n                      const ptoHours = getTotalPtoHours(item)\n                      return formatHoursDisplay(ptoHours)\n                    },\n                  },\n                  {\n                    title: t('tableColumns.additionalEarnings'),\n                    render: (item: EmployeeCompensations) => {\n                      const earnings = getAdditionalEarnings(item)\n                      return formatNumberAsCurrency(earnings)\n                    },\n                  },\n                  ...(withReimbursements\n                    ? [\n                        {\n                          title: t('tableColumns.reimbursements'),\n                          render: (item: EmployeeCompensations) => {\n                            const reimbursements = getReimbursements(item)\n                            return formatNumberAsCurrency(reimbursements)\n                          },\n                        },\n                      ]\n                    : []),\n                  {\n                    title: t('tableColumns.totalPay'),\n                    render: (item: PayrollEmployeeCompensationsType) => {\n                      const employee = employeeMap.get(item.employeeUuid || '')\n                      const calculatedGrossPay = employee\n                        ? calculateGrossPay(\n                            item,\n                            employee,\n                            payPeriod?.startDate,\n                            paySchedule,\n                            payrollCategory,\n                          )\n                        : 0\n                      return formatNumberAsCurrency(calculatedGrossPay)\n                    },\n                  },\n                ]}\n                data={employeeCompensations}\n                itemMenu={(item: EmployeeCompensations) => (\n                  <HamburgerMenu\n                    items={[\n                      {\n                        label: t('editMenu.edit'),\n                        icon: <PencilSvg aria-hidden />,\n                        onClick: () => {\n                          const employee = employeeMap.get(item.employeeUuid || '')\n                          if (employee) {\n                            onEdit(employee)\n                          }\n                        },\n                      },\n                      {\n                        label: t(item.excluded ? 'editMenu.unskip' : 'editMenu.skip'),\n                        icon: item.excluded ? <PlusCircle aria-hidden /> : <XCircle aria-hidden />,\n                        onClick: () => {\n                          const employee = employeeMap.get(item.employeeUuid || '')\n                          if (employee) {\n                            onToggleExclude(item)\n                          }\n                        },\n                      },\n                      ...(grossUpEnabled\n                        ? [\n                            {\n                              label: t('editMenu.setNetEarnings'),\n                              icon: <CoinsHandSvg aria-hidden />,\n                              onClick: () => {\n                                if (item.employeeUuid) {\n                                  onGrossUpSelect?.(item.employeeUuid)\n                                }\n                              },\n                            },\n                          ]\n                        : []),\n                    ]}\n                    triggerLabel={t('editMenu.edit')}\n                  />\n                )}\n                pagination={pagination}\n              />\n            </Flex>\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollConfigurationTitle","payPeriod","dateFormatter","PayrollConfigurationPresentation","employeeCompensations","employeeDetails","paySchedule","onEdit","onToggleExclude","onCalculatePayroll","onViewBlockers","payrollCategory","PayrollCategory","alerts","payrollAlert","isPending","isCalculating","payrollBlockers","pagination","withReimbursements","isCalculateDisabled","grossUpEnabled","onGrossUpSelect","Button","Heading","Text","Badge","Alert","useComponentContext","useI18n","useTranslation","useDateFormatter","formatEmployeePayRate","useFormatEmployeePayRate","containerRef","useRef","isDesktop","useContainerBreakpoints","employeeMap","employee","getEmployeeName","employeeUuid","firstLastName","jsx","styles","jsxs","Flex","FlexItem","Trans","Grid","PayrollLoading","Fragment","PayrollBlockerAlerts","DataView","item","payRateDisplay","hours","getRegularHours","overtimeHours","getOvertimeHours","formatHoursDisplay","ptoHours","getTotalPtoHours","earnings","getAdditionalEarnings","formatNumberAsCurrency","reimbursements","getReimbursements","calculatedGrossPay","calculateGrossPay","HamburgerMenu","PencilSvg","PlusCircle","XCircle","CoinsHandSvg"],"mappings":"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"}
+{"version":3,"file":"PayrollConfigurationPresentation.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useRef } from 'react'\nimport type { EmployeeCompensations } from '@gusto/embedded-api/models/components/payroll'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayScheduleShow as PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { Trans, useTranslation } from 'react-i18next'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport {\n  useFormatEmployeePayRate,\n  getRegularHours,\n  getOvertimeHours,\n  getTotalPtoHours,\n  getAdditionalEarnings,\n  getReimbursements,\n  formatHoursDisplay,\n  calculateGrossPay,\n} from '../helpers'\nimport { PayrollCategory } from '../payrollTypes'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport styles from './PayrollConfigurationPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { DataView, Flex, FlexItem, Grid, PayrollLoading } from '@/components/Common'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport XCircle from '@/assets/icons/x-circle.svg?react'\nimport PlusCircle from '@/assets/icons/plus-circle.svg?react'\nimport CoinsHandSvg from '@/assets/icons/coins-hand.svg?react'\nimport { firstLastName, formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollConfigurationPresentationProps {\n  employeeCompensations: EmployeeCompensations[]\n  employeeDetails: Employee[]\n  payPeriod?: PayrollPayPeriodType\n  paySchedule?: PayScheduleObject\n  onCalculatePayroll: () => void\n  onEdit: (employee: Employee) => void\n  onToggleExclude: (employeeCompensation: PayrollEmployeeCompensationsType) => void\n  onViewBlockers: () => void\n  payrollCategory?: PayrollCategory\n  alerts?: ReactNode\n  payrollAlert?: {\n    label: string\n    content?: ReactNode\n    variant: 'info' | 'warning'\n  }\n  isPending?: boolean\n  isCalculating?: boolean\n  payrollBlockers?: ApiPayrollBlocker[]\n  pagination?: PaginationControlProps\n  withReimbursements?: boolean\n  isCalculateDisabled?: boolean\n  grossUpEnabled?: boolean\n  onGrossUpSelect?: (employeeUuid: string) => void\n}\n\nconst getPayrollConfigurationTitle = (\n  payPeriod: PayrollPayPeriodType | undefined,\n  dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n  }\n  return { startDate: '', endDate: '' }\n}\n\nexport const PayrollConfigurationPresentation = ({\n  employeeCompensations,\n  employeeDetails,\n  payPeriod,\n  paySchedule,\n  onEdit,\n  onToggleExclude,\n  onCalculatePayroll,\n  onViewBlockers,\n  payrollCategory = PayrollCategory.Regular,\n  alerts,\n  payrollAlert,\n  isPending,\n  isCalculating,\n  payrollBlockers = [],\n  pagination,\n  withReimbursements = true,\n  isCalculateDisabled = false,\n  grossUpEnabled = false,\n  onGrossUpSelect,\n}: PayrollConfigurationPresentationProps) => {\n  const { Button, Heading, Text, Badge, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollConfiguration')\n  const { t } = useTranslation('Payroll.PayrollConfiguration')\n  const dateFormatter = useDateFormatter()\n  const formatEmployeePayRate = useFormatEmployeePayRate()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n  const getEmployeeName = (employeeUuid: string) => {\n    const employee = employeeMap.get(employeeUuid)\n    return employee\n      ? firstLastName({ first_name: employee.firstName, last_name: employee.lastName })\n      : null\n  }\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex\n          flexDirection={isDesktop ? 'row' : 'column'}\n          justifyContent={isDesktop ? 'space-between' : 'normal'}\n          alignItems={isDesktop ? 'center' : 'stretch'}\n          gap={isDesktop ? 0 : 16}\n        >\n          <FlexItem>\n            <Heading as=\"h1\">{t('pageTitle')}</Heading>\n            {payPeriod && (\n              <Text variant=\"supporting\">\n                <Trans\n                  i18nKey={\n                    payrollCategory === PayrollCategory.Dismissal\n                      ? 'descriptionDismissal'\n                      : 'description'\n                  }\n                  t={t}\n                  components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n                  values={{\n                    ...getPayrollConfigurationTitle(payPeriod, dateFormatter),\n                    payrollType: payrollCategory,\n                  }}\n                />\n              </Text>\n            )}\n          </FlexItem>\n          <FlexItem flexGrow={isDesktop ? 0 : 0}>\n            {isDesktop ? (\n              <Button\n                title={t('calculatePayrollTitle')}\n                onClick={onCalculatePayroll}\n                isDisabled={isCalculateDisabled || isPending || isCalculating}\n              >\n                {isCalculating ? t('calculatingPayroll') : t('calculatePayroll')}\n              </Button>\n            ) : (\n              <Flex flexDirection=\"column\" justifyContent=\"normal\" alignItems=\"stretch\" gap={12}>\n                <Button\n                  title={t('calculatePayrollTitle')}\n                  onClick={onCalculatePayroll}\n                  isDisabled={isCalculateDisabled || isPending || isCalculating}\n                >\n                  {isCalculating ? t('calculatingPayroll') : t('calculatePayroll')}\n                </Button>\n              </Flex>\n            )}\n          </FlexItem>\n        </Flex>\n\n        {(alerts || payrollAlert) && (\n          <Grid gap={16} gridTemplateColumns=\"1fr\">\n            {payrollAlert && (\n              <Alert label={payrollAlert.label} status={payrollAlert.variant}>\n                {payrollAlert.content}\n              </Alert>\n            )}\n            {alerts}\n          </Grid>\n        )}\n\n        {isPending ? (\n          <PayrollLoading\n            title={isCalculating ? t('calculatingTitle') : t('loadingTitle')}\n            description={isCalculating ? t('calculatingDescription') : t('loadingDescription')}\n          />\n        ) : (\n          <>\n            {payrollBlockers.length > 0 && (\n              <PayrollBlockerAlerts\n                blockers={payrollBlockers}\n                onViewBlockersClick={onViewBlockers}\n              />\n            )}\n            <Flex flexDirection=\"column\" gap={20}>\n              <FlexItem>\n                <Heading as=\"h3\">{t('hoursAndEarningsTitle')}</Heading>\n                <Text variant=\"supporting\">{t('hoursAndEarningsDescription')}</Text>\n              </FlexItem>\n\n              <DataView\n                label={t('employeeCompensationsTitle')}\n                columns={[\n                  {\n                    title: t('tableColumns.employees'),\n                    render: (item: EmployeeCompensations) => {\n                      const employee = employeeMap.get(item.employeeUuid || '')\n                      const payRateDisplay = formatEmployeePayRate(employee)\n                      return (\n                        <Flex flexDirection=\"column\" gap={0}>\n                          {getEmployeeName(item.employeeUuid || '')}\n                          {payRateDisplay && (\n                            <Text size=\"xs\" variant=\"supporting\">\n                              {payRateDisplay}\n                            </Text>\n                          )}\n                          {item.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n                        </Flex>\n                      )\n                    },\n                  },\n                  {\n                    title: t('tableColumns.hours'),\n                    render: (item: EmployeeCompensations) => {\n                      const hours = getRegularHours(item)\n                      const overtimeHours = getOvertimeHours(item)\n                      return formatHoursDisplay(hours + overtimeHours)\n                    },\n                  },\n                  {\n                    title: t('tableColumns.timeOff'),\n                    render: (item: EmployeeCompensations) => {\n                      const ptoHours = getTotalPtoHours(item)\n                      return formatHoursDisplay(ptoHours)\n                    },\n                  },\n                  {\n                    title: t('tableColumns.additionalEarnings'),\n                    render: (item: EmployeeCompensations) => {\n                      const earnings = getAdditionalEarnings(item)\n                      return formatNumberAsCurrency(earnings)\n                    },\n                  },\n                  ...(withReimbursements\n                    ? [\n                        {\n                          title: t('tableColumns.reimbursements'),\n                          render: (item: EmployeeCompensations) => {\n                            const reimbursements = getReimbursements(item)\n                            return formatNumberAsCurrency(reimbursements)\n                          },\n                        },\n                      ]\n                    : []),\n                  {\n                    title: t('tableColumns.totalPay'),\n                    render: (item: PayrollEmployeeCompensationsType) => {\n                      const employee = employeeMap.get(item.employeeUuid || '')\n                      const calculatedGrossPay = employee\n                        ? calculateGrossPay(\n                            item,\n                            employee,\n                            payPeriod?.startDate,\n                            paySchedule,\n                            payrollCategory,\n                          )\n                        : 0\n                      return formatNumberAsCurrency(calculatedGrossPay)\n                    },\n                  },\n                ]}\n                data={employeeCompensations}\n                itemMenu={(item: EmployeeCompensations) => (\n                  <HamburgerMenu\n                    items={[\n                      {\n                        label: t('editMenu.edit'),\n                        icon: <PencilSvg aria-hidden />,\n                        onClick: () => {\n                          const employee = employeeMap.get(item.employeeUuid || '')\n                          if (employee) {\n                            onEdit(employee)\n                          }\n                        },\n                      },\n                      {\n                        label: t(item.excluded ? 'editMenu.unskip' : 'editMenu.skip'),\n                        icon: item.excluded ? <PlusCircle aria-hidden /> : <XCircle aria-hidden />,\n                        onClick: () => {\n                          const employee = employeeMap.get(item.employeeUuid || '')\n                          if (employee) {\n                            onToggleExclude(item)\n                          }\n                        },\n                      },\n                      ...(grossUpEnabled\n                        ? [\n                            {\n                              label: t('editMenu.setNetEarnings'),\n                              icon: <CoinsHandSvg aria-hidden />,\n                              onClick: () => {\n                                if (item.employeeUuid) {\n                                  onGrossUpSelect?.(item.employeeUuid)\n                                }\n                              },\n                            },\n                          ]\n                        : []),\n                    ]}\n                    triggerLabel={t('editMenu.edit')}\n                  />\n                )}\n                pagination={pagination}\n              />\n            </Flex>\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollConfigurationTitle","payPeriod","dateFormatter","PayrollConfigurationPresentation","employeeCompensations","employeeDetails","paySchedule","onEdit","onToggleExclude","onCalculatePayroll","onViewBlockers","payrollCategory","PayrollCategory","alerts","payrollAlert","isPending","isCalculating","payrollBlockers","pagination","withReimbursements","isCalculateDisabled","grossUpEnabled","onGrossUpSelect","Button","Heading","Text","Badge","Alert","useComponentContext","useI18n","useTranslation","useDateFormatter","formatEmployeePayRate","useFormatEmployeePayRate","containerRef","useRef","isDesktop","useContainerBreakpoints","employeeMap","employee","getEmployeeName","employeeUuid","firstLastName","jsx","styles","jsxs","Flex","FlexItem","Trans","Grid","PayrollLoading","Fragment","PayrollBlockerAlerts","DataView","item","payRateDisplay","hours","getRegularHours","overtimeHours","getOvertimeHours","formatHoursDisplay","ptoHours","getTotalPtoHours","earnings","getAdditionalEarnings","formatNumberAsCurrency","reimbursements","getReimbursements","calculatedGrossPay","calculateGrossPay","HamburgerMenu","PencilSvg","PlusCircle","XCircle","CoinsHandSvg"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { EmployeeCompensations } from '@gusto/embedded-api/models/components/payroll';
 import { Employee } from '@gusto/embedded-api/models/components/employee';
 import { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype';
-import { PaySchedule } from '@gusto/embedded-api/models/components/payschedule';
+import { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow';
 import { PayrollCategory } from '../payrollTypes';
 import { PaginationControlProps } from '../../Common/PaginationControl/PaginationControlTypes';
 interface UsePayrollConfigurationDataParams {
@@ -14,7 +14,7 @@ interface UsePayrollConfigurationDataReturn {
     employeeCompensations: EmployeeCompensations[];
     employeeDetails: Employee[];
     payPeriod: PayrollPayPeriodType | undefined;
-    paySchedule: PaySchedule | undefined;
+    paySchedule: PayScheduleShow | undefined;
     payrollCategory: PayrollCategory;
     pagination: PaginationControlProps;
     isLoading: boolean;

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

@@ -116,7 +116,7 @@ function fe({
     employeeCompensations: a?.employeeCompensations || [],
     employeeDetails: x,
     payPeriod: a?.payPeriod,
-    paySchedule: I?.paySchedule,
+    paySchedule: I?.payScheduleShow,
     payrollCategory: oe(a ?? {}),
     pagination: O,
     isLoading: z,

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

@@ -1 +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 { employeesGet } from '@gusto/embedded-api/funcs/employeesGet'\nimport type { EmployeeCompensations } from '@gusto/embedded-api/models/components/payroll'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PaySchedule } from '@gusto/embedded-api/models/components/payschedule'\nimport type { PayrollCategory } from '../payrollTypes'\nimport { derivePayrollCategory } from '../payrollTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\ninterface UsePayrollConfigurationDataParams {\n  companyId: string\n  payrollId: string\n  isCalculating?: boolean\n  excludedEmployeeUuids?: string[]\n}\n\ninterface UsePayrollConfigurationDataReturn {\n  employeeCompensations: EmployeeCompensations[]\n  employeeDetails: Employee[]\n  payPeriod: PayrollPayPeriodType | undefined\n  paySchedule: PaySchedule | undefined\n  payrollCategory: PayrollCategory\n  pagination: PaginationControlProps\n  isLoading: boolean\n  refetch: () => Promise<void>\n}\n\nexport const PREPARE_QUERY_KEY = 'payroll-prepare'\nconst FIVE_MINUTES = 5 * 60 * 1000\n\nexport function usePayrollConfigurationData({\n  companyId,\n  payrollId,\n  isCalculating = false,\n  excludedEmployeeUuids = [],\n}: UsePayrollConfigurationDataParams): UsePayrollConfigurationDataReturn {\n  const gustoClient = useGustoEmbeddedContext()\n  const queryClient = useQueryClient()\n\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination({\n    defaultItemsPerPage: 10,\n  })\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 listedEmployeeUuids = useMemo(() => {\n    return employeeData?.showEmployees?.map(e => e.uuid) || []\n  }, [employeeData?.showEmployees])\n\n  const missingExcludedUuids = useMemo(() => {\n    const listedSet = new Set(listedEmployeeUuids)\n    return excludedEmployeeUuids.filter(uuid => !listedSet.has(uuid))\n  }, [excludedEmployeeUuids, listedEmployeeUuids])\n\n  const employeeUuids = useMemo(() => {\n    if (currentPage === 1) {\n      return [...listedEmployeeUuids, ...missingExcludedUuids]\n    }\n    return listedEmployeeUuids\n  }, [listedEmployeeUuids, missingExcludedUuids, currentPage])\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 ({ signal }) => {\n      const result = await payrollsPrepare(\n        gustoClient,\n        {\n          companyId,\n          payrollId,\n          sortBy: 'last_name',\n          requestBody: {\n            employeeUuids,\n          },\n        },\n        { signal },\n      )\n\n      if (!result.ok) {\n        throw result.error\n      }\n\n      return result.value.payrollPrepared\n    },\n    enabled: employeeUuids.length > 0 && !isCalculating,\n    staleTime: FIVE_MINUTES,\n    placeholderData: keepPreviousData,\n  })\n\n  useEffect(() => {\n    return () => {\n      void queryClient.cancelQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n    }\n  }, [queryClient, payrollId])\n\n  useEffect(() => {\n    if (isCalculating) {\n      void queryClient.cancelQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n    }\n  }, [isCalculating, queryClient, payrollId])\n\n  const excludedUuidsKey = useMemo(() => missingExcludedUuids.join(','), [missingExcludedUuids])\n\n  const { data: excludedEmployeeDetails } = useQuery({\n    queryKey: ['excluded-employee-details', excludedUuidsKey],\n    queryFn: async () => {\n      const results = await Promise.all(\n        missingExcludedUuids.map(uuid => employeesGet(gustoClient, { employeeId: uuid })),\n      )\n      const failedResult = results.find(result => !result.ok)\n      if (failedResult) {\n        throw failedResult.error\n      }\n\n      return results\n        .filter(result => result.ok)\n        .map(result => result.value.employee)\n        .filter((e): e is Employee => e != null)\n    },\n    enabled: missingExcludedUuids.length > 0 && !isCalculating,\n    staleTime: FIVE_MINUTES,\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 allListedInSync =\n      currentUuids.length > 0 && currentUuids.every(uuid => preparedUuids.has(uuid))\n\n    if (allListedInSync) {\n      const mergedEmployees = [...currentEmployeeData.showEmployees]\n      if (currentPage === 1 && excludedEmployeeDetails?.length) {\n        const listedSet = new Set(currentUuids)\n        for (const employee of excludedEmployeeDetails) {\n          if (!listedSet.has(employee.uuid)) {\n            mergedEmployees.push(employee)\n          }\n        }\n      }\n      setDisplayedEmployees(mergedEmployees)\n      setIsDataInSync(true)\n      hasInitialDataRef.current = true\n    } else {\n      setIsDataInSync(false)\n    }\n  }, [prepareData?.employeeCompensations, excludedEmployeeDetails, currentPage])\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 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 headers = employeeData?.httpMeta.response.headers ?? new Headers()\n  const pagination: PaginationControlProps = getPaginationProps(headers, isPaginationFetching)\n\n  return {\n    employeeCompensations: prepareData?.employeeCompensations || [],\n    employeeDetails: displayedEmployees,\n    payPeriod: prepareData?.payPeriod,\n    paySchedule: payScheduleData?.paySchedule,\n    payrollCategory: derivePayrollCategory(prepareData ?? {}),\n    pagination,\n    isLoading,\n    refetch: handleRefetch,\n  }\n}\n"],"names":["PREPARE_QUERY_KEY","FIVE_MINUTES","usePayrollConfigurationData","companyId","payrollId","isCalculating","excludedEmployeeUuids","gustoClient","useGustoEmbeddedContext","queryClient","useQueryClient","currentPage","itemsPerPage","getPaginationProps","usePagination","displayedEmployees","setDisplayedEmployees","useState","isDataInSync","setIsDataInSync","hasInitialDataRef","useRef","employeeData","isFetchingEmployeeData","useEmployeesList","keepPreviousData","employeeDataRef","listedEmployeeUuids","useMemo","missingExcludedUuids","listedSet","uuid","employeeUuids","employeeUuidsKey","prepareData","isPrepareLoading","isPrepareFetching","useQuery","signal","result","payrollsPrepare","useEffect","excludedUuidsKey","excludedEmployeeDetails","results","employeesGet","failedResult","e","syncData","useCallback","currentEmployeeData","currentUuids","preparedUuids","c","mergedEmployees","employee","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handleRefetch","isInitialLoading","isPaginating","isPaginationFetching","isLoading","headers","pagination","derivePayrollCategory"],"mappings":";;;;;;;;;AAkCO,MAAMA,IAAoB,mBAC3BC,IAAe,MAAS;AAEvB,SAASC,GAA4B;AAAA,EAC1C,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,uBAAAC,IAAwB,CAAA;AAC1B,GAAyE;AACvE,QAAMC,IAAcC,GAAA,GACdC,IAAcC,EAAA,GAEd,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,EAAA,IAAuBC,GAAc;AAAA,IACtE,qBAAqB;AAAA,EAAA,CACtB,GACK,CAACC,GAAoBC,CAAqB,IAAIC,EAAqB,CAAA,CAAE,GACrE,CAACC,GAAcC,CAAe,IAAIF,EAAS,EAAK,GAChDG,IAAoBC,EAAO,EAAK,GAEhC,EAAE,MAAMC,GAAc,YAAYC,MAA2BC;AAAA,IACjE;AAAA,MACE,WAAArB;AAAA,MACA,aAAaC;AAAA,MACb,KAAKQ;AAAA,MACL,MAAMD;AAAA,MACN,QAAQ;AAAA,IAAA;AAAA,IAEV,EAAE,iBAAiBc,EAAA;AAAA,EAAiB,GAGhCC,IAAkBL,EAAOC,CAAY;AAC3C,EAAAI,EAAgB,UAAUJ;AAE1B,QAAMK,IAAsBC,EAAQ,MAC3BN,GAAc,eAAe,IAAI,OAAK,EAAE,IAAI,KAAK,CAAA,GACvD,CAACA,GAAc,aAAa,CAAC,GAE1BO,IAAuBD,EAAQ,MAAM;AACzC,UAAME,IAAY,IAAI,IAAIH,CAAmB;AAC7C,WAAOrB,EAAsB,OAAO,CAAAyB,MAAQ,CAACD,EAAU,IAAIC,CAAI,CAAC;AAAA,EAClE,GAAG,CAACzB,GAAuBqB,CAAmB,CAAC,GAEzCK,IAAgBJ,EAAQ,MACxBjB,MAAgB,IACX,CAAC,GAAGgB,GAAqB,GAAGE,CAAoB,IAElDF,GACN,CAACA,GAAqBE,GAAsBlB,CAAW,CAAC,GAErDsB,IAAmBL,EAAQ,MAAMI,EAAc,KAAK,GAAG,GAAG,CAACA,CAAa,CAAC,GAEzE;AAAA,IACJ,MAAME;AAAA,IACN,WAAWC;AAAA,IACX,YAAYC;AAAA,EAAA,IACVC,EAAS;AAAA,IACX,UAAU,CAACrC,GAAmBI,GAAW6B,CAAgB;AAAA,IACzD,SAAS,OAAO,EAAE,QAAAK,QAAa;AAC7B,YAAMC,IAAS,MAAMC;AAAA,QACnBjC;AAAA,QACA;AAAA,UACE,WAAAJ;AAAA,UACA,WAAAC;AAAA,UACA,QAAQ;AAAA,UACR,aAAa;AAAA,YACX,eAAA4B;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,EAAE,QAAAM,EAAA;AAAA,MAAO;AAGX,UAAI,CAACC,EAAO;AACV,cAAMA,EAAO;AAGf,aAAOA,EAAO,MAAM;AAAA,IACtB;AAAA,IACA,SAASP,EAAc,SAAS,KAAK,CAAC3B;AAAA,IACtC,WAAWJ;AAAA,IACX,iBAAiBwB;AAAA,EAAA,CAClB;AAED,EAAAgB,EAAU,MACD,MAAM;AACX,IAAKhC,EAAY,cAAc;AAAA,MAC7B,UAAU,CAACT,GAAmBI,CAAS;AAAA,IAAA,CACxC;AAAA,EACH,GACC,CAACK,GAAaL,CAAS,CAAC,GAE3BqC,EAAU,MAAM;AACd,IAAIpC,KACGI,EAAY,cAAc;AAAA,MAC7B,UAAU,CAACT,GAAmBI,CAAS;AAAA,IAAA,CACxC;AAAA,EAEL,GAAG,CAACC,GAAeI,GAAaL,CAAS,CAAC;AAE1C,QAAMsC,IAAmBd,EAAQ,MAAMC,EAAqB,KAAK,GAAG,GAAG,CAACA,CAAoB,CAAC,GAEvF,EAAE,MAAMc,EAAA,IAA4BN,EAAS;AAAA,IACjD,UAAU,CAAC,6BAA6BK,CAAgB;AAAA,IACxD,SAAS,YAAY;AACnB,YAAME,IAAU,MAAM,QAAQ;AAAA,QAC5Bf,EAAqB,IAAI,CAAAE,MAAQc,GAAatC,GAAa,EAAE,YAAYwB,GAAM,CAAC;AAAA,MAAA,GAE5Ee,IAAeF,EAAQ,KAAK,CAAAL,MAAU,CAACA,EAAO,EAAE;AACtD,UAAIO;AACF,cAAMA,EAAa;AAGrB,aAAOF,EACJ,OAAO,CAAAL,MAAUA,EAAO,EAAE,EAC1B,IAAI,CAAAA,MAAUA,EAAO,MAAM,QAAQ,EACnC,OAAO,CAACQ,MAAqBA,KAAK,IAAI;AAAA,IAC3C;AAAA,IACA,SAASlB,EAAqB,SAAS,KAAK,CAACxB;AAAA,IAC7C,WAAWJ;AAAA,EAAA,CACZ,GAEK+C,IAAWC,EAAY,MAAM;AACjC,UAAMC,IAAsBxB,EAAgB;AAC5C,QAAI,CAACwB,GAAqB,iBAAiB,CAAChB,GAAa,uBAAuB;AAC9E,MAAAf,EAAgB,EAAK;AACrB;AAAA,IACF;AAEA,UAAMgC,IAAeD,EAAoB,cAAc,IAAI,CAAAH,MAAKA,EAAE,IAAI,GAChEK,IAAgB,IAAI,IAAIlB,EAAY,sBAAsB,IAAI,CAAAmB,MAAKA,EAAE,YAAY,CAAC;AAIxF,QAFEF,EAAa,SAAS,KAAKA,EAAa,MAAM,CAAApB,MAAQqB,EAAc,IAAIrB,CAAI,CAAC,GAE1D;AACnB,YAAMuB,IAAkB,CAAC,GAAGJ,EAAoB,aAAa;AAC7D,UAAIvC,MAAgB,KAAKgC,GAAyB,QAAQ;AACxD,cAAMb,IAAY,IAAI,IAAIqB,CAAY;AACtC,mBAAWI,KAAYZ;AACrB,UAAKb,EAAU,IAAIyB,EAAS,IAAI,KAC9BD,EAAgB,KAAKC,CAAQ;AAAA,MAGnC;AACA,MAAAvC,EAAsBsC,CAAe,GACrCnC,EAAgB,EAAI,GACpBC,EAAkB,UAAU;AAAA,IAC9B;AACE,MAAAD,EAAgB,EAAK;AAAA,EAEzB,GAAG,CAACe,GAAa,uBAAuBS,GAAyBhC,CAAW,CAAC;AAE7E,EAAA8B,EAAU,MAAM;AACd,IAAAO,EAAA;AAAA,EACF,GAAG,CAACA,CAAQ,CAAC;AAEb,QAAM,EAAE,MAAMQ,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAAvD;AAAA,MACA,eAAe+B,GAAa,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAE5D;AAAA,MACE,SAAS,CAAC,CAACA,GAAa,WAAW;AAAA,IAAA;AAAA,EACrC,GAGIyB,IAAgBV,EAAY,YAAY;AAC5C,UAAMxC,EAAY,kBAAkB;AAAA,MAClC,UAAU,CAACT,GAAmBI,CAAS;AAAA,IAAA,CACxC;AAAA,EACH,GAAG,CAACK,GAAaL,CAAS,CAAC,GAErBwD,IAAmBzB,KAAoB,CAACf,EAAkB,SAC1DyC,IAAezB,KAAqBhB,EAAkB,SACtD0C,IAAuBvC,KAA0BsC,KAAgB,CAAC3C,GAClE6C,IACJH,KAAoBH,KAAyB,CAACnC,KAAgBC,GAE1DyC,IAAU1C,GAAc,SAAS,SAAS,WAAW,IAAI,QAAA,GACzD2C,IAAqCpD,EAAmBmD,GAASF,CAAoB;AAE3F,SAAO;AAAA,IACL,uBAAuB5B,GAAa,yBAAyB,CAAA;AAAA,IAC7D,iBAAiBnB;AAAA,IACjB,WAAWmB,GAAa;AAAA,IACxB,aAAasB,GAAiB;AAAA,IAC9B,iBAAiBU,GAAsBhC,KAAe,EAAE;AAAA,IACxD,YAAA+B;AAAA,IACA,WAAAF;AAAA,IACA,SAASJ;AAAA,EAAA;AAEb;"}
+{"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 { employeesGet } from '@gusto/embedded-api/funcs/employeesGet'\nimport type { EmployeeCompensations } from '@gusto/embedded-api/models/components/payroll'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport type { PayrollCategory } from '../payrollTypes'\nimport { derivePayrollCategory } from '../payrollTypes'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\ninterface UsePayrollConfigurationDataParams {\n  companyId: string\n  payrollId: string\n  isCalculating?: boolean\n  excludedEmployeeUuids?: string[]\n}\n\ninterface UsePayrollConfigurationDataReturn {\n  employeeCompensations: EmployeeCompensations[]\n  employeeDetails: Employee[]\n  payPeriod: PayrollPayPeriodType | undefined\n  paySchedule: PayScheduleShow | undefined\n  payrollCategory: PayrollCategory\n  pagination: PaginationControlProps\n  isLoading: boolean\n  refetch: () => Promise<void>\n}\n\nexport const PREPARE_QUERY_KEY = 'payroll-prepare'\nconst FIVE_MINUTES = 5 * 60 * 1000\n\nexport function usePayrollConfigurationData({\n  companyId,\n  payrollId,\n  isCalculating = false,\n  excludedEmployeeUuids = [],\n}: UsePayrollConfigurationDataParams): UsePayrollConfigurationDataReturn {\n  const gustoClient = useGustoEmbeddedContext()\n  const queryClient = useQueryClient()\n\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination({\n    defaultItemsPerPage: 10,\n  })\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 listedEmployeeUuids = useMemo(() => {\n    return employeeData?.showEmployees?.map(e => e.uuid) || []\n  }, [employeeData?.showEmployees])\n\n  const missingExcludedUuids = useMemo(() => {\n    const listedSet = new Set(listedEmployeeUuids)\n    return excludedEmployeeUuids.filter(uuid => !listedSet.has(uuid))\n  }, [excludedEmployeeUuids, listedEmployeeUuids])\n\n  const employeeUuids = useMemo(() => {\n    if (currentPage === 1) {\n      return [...listedEmployeeUuids, ...missingExcludedUuids]\n    }\n    return listedEmployeeUuids\n  }, [listedEmployeeUuids, missingExcludedUuids, currentPage])\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 ({ signal }) => {\n      const result = await payrollsPrepare(\n        gustoClient,\n        {\n          companyId,\n          payrollId,\n          sortBy: 'last_name',\n          requestBody: {\n            employeeUuids,\n          },\n        },\n        { signal },\n      )\n\n      if (!result.ok) {\n        throw result.error\n      }\n\n      return result.value.payrollPrepared\n    },\n    enabled: employeeUuids.length > 0 && !isCalculating,\n    staleTime: FIVE_MINUTES,\n    placeholderData: keepPreviousData,\n  })\n\n  useEffect(() => {\n    return () => {\n      void queryClient.cancelQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n    }\n  }, [queryClient, payrollId])\n\n  useEffect(() => {\n    if (isCalculating) {\n      void queryClient.cancelQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\n      })\n    }\n  }, [isCalculating, queryClient, payrollId])\n\n  const excludedUuidsKey = useMemo(() => missingExcludedUuids.join(','), [missingExcludedUuids])\n\n  const { data: excludedEmployeeDetails } = useQuery({\n    queryKey: ['excluded-employee-details', excludedUuidsKey],\n    queryFn: async () => {\n      const results = await Promise.all(\n        missingExcludedUuids.map(uuid => employeesGet(gustoClient, { employeeId: uuid })),\n      )\n      const failedResult = results.find(result => !result.ok)\n      if (failedResult) {\n        throw failedResult.error\n      }\n\n      return results\n        .filter(result => result.ok)\n        .map(result => result.value.employee)\n        .filter((e): e is Employee => e != null)\n    },\n    enabled: missingExcludedUuids.length > 0 && !isCalculating,\n    staleTime: FIVE_MINUTES,\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 allListedInSync =\n      currentUuids.length > 0 && currentUuids.every(uuid => preparedUuids.has(uuid))\n\n    if (allListedInSync) {\n      const mergedEmployees = [...currentEmployeeData.showEmployees]\n      if (currentPage === 1 && excludedEmployeeDetails?.length) {\n        const listedSet = new Set(currentUuids)\n        for (const employee of excludedEmployeeDetails) {\n          if (!listedSet.has(employee.uuid)) {\n            mergedEmployees.push(employee)\n          }\n        }\n      }\n      setDisplayedEmployees(mergedEmployees)\n      setIsDataInSync(true)\n      hasInitialDataRef.current = true\n    } else {\n      setIsDataInSync(false)\n    }\n  }, [prepareData?.employeeCompensations, excludedEmployeeDetails, currentPage])\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 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 headers = employeeData?.httpMeta.response.headers ?? new Headers()\n  const pagination: PaginationControlProps = getPaginationProps(headers, isPaginationFetching)\n\n  return {\n    employeeCompensations: prepareData?.employeeCompensations || [],\n    employeeDetails: displayedEmployees,\n    payPeriod: prepareData?.payPeriod,\n    paySchedule: payScheduleData?.payScheduleShow,\n    payrollCategory: derivePayrollCategory(prepareData ?? {}),\n    pagination,\n    isLoading,\n    refetch: handleRefetch,\n  }\n}\n"],"names":["PREPARE_QUERY_KEY","FIVE_MINUTES","usePayrollConfigurationData","companyId","payrollId","isCalculating","excludedEmployeeUuids","gustoClient","useGustoEmbeddedContext","queryClient","useQueryClient","currentPage","itemsPerPage","getPaginationProps","usePagination","displayedEmployees","setDisplayedEmployees","useState","isDataInSync","setIsDataInSync","hasInitialDataRef","useRef","employeeData","isFetchingEmployeeData","useEmployeesList","keepPreviousData","employeeDataRef","listedEmployeeUuids","useMemo","missingExcludedUuids","listedSet","uuid","employeeUuids","employeeUuidsKey","prepareData","isPrepareLoading","isPrepareFetching","useQuery","signal","result","payrollsPrepare","useEffect","excludedUuidsKey","excludedEmployeeDetails","results","employeesGet","failedResult","e","syncData","useCallback","currentEmployeeData","currentUuids","preparedUuids","c","mergedEmployees","employee","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handleRefetch","isInitialLoading","isPaginating","isPaginationFetching","isLoading","headers","pagination","derivePayrollCategory"],"mappings":";;;;;;;;;AAkCO,MAAMA,IAAoB,mBAC3BC,IAAe,MAAS;AAEvB,SAASC,GAA4B;AAAA,EAC1C,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,uBAAAC,IAAwB,CAAA;AAC1B,GAAyE;AACvE,QAAMC,IAAcC,GAAA,GACdC,IAAcC,EAAA,GAEd,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,EAAA,IAAuBC,GAAc;AAAA,IACtE,qBAAqB;AAAA,EAAA,CACtB,GACK,CAACC,GAAoBC,CAAqB,IAAIC,EAAqB,CAAA,CAAE,GACrE,CAACC,GAAcC,CAAe,IAAIF,EAAS,EAAK,GAChDG,IAAoBC,EAAO,EAAK,GAEhC,EAAE,MAAMC,GAAc,YAAYC,MAA2BC;AAAA,IACjE;AAAA,MACE,WAAArB;AAAA,MACA,aAAaC;AAAA,MACb,KAAKQ;AAAA,MACL,MAAMD;AAAA,MACN,QAAQ;AAAA,IAAA;AAAA,IAEV,EAAE,iBAAiBc,EAAA;AAAA,EAAiB,GAGhCC,IAAkBL,EAAOC,CAAY;AAC3C,EAAAI,EAAgB,UAAUJ;AAE1B,QAAMK,IAAsBC,EAAQ,MAC3BN,GAAc,eAAe,IAAI,OAAK,EAAE,IAAI,KAAK,CAAA,GACvD,CAACA,GAAc,aAAa,CAAC,GAE1BO,IAAuBD,EAAQ,MAAM;AACzC,UAAME,IAAY,IAAI,IAAIH,CAAmB;AAC7C,WAAOrB,EAAsB,OAAO,CAAAyB,MAAQ,CAACD,EAAU,IAAIC,CAAI,CAAC;AAAA,EAClE,GAAG,CAACzB,GAAuBqB,CAAmB,CAAC,GAEzCK,IAAgBJ,EAAQ,MACxBjB,MAAgB,IACX,CAAC,GAAGgB,GAAqB,GAAGE,CAAoB,IAElDF,GACN,CAACA,GAAqBE,GAAsBlB,CAAW,CAAC,GAErDsB,IAAmBL,EAAQ,MAAMI,EAAc,KAAK,GAAG,GAAG,CAACA,CAAa,CAAC,GAEzE;AAAA,IACJ,MAAME;AAAA,IACN,WAAWC;AAAA,IACX,YAAYC;AAAA,EAAA,IACVC,EAAS;AAAA,IACX,UAAU,CAACrC,GAAmBI,GAAW6B,CAAgB;AAAA,IACzD,SAAS,OAAO,EAAE,QAAAK,QAAa;AAC7B,YAAMC,IAAS,MAAMC;AAAA,QACnBjC;AAAA,QACA;AAAA,UACE,WAAAJ;AAAA,UACA,WAAAC;AAAA,UACA,QAAQ;AAAA,UACR,aAAa;AAAA,YACX,eAAA4B;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,EAAE,QAAAM,EAAA;AAAA,MAAO;AAGX,UAAI,CAACC,EAAO;AACV,cAAMA,EAAO;AAGf,aAAOA,EAAO,MAAM;AAAA,IACtB;AAAA,IACA,SAASP,EAAc,SAAS,KAAK,CAAC3B;AAAA,IACtC,WAAWJ;AAAA,IACX,iBAAiBwB;AAAA,EAAA,CAClB;AAED,EAAAgB,EAAU,MACD,MAAM;AACX,IAAKhC,EAAY,cAAc;AAAA,MAC7B,UAAU,CAACT,GAAmBI,CAAS;AAAA,IAAA,CACxC;AAAA,EACH,GACC,CAACK,GAAaL,CAAS,CAAC,GAE3BqC,EAAU,MAAM;AACd,IAAIpC,KACGI,EAAY,cAAc;AAAA,MAC7B,UAAU,CAACT,GAAmBI,CAAS;AAAA,IAAA,CACxC;AAAA,EAEL,GAAG,CAACC,GAAeI,GAAaL,CAAS,CAAC;AAE1C,QAAMsC,IAAmBd,EAAQ,MAAMC,EAAqB,KAAK,GAAG,GAAG,CAACA,CAAoB,CAAC,GAEvF,EAAE,MAAMc,EAAA,IAA4BN,EAAS;AAAA,IACjD,UAAU,CAAC,6BAA6BK,CAAgB;AAAA,IACxD,SAAS,YAAY;AACnB,YAAME,IAAU,MAAM,QAAQ;AAAA,QAC5Bf,EAAqB,IAAI,CAAAE,MAAQc,GAAatC,GAAa,EAAE,YAAYwB,GAAM,CAAC;AAAA,MAAA,GAE5Ee,IAAeF,EAAQ,KAAK,CAAAL,MAAU,CAACA,EAAO,EAAE;AACtD,UAAIO;AACF,cAAMA,EAAa;AAGrB,aAAOF,EACJ,OAAO,CAAAL,MAAUA,EAAO,EAAE,EAC1B,IAAI,CAAAA,MAAUA,EAAO,MAAM,QAAQ,EACnC,OAAO,CAACQ,MAAqBA,KAAK,IAAI;AAAA,IAC3C;AAAA,IACA,SAASlB,EAAqB,SAAS,KAAK,CAACxB;AAAA,IAC7C,WAAWJ;AAAA,EAAA,CACZ,GAEK+C,IAAWC,EAAY,MAAM;AACjC,UAAMC,IAAsBxB,EAAgB;AAC5C,QAAI,CAACwB,GAAqB,iBAAiB,CAAChB,GAAa,uBAAuB;AAC9E,MAAAf,EAAgB,EAAK;AACrB;AAAA,IACF;AAEA,UAAMgC,IAAeD,EAAoB,cAAc,IAAI,CAAAH,MAAKA,EAAE,IAAI,GAChEK,IAAgB,IAAI,IAAIlB,EAAY,sBAAsB,IAAI,CAAAmB,MAAKA,EAAE,YAAY,CAAC;AAIxF,QAFEF,EAAa,SAAS,KAAKA,EAAa,MAAM,CAAApB,MAAQqB,EAAc,IAAIrB,CAAI,CAAC,GAE1D;AACnB,YAAMuB,IAAkB,CAAC,GAAGJ,EAAoB,aAAa;AAC7D,UAAIvC,MAAgB,KAAKgC,GAAyB,QAAQ;AACxD,cAAMb,IAAY,IAAI,IAAIqB,CAAY;AACtC,mBAAWI,KAAYZ;AACrB,UAAKb,EAAU,IAAIyB,EAAS,IAAI,KAC9BD,EAAgB,KAAKC,CAAQ;AAAA,MAGnC;AACA,MAAAvC,EAAsBsC,CAAe,GACrCnC,EAAgB,EAAI,GACpBC,EAAkB,UAAU;AAAA,IAC9B;AACE,MAAAD,EAAgB,EAAK;AAAA,EAEzB,GAAG,CAACe,GAAa,uBAAuBS,GAAyBhC,CAAW,CAAC;AAE7E,EAAA8B,EAAU,MAAM;AACd,IAAAO,EAAA;AAAA,EACF,GAAG,CAACA,CAAQ,CAAC;AAEb,QAAM,EAAE,MAAMQ,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAAvD;AAAA,MACA,eAAe+B,GAAa,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAE5D;AAAA,MACE,SAAS,CAAC,CAACA,GAAa,WAAW;AAAA,IAAA;AAAA,EACrC,GAGIyB,IAAgBV,EAAY,YAAY;AAC5C,UAAMxC,EAAY,kBAAkB;AAAA,MAClC,UAAU,CAACT,GAAmBI,CAAS;AAAA,IAAA,CACxC;AAAA,EACH,GAAG,CAACK,GAAaL,CAAS,CAAC,GAErBwD,IAAmBzB,KAAoB,CAACf,EAAkB,SAC1DyC,IAAezB,KAAqBhB,EAAkB,SACtD0C,IAAuBvC,KAA0BsC,KAAgB,CAAC3C,GAClE6C,IACJH,KAAoBH,KAAyB,CAACnC,KAAgBC,GAE1DyC,IAAU1C,GAAc,SAAS,SAAS,WAAW,IAAI,QAAA,GACzD2C,IAAqCpD,EAAmBmD,GAASF,CAAoB;AAE3F,SAAO;AAAA,IACL,uBAAuB5B,GAAa,yBAAyB,CAAA;AAAA,IAC7D,iBAAiBnB;AAAA,IACjB,WAAWmB,GAAa;AAAA,IACxB,aAAasB,GAAiB;AAAA,IAC9B,iBAAiBU,GAAsBhC,KAAe,EAAE;AAAA,IACxD,YAAA+B;AAAA,IACA,WAAAF;AAAA,IACA,SAASJ;AAAA,EAAA;AAEb;"}

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

@@ -26,11 +26,11 @@ const G = ({
   N("Payroll.PayrollEditEmployee", c);
   const y = x(), { LoadingIndicator: d, baseSubmitHandler: E } = Q(), { data: P } = Y({ employeeId: e }), { data: f } = h({
     employeeId: e
-  }), C = v(() => [e], [e]), { preparedPayroll: t, paySchedule: L, isLoading: A } = B({
+  }), C = v(() => [e], [e]), { preparedPayroll: t, paySchedule: A, isLoading: L } = B({
     companyId: s,
     payrollId: a,
     employeeUuids: C
-  }), { mutateAsync: D, isPending: R } = k(), m = P.employee, S = t?.employeeCompensations?.at(0), _ = (f.employeeBankAccountList || []).length > 0, b = ({
+  }), { mutateAsync: D, isPending: R } = k(), m = P.employee, S = t?.employeeCompensations?.at(0), _ = (f.employeeBankAccounts || []).length > 0, b = ({
     paymentMethod: o,
     reimbursements: l,
     ...r
@@ -60,7 +60,7 @@ const G = ({
   }, U = () => {
     i(p.RUN_PAYROLL_EMPLOYEE_CANCELLED);
   };
-  return A ? /* @__PURE__ */ n(d, {}) : /* @__PURE__ */ n(
+  return L ? /* @__PURE__ */ n(d, {}) : /* @__PURE__ */ n(
     w,
     {
       onSave: g,
@@ -70,7 +70,7 @@ const G = ({
       employeeCompensation: S,
       fixedCompensationTypes: t?.fixedCompensationTypes || [],
       payPeriodStartDate: t?.payPeriod?.startDate,
-      paySchedule: L,
+      paySchedule: A,
       payrollCategory: q(t ?? {}),
       withReimbursements: u,
       hasDirectDepositSetup: _

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 { 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 { useQueryClient } from '@tanstack/react-query'\nimport { usePreparedPayrollData } from '../usePreparedPayrollData'\nimport { PREPARE_QUERY_KEY } from '../PayrollConfiguration/usePayrollConfigurationData'\nimport { derivePayrollCategory } from '../payrollTypes'\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 queryClient = useQueryClient()\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], [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      await queryClient.invalidateQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\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      payrollCategory={derivePayrollCategory(preparedPayroll ?? {})}\n      withReimbursements={withReimbursements}\n      hasDirectDepositSetup={hasDirectDepositSetup}\n    />\n  )\n}\n"],"names":["PayrollEditEmployee","props","jsx","BaseComponent","Root","employeeId","companyId","payrollId","onEvent","dictionary","withReimbursements","useComponentDictionary","queryClient","useQueryClient","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","PREPARE_QUERY_KEY","componentEvents","onCancel","PayrollEditEmployeePresentation","derivePayrollCategory"],"mappings":";;;;;;;;;;;;;;AAwBO,SAASA,GAAoBC,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,QAAMG,IAAcC,EAAA,GACd,EAAE,kBAAAC,GAAkB,mBAAAC,EAAA,IAAsBC,EAAA,GAE1C,EAAE,MAAMC,EAAA,IAAiBC,EAAwB,EAAE,YAAAb,GAAY,GAC/D,EAAE,MAAMc,EAAA,IAAqBC,EAAiD;AAAA,IAClF,YAAAf;AAAA,EAAA,CACD,GACKgB,IAAqBC,EAAQ,MAAM,CAACjB,CAAU,GAAG,CAACA,CAAU,CAAC,GAC7D,EAAE,iBAAAkB,GAAiB,aAAAC,GAAa,WAAAC,EAAA,IAAcC,EAAuB;AAAA,IACzE,WAAApB;AAAA,IACA,WAAAC;AAAA,IACA,eAAec;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,WAAArB;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB,CAACgC,CAAuB;AAAA,UAAA;AAAA,QACjD;AAAA,MACF,CACD;AAED,YAAM3B,EAAY,kBAAkB;AAAA,QAClC,UAAU,CAAC6B,GAAmBlC,CAAS;AAAA,MAAA,CACxC,GAEDC,EAAQkC,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBF,EAAO;AAAA,QACxB,UAAAV;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH,GAEMa,IAAW,MAAM;AACrB,IAAAnC,EAAQkC,EAAgB,8BAA8B;AAAA,EACxD;AAEA,SAAIjB,sBACMX,GAAA,EAAiB,IAIzB,gBAAAZ;AAAA,IAAC0C;AAAA,IAAA;AAAA,MACC,QAAAP;AAAA,MACA,UAAAM;AAAA,MACA,UAAAb;AAAA,MACA,WAAAF;AAAA,MACA,sBAAAG;AAAA,MACA,wBAAwBR,GAAiB,0BAA0B,CAAA;AAAA,MACnE,oBAAoBA,GAAiB,WAAW;AAAA,MAChD,aAAAC;AAAA,MACA,iBAAiBqB,EAAsBtB,KAAmB,EAAE;AAAA,MAC5D,oBAAAb;AAAA,MACA,uBAAAsB;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 { useQueryClient } from '@tanstack/react-query'\nimport { usePreparedPayrollData } from '../usePreparedPayrollData'\nimport { PREPARE_QUERY_KEY } from '../PayrollConfiguration/usePayrollConfigurationData'\nimport { derivePayrollCategory } from '../payrollTypes'\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 queryClient = useQueryClient()\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], [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.employeeBankAccounts || []\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      await queryClient.invalidateQueries({\n        queryKey: [PREPARE_QUERY_KEY, payrollId],\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      payrollCategory={derivePayrollCategory(preparedPayroll ?? {})}\n      withReimbursements={withReimbursements}\n      hasDirectDepositSetup={hasDirectDepositSetup}\n    />\n  )\n}\n"],"names":["PayrollEditEmployee","props","jsx","BaseComponent","Root","employeeId","companyId","payrollId","onEvent","dictionary","withReimbursements","useComponentDictionary","queryClient","useQueryClient","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","PREPARE_QUERY_KEY","componentEvents","onCancel","PayrollEditEmployeePresentation","derivePayrollCategory"],"mappings":";;;;;;;;;;;;;;AAwBO,SAASA,GAAoBC,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,QAAMG,IAAcC,EAAA,GACd,EAAE,kBAAAC,GAAkB,mBAAAC,EAAA,IAAsBC,EAAA,GAE1C,EAAE,MAAMC,EAAA,IAAiBC,EAAwB,EAAE,YAAAb,GAAY,GAC/D,EAAE,MAAMc,EAAA,IAAqBC,EAAiD;AAAA,IAClF,YAAAf;AAAA,EAAA,CACD,GACKgB,IAAqBC,EAAQ,MAAM,CAACjB,CAAU,GAAG,CAACA,CAAU,CAAC,GAC7D,EAAE,iBAAAkB,GAAiB,aAAAC,GAAa,WAAAC,EAAA,IAAcC,EAAuB;AAAA,IACzE,WAAApB;AAAA,IACA,WAAAC;AAAA,IACA,eAAec;AAAA,EAAA,CAChB,GAEK,EAAE,aAAaM,GAAe,WAAAC,EAAA,IAAcC,EAAA,GAE5CC,IAAWb,EAAa,UACxBc,IAAuBR,GAAiB,uBAAuB,GAAG,CAAC,GAEnES,KADeb,EAAiB,wBAAwB,CAAA,GACnB,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,WAAArB;AAAA,UACA,WAAAC;AAAA,UACA,eAAe;AAAA,YACb,uBAAuB,CAACgC,CAAuB;AAAA,UAAA;AAAA,QACjD;AAAA,MACF,CACD;AAED,YAAM3B,EAAY,kBAAkB;AAAA,QAClC,UAAU,CAAC6B,GAAmBlC,CAAS;AAAA,MAAA,CACxC,GAEDC,EAAQkC,EAAgB,4BAA4B;AAAA,QAClD,iBAAiBF,EAAO;AAAA,QACxB,UAAAV;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH,GAEMa,IAAW,MAAM;AACrB,IAAAnC,EAAQkC,EAAgB,8BAA8B;AAAA,EACxD;AAEA,SAAIjB,sBACMX,GAAA,EAAiB,IAIzB,gBAAAZ;AAAA,IAAC0C;AAAA,IAAA;AAAA,MACC,QAAAP;AAAA,MACA,UAAAM;AAAA,MACA,UAAAb;AAAA,MACA,WAAAF;AAAA,MACA,sBAAAG;AAAA,MACA,wBAAwBR,GAAiB,0BAA0B,CAAA;AAAA,MACnE,oBAAoBA,GAAiB,WAAW;AAAA,MAChD,aAAAC;AAAA,MACA,iBAAiBqB,EAAsBtB,KAAmB,EAAE;AAAA,MAC5D,oBAAAb;AAAA,MACA,uBAAAsB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,7 +1,7 @@
 import { Employee } from '@gusto/embedded-api/models/components/employee';
 import { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype';
 import { PayrollFixedCompensationTypesType } from '@gusto/embedded-api/models/components/payrollfixedcompensationtypestype';
-import { PaySchedule as PayScheduleObject } from '@gusto/embedded-api/models/components/payschedule';
+import { PayScheduleShow as PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleshow';
 import { z } from 'zod';
 import { PayrollCategory } from '../payrollTypes';
 interface PayrollEditEmployeeProps {

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollEditEmployeePresentation.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type {\n  PayrollEmployeeCompensationsTypeFixedCompensations as FixedCompensations,\n  PayrollEmployeeCompensationsType,\n  PayrollEmployeeCompensationsTypePaidTimeOff,\n} from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport { PayrollEmployeeCompensationsTypePaymentMethod } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollFixedCompensationTypesType } from '@gusto/embedded-api/models/components/payrollfixedcompensationtypestype'\nimport type { PaySchedule as PayScheduleObject } from '@gusto/embedded-api/models/components/payschedule'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './PayrollEditEmployeePresentation.module.scss'\nimport { TimeOffField, PayoutTimeOffField } from './TimeOffField'\nimport { Flex, Grid, TextInputField, RadioGroupField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Form } from '@/components/Common/Form'\nimport { formatNumberAsCurrency, firstLastName } from '@/helpers/formattedStrings'\nimport {\n  getAdditionalEarningsCompensations,\n  getReimbursementCompensation,\n  calculateGrossPay,\n} from '@/components/Payroll/helpers'\nimport { PayrollCategory } from '@/components/Payroll/payrollTypes'\nimport {\n  COMPENSATION_NAME_DOUBLE_OVERTIME,\n  COMPENSATION_NAME_OVERTIME,\n  COMPENSATION_NAME_REGULAR_HOURS,\n  HOURS_COMPENSATION_NAMES,\n  EXCLUDED_ADDITIONAL_EARNINGS,\n  COMPENSATION_NAME_REIMBURSEMENT,\n  COMPENSATION_NAME_BONUS,\n  COMPENSATION_NAME_PAYCHECK_TIPS,\n  COMPENSATION_NAME_CORRECTION_PAYMENT,\n  COMPENSATION_NAME_COMMISSION,\n  COMPENSATION_NAME_CASH_TIPS,\n} from '@/shared/constants'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollEditEmployeeProps {\n  onSave: (updatedCompensation: PayrollEmployeeCompensationsType) => void\n  onCancel: () => void\n  employee: Employee\n  employeeCompensation?: PayrollEmployeeCompensationsType\n  isPending?: boolean\n  fixedCompensationTypes: PayrollFixedCompensationTypesType[]\n  payPeriodStartDate?: string\n  paySchedule?: PayScheduleObject\n  payrollCategory?: PayrollCategory\n  withReimbursements?: boolean\n  hasDirectDepositSetup?: boolean\n}\n\nexport const PayrollEditEmployeeFormSchema = z.object({\n  hourlyCompensations: z.record(z.string(), z.record(z.string(), z.string().optional())),\n  timeOffCompensations: z.record(z.string(), z.string().optional()),\n  finalPayoutCompensations: z.record(z.string(), z.string().optional()),\n  fixedCompensations: z.record(z.string(), z.string().optional()),\n  paymentMethod: z.enum(PayrollEmployeeCompensationsTypePaymentMethod).optional(),\n})\n\nexport type PayrollEditEmployeeFormValues = z.infer<typeof PayrollEditEmployeeFormSchema>\n\nconst buildCompensationFromFormData = (\n  formData: PayrollEditEmployeeFormValues,\n  employeeCompensation: PayrollEmployeeCompensationsType | undefined,\n  timeOff: PayrollEmployeeCompensationsTypePaidTimeOff[],\n  primaryJobUuid?: string,\n  payrollCategory: PayrollCategory = PayrollCategory.Regular,\n): PayrollEmployeeCompensationsType => {\n  const updatedCompensation = {\n    ...employeeCompensation,\n    paymentMethod: formData.paymentMethod,\n  }\n\n  updatedCompensation.hourlyCompensations = employeeCompensation?.hourlyCompensations?.map(\n    compensation => {\n      const hours =\n        compensation.jobUuid && compensation.name\n          ? formData.hourlyCompensations[compensation.jobUuid]?.[compensation.name]\n          : undefined\n      return hours\n        ? {\n            ...compensation,\n            hours,\n          }\n        : compensation\n    },\n  )\n\n  updatedCompensation.paidTimeOff = timeOff.map(timeOffEntry => {\n    const isDismissal = payrollCategory === PayrollCategory.Dismissal\n    const { finalPayoutUnusedHoursInput: _, ...timeOffWithoutPayout } = timeOffEntry\n\n    if (isDismissal) {\n      const finalPayout =\n        formData.finalPayoutCompensations[timeOffEntry.name!] ??\n        timeOffEntry.finalPayoutUnusedHoursInput\n      return {\n        ...timeOffEntry,\n        hours: formData.timeOffCompensations[timeOffEntry.name!] || '0',\n        ...(finalPayout != null ? { finalPayoutUnusedHoursInput: finalPayout || '0' } : {}),\n      }\n    }\n\n    return {\n      ...timeOffWithoutPayout,\n      hours: formData.timeOffCompensations[timeOffEntry.name!] || '0',\n    }\n  })\n\n  const updatedFixedCompensations: FixedCompensations[] = []\n\n  Object.entries(formData.fixedCompensations).forEach(([fixedCompensationName, formAmount]) => {\n    const existingFixedCompensation = employeeCompensation?.fixedCompensations?.find(\n      fixedCompensation =>\n        fixedCompensation.name?.toLowerCase() === fixedCompensationName.toLowerCase(),\n    )\n\n    if (formAmount !== undefined && formAmount !== '') {\n      if (existingFixedCompensation) {\n        updatedFixedCompensations.push({\n          name: existingFixedCompensation.name,\n          jobUuid: existingFixedCompensation.jobUuid,\n          amount: formAmount,\n        })\n      } else if (parseFloat(formAmount) !== 0) {\n        updatedFixedCompensations.push({\n          name: fixedCompensationName,\n          jobUuid: primaryJobUuid,\n          amount: formAmount,\n        })\n      }\n    }\n  })\n\n  updatedCompensation.fixedCompensations = updatedFixedCompensations\n\n  return updatedCompensation\n}\n\nexport const PayrollEditEmployeePresentation = ({\n  onSave,\n  onCancel,\n  employee,\n  employeeCompensation,\n  isPending = false,\n  fixedCompensationTypes,\n  payPeriodStartDate,\n  paySchedule,\n  payrollCategory = PayrollCategory.Regular,\n  withReimbursements = true,\n  hasDirectDepositSetup = true,\n}: PayrollEditEmployeeProps) => {\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n  useI18n('Payroll.PayrollEditEmployee')\n\n  const primaryJob = employee.jobs?.find(job => job.primary)\n  const primaryJobHasHourlyCompensations = employeeCompensation?.hourlyCompensations?.some(\n    c => c.jobUuid === primaryJob?.uuid,\n  )\n  const hourlyJobs = primaryJob && primaryJobHasHourlyCompensations ? [primaryJob] : []\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: containerRef,\n  })\n  const isSmallOrGreater = breakpoints.includes('small')\n\n  employeeCompensation?.hourlyCompensations?.forEach(compensation => {\n    const job = employee.jobs?.find(job => job.uuid === compensation.jobUuid)\n    if (job && !hourlyJobs.find(hourlyJob => hourlyJob.uuid === job.uuid)) {\n      hourlyJobs.push(job)\n    }\n  })\n\n  const timeOff = (employeeCompensation?.paidTimeOff || []).filter(entry => entry.name)\n\n  const additionalEarnings = getAdditionalEarningsCompensations({\n    flsaStatus: primaryJob?.compensations?.[0]?.flsaStatus,\n    existingFixedCompensations: employeeCompensation?.fixedCompensations || [],\n    primaryJobUuid: primaryJob?.uuid,\n    fixedCompensationTypes,\n    excludedTypes: EXCLUDED_ADDITIONAL_EARNINGS,\n  })\n\n  const reimbursement = withReimbursements\n    ? getReimbursementCompensation(\n        employeeCompensation?.fixedCompensations || [],\n        fixedCompensationTypes,\n        primaryJob?.uuid,\n      )\n    : null\n\n  const findMatchingCompensation = (jobUuid: string, compensationName: string) => {\n    return employeeCompensation?.hourlyCompensations?.find(\n      compensation =>\n        compensation.jobUuid === jobUuid &&\n        compensation.name?.toLowerCase() === compensationName.toLowerCase(),\n    )\n  }\n\n  const getCompensationLabel = (compensationName?: string) => {\n    switch (compensationName) {\n      case COMPENSATION_NAME_REGULAR_HOURS:\n        return t('compensationNames.regularHours')\n      case COMPENSATION_NAME_OVERTIME:\n        return t('compensationNames.overtime')\n      case COMPENSATION_NAME_DOUBLE_OVERTIME:\n        return t('compensationNames.doubleOvertime')\n      default:\n        return compensationName\n    }\n  }\n\n  const getFixedCompensationLabel = (compensationName?: string) => {\n    switch (compensationName) {\n      case COMPENSATION_NAME_BONUS:\n        return t('fixedCompensationNames.bonus')\n      case COMPENSATION_NAME_PAYCHECK_TIPS:\n        return t('fixedCompensationNames.paycheckTips')\n      case COMPENSATION_NAME_CORRECTION_PAYMENT:\n        return t('fixedCompensationNames.correctionPayment')\n      case COMPENSATION_NAME_COMMISSION:\n        return t('fixedCompensationNames.commission')\n      case COMPENSATION_NAME_CASH_TIPS:\n        return t('fixedCompensationNames.cashTips')\n      case COMPENSATION_NAME_REIMBURSEMENT:\n        return t('fixedCompensationNames.reimbursement')\n      default:\n        return compensationName\n    }\n  }\n\n  const defaultValues = {\n    hourlyCompensations: (() => {\n      const hourlyCompensations: PayrollEditEmployeeFormValues['hourlyCompensations'] = {}\n\n      hourlyJobs.forEach(hourlyJob => {\n        HOURS_COMPENSATION_NAMES.forEach(compensationName => {\n          const matchingCompensation = findMatchingCompensation(hourlyJob.uuid, compensationName)\n          if (matchingCompensation) {\n            if (!hourlyCompensations[hourlyJob.uuid]) {\n              hourlyCompensations[hourlyJob.uuid] = {}\n            }\n            hourlyCompensations[hourlyJob.uuid]![matchingCompensation.name!] =\n              matchingCompensation.hours ? parseFloat(matchingCompensation.hours).toString() : ''\n          }\n        })\n      })\n\n      return hourlyCompensations\n    })(),\n\n    timeOffCompensations: (() => {\n      const timeOffCompensations: PayrollEditEmployeeFormValues['timeOffCompensations'] = {}\n\n      timeOff.forEach(timeOffCompensation => {\n        timeOffCompensations[timeOffCompensation.name!] = timeOffCompensation.hours\n          ? parseFloat(timeOffCompensation.hours).toString()\n          : ''\n      })\n\n      return timeOffCompensations\n    })(),\n\n    finalPayoutCompensations: (() => {\n      const finalPayoutCompensations: PayrollEditEmployeeFormValues['finalPayoutCompensations'] = {}\n\n      timeOff.forEach(timeOffCompensation => {\n        finalPayoutCompensations[timeOffCompensation.name!] =\n          timeOffCompensation.finalPayoutUnusedHoursInput ?? '0'\n      })\n\n      return finalPayoutCompensations\n    })(),\n\n    fixedCompensations: (() => {\n      const fixedCompensations: PayrollEditEmployeeFormValues['fixedCompensations'] = {}\n\n      additionalEarnings.forEach(fixedComp => {\n        fixedCompensations[fixedComp.name!] = fixedComp.amount ?? ''\n      })\n\n      if (reimbursement) {\n        fixedCompensations[reimbursement.name!] = reimbursement.amount ?? ''\n      }\n\n      return fixedCompensations\n    })(),\n\n    paymentMethod:\n      employeeCompensation?.paymentMethod ||\n      PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n  }\n\n  const formHandlers = useForm<PayrollEditEmployeeFormValues>({\n    resolver: zodResolver(PayrollEditEmployeeFormSchema),\n    defaultValues,\n  })\n\n  const watchedFormData = useWatch({\n    control: formHandlers.control,\n  })\n\n  const currentGrossPay = useMemo(() => {\n    try {\n      const hourlyCompensations: Record<string, Record<string, string | undefined>> = {}\n      if (watchedFormData.hourlyCompensations) {\n        Object.entries(watchedFormData.hourlyCompensations).forEach(([jobId, compensations]) => {\n          if (compensations) {\n            hourlyCompensations[jobId] = compensations\n          }\n        })\n      }\n\n      const formDataWithDefaults: PayrollEditEmployeeFormValues = {\n        hourlyCompensations,\n        timeOffCompensations: watchedFormData.timeOffCompensations || {},\n        finalPayoutCompensations: watchedFormData.finalPayoutCompensations || {},\n        fixedCompensations: watchedFormData.fixedCompensations || {},\n        paymentMethod: watchedFormData.paymentMethod,\n      }\n\n      const updatedCompensation = buildCompensationFromFormData(\n        formDataWithDefaults,\n        employeeCompensation,\n        (employeeCompensation?.paidTimeOff || []).filter(entry => entry.name),\n        primaryJob?.uuid,\n        payrollCategory,\n      )\n\n      return calculateGrossPay(\n        updatedCompensation,\n        employee,\n        payPeriodStartDate,\n        paySchedule,\n        payrollCategory,\n      )\n    } catch {\n      return employeeCompensation\n        ? calculateGrossPay(\n            employeeCompensation,\n            employee,\n            payPeriodStartDate,\n            paySchedule,\n            payrollCategory,\n          )\n        : 0\n    }\n  }, [\n    watchedFormData,\n    employeeCompensation,\n    primaryJob?.uuid,\n    employee,\n    payPeriodStartDate,\n    paySchedule,\n    payrollCategory,\n  ])\n\n  const employeeName = firstLastName({\n    first_name: employee.firstName,\n    last_name: employee.lastName,\n  })\n\n  const onSubmit = (data: PayrollEditEmployeeFormValues) => {\n    const updatedCompensation = buildCompensationFromFormData(\n      data,\n      employeeCompensation,\n      timeOff,\n      primaryJob?.uuid,\n      payrollCategory,\n    )\n    onSave(updatedCompensation)\n  }\n\n  const formattedCurrentGrossPay = formatNumberAsCurrency(currentGrossPay || 0)\n\n  const actions = (\n    <Flex\n      flexDirection={isSmallOrGreater ? 'row' : 'column'}\n      justifyContent={isSmallOrGreater ? 'flex-end' : 'normal'}\n      alignItems={isSmallOrGreater ? 'flex-start' : 'stretch'}\n      gap={12}\n    >\n      <Button variant=\"secondary\" onClick={onCancel} title={t('cancelCta')}>\n        {t('cancelCta')}\n      </Button>\n      <Button\n        onClick={formHandlers.handleSubmit(onSubmit)}\n        title={t('saveCta')}\n        isLoading={isPending}\n      >\n        {t('saveCta')}\n      </Button>\n    </Flex>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <div\n        className={`${styles.headerSection} ${!isSmallOrGreater ? styles.headerSectionSticky : ''}`}\n      >\n        <Flex justifyContent=\"space-between\">\n          <Flex flexDirection=\"column\" gap={isSmallOrGreater ? 8 : 2}>\n            <Heading as=\"h1\" styledAs={isSmallOrGreater ? 'h2' : 'h4'}>\n              {t('pageTitle', { employeeName })}\n            </Heading>\n            {isSmallOrGreater ? (\n              <Flex flexDirection=\"column\" gap={6}>\n                <Heading as=\"h2\" styledAs=\"h3\">\n                  {formattedCurrentGrossPay}\n                </Heading>\n                <Text className={styles.grossPayLabel}>{t('grossPayLabel')}</Text>\n              </Flex>\n            ) : (\n              <Heading as=\"h2\" styledAs=\"h6\" className={styles.grossPayLabel}>\n                {t('grossPayLabelMobile', { grossPay: formattedCurrentGrossPay })}\n              </Heading>\n            )}\n          </Flex>\n          {isSmallOrGreater && actions}\n        </Flex>\n      </div>\n      <FormProvider {...formHandlers}>\n        <Form>\n          {hourlyJobs.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h3\">{t('regularHoursTitle')}</Heading>\n              {hourlyJobs.map(hourlyJob => (\n                <Flex key={hourlyJob.uuid} flexDirection=\"column\" gap={8}>\n                  {hourlyJobs.length > 1 && <Heading as=\"h4\">{hourlyJob.title}</Heading>}\n                  <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                    {HOURS_COMPENSATION_NAMES.map(compensationName => {\n                      const employeeHourlyCompensation = findMatchingCompensation(\n                        hourlyJob.uuid,\n                        compensationName,\n                      )\n                      if (employeeHourlyCompensation) {\n                        return (\n                          <TextInputField\n                            key={compensationName}\n                            type=\"number\"\n                            min={0}\n                            adornmentEnd={t('hoursUnit')}\n                            isRequired\n                            label={getCompensationLabel(compensationName)}\n                            name={`hourlyCompensations.${hourlyJob.uuid}.${employeeHourlyCompensation.name}`}\n                          />\n                        )\n                      }\n                    })}\n                  </Grid>\n                </Flex>\n              ))}\n            </div>\n          )}\n          {timeOff.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">\n                {payrollCategory === PayrollCategory.Dismissal\n                  ? t('timeOffTitleDismissal')\n                  : t('timeOffTitle')}\n              </Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                {timeOff.map(timeOffEntry => (\n                  <TimeOffField\n                    key={timeOffEntry.name}\n                    timeOff={timeOffEntry}\n                    employee={employee}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {payrollCategory === PayrollCategory.Dismissal && timeOff.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Flex flexDirection=\"column\" gap={4}>\n                <Heading as=\"h4\">{t('finalPayoutTitle')}</Heading>\n                <Text variant=\"supporting\">{t('finalPayoutDescription')}</Text>\n              </Flex>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                {timeOff.map(timeOffEntry => (\n                  <PayoutTimeOffField\n                    key={`payout-${timeOffEntry.name}`}\n                    timeOff={timeOffEntry}\n                    employee={employee}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {additionalEarnings.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('additionalEarningsTitle')}</Heading>\n              <Grid\n                gridTemplateColumns={{ base: '1fr', small: [320, 320], large: [320, 320, 320] }}\n                gap={20}\n              >\n                {additionalEarnings.map(fixedCompensation => (\n                  <TextInputField\n                    key={fixedCompensation.name}\n                    type=\"number\"\n                    min={0}\n                    adornmentStart=\"$\"\n                    isRequired\n                    label={getFixedCompensationLabel(fixedCompensation.name)}\n                    name={`fixedCompensations.${fixedCompensation.name}`}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {reimbursement && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('reimbursementTitle')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                <TextInputField\n                  type=\"number\"\n                  min={0}\n                  adornmentStart=\"$\"\n                  isRequired\n                  label={getFixedCompensationLabel(reimbursement.name)}\n                  name={`fixedCompensations.${reimbursement.name}`}\n                />\n              </Grid>\n            </div>\n          )}\n          {hasDirectDepositSetup && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('paymentMethodTitle')}</Heading>\n              <RadioGroupField\n                name=\"paymentMethod\"\n                isRequired\n                label={t('paymentMethodLabel')}\n                description={t('paymentMethodDescription')}\n                options={[\n                  {\n                    value: PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n                    label: t('paymentMethodOptions.directDeposit'),\n                  },\n                  {\n                    value: PayrollEmployeeCompensationsTypePaymentMethod.Check,\n                    label: t('paymentMethodOptions.check'),\n                  },\n                ]}\n              />\n            </div>\n          )}\n        </Form>\n        {!isSmallOrGreater && actions}\n      </FormProvider>\n    </div>\n  )\n}\n"],"names":["PayrollEditEmployeeFormSchema","z","PayrollEmployeeCompensationsTypePaymentMethod","buildCompensationFromFormData","formData","employeeCompensation","timeOff","primaryJobUuid","payrollCategory","PayrollCategory","updatedCompensation","compensation","hours","timeOffEntry","isDismissal","_","timeOffWithoutPayout","finalPayout","updatedFixedCompensations","fixedCompensationName","formAmount","existingFixedCompensation","fixedCompensation","PayrollEditEmployeePresentation","onSave","onCancel","employee","isPending","fixedCompensationTypes","payPeriodStartDate","paySchedule","withReimbursements","hasDirectDepositSetup","Button","Heading","Text","useComponentContext","t","useTranslation","useI18n","primaryJob","job","primaryJobHasHourlyCompensations","c","hourlyJobs","containerRef","useRef","isSmallOrGreater","useContainerBreakpoints","hourlyJob","entry","additionalEarnings","getAdditionalEarningsCompensations","EXCLUDED_ADDITIONAL_EARNINGS","reimbursement","getReimbursementCompensation","findMatchingCompensation","jobUuid","compensationName","getCompensationLabel","COMPENSATION_NAME_REGULAR_HOURS","COMPENSATION_NAME_OVERTIME","COMPENSATION_NAME_DOUBLE_OVERTIME","getFixedCompensationLabel","COMPENSATION_NAME_BONUS","COMPENSATION_NAME_PAYCHECK_TIPS","COMPENSATION_NAME_CORRECTION_PAYMENT","COMPENSATION_NAME_COMMISSION","COMPENSATION_NAME_CASH_TIPS","COMPENSATION_NAME_REIMBURSEMENT","defaultValues","hourlyCompensations","HOURS_COMPENSATION_NAMES","matchingCompensation","timeOffCompensations","timeOffCompensation","finalPayoutCompensations","fixedCompensations","fixedComp","formHandlers","useForm","zodResolver","watchedFormData","useWatch","currentGrossPay","useMemo","jobId","compensations","formDataWithDefaults","calculateGrossPay","employeeName","firstLastName","onSubmit","data","formattedCurrentGrossPay","formatNumberAsCurrency","actions","jsxs","Flex","jsx","styles","FormProvider","Form","Grid","employeeHourlyCompensation","TextInputField","TimeOffField","PayoutTimeOffField","RadioGroupField"],"mappings":"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"}
+{"version":3,"file":"PayrollEditEmployeePresentation.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type {\n  PayrollEmployeeCompensationsTypeFixedCompensations as FixedCompensations,\n  PayrollEmployeeCompensationsType,\n  PayrollEmployeeCompensationsTypePaidTimeOff,\n} from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport { PayrollEmployeeCompensationsTypePaymentMethod } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollFixedCompensationTypesType } from '@gusto/embedded-api/models/components/payrollfixedcompensationtypestype'\nimport type { PayScheduleShow as PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './PayrollEditEmployeePresentation.module.scss'\nimport { TimeOffField, PayoutTimeOffField } from './TimeOffField'\nimport { Flex, Grid, TextInputField, RadioGroupField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Form } from '@/components/Common/Form'\nimport { formatNumberAsCurrency, firstLastName } from '@/helpers/formattedStrings'\nimport {\n  getAdditionalEarningsCompensations,\n  getReimbursementCompensation,\n  calculateGrossPay,\n} from '@/components/Payroll/helpers'\nimport { PayrollCategory } from '@/components/Payroll/payrollTypes'\nimport {\n  COMPENSATION_NAME_DOUBLE_OVERTIME,\n  COMPENSATION_NAME_OVERTIME,\n  COMPENSATION_NAME_REGULAR_HOURS,\n  HOURS_COMPENSATION_NAMES,\n  EXCLUDED_ADDITIONAL_EARNINGS,\n  COMPENSATION_NAME_REIMBURSEMENT,\n  COMPENSATION_NAME_BONUS,\n  COMPENSATION_NAME_PAYCHECK_TIPS,\n  COMPENSATION_NAME_CORRECTION_PAYMENT,\n  COMPENSATION_NAME_COMMISSION,\n  COMPENSATION_NAME_CASH_TIPS,\n} from '@/shared/constants'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollEditEmployeeProps {\n  onSave: (updatedCompensation: PayrollEmployeeCompensationsType) => void\n  onCancel: () => void\n  employee: Employee\n  employeeCompensation?: PayrollEmployeeCompensationsType\n  isPending?: boolean\n  fixedCompensationTypes: PayrollFixedCompensationTypesType[]\n  payPeriodStartDate?: string\n  paySchedule?: PayScheduleObject\n  payrollCategory?: PayrollCategory\n  withReimbursements?: boolean\n  hasDirectDepositSetup?: boolean\n}\n\nexport const PayrollEditEmployeeFormSchema = z.object({\n  hourlyCompensations: z.record(z.string(), z.record(z.string(), z.string().optional())),\n  timeOffCompensations: z.record(z.string(), z.string().optional()),\n  finalPayoutCompensations: z.record(z.string(), z.string().optional()),\n  fixedCompensations: z.record(z.string(), z.string().optional()),\n  paymentMethod: z.enum(PayrollEmployeeCompensationsTypePaymentMethod).optional(),\n})\n\nexport type PayrollEditEmployeeFormValues = z.infer<typeof PayrollEditEmployeeFormSchema>\n\nconst buildCompensationFromFormData = (\n  formData: PayrollEditEmployeeFormValues,\n  employeeCompensation: PayrollEmployeeCompensationsType | undefined,\n  timeOff: PayrollEmployeeCompensationsTypePaidTimeOff[],\n  primaryJobUuid?: string,\n  payrollCategory: PayrollCategory = PayrollCategory.Regular,\n): PayrollEmployeeCompensationsType => {\n  const updatedCompensation = {\n    ...employeeCompensation,\n    paymentMethod: formData.paymentMethod,\n  }\n\n  updatedCompensation.hourlyCompensations = employeeCompensation?.hourlyCompensations?.map(\n    compensation => {\n      const hours =\n        compensation.jobUuid && compensation.name\n          ? formData.hourlyCompensations[compensation.jobUuid]?.[compensation.name]\n          : undefined\n      return hours\n        ? {\n            ...compensation,\n            hours,\n          }\n        : compensation\n    },\n  )\n\n  updatedCompensation.paidTimeOff = timeOff.map(timeOffEntry => {\n    const isDismissal = payrollCategory === PayrollCategory.Dismissal\n    const { finalPayoutUnusedHoursInput: _, ...timeOffWithoutPayout } = timeOffEntry\n\n    if (isDismissal) {\n      const finalPayout =\n        formData.finalPayoutCompensations[timeOffEntry.name!] ??\n        timeOffEntry.finalPayoutUnusedHoursInput\n      return {\n        ...timeOffEntry,\n        hours: formData.timeOffCompensations[timeOffEntry.name!] || '0',\n        ...(finalPayout != null ? { finalPayoutUnusedHoursInput: finalPayout || '0' } : {}),\n      }\n    }\n\n    return {\n      ...timeOffWithoutPayout,\n      hours: formData.timeOffCompensations[timeOffEntry.name!] || '0',\n    }\n  })\n\n  const updatedFixedCompensations: FixedCompensations[] = []\n\n  Object.entries(formData.fixedCompensations).forEach(([fixedCompensationName, formAmount]) => {\n    const existingFixedCompensation = employeeCompensation?.fixedCompensations?.find(\n      fixedCompensation =>\n        fixedCompensation.name?.toLowerCase() === fixedCompensationName.toLowerCase(),\n    )\n\n    if (formAmount !== undefined && formAmount !== '') {\n      if (existingFixedCompensation) {\n        updatedFixedCompensations.push({\n          name: existingFixedCompensation.name,\n          jobUuid: existingFixedCompensation.jobUuid,\n          amount: formAmount,\n        })\n      } else if (parseFloat(formAmount) !== 0) {\n        updatedFixedCompensations.push({\n          name: fixedCompensationName,\n          jobUuid: primaryJobUuid,\n          amount: formAmount,\n        })\n      }\n    }\n  })\n\n  updatedCompensation.fixedCompensations = updatedFixedCompensations\n\n  return updatedCompensation\n}\n\nexport const PayrollEditEmployeePresentation = ({\n  onSave,\n  onCancel,\n  employee,\n  employeeCompensation,\n  isPending = false,\n  fixedCompensationTypes,\n  payPeriodStartDate,\n  paySchedule,\n  payrollCategory = PayrollCategory.Regular,\n  withReimbursements = true,\n  hasDirectDepositSetup = true,\n}: PayrollEditEmployeeProps) => {\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n  useI18n('Payroll.PayrollEditEmployee')\n\n  const primaryJob = employee.jobs?.find(job => job.primary)\n  const primaryJobHasHourlyCompensations = employeeCompensation?.hourlyCompensations?.some(\n    c => c.jobUuid === primaryJob?.uuid,\n  )\n  const hourlyJobs = primaryJob && primaryJobHasHourlyCompensations ? [primaryJob] : []\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: containerRef,\n  })\n  const isSmallOrGreater = breakpoints.includes('small')\n\n  employeeCompensation?.hourlyCompensations?.forEach(compensation => {\n    const job = employee.jobs?.find(job => job.uuid === compensation.jobUuid)\n    if (job && !hourlyJobs.find(hourlyJob => hourlyJob.uuid === job.uuid)) {\n      hourlyJobs.push(job)\n    }\n  })\n\n  const timeOff = (employeeCompensation?.paidTimeOff || []).filter(entry => entry.name)\n\n  const additionalEarnings = getAdditionalEarningsCompensations({\n    flsaStatus: primaryJob?.compensations?.[0]?.flsaStatus,\n    existingFixedCompensations: employeeCompensation?.fixedCompensations || [],\n    primaryJobUuid: primaryJob?.uuid,\n    fixedCompensationTypes,\n    excludedTypes: EXCLUDED_ADDITIONAL_EARNINGS,\n  })\n\n  const reimbursement = withReimbursements\n    ? getReimbursementCompensation(\n        employeeCompensation?.fixedCompensations || [],\n        fixedCompensationTypes,\n        primaryJob?.uuid,\n      )\n    : null\n\n  const findMatchingCompensation = (jobUuid: string, compensationName: string) => {\n    return employeeCompensation?.hourlyCompensations?.find(\n      compensation =>\n        compensation.jobUuid === jobUuid &&\n        compensation.name?.toLowerCase() === compensationName.toLowerCase(),\n    )\n  }\n\n  const getCompensationLabel = (compensationName?: string) => {\n    switch (compensationName) {\n      case COMPENSATION_NAME_REGULAR_HOURS:\n        return t('compensationNames.regularHours')\n      case COMPENSATION_NAME_OVERTIME:\n        return t('compensationNames.overtime')\n      case COMPENSATION_NAME_DOUBLE_OVERTIME:\n        return t('compensationNames.doubleOvertime')\n      default:\n        return compensationName\n    }\n  }\n\n  const getFixedCompensationLabel = (compensationName?: string) => {\n    switch (compensationName) {\n      case COMPENSATION_NAME_BONUS:\n        return t('fixedCompensationNames.bonus')\n      case COMPENSATION_NAME_PAYCHECK_TIPS:\n        return t('fixedCompensationNames.paycheckTips')\n      case COMPENSATION_NAME_CORRECTION_PAYMENT:\n        return t('fixedCompensationNames.correctionPayment')\n      case COMPENSATION_NAME_COMMISSION:\n        return t('fixedCompensationNames.commission')\n      case COMPENSATION_NAME_CASH_TIPS:\n        return t('fixedCompensationNames.cashTips')\n      case COMPENSATION_NAME_REIMBURSEMENT:\n        return t('fixedCompensationNames.reimbursement')\n      default:\n        return compensationName\n    }\n  }\n\n  const defaultValues = {\n    hourlyCompensations: (() => {\n      const hourlyCompensations: PayrollEditEmployeeFormValues['hourlyCompensations'] = {}\n\n      hourlyJobs.forEach(hourlyJob => {\n        HOURS_COMPENSATION_NAMES.forEach(compensationName => {\n          const matchingCompensation = findMatchingCompensation(hourlyJob.uuid, compensationName)\n          if (matchingCompensation) {\n            if (!hourlyCompensations[hourlyJob.uuid]) {\n              hourlyCompensations[hourlyJob.uuid] = {}\n            }\n            hourlyCompensations[hourlyJob.uuid]![matchingCompensation.name!] =\n              matchingCompensation.hours ? parseFloat(matchingCompensation.hours).toString() : ''\n          }\n        })\n      })\n\n      return hourlyCompensations\n    })(),\n\n    timeOffCompensations: (() => {\n      const timeOffCompensations: PayrollEditEmployeeFormValues['timeOffCompensations'] = {}\n\n      timeOff.forEach(timeOffCompensation => {\n        timeOffCompensations[timeOffCompensation.name!] = timeOffCompensation.hours\n          ? parseFloat(timeOffCompensation.hours).toString()\n          : ''\n      })\n\n      return timeOffCompensations\n    })(),\n\n    finalPayoutCompensations: (() => {\n      const finalPayoutCompensations: PayrollEditEmployeeFormValues['finalPayoutCompensations'] = {}\n\n      timeOff.forEach(timeOffCompensation => {\n        finalPayoutCompensations[timeOffCompensation.name!] =\n          timeOffCompensation.finalPayoutUnusedHoursInput ?? '0'\n      })\n\n      return finalPayoutCompensations\n    })(),\n\n    fixedCompensations: (() => {\n      const fixedCompensations: PayrollEditEmployeeFormValues['fixedCompensations'] = {}\n\n      additionalEarnings.forEach(fixedComp => {\n        fixedCompensations[fixedComp.name!] = fixedComp.amount ?? ''\n      })\n\n      if (reimbursement) {\n        fixedCompensations[reimbursement.name!] = reimbursement.amount ?? ''\n      }\n\n      return fixedCompensations\n    })(),\n\n    paymentMethod:\n      employeeCompensation?.paymentMethod ||\n      PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n  }\n\n  const formHandlers = useForm<PayrollEditEmployeeFormValues>({\n    resolver: zodResolver(PayrollEditEmployeeFormSchema),\n    defaultValues,\n  })\n\n  const watchedFormData = useWatch({\n    control: formHandlers.control,\n  })\n\n  const currentGrossPay = useMemo(() => {\n    try {\n      const hourlyCompensations: Record<string, Record<string, string | undefined>> = {}\n      if (watchedFormData.hourlyCompensations) {\n        Object.entries(watchedFormData.hourlyCompensations).forEach(([jobId, compensations]) => {\n          if (compensations) {\n            hourlyCompensations[jobId] = compensations\n          }\n        })\n      }\n\n      const formDataWithDefaults: PayrollEditEmployeeFormValues = {\n        hourlyCompensations,\n        timeOffCompensations: watchedFormData.timeOffCompensations || {},\n        finalPayoutCompensations: watchedFormData.finalPayoutCompensations || {},\n        fixedCompensations: watchedFormData.fixedCompensations || {},\n        paymentMethod: watchedFormData.paymentMethod,\n      }\n\n      const updatedCompensation = buildCompensationFromFormData(\n        formDataWithDefaults,\n        employeeCompensation,\n        (employeeCompensation?.paidTimeOff || []).filter(entry => entry.name),\n        primaryJob?.uuid,\n        payrollCategory,\n      )\n\n      return calculateGrossPay(\n        updatedCompensation,\n        employee,\n        payPeriodStartDate,\n        paySchedule,\n        payrollCategory,\n      )\n    } catch {\n      return employeeCompensation\n        ? calculateGrossPay(\n            employeeCompensation,\n            employee,\n            payPeriodStartDate,\n            paySchedule,\n            payrollCategory,\n          )\n        : 0\n    }\n  }, [\n    watchedFormData,\n    employeeCompensation,\n    primaryJob?.uuid,\n    employee,\n    payPeriodStartDate,\n    paySchedule,\n    payrollCategory,\n  ])\n\n  const employeeName = firstLastName({\n    first_name: employee.firstName,\n    last_name: employee.lastName,\n  })\n\n  const onSubmit = (data: PayrollEditEmployeeFormValues) => {\n    const updatedCompensation = buildCompensationFromFormData(\n      data,\n      employeeCompensation,\n      timeOff,\n      primaryJob?.uuid,\n      payrollCategory,\n    )\n    onSave(updatedCompensation)\n  }\n\n  const formattedCurrentGrossPay = formatNumberAsCurrency(currentGrossPay || 0)\n\n  const actions = (\n    <Flex\n      flexDirection={isSmallOrGreater ? 'row' : 'column'}\n      justifyContent={isSmallOrGreater ? 'flex-end' : 'normal'}\n      alignItems={isSmallOrGreater ? 'flex-start' : 'stretch'}\n      gap={12}\n    >\n      <Button variant=\"secondary\" onClick={onCancel} title={t('cancelCta')}>\n        {t('cancelCta')}\n      </Button>\n      <Button\n        onClick={formHandlers.handleSubmit(onSubmit)}\n        title={t('saveCta')}\n        isLoading={isPending}\n      >\n        {t('saveCta')}\n      </Button>\n    </Flex>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <div\n        className={`${styles.headerSection} ${!isSmallOrGreater ? styles.headerSectionSticky : ''}`}\n      >\n        <Flex justifyContent=\"space-between\">\n          <Flex flexDirection=\"column\" gap={isSmallOrGreater ? 8 : 2}>\n            <Heading as=\"h1\" styledAs={isSmallOrGreater ? 'h2' : 'h4'}>\n              {t('pageTitle', { employeeName })}\n            </Heading>\n            {isSmallOrGreater ? (\n              <Flex flexDirection=\"column\" gap={6}>\n                <Heading as=\"h2\" styledAs=\"h3\">\n                  {formattedCurrentGrossPay}\n                </Heading>\n                <Text className={styles.grossPayLabel}>{t('grossPayLabel')}</Text>\n              </Flex>\n            ) : (\n              <Heading as=\"h2\" styledAs=\"h6\" className={styles.grossPayLabel}>\n                {t('grossPayLabelMobile', { grossPay: formattedCurrentGrossPay })}\n              </Heading>\n            )}\n          </Flex>\n          {isSmallOrGreater && actions}\n        </Flex>\n      </div>\n      <FormProvider {...formHandlers}>\n        <Form>\n          {hourlyJobs.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h3\">{t('regularHoursTitle')}</Heading>\n              {hourlyJobs.map(hourlyJob => (\n                <Flex key={hourlyJob.uuid} flexDirection=\"column\" gap={8}>\n                  {hourlyJobs.length > 1 && <Heading as=\"h4\">{hourlyJob.title}</Heading>}\n                  <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                    {HOURS_COMPENSATION_NAMES.map(compensationName => {\n                      const employeeHourlyCompensation = findMatchingCompensation(\n                        hourlyJob.uuid,\n                        compensationName,\n                      )\n                      if (employeeHourlyCompensation) {\n                        return (\n                          <TextInputField\n                            key={compensationName}\n                            type=\"number\"\n                            min={0}\n                            adornmentEnd={t('hoursUnit')}\n                            isRequired\n                            label={getCompensationLabel(compensationName)}\n                            name={`hourlyCompensations.${hourlyJob.uuid}.${employeeHourlyCompensation.name}`}\n                          />\n                        )\n                      }\n                    })}\n                  </Grid>\n                </Flex>\n              ))}\n            </div>\n          )}\n          {timeOff.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">\n                {payrollCategory === PayrollCategory.Dismissal\n                  ? t('timeOffTitleDismissal')\n                  : t('timeOffTitle')}\n              </Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                {timeOff.map(timeOffEntry => (\n                  <TimeOffField\n                    key={timeOffEntry.name}\n                    timeOff={timeOffEntry}\n                    employee={employee}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {payrollCategory === PayrollCategory.Dismissal && timeOff.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Flex flexDirection=\"column\" gap={4}>\n                <Heading as=\"h4\">{t('finalPayoutTitle')}</Heading>\n                <Text variant=\"supporting\">{t('finalPayoutDescription')}</Text>\n              </Flex>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                {timeOff.map(timeOffEntry => (\n                  <PayoutTimeOffField\n                    key={`payout-${timeOffEntry.name}`}\n                    timeOff={timeOffEntry}\n                    employee={employee}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {additionalEarnings.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('additionalEarningsTitle')}</Heading>\n              <Grid\n                gridTemplateColumns={{ base: '1fr', small: [320, 320], large: [320, 320, 320] }}\n                gap={20}\n              >\n                {additionalEarnings.map(fixedCompensation => (\n                  <TextInputField\n                    key={fixedCompensation.name}\n                    type=\"number\"\n                    min={0}\n                    adornmentStart=\"$\"\n                    isRequired\n                    label={getFixedCompensationLabel(fixedCompensation.name)}\n                    name={`fixedCompensations.${fixedCompensation.name}`}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {reimbursement && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('reimbursementTitle')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                <TextInputField\n                  type=\"number\"\n                  min={0}\n                  adornmentStart=\"$\"\n                  isRequired\n                  label={getFixedCompensationLabel(reimbursement.name)}\n                  name={`fixedCompensations.${reimbursement.name}`}\n                />\n              </Grid>\n            </div>\n          )}\n          {hasDirectDepositSetup && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('paymentMethodTitle')}</Heading>\n              <RadioGroupField\n                name=\"paymentMethod\"\n                isRequired\n                label={t('paymentMethodLabel')}\n                description={t('paymentMethodDescription')}\n                options={[\n                  {\n                    value: PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n                    label: t('paymentMethodOptions.directDeposit'),\n                  },\n                  {\n                    value: PayrollEmployeeCompensationsTypePaymentMethod.Check,\n                    label: t('paymentMethodOptions.check'),\n                  },\n                ]}\n              />\n            </div>\n          )}\n        </Form>\n        {!isSmallOrGreater && actions}\n      </FormProvider>\n    </div>\n  )\n}\n"],"names":["PayrollEditEmployeeFormSchema","z","PayrollEmployeeCompensationsTypePaymentMethod","buildCompensationFromFormData","formData","employeeCompensation","timeOff","primaryJobUuid","payrollCategory","PayrollCategory","updatedCompensation","compensation","hours","timeOffEntry","isDismissal","_","timeOffWithoutPayout","finalPayout","updatedFixedCompensations","fixedCompensationName","formAmount","existingFixedCompensation","fixedCompensation","PayrollEditEmployeePresentation","onSave","onCancel","employee","isPending","fixedCompensationTypes","payPeriodStartDate","paySchedule","withReimbursements","hasDirectDepositSetup","Button","Heading","Text","useComponentContext","t","useTranslation","useI18n","primaryJob","job","primaryJobHasHourlyCompensations","c","hourlyJobs","containerRef","useRef","isSmallOrGreater","useContainerBreakpoints","hourlyJob","entry","additionalEarnings","getAdditionalEarningsCompensations","EXCLUDED_ADDITIONAL_EARNINGS","reimbursement","getReimbursementCompensation","findMatchingCompensation","jobUuid","compensationName","getCompensationLabel","COMPENSATION_NAME_REGULAR_HOURS","COMPENSATION_NAME_OVERTIME","COMPENSATION_NAME_DOUBLE_OVERTIME","getFixedCompensationLabel","COMPENSATION_NAME_BONUS","COMPENSATION_NAME_PAYCHECK_TIPS","COMPENSATION_NAME_CORRECTION_PAYMENT","COMPENSATION_NAME_COMMISSION","COMPENSATION_NAME_CASH_TIPS","COMPENSATION_NAME_REIMBURSEMENT","defaultValues","hourlyCompensations","HOURS_COMPENSATION_NAMES","matchingCompensation","timeOffCompensations","timeOffCompensation","finalPayoutCompensations","fixedCompensations","fixedComp","formHandlers","useForm","zodResolver","watchedFormData","useWatch","currentGrossPay","useMemo","jobId","compensations","formDataWithDefaults","calculateGrossPay","employeeName","firstLastName","onSubmit","data","formattedCurrentGrossPay","formatNumberAsCurrency","actions","jsxs","Flex","jsx","styles","FormProvider","Form","Grid","employeeHourlyCompensation","TextInputField","TimeOffField","PayoutTimeOffField","RadioGroupField"],"mappings":"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"}