@gusto/embedded-react-sdk 0.57.1 → 0.57.3

package/dist/components/Payroll/usePreparedPayrollData.js

@@ -11,14 +11,11 @@ import "@gusto/embedded-api/models/errors/apierror";
 import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../contexts/LocaleProvider/useLocale.js";
 import "../../shared/constants.js";
-import "classnames";
 import "../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { retryAsync as T } from "../../helpers/retryAsync.js";
-const U = 4, q = 1500, B = (e) => e instanceof w ? e.errors.some((r) => r.category === "invalid_operation") : !1, re = ({
+const U = 4, q = 1500, B = (e) => e instanceof w ? e.errors.some((r) => r.category === "invalid_operation") : !1, Z = ({
   companyId: e,
   payrollId: r,
   employeeUuids: a,
@@ -26,7 +23,7 @@ const U = 4, q = 1500, B = (e) => e instanceof w ? e.errors.some((r) => r.catego
   onDataReady: l,
   isTransitionPayroll: p = !1
 }) => {
-  const { mutateAsync: c, isPending: u } = D(), [o, h] = _(), t = y(!1), d = y(!1), { baseSubmitHandler: m } = x(), S = b(() => a?.join(",") ?? "", [a]), { data: E, isLoading: g } = v(
+  const { mutateAsync: c, isPending: u } = D(), [o, h] = _(), t = y(!1), d = y(!1), { baseSubmitHandler: P } = x(), S = b(() => a?.join(",") ?? "", [a]), { data: E, isLoading: g } = v(
     {
       companyId: e,
       payScheduleId: o?.payPeriod?.payScheduleUuid || ""
@@ -34,8 +31,8 @@ const U = 4, q = 1500, B = (e) => e instanceof w ? e.errors.some((r) => r.catego
     {
       enabled: !!o?.payPeriod?.payScheduleUuid
     }
-  ), P = f(async () => {
-    const s = await c({
+  ), m = f(async () => {
+    const i = await c({
       request: {
         companyId: e,
         payrollId: r,
@@ -45,7 +42,7 @@ const U = 4, q = 1500, B = (e) => e instanceof w ? e.errors.some((r) => r.catego
         }
       }
     });
-    h(s.payrollPrepared), s.payrollPrepared && (t.current = !0, l?.(s.payrollPrepared));
+    h(i.payrollPrepared), i.payrollPrepared && (t.current = !0, l?.(i.payrollPrepared));
   }, [
     e,
     r,
@@ -54,22 +51,22 @@ const U = 4, q = 1500, B = (e) => e instanceof w ? e.errors.some((r) => r.catego
     n,
     l,
     p
-  ]), i = f(async () => {
-    await m(
+  ]), s = f(async () => {
+    await P(
       null,
-      () => T(P, {
+      () => T(m, {
         maxAttempts: U,
         delayMs: q,
         shouldRetry: B
       })
     );
-  }, [m, P]);
+  }, [P, m]);
   L(() => {
-    d.current || (d.current = !0, i());
-  }, [i]);
+    d.current || (d.current = !0, s());
+  }, [s]);
   const R = u && !t.current, A = u && t.current, M = R || g;
   return {
-    handlePreparePayroll: i,
+    handlePreparePayroll: s,
     preparedPayroll: o,
     paySchedule: E?.payScheduleShow,
     isLoading: M,
@@ -78,6 +75,6 @@ const U = 4, q = 1500, B = (e) => e instanceof w ? e.errors.some((r) => r.catego
   };
 };
 export {
-  re as usePreparedPayrollData
+  Z as usePreparedPayrollData
 };
 //# sourceMappingURL=usePreparedPayrollData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: string\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n  /**\n   * When true, prepare is called without a roster. A transition payroll's roster is fixed by the\n   * pay-schedule transition, so the API rejects any `employeeUuids` sent to prepare.\n   */\n  isTransitionPayroll?: boolean\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleShow | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityError)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\n/**\n * Wraps the prepare-payroll mutation and pay-schedule fetch, retrying while the payroll is still being processed.\n *\n * @remarks\n * Fires the prepare call once on mount, then exposes `handlePreparePayroll` for callers that need to re-prepare\n * (e.g. after sort or pagination changes). Distinguishes initial loading from subsequent pagination via\n * `isLoading` and `isPaginating`, and surfaces the pay schedule for the prepared payroll's pay period.\n *\n * @param params - The company and payroll identifiers, plus optional employee filter, sort, and ready callback.\n * @returns The prepared payroll, its pay schedule, loading flags, and a `handlePreparePayroll` callback to re-run.\n * @internal\n */\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n  isTransitionPayroll = false,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids: isTransitionPayroll ? undefined : employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [\n    companyId,\n    payrollId,\n    preparePayroll,\n    employeeUuidsKey,\n    sortBy,\n    onDataReady,\n    isTransitionPayroll,\n  ])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleShow,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityError","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","isTransitionPayroll","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;AA+BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChBD,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADP,IAgB9CC,KAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMhB,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMiB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAArB;AAAA,MACA,eAAeS,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAN;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAeE,IAAsB,SAAYH;AAAA,QAAA;AAAA,MACnD;AAAA,IACF,CACD;AACD,IAAAQ,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BR,IAAcoB,EAAO,eAAe;AAAA,EAExC,GAAG;AAAA,IACDxB;AAAA,IACAC;AAAA,IACAK;AAAA,IACAW;AAAA,IACAd;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD,GAEKoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa7B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACoB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}
+{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/unprocessedpayroll'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payschedulelistitem'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: string\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n  /**\n   * When true, prepare is called without a roster. A transition payroll's roster is fixed by the\n   * pay-schedule transition, so the API rejects any `employeeUuids` sent to prepare.\n   */\n  isTransitionPayroll?: boolean\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleShow | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityError)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\n/**\n * Wraps the prepare-payroll mutation and pay-schedule fetch, retrying while the payroll is still being processed.\n *\n * @remarks\n * Fires the prepare call once on mount, then exposes `handlePreparePayroll` for callers that need to re-prepare\n * (e.g. after sort or pagination changes). Distinguishes initial loading from subsequent pagination via\n * `isLoading` and `isPaginating`, and surfaces the pay schedule for the prepared payroll's pay period.\n *\n * @param params - The company and payroll identifiers, plus optional employee filter, sort, and ready callback.\n * @returns The prepared payroll, its pay schedule, loading flags, and a `handlePreparePayroll` callback to re-run.\n * @internal\n */\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n  isTransitionPayroll = false,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids: isTransitionPayroll ? undefined : employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [\n    companyId,\n    payrollId,\n    preparePayroll,\n    employeeUuidsKey,\n    sortBy,\n    onDataReady,\n    isTransitionPayroll,\n  ])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleShow,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityError","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","isTransitionPayroll","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;;AA+BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChBD,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADP,IAgB9CC,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMhB,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMiB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAArB;AAAA,MACA,eAAeS,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAN;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAeE,IAAsB,SAAYH;AAAA,QAAA;AAAA,MACnD;AAAA,IACF,CACD;AACD,IAAAQ,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BR,IAAcoB,EAAO,eAAe;AAAA,EAExC,GAAG;AAAA,IACDxB;AAAA,IACAC;AAAA,IACAK;AAAA,IACAW;AAAA,IACAd;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD,GAEKoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa7B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACoB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}

package/dist/components/Payroll/useUnprocessedTransitionPayPeriods.js

@@ -1,12 +1,12 @@
 import { useMemo as t } from "react";
 import { usePaySchedulesGetPayPeriodsSuspense as a } from "@gusto/embedded-api/react-query/paySchedulesGetPayPeriods";
 import { PayrollTypes as i } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayperiods";
-import { RFCDate as p } from "@gusto/embedded-api/types/rfcdate";
+import { toRFCDate as p } from "../../helpers/dateFormatting.js";
 const d = 90;
 function u(r) {
   const n = t(() => {
     const e = /* @__PURE__ */ new Date();
-    return e.setDate(e.getDate() + d), new p(e);
+    return e.setDate(e.getDate() + d), p(e);
   }, []), { data: o } = a({
     companyId: r,
     payrollTypes: i.Transition,

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

@@ -1 +1 @@
-{"version":3,"file":"useUnprocessedTransitionPayPeriods.js","sources":["../../../src/components/Payroll/useUnprocessedTransitionPayPeriods.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePaySchedulesGetPayPeriodsSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetPayPeriods'\nimport { PayrollTypes } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayperiods'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\n\nconst LOOK_AHEAD_DAYS = 90\n\ninterface UseUnprocessedTransitionPayPeriodsResult {\n  unprocessedPayPeriods: PayPeriod[]\n  hasUnprocessedTransitions: boolean\n}\n\n/**\n * Returns the company's unprocessed transition pay periods within the next 90 days.\n *\n * @param companyId - The company whose transition pay periods to fetch.\n * @returns The unprocessed transition pay periods and a flag indicating whether any exist.\n * @internal\n */\nexport function useUnprocessedTransitionPayPeriods(\n  companyId: string,\n): UseUnprocessedTransitionPayPeriodsResult {\n  const lookAheadEndDate = useMemo(() => {\n    const date = new Date()\n    date.setDate(date.getDate() + LOOK_AHEAD_DAYS)\n    return new RFCDate(date)\n  }, [])\n\n  const { data } = usePaySchedulesGetPayPeriodsSuspense({\n    companyId,\n    payrollTypes: PayrollTypes.Transition,\n    endDate: lookAheadEndDate,\n  })\n\n  const unprocessedPayPeriods = useMemo<PayPeriod[]>(\n    () => (data.payPeriods ?? []).filter((pp: PayPeriod) => !pp.payroll?.processed),\n    [data],\n  )\n\n  return {\n    unprocessedPayPeriods,\n    hasUnprocessedTransitions: unprocessedPayPeriods.length > 0,\n  }\n}\n"],"names":["LOOK_AHEAD_DAYS","useUnprocessedTransitionPayPeriods","companyId","lookAheadEndDate","useMemo","date","RFCDate","data","usePaySchedulesGetPayPeriodsSuspense","PayrollTypes","unprocessedPayPeriods","pp"],"mappings":";;;;AAMA,MAAMA,IAAkB;AAcjB,SAASC,EACdC,GAC0C;AAC1C,QAAMC,IAAmBC,EAAQ,MAAM;AACrC,UAAMC,wBAAW,KAAA;AACjB,WAAAA,EAAK,QAAQA,EAAK,QAAA,IAAYL,CAAe,GACtC,IAAIM,EAAQD,CAAI;AAAA,EACzB,GAAG,CAAA,CAAE,GAEC,EAAE,MAAAE,EAAA,IAASC,EAAqC;AAAA,IACpD,WAAAN;AAAA,IACA,cAAcO,EAAa;AAAA,IAC3B,SAASN;AAAA,EAAA,CACV,GAEKO,IAAwBN;AAAA,IAC5B,OAAOG,EAAK,cAAc,IAAI,OAAO,CAACI,MAAkB,CAACA,EAAG,SAAS,SAAS;AAAA,IAC9E,CAACJ,CAAI;AAAA,EAAA;AAGP,SAAO;AAAA,IACL,uBAAAG;AAAA,IACA,2BAA2BA,EAAsB,SAAS;AAAA,EAAA;AAE9D;"}
+{"version":3,"file":"useUnprocessedTransitionPayPeriods.js","sources":["../../../src/components/Payroll/useUnprocessedTransitionPayPeriods.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePaySchedulesGetPayPeriodsSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetPayPeriods'\nimport { PayrollTypes } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayperiods'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { toRFCDate } from '@/helpers/dateFormatting'\n\nconst LOOK_AHEAD_DAYS = 90\n\ninterface UseUnprocessedTransitionPayPeriodsResult {\n  unprocessedPayPeriods: PayPeriod[]\n  hasUnprocessedTransitions: boolean\n}\n\n/**\n * Returns the company's unprocessed transition pay periods within the next 90 days.\n *\n * @param companyId - The company whose transition pay periods to fetch.\n * @returns The unprocessed transition pay periods and a flag indicating whether any exist.\n * @internal\n */\nexport function useUnprocessedTransitionPayPeriods(\n  companyId: string,\n): UseUnprocessedTransitionPayPeriodsResult {\n  const lookAheadEndDate = useMemo(() => {\n    const date = new Date()\n    date.setDate(date.getDate() + LOOK_AHEAD_DAYS)\n    return toRFCDate(date)\n  }, [])\n\n  const { data } = usePaySchedulesGetPayPeriodsSuspense({\n    companyId,\n    payrollTypes: PayrollTypes.Transition,\n    endDate: lookAheadEndDate,\n  })\n\n  const unprocessedPayPeriods = useMemo<PayPeriod[]>(\n    () => (data.payPeriods ?? []).filter((pp: PayPeriod) => !pp.payroll?.processed),\n    [data],\n  )\n\n  return {\n    unprocessedPayPeriods,\n    hasUnprocessedTransitions: unprocessedPayPeriods.length > 0,\n  }\n}\n"],"names":["LOOK_AHEAD_DAYS","useUnprocessedTransitionPayPeriods","companyId","lookAheadEndDate","useMemo","date","toRFCDate","data","usePaySchedulesGetPayPeriodsSuspense","PayrollTypes","unprocessedPayPeriods","pp"],"mappings":";;;;AAMA,MAAMA,IAAkB;AAcjB,SAASC,EACdC,GAC0C;AAC1C,QAAMC,IAAmBC,EAAQ,MAAM;AACrC,UAAMC,wBAAW,KAAA;AACjB,WAAAA,EAAK,QAAQA,EAAK,QAAA,IAAYL,CAAe,GACtCM,EAAUD,CAAI;AAAA,EACvB,GAAG,CAAA,CAAE,GAEC,EAAE,MAAAE,EAAA,IAASC,EAAqC;AAAA,IACpD,WAAAN;AAAA,IACA,cAAcO,EAAa;AAAA,IAC3B,SAASN;AAAA,EAAA,CACV,GAEKO,IAAwBN;AAAA,IAC5B,OAAOG,EAAK,cAAc,IAAI,OAAO,CAACI,MAAkB,CAACA,EAAG,SAAS,SAAS;AAAA,IAC9E,CAACJ,CAAI;AAAA,EAAA;AAGP,SAAO;AAAA,IACL,uBAAAG;AAAA,IACA,2BAA2BA,EAAsB,SAAS;AAAA,EAAA;AAE9D;"}

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.js

@@ -1,14 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useMemo as T } from "react";
 import { useTranslation as n } from "react-i18next";
-import "classnames";
-import "../../../shared/constants.js";
 import { useI18n as l } from "../../../i18n/I18n.js";
 import { PolicyDetailLayout as O } from "../shared/PolicyDetailLayout/PolicyDetailLayout.js";
 import { useDataView as P } from "../../Common/DataView/useDataView.js";
 import { DataView as v } from "../../Common/DataView/DataView.js";
 const x = "holidays";
-function B({
+function _({
   title: t,
   subtitle: e,
   onBack: a,
@@ -78,6 +76,6 @@ function C({ holidays: t }) {
   return /* @__PURE__ */ r(v, { label: e("tableLabel"), ...i });
 }
 export {
-  B as HolidayPolicyDetailPresentation
+  _ as HolidayPolicyDetailPresentation
 };
 //# sourceMappingURL=HolidayPolicyDetailPresentation.js.map

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"HolidayPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { HolidayItem } from '../HolidaySelectionForm/HolidaySelectionFormTypes'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type { HolidayPolicyDetailPresentationProps } from './HolidayPolicyDetailTypes'\nimport { DataView, useDataView } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\nconst HOLIDAYS_TAB_ID = 'holidays'\n\n/** @internal */\nexport function HolidayPolicyDetailPresentation({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  holidays,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n  className,\n}: HolidayPolicyDetailPresentationProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const holidaysTabContent = <HolidaysTab holidays={holidays} />\n\n  return (\n    <PolicyDetailLayout\n      title={title}\n      subtitle={subtitle}\n      onBack={onBack}\n      backLabel={backLabel}\n      actions={actions}\n      firstTab={{\n        id: HOLIDAYS_TAB_ID,\n        label: t('tabs.holidays'),\n        content: holidaysTabContent,\n      }}\n      selectedTabId={selectedTabId}\n      onTabChange={onTabChange}\n      employees={employees}\n      onAddEmployee={onAddEmployee}\n      removeDialog={removeDialog}\n      successAlert={successAlert}\n      onDismissAlert={onDismissAlert}\n      className={className}\n    />\n  )\n}\n\nfunction HolidaysTab({ holidays }: { holidays: HolidayItem[] }) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof HolidayItem,\n        title: t('tableHeaders.holidayName'),\n        render: (item: HolidayItem) => item.name,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => item.observedDate,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => item.nextObservation,\n      },\n    ],\n    [t],\n  )\n\n  const dataViewProps = useDataView<HolidayItem>({\n    data: holidays,\n    columns,\n  })\n\n  return <DataView label={t('tableLabel')} {...dataViewProps} />\n}\n"],"names":["HOLIDAYS_TAB_ID","HolidayPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","holidays","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","className","useI18n","t","useTranslation","holidaysTabContent","jsx","HolidaysTab","PolicyDetailLayout","columns","useMemo","item","dataViewProps","useDataView","DataView"],"mappings":";;;;;;;;;AAQA,MAAMA,IAAkB;AAGjB,SAASC,EAAgC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AACF,GAAyC;AACvC,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDC,IAAqB,gBAAAC,EAACC,GAAA,EAAY,UAAAd,EAAA,CAAoB;AAE5D,SACE,gBAAAa;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAApB;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAU;AAAA,QACR,IAAIN;AAAA,QACJ,OAAOiB,EAAE,eAAe;AAAA,QACxB,SAASE;AAAA,MAAA;AAAA,MAEX,eAAAX;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASM,EAAY,EAAE,UAAAd,KAAyC;AAC9D,EAAAS,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDK,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,IACtC;AAAA,IAEF,CAACR,CAAC;AAAA,EAAA,GAGES,IAAgBC,EAAyB;AAAA,IAC7C,MAAMpB;AAAA,IACN,SAAAgB;AAAA,EAAA,CACD;AAED,2BAAQK,GAAA,EAAS,OAAOX,EAAE,YAAY,GAAI,GAAGS,GAAe;AAC9D;"}
+{"version":3,"file":"HolidayPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { HolidayItem } from '../HolidaySelectionForm/HolidaySelectionFormTypes'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type { HolidayPolicyDetailPresentationProps } from './HolidayPolicyDetailTypes'\nimport { DataView, useDataView } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\nconst HOLIDAYS_TAB_ID = 'holidays'\n\n/** @internal */\nexport function HolidayPolicyDetailPresentation({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  holidays,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n  className,\n}: HolidayPolicyDetailPresentationProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const holidaysTabContent = <HolidaysTab holidays={holidays} />\n\n  return (\n    <PolicyDetailLayout\n      title={title}\n      subtitle={subtitle}\n      onBack={onBack}\n      backLabel={backLabel}\n      actions={actions}\n      firstTab={{\n        id: HOLIDAYS_TAB_ID,\n        label: t('tabs.holidays'),\n        content: holidaysTabContent,\n      }}\n      selectedTabId={selectedTabId}\n      onTabChange={onTabChange}\n      employees={employees}\n      onAddEmployee={onAddEmployee}\n      removeDialog={removeDialog}\n      successAlert={successAlert}\n      onDismissAlert={onDismissAlert}\n      className={className}\n    />\n  )\n}\n\nfunction HolidaysTab({ holidays }: { holidays: HolidayItem[] }) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof HolidayItem,\n        title: t('tableHeaders.holidayName'),\n        render: (item: HolidayItem) => item.name,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => item.observedDate,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => item.nextObservation,\n      },\n    ],\n    [t],\n  )\n\n  const dataViewProps = useDataView<HolidayItem>({\n    data: holidays,\n    columns,\n  })\n\n  return <DataView label={t('tableLabel')} {...dataViewProps} />\n}\n"],"names":["HOLIDAYS_TAB_ID","HolidayPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","holidays","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","className","useI18n","t","useTranslation","holidaysTabContent","jsx","HolidaysTab","PolicyDetailLayout","columns","useMemo","item","dataViewProps","useDataView","DataView"],"mappings":";;;;;;;AAQA,MAAMA,IAAkB;AAGjB,SAASC,EAAgC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AACF,GAAyC;AACvC,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDC,IAAqB,gBAAAC,EAACC,GAAA,EAAY,UAAAd,EAAA,CAAoB;AAE5D,SACE,gBAAAa;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAApB;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAU;AAAA,QACR,IAAIN;AAAA,QACJ,OAAOiB,EAAE,eAAe;AAAA,QACxB,SAASE;AAAA,MAAA;AAAA,MAEX,eAAAX;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASM,EAAY,EAAE,UAAAd,KAAyC;AAC9D,EAAAS,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDK,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,IACtC;AAAA,IAEF,CAACR,CAAC;AAAA,EAAA,GAGES,IAAgBC,EAAyB;AAAA,IAC7C,MAAMpB;AAAA,IACN,SAAAgB;AAAA,EAAA,CACD;AAED,2BAAQK,GAAA,EAAS,OAAOX,EAAE,YAAY,GAAI,GAAGS,GAAe;AAC9D;"}

package/dist/components/TimeOff/shared/EmployeeTable/EmployeeTable.js

@@ -2,8 +2,6 @@ import { jsx as r, jsxs as V } from "react/jsx-runtime";
 import { useMemo as m } from "react";
 import { useTranslation as F } from "react-i18next";
 import f from "./EmployeeTable.module.scss.js";
-import "classnames";
-import "../../../../shared/constants.js";
 import { EmptyData as I } from "../../../Common/EmptyData/EmptyData.js";
 import { useComponentContext as O } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as P } from "../../../../i18n/I18n.js";
@@ -11,7 +9,7 @@ import { firstLastName as _ } from "../../../../helpers/formattedStrings.js";
 import H from "../../../../assets/icons/search-lg.svg.js";
 import { useDataView as M } from "../../../Common/DataView/useDataView.js";
 import { DataView as W } from "../../../Common/DataView/DataView.js";
-function re({
+function ee({
   data: o,
   label: h,
   additionalColumns: s = [],
@@ -22,14 +20,14 @@ function re({
   searchPlaceholder: b,
   hideSearch: E,
   selectionMode: T,
-  onSelect: p,
+  onSelect: c,
   onSelectAll: g,
   getIsItemSelected: C,
   hideSelectAll: S,
   itemMenu: N,
   pagination: j,
   isFetching: k,
-  emptyState: c,
+  emptyState: p,
   emptySearchState: a,
   footer: x
 }) {
@@ -41,7 +39,7 @@ function re({
     return function() {
       return /* @__PURE__ */ r($, { message: e });
     };
-  }, [t]), w = m(() => n && a ? a : n ? u : c, [n, a, c, u]), D = m(
+  }, [t]), w = m(() => n && a ? a : n ? u : p, [n, a, p, u]), D = m(
     () => [
       {
         key: "name",
@@ -69,7 +67,7 @@ function re({
     isFetching: k,
     emptyState: w,
     footer: x,
-    ...p && { selectionMode: T, onSelect: p, onSelectAll: g, getIsItemSelected: C, hideSelectAll: S }
+    ...c && { selectionMode: T, onSelect: c, onSelectAll: g, getIsItemSelected: C, hideSelectAll: S }
   });
   return /* @__PURE__ */ V("div", { className: f.root, children: [
     !E && /* @__PURE__ */ r("div", { className: f.searchContainer, children: /* @__PURE__ */ r(
@@ -92,6 +90,6 @@ function $({ message: o }) {
   return /* @__PURE__ */ r(I, { title: o });
 }
 export {
-  re as EmployeeTable
+  ee as EmployeeTable
 };
 //# sourceMappingURL=EmployeeTable.js.map

package/dist/components/TimeOff/shared/EmployeeTable/EmployeeTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeTable.js","sources":["../../../../../src/components/TimeOff/shared/EmployeeTable/EmployeeTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem, EmployeeTableProps } from './EmployeeTableTypes'\nimport styles from './EmployeeTable.module.scss'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport type { useDataViewProp } from '@/components/Common/DataView/useDataView'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n/I18n'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport SearchIcon from '@/assets/icons/search-lg.svg?react'\n\n/** @internal */\nexport function EmployeeTable<T extends EmployeeTableItem>({\n  data,\n  label,\n  additionalColumns = [],\n  hideJobTitle,\n  searchValue,\n  onSearchChange,\n  onSearchClear,\n  searchPlaceholder,\n  hideSearch,\n  selectionMode,\n  onSelect,\n  onSelectAll,\n  getIsItemSelected,\n  hideSelectAll,\n  itemMenu,\n  pagination,\n  isFetching,\n  emptyState,\n  emptySearchState,\n  footer,\n}: EmployeeTableProps<T>) {\n  useI18n('Company.TimeOff.EmployeeTable')\n  const { t } = useTranslation('Company.TimeOff.EmployeeTable')\n  const Components = useComponentContext()\n\n  const isSearchWithNoResults = searchValue.length > 0 && data.length === 0\n\n  const handleSearchChange = (value: string) => {\n    onSearchChange(value)\n    if (!value) onSearchClear()\n  }\n\n  const defaultEmptySearch = useMemo(() => {\n    const noSearchResults = t('noSearchResults')\n    return function EmptySearchFallback() {\n      return <DefaultEmptySearchState message={noSearchResults} />\n    }\n  }, [t])\n\n  const resolvedEmptyState = useMemo(() => {\n    if (isSearchWithNoResults && emptySearchState) {\n      return emptySearchState\n    }\n    if (isSearchWithNoResults) {\n      return defaultEmptySearch\n    }\n    return emptyState\n  }, [isSearchWithNoResults, emptySearchState, emptyState, defaultEmptySearch])\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name',\n        title: t('name'),\n        render: (item: T) => (\n          <span id={`employee-name-${item.uuid}`}>\n            {firstLastName({\n              first_name: item.firstName,\n              last_name: item.lastName,\n            }) || t('unknownEmployeeFallback')}\n          </span>\n        ),\n      },\n      ...(hideJobTitle\n        ? []\n        : [\n            {\n              key: 'jobTitle' as keyof T,\n              title: t('jobTitle'),\n              render: (item: T) => item.jobTitle ?? '',\n            },\n          ]),\n      ...additionalColumns,\n    ],\n    [t, additionalColumns, hideJobTitle],\n  )\n\n  const dataViewProps = useDataView<T>({\n    data,\n    columns,\n    itemMenu,\n    pagination,\n    isFetching,\n    emptyState: resolvedEmptyState,\n    footer,\n    ...(onSelect && { selectionMode, onSelect, onSelectAll, getIsItemSelected, hideSelectAll }),\n  } as useDataViewProp<T>)\n\n  return (\n    <div className={styles.root}>\n      {!hideSearch && (\n        <div className={styles.searchContainer}>\n          <Components.TextInput\n            name=\"employee-search\"\n            type=\"search\"\n            label={t('searchLabel')}\n            shouldVisuallyHideLabel\n            placeholder={searchPlaceholder ?? t('searchPlaceholder')}\n            value={searchValue}\n            onChange={handleSearchChange}\n            adornmentStart={<SearchIcon aria-hidden />}\n          />\n        </div>\n      )}\n      <DataView label={label ?? t('tableLabel')} {...dataViewProps} />\n    </div>\n  )\n}\n\nfunction DefaultEmptySearchState({ message }: { message: string }) {\n  return <EmptyData title={message} />\n}\n"],"names":["EmployeeTable","data","label","additionalColumns","hideJobTitle","searchValue","onSearchChange","onSearchClear","searchPlaceholder","hideSearch","selectionMode","onSelect","onSelectAll","getIsItemSelected","hideSelectAll","itemMenu","pagination","isFetching","emptyState","emptySearchState","footer","useI18n","useTranslation","Components","useComponentContext","isSearchWithNoResults","handleSearchChange","value","defaultEmptySearch","useMemo","noSearchResults","jsx","DefaultEmptySearchState","resolvedEmptyState","columns","item","firstLastName","dataViewProps","useDataView","jsxs","styles","SearchIcon","DataView","message","EmptyData"],"mappings":"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"}
+{"version":3,"file":"EmployeeTable.js","sources":["../../../../../src/components/TimeOff/shared/EmployeeTable/EmployeeTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem, EmployeeTableProps } from './EmployeeTableTypes'\nimport styles from './EmployeeTable.module.scss'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport type { useDataViewProp } from '@/components/Common/DataView/useDataView'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n/I18n'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport SearchIcon from '@/assets/icons/search-lg.svg?react'\n\n/** @internal */\nexport function EmployeeTable<T extends EmployeeTableItem>({\n  data,\n  label,\n  additionalColumns = [],\n  hideJobTitle,\n  searchValue,\n  onSearchChange,\n  onSearchClear,\n  searchPlaceholder,\n  hideSearch,\n  selectionMode,\n  onSelect,\n  onSelectAll,\n  getIsItemSelected,\n  hideSelectAll,\n  itemMenu,\n  pagination,\n  isFetching,\n  emptyState,\n  emptySearchState,\n  footer,\n}: EmployeeTableProps<T>) {\n  useI18n('Company.TimeOff.EmployeeTable')\n  const { t } = useTranslation('Company.TimeOff.EmployeeTable')\n  const Components = useComponentContext()\n\n  const isSearchWithNoResults = searchValue.length > 0 && data.length === 0\n\n  const handleSearchChange = (value: string) => {\n    onSearchChange(value)\n    if (!value) onSearchClear()\n  }\n\n  const defaultEmptySearch = useMemo(() => {\n    const noSearchResults = t('noSearchResults')\n    return function EmptySearchFallback() {\n      return <DefaultEmptySearchState message={noSearchResults} />\n    }\n  }, [t])\n\n  const resolvedEmptyState = useMemo(() => {\n    if (isSearchWithNoResults && emptySearchState) {\n      return emptySearchState\n    }\n    if (isSearchWithNoResults) {\n      return defaultEmptySearch\n    }\n    return emptyState\n  }, [isSearchWithNoResults, emptySearchState, emptyState, defaultEmptySearch])\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name',\n        title: t('name'),\n        render: (item: T) => (\n          <span id={`employee-name-${item.uuid}`}>\n            {firstLastName({\n              first_name: item.firstName,\n              last_name: item.lastName,\n            }) || t('unknownEmployeeFallback')}\n          </span>\n        ),\n      },\n      ...(hideJobTitle\n        ? []\n        : [\n            {\n              key: 'jobTitle' as keyof T,\n              title: t('jobTitle'),\n              render: (item: T) => item.jobTitle ?? '',\n            },\n          ]),\n      ...additionalColumns,\n    ],\n    [t, additionalColumns, hideJobTitle],\n  )\n\n  const dataViewProps = useDataView<T>({\n    data,\n    columns,\n    itemMenu,\n    pagination,\n    isFetching,\n    emptyState: resolvedEmptyState,\n    footer,\n    ...(onSelect && { selectionMode, onSelect, onSelectAll, getIsItemSelected, hideSelectAll }),\n  } as useDataViewProp<T>)\n\n  return (\n    <div className={styles.root}>\n      {!hideSearch && (\n        <div className={styles.searchContainer}>\n          <Components.TextInput\n            name=\"employee-search\"\n            type=\"search\"\n            label={t('searchLabel')}\n            shouldVisuallyHideLabel\n            placeholder={searchPlaceholder ?? t('searchPlaceholder')}\n            value={searchValue}\n            onChange={handleSearchChange}\n            adornmentStart={<SearchIcon aria-hidden />}\n          />\n        </div>\n      )}\n      <DataView label={label ?? t('tableLabel')} {...dataViewProps} />\n    </div>\n  )\n}\n\nfunction DefaultEmptySearchState({ message }: { message: string }) {\n  return <EmptyData title={message} />\n}\n"],"names":["EmployeeTable","data","label","additionalColumns","hideJobTitle","searchValue","onSearchChange","onSearchClear","searchPlaceholder","hideSearch","selectionMode","onSelect","onSelectAll","getIsItemSelected","hideSelectAll","itemMenu","pagination","isFetching","emptyState","emptySearchState","footer","useI18n","useTranslation","Components","useComponentContext","isSearchWithNoResults","handleSearchChange","value","defaultEmptySearch","useMemo","noSearchResults","jsx","DefaultEmptySearchState","resolvedEmptyState","columns","item","firstLastName","dataViewProps","useDataView","jsxs","styles","SearchIcon","DataView","message","EmptyData"],"mappings":"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"}

package/dist/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.js

@@ -1,38 +1,36 @@
 import { jsx as i, jsxs as b, Fragment as S } from "react/jsx-runtime";
 import { useTranslation as D } from "react-i18next";
 import { EmployeeTable as L } from "../EmployeeTable/EmployeeTable.js";
-import "classnames";
-import "../../../../shared/constants.js";
 import { EmptyData as O } from "../../../Common/EmptyData/EmptyData.js";
 import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as x } from "../../../../i18n/I18n.js";
 import A from "../../../../assets/icons/plus-circle.svg.js";
 import { DetailViewLayout as v } from "../../../Common/DetailViewLayout/DetailViewLayout.js";
 const F = "employees";
-function Y({
-  title: l,
-  subtitle: m,
-  onBack: c,
+function _({
+  title: r,
+  subtitle: c,
+  onBack: m,
   backLabel: s,
   actions: p,
   firstTab: a,
   selectedTabId: d,
   onTabChange: h,
-  employees: t,
+  employees: e,
   onAddEmployee: n,
   removeDialog: o,
-  successAlert: r,
+  successAlert: l,
   onDismissAlert: u,
   className: y
 }) {
   x("Company.TimeOff.PolicyDetail");
-  const { t: e } = D("Company.TimeOff.PolicyDetail"), { Alert: C, Dialog: f, Button: E } = T(), g = t.emptyState ?? (n ? () => /* @__PURE__ */ i(O, { title: e("emptyEmployees.title"), children: /* @__PURE__ */ i(
+  const { t } = D("Company.TimeOff.PolicyDetail"), { Alert: C, Dialog: f, Button: E } = T(), g = e.emptyState ?? (n ? () => /* @__PURE__ */ i(O, { title: t("emptyEmployees.title"), children: /* @__PURE__ */ i(
     E,
     {
       variant: "secondary",
       icon: /* @__PURE__ */ i(A, { "aria-hidden": !0 }),
       onClick: n,
-      children: e("emptyEmployees.addEmployeeCta")
+      children: t("emptyEmployees.addEmployeeCta")
     }
   ) }) : void 0), P = [
     {
@@ -42,33 +40,33 @@ function Y({
     },
     {
       id: F,
-      label: e("tabs.employees"),
+      label: t("tabs.employees"),
       content: /* @__PURE__ */ i(
         L,
         {
-          data: t.data,
-          searchValue: t.searchValue,
-          onSearchChange: t.onSearchChange,
-          onSearchClear: t.onSearchClear,
-          searchPlaceholder: t.searchPlaceholder,
-          itemMenu: t.itemMenu,
-          pagination: t.pagination,
-          isFetching: t.isFetching,
+          data: e.data,
+          searchValue: e.searchValue,
+          onSearchChange: e.onSearchChange,
+          onSearchClear: e.onSearchClear,
+          searchPlaceholder: e.searchPlaceholder,
+          itemMenu: e.itemMenu,
+          pagination: e.pagination,
+          isFetching: e.isFetching,
           emptyState: g,
-          additionalColumns: t.additionalColumns,
-          hideJobTitle: t.hideJobTitle
+          additionalColumns: e.additionalColumns,
+          hideJobTitle: e.hideJobTitle
         }
       )
     }
   ];
   return /* @__PURE__ */ b(S, { children: [
-    r && /* @__PURE__ */ i(C, { status: "success", label: r, onDismiss: u }),
+    l && /* @__PURE__ */ i(C, { status: "success", label: l, onDismiss: u }),
     /* @__PURE__ */ i(
       v,
       {
-        title: l,
-        subtitle: m,
-        onBack: c,
+        title: r,
+        subtitle: c,
+        onBack: m,
         backLabel: s,
         actions: p,
         tabs: P,
@@ -85,15 +83,15 @@ function Y({
         onPrimaryActionClick: o.onConfirm,
         isPrimaryActionLoading: o.isPending,
         isDestructive: !0,
-        title: e("removeEmployeeDialog.title", { name: o.employeeName }),
-        primaryActionLabel: e("removeEmployeeDialog.confirmCta"),
-        closeActionLabel: e("removeEmployeeDialog.cancelCta"),
-        children: e("removeEmployeeDialog.description", { name: o.employeeName })
+        title: t("removeEmployeeDialog.title", { name: o.employeeName }),
+        primaryActionLabel: t("removeEmployeeDialog.confirmCta"),
+        closeActionLabel: t("removeEmployeeDialog.cancelCta"),
+        children: t("removeEmployeeDialog.description", { name: o.employeeName })
       }
     )
   ] });
 }
 export {
-  Y as PolicyDetailLayout
+  _ as PolicyDetailLayout
 };
 //# sourceMappingURL=PolicyDetailLayout.js.map

package/dist/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicyDetailLayout.js","sources":["../../../../../src/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem } from '../EmployeeTable/EmployeeTableTypes'\nimport { EmployeeTable } from '../EmployeeTable/EmployeeTable'\nimport type { PolicyDetailLayoutProps } from './PolicyDetailLayoutTypes'\nimport { DetailViewLayout, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nconst EMPLOYEES_TAB_ID = 'employees'\n\n/** @internal */\nexport function PolicyDetailLayout<T extends EmployeeTableItem>({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  firstTab,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n  className,\n}: PolicyDetailLayoutProps<T>) {\n  useI18n('Company.TimeOff.PolicyDetail')\n  const { t } = useTranslation('Company.TimeOff.PolicyDetail')\n  const { Alert, Dialog, Button } = useComponentContext()\n\n  const emptyEmployeesState =\n    employees.emptyState ??\n    (onAddEmployee\n      ? () => (\n          <EmptyData title={t('emptyEmployees.title')}>\n            <Button\n              variant=\"secondary\"\n              icon={<PlusCircleIcon aria-hidden />}\n              onClick={onAddEmployee}\n            >\n              {t('emptyEmployees.addEmployeeCta')}\n            </Button>\n          </EmptyData>\n        )\n      : undefined)\n\n  const tabs = [\n    {\n      id: firstTab.id,\n      label: firstTab.label,\n      content: firstTab.content,\n    },\n    {\n      id: EMPLOYEES_TAB_ID,\n      label: t('tabs.employees'),\n      content: (\n        <EmployeeTable<T>\n          data={employees.data}\n          searchValue={employees.searchValue}\n          onSearchChange={employees.onSearchChange}\n          onSearchClear={employees.onSearchClear}\n          searchPlaceholder={employees.searchPlaceholder}\n          itemMenu={employees.itemMenu}\n          pagination={employees.pagination}\n          isFetching={employees.isFetching}\n          emptyState={emptyEmployeesState}\n          additionalColumns={employees.additionalColumns}\n          hideJobTitle={employees.hideJobTitle}\n        />\n      ),\n    },\n  ]\n\n  return (\n    <>\n      {successAlert && <Alert status=\"success\" label={successAlert} onDismiss={onDismissAlert} />}\n\n      <DetailViewLayout\n        title={title}\n        subtitle={subtitle}\n        onBack={onBack}\n        backLabel={backLabel}\n        actions={actions}\n        tabs={tabs}\n        selectedTabId={selectedTabId}\n        onTabChange={onTabChange}\n        className={className}\n      />\n\n      <Dialog\n        isOpen={removeDialog.isOpen}\n        onClose={removeDialog.onClose}\n        onPrimaryActionClick={removeDialog.onConfirm}\n        isPrimaryActionLoading={removeDialog.isPending}\n        isDestructive\n        title={t('removeEmployeeDialog.title', { name: removeDialog.employeeName })}\n        primaryActionLabel={t('removeEmployeeDialog.confirmCta')}\n        closeActionLabel={t('removeEmployeeDialog.cancelCta')}\n      >\n        {t('removeEmployeeDialog.description', { name: removeDialog.employeeName })}\n      </Dialog>\n    </>\n  )\n}\n"],"names":["EMPLOYEES_TAB_ID","PolicyDetailLayout","title","subtitle","onBack","backLabel","actions","firstTab","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","className","useI18n","t","useTranslation","Alert","Dialog","Button","useComponentContext","emptyEmployeesState","EmptyData","jsx","PlusCircleIcon","tabs","EmployeeTable","jsxs","Fragment","DetailViewLayout"],"mappings":";;;;;;;;;;AASA,MAAMA,IAAmB;AAGlB,SAASC,EAAgD;AAAA,EAC9D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AACF,GAA+B;AAC7B,EAAAC,EAAQ,8BAA8B;AACtC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,8BAA8B,GACrD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAA,GAE5BC,IACJb,EAAU,eACTC,IACG,wBACGa,GAAA,EAAU,OAAOP,EAAE,sBAAsB,GACxC,UAAA,gBAAAQ;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM,gBAAAI,EAACC,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAClC,SAASf;AAAA,MAER,YAAE,+BAA+B;AAAA,IAAA;AAAA,EAAA,GAEtC,IAEF,SAEAgB,IAAO;AAAA,IACX;AAAA,MACE,IAAIpB,EAAS;AAAA,MACb,OAAOA,EAAS;AAAA,MAChB,SAASA,EAAS;AAAA,IAAA;AAAA,IAEpB;AAAA,MACE,IAAIP;AAAA,MACJ,OAAOiB,EAAE,gBAAgB;AAAA,MACzB,SACE,gBAAAQ;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAMlB,EAAU;AAAA,UAChB,aAAaA,EAAU;AAAA,UACvB,gBAAgBA,EAAU;AAAA,UAC1B,eAAeA,EAAU;AAAA,UACzB,mBAAmBA,EAAU;AAAA,UAC7B,UAAUA,EAAU;AAAA,UACpB,YAAYA,EAAU;AAAA,UACtB,YAAYA,EAAU;AAAA,UACtB,YAAYa;AAAA,UACZ,mBAAmBb,EAAU;AAAA,UAC7B,cAAcA,EAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAEJ;AAGF,SACE,gBAAAmB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAjB,uBAAiBM,GAAA,EAAM,QAAO,WAAU,OAAON,GAAc,WAAWC,GAAgB;AAAA,IAEzF,gBAAAW;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAA7B;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,MAAAqB;AAAA,QACA,eAAAnB;AAAA,QACA,aAAAC;AAAA,QACA,WAAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAU;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,QAAQR,EAAa;AAAA,QACrB,SAASA,EAAa;AAAA,QACtB,sBAAsBA,EAAa;AAAA,QACnC,wBAAwBA,EAAa;AAAA,QACrC,eAAa;AAAA,QACb,OAAOK,EAAE,8BAA8B,EAAE,MAAML,EAAa,cAAc;AAAA,QAC1E,oBAAoBK,EAAE,iCAAiC;AAAA,QACvD,kBAAkBA,EAAE,gCAAgC;AAAA,QAEnD,YAAE,oCAAoC,EAAE,MAAML,EAAa,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5E,GACF;AAEJ;"}
+{"version":3,"file":"PolicyDetailLayout.js","sources":["../../../../../src/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem } from '../EmployeeTable/EmployeeTableTypes'\nimport { EmployeeTable } from '../EmployeeTable/EmployeeTable'\nimport type { PolicyDetailLayoutProps } from './PolicyDetailLayoutTypes'\nimport { DetailViewLayout, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nconst EMPLOYEES_TAB_ID = 'employees'\n\n/** @internal */\nexport function PolicyDetailLayout<T extends EmployeeTableItem>({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  firstTab,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n  className,\n}: PolicyDetailLayoutProps<T>) {\n  useI18n('Company.TimeOff.PolicyDetail')\n  const { t } = useTranslation('Company.TimeOff.PolicyDetail')\n  const { Alert, Dialog, Button } = useComponentContext()\n\n  const emptyEmployeesState =\n    employees.emptyState ??\n    (onAddEmployee\n      ? () => (\n          <EmptyData title={t('emptyEmployees.title')}>\n            <Button\n              variant=\"secondary\"\n              icon={<PlusCircleIcon aria-hidden />}\n              onClick={onAddEmployee}\n            >\n              {t('emptyEmployees.addEmployeeCta')}\n            </Button>\n          </EmptyData>\n        )\n      : undefined)\n\n  const tabs = [\n    {\n      id: firstTab.id,\n      label: firstTab.label,\n      content: firstTab.content,\n    },\n    {\n      id: EMPLOYEES_TAB_ID,\n      label: t('tabs.employees'),\n      content: (\n        <EmployeeTable<T>\n          data={employees.data}\n          searchValue={employees.searchValue}\n          onSearchChange={employees.onSearchChange}\n          onSearchClear={employees.onSearchClear}\n          searchPlaceholder={employees.searchPlaceholder}\n          itemMenu={employees.itemMenu}\n          pagination={employees.pagination}\n          isFetching={employees.isFetching}\n          emptyState={emptyEmployeesState}\n          additionalColumns={employees.additionalColumns}\n          hideJobTitle={employees.hideJobTitle}\n        />\n      ),\n    },\n  ]\n\n  return (\n    <>\n      {successAlert && <Alert status=\"success\" label={successAlert} onDismiss={onDismissAlert} />}\n\n      <DetailViewLayout\n        title={title}\n        subtitle={subtitle}\n        onBack={onBack}\n        backLabel={backLabel}\n        actions={actions}\n        tabs={tabs}\n        selectedTabId={selectedTabId}\n        onTabChange={onTabChange}\n        className={className}\n      />\n\n      <Dialog\n        isOpen={removeDialog.isOpen}\n        onClose={removeDialog.onClose}\n        onPrimaryActionClick={removeDialog.onConfirm}\n        isPrimaryActionLoading={removeDialog.isPending}\n        isDestructive\n        title={t('removeEmployeeDialog.title', { name: removeDialog.employeeName })}\n        primaryActionLabel={t('removeEmployeeDialog.confirmCta')}\n        closeActionLabel={t('removeEmployeeDialog.cancelCta')}\n      >\n        {t('removeEmployeeDialog.description', { name: removeDialog.employeeName })}\n      </Dialog>\n    </>\n  )\n}\n"],"names":["EMPLOYEES_TAB_ID","PolicyDetailLayout","title","subtitle","onBack","backLabel","actions","firstTab","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","className","useI18n","useTranslation","Alert","Dialog","Button","useComponentContext","emptyEmployeesState","EmptyData","jsx","PlusCircleIcon","tabs","EmployeeTable","jsxs","Fragment","DetailViewLayout"],"mappings":";;;;;;;;AASA,MAAMA,IAAmB;AAGlB,SAASC,EAAgD;AAAA,EAC9D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AACF,GAA+B;AAC7B,EAAAC,EAAQ,8BAA8B;AACtC,QAAM,EAAE,EAAA,IAAMC,EAAe,8BAA8B,GACrD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAA,GAE5BC,IACJZ,EAAU,eACTC,IACG,wBACGY,GAAA,EAAU,OAAO,EAAE,sBAAsB,GACxC,UAAA,gBAAAC;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM,gBAAAI,EAACC,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAClC,SAASd;AAAA,MAER,YAAE,+BAA+B;AAAA,IAAA;AAAA,EAAA,GAEtC,IAEF,SAEAe,IAAO;AAAA,IACX;AAAA,MACE,IAAInB,EAAS;AAAA,MACb,OAAOA,EAAS;AAAA,MAChB,SAASA,EAAS;AAAA,IAAA;AAAA,IAEpB;AAAA,MACE,IAAIP;AAAA,MACJ,OAAO,EAAE,gBAAgB;AAAA,MACzB,SACE,gBAAAwB;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAMjB,EAAU;AAAA,UAChB,aAAaA,EAAU;AAAA,UACvB,gBAAgBA,EAAU;AAAA,UAC1B,eAAeA,EAAU;AAAA,UACzB,mBAAmBA,EAAU;AAAA,UAC7B,UAAUA,EAAU;AAAA,UACpB,YAAYA,EAAU;AAAA,UACtB,YAAYA,EAAU;AAAA,UACtB,YAAYY;AAAA,UACZ,mBAAmBZ,EAAU;AAAA,UAC7B,cAAcA,EAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAEJ;AAGF,SACE,gBAAAkB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAhB,uBAAiBK,GAAA,EAAM,QAAO,WAAU,OAAOL,GAAc,WAAWC,GAAgB;AAAA,IAEzF,gBAAAU;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAA5B;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,MAAAoB;AAAA,QACA,eAAAlB;AAAA,QACA,aAAAC;AAAA,QACA,WAAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAS;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,QAAQP,EAAa;AAAA,QACrB,SAASA,EAAa;AAAA,QACtB,sBAAsBA,EAAa;AAAA,QACnC,wBAAwBA,EAAa;AAAA,QACrC,eAAa;AAAA,QACb,OAAO,EAAE,8BAA8B,EAAE,MAAMA,EAAa,cAAc;AAAA,QAC1E,oBAAoB,EAAE,iCAAiC;AAAA,QACvD,kBAAkB,EAAE,gCAAgC;AAAA,QAEnD,YAAE,oCAAoC,EAAE,MAAMA,EAAa,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5E,GACF;AAEJ;"}

package/dist/contexts/ApiProvider/payrollOffCycleReasonEnumHook.js

@@ -1,4 +1,4 @@
-import { OffCycleReasonType as i } from "@gusto/embedded-api/models/components/payrollshow";
+import { OffCycleReasonType as i } from "@gusto/embedded-api/models/components/unprocessedpayroll";
 const c = "get-v1-companies-company_id-payrolls", p = /* @__PURE__ */ new Set([
   "get-v1-companies-company_id-payrolls-payroll_id",
   "post-v1-companies-company_id-payrolls",

package/dist/contexts/ApiProvider/payrollOffCycleReasonEnumHook.js.map

@@ -1 +1 @@
-{"version":3,"file":"payrollOffCycleReasonEnumHook.js","sources":["../../../src/contexts/ApiProvider/payrollOffCycleReasonEnumHook.ts"],"sourcesContent":["import { OffCycleReasonType } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { AfterSuccessHook } from '@/types/hooks'\n\nconst PAYROLL_LIST_OPERATION_ID = 'get-v1-companies-company_id-payrolls'\n\nconst SINGLE_PAYROLL_OPERATIONS: ReadonlySet<string> = new Set([\n  'get-v1-companies-company_id-payrolls-payroll_id',\n  'post-v1-companies-company_id-payrolls',\n  'put-v1-companies-company_id-payrolls',\n  'put-v1-companies-company_id-payrolls-payroll_id-prepare',\n  'put-api-v1-companies-company_id-payrolls-payroll_id-cancel',\n])\n\nconst KNOWN_OFF_CYCLE_REASONS: ReadonlySet<string> = new Set(Object.values(OffCycleReasonType))\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  value !== null && typeof value === 'object' && !Array.isArray(value)\n\nconst hasUnknownOffCycleReason = (payroll: unknown): payroll is Record<string, unknown> =>\n  isRecord(payroll) &&\n  typeof payroll.off_cycle_reason === 'string' &&\n  !KNOWN_OFF_CYCLE_REASONS.has(payroll.off_cycle_reason)\n\n// `off_cycle_reason` is nullable in the schema, so an unrecognized reason collapses to `null`\n// (rendered as a generic off-cycle payroll) rather than being relabeled as some other reason.\nconst clearOffCycleReason = (payroll: Record<string, unknown>): Record<string, unknown> => ({\n  ...payroll,\n  off_cycle_reason: null,\n})\n\nconst remapBody = (body: unknown, operationID: string): unknown => {\n  if (operationID === PAYROLL_LIST_OPERATION_ID) {\n    if (!Array.isArray(body) || !body.some(hasUnknownOffCycleReason)) return undefined\n    return body.map(payroll =>\n      hasUnknownOffCycleReason(payroll) ? clearOffCycleReason(payroll) : payroll,\n    )\n  }\n\n  return hasUnknownOffCycleReason(body) ? clearOffCycleReason(body) : undefined\n}\n\n/**\n * Temporary workaround for a Gusto-Partner-API spec gap: `off_cycle_reason` on payroll responses\n * is generated as a closed enum (`z.nativeEnum(OffCycleReasonType)`) in `@gusto/embedded-api`, but\n * the API also emits reasons the published OAS doesn't list (e.g. `Max out 401k`, `Other`). A\n * single such payroll makes the whole `GetV1CompaniesCompanyIdPayrolls` response throw an\n * `SDKValidationError`, taking down Payroll History and every other payroll list for the company.\n * This afterSuccess hook nulls out any reason outside the closed enum before the SDK's zod parse,\n * so the response still validates and the payroll renders as a generic off-cycle payroll. Remove\n * once the client supports lax/open enum parsing for this field.\n *\n * @internal\n */\nexport const payrollOffCycleReasonEnumHook: AfterSuccessHook = {\n  afterSuccess: async (context, response) => {\n    if (\n      context.operationID !== PAYROLL_LIST_OPERATION_ID &&\n      !SINGLE_PAYROLL_OPERATIONS.has(context.operationID)\n    ) {\n      return response\n    }\n\n    let body: unknown\n    try {\n      body = await response.clone().json()\n    } catch {\n      return response\n    }\n\n    const remapped = remapBody(body, context.operationID)\n    if (remapped === undefined) return response\n\n    const headers = new Headers(response.headers)\n    headers.delete('content-length')\n    return new Response(JSON.stringify(remapped), {\n      status: response.status,\n      statusText: response.statusText,\n      headers,\n    })\n  },\n}\n"],"names":["PAYROLL_LIST_OPERATION_ID","SINGLE_PAYROLL_OPERATIONS","KNOWN_OFF_CYCLE_REASONS","OffCycleReasonType","isRecord","value","hasUnknownOffCycleReason","payroll","clearOffCycleReason","remapBody","body","operationID","payrollOffCycleReasonEnumHook","context","response","remapped","headers"],"mappings":";AAGA,MAAMA,IAA4B,wCAE5BC,wBAAqD,IAAI;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAEKC,IAA+C,IAAI,IAAI,OAAO,OAAOC,CAAkB,CAAC,GAExFC,IAAW,CAACC,MAChBA,MAAU,QAAQ,OAAOA,KAAU,YAAY,CAAC,MAAM,QAAQA,CAAK,GAE/DC,IAA2B,CAACC,MAChCH,EAASG,CAAO,KAChB,OAAOA,EAAQ,oBAAqB,YACpC,CAACL,EAAwB,IAAIK,EAAQ,gBAAgB,GAIjDC,IAAsB,CAACD,OAA+D;AAAA,EAC1F,GAAGA;AAAA,EACH,kBAAkB;AACpB,IAEME,IAAY,CAACC,GAAeC,MAC5BA,MAAgBX,IACd,CAAC,MAAM,QAAQU,CAAI,KAAK,CAACA,EAAK,KAAKJ,CAAwB,IAAG,SAC3DI,EAAK;AAAA,EAAI,OACdJ,EAAyBC,CAAO,IAAIC,EAAoBD,CAAO,IAAIA;AAAA,IAIhED,EAAyBI,CAAI,IAAIF,EAAoBE,CAAI,IAAI,QAezDE,IAAkD;AAAA,EAC7D,cAAc,OAAOC,GAASC,MAAa;AACzC,QACED,EAAQ,gBAAgBb,KACxB,CAACC,EAA0B,IAAIY,EAAQ,WAAW;AAElD,aAAOC;AAGT,QAAIJ;AACJ,QAAI;AACF,MAAAA,IAAO,MAAMI,EAAS,MAAA,EAAQ,KAAA;AAAA,IAChC,QAAQ;AACN,aAAOA;AAAA,IACT;AAEA,UAAMC,IAAWN,EAAUC,GAAMG,EAAQ,WAAW;AACpD,QAAIE,MAAa,OAAW,QAAOD;AAEnC,UAAME,IAAU,IAAI,QAAQF,EAAS,OAAO;AAC5C,WAAAE,EAAQ,OAAO,gBAAgB,GACxB,IAAI,SAAS,KAAK,UAAUD,CAAQ,GAAG;AAAA,MAC5C,QAAQD,EAAS;AAAA,MACjB,YAAYA,EAAS;AAAA,MACrB,SAAAE;AAAA,IAAA,CACD;AAAA,EACH;AACF;"}
+{"version":3,"file":"payrollOffCycleReasonEnumHook.js","sources":["../../../src/contexts/ApiProvider/payrollOffCycleReasonEnumHook.ts"],"sourcesContent":["import { OffCycleReasonType } from '@gusto/embedded-api/models/components/unprocessedpayroll'\nimport type { AfterSuccessHook } from '@/types/hooks'\n\nconst PAYROLL_LIST_OPERATION_ID = 'get-v1-companies-company_id-payrolls'\n\nconst SINGLE_PAYROLL_OPERATIONS: ReadonlySet<string> = new Set([\n  'get-v1-companies-company_id-payrolls-payroll_id',\n  'post-v1-companies-company_id-payrolls',\n  'put-v1-companies-company_id-payrolls',\n  'put-v1-companies-company_id-payrolls-payroll_id-prepare',\n  'put-api-v1-companies-company_id-payrolls-payroll_id-cancel',\n])\n\nconst KNOWN_OFF_CYCLE_REASONS: ReadonlySet<string> = new Set(Object.values(OffCycleReasonType))\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  value !== null && typeof value === 'object' && !Array.isArray(value)\n\nconst hasUnknownOffCycleReason = (payroll: unknown): payroll is Record<string, unknown> =>\n  isRecord(payroll) &&\n  typeof payroll.off_cycle_reason === 'string' &&\n  !KNOWN_OFF_CYCLE_REASONS.has(payroll.off_cycle_reason)\n\n// `off_cycle_reason` is nullable in the schema, so an unrecognized reason collapses to `null`\n// (rendered as a generic off-cycle payroll) rather than being relabeled as some other reason.\nconst clearOffCycleReason = (payroll: Record<string, unknown>): Record<string, unknown> => ({\n  ...payroll,\n  off_cycle_reason: null,\n})\n\nconst remapBody = (body: unknown, operationID: string): unknown => {\n  if (operationID === PAYROLL_LIST_OPERATION_ID) {\n    if (!Array.isArray(body) || !body.some(hasUnknownOffCycleReason)) return undefined\n    return body.map(payroll =>\n      hasUnknownOffCycleReason(payroll) ? clearOffCycleReason(payroll) : payroll,\n    )\n  }\n\n  return hasUnknownOffCycleReason(body) ? clearOffCycleReason(body) : undefined\n}\n\n/**\n * Temporary workaround for a Gusto-Partner-API spec gap: `off_cycle_reason` on payroll responses\n * is generated as a closed enum (`z.nativeEnum(OffCycleReasonType)`) in `@gusto/embedded-api`, but\n * the API also emits reasons the published OAS doesn't list (e.g. `Max out 401k`, `Other`). A\n * single such payroll makes the whole `GetV1CompaniesCompanyIdPayrolls` response throw an\n * `SDKValidationError`, taking down Payroll History and every other payroll list for the company.\n * This afterSuccess hook nulls out any reason outside the closed enum before the SDK's zod parse,\n * so the response still validates and the payroll renders as a generic off-cycle payroll. Remove\n * once the client supports lax/open enum parsing for this field.\n *\n * @internal\n */\nexport const payrollOffCycleReasonEnumHook: AfterSuccessHook = {\n  afterSuccess: async (context, response) => {\n    if (\n      context.operationID !== PAYROLL_LIST_OPERATION_ID &&\n      !SINGLE_PAYROLL_OPERATIONS.has(context.operationID)\n    ) {\n      return response\n    }\n\n    let body: unknown\n    try {\n      body = await response.clone().json()\n    } catch {\n      return response\n    }\n\n    const remapped = remapBody(body, context.operationID)\n    if (remapped === undefined) return response\n\n    const headers = new Headers(response.headers)\n    headers.delete('content-length')\n    return new Response(JSON.stringify(remapped), {\n      status: response.status,\n      statusText: response.statusText,\n      headers,\n    })\n  },\n}\n"],"names":["PAYROLL_LIST_OPERATION_ID","SINGLE_PAYROLL_OPERATIONS","KNOWN_OFF_CYCLE_REASONS","OffCycleReasonType","isRecord","value","hasUnknownOffCycleReason","payroll","clearOffCycleReason","remapBody","body","operationID","payrollOffCycleReasonEnumHook","context","response","remapped","headers"],"mappings":";AAGA,MAAMA,IAA4B,wCAE5BC,wBAAqD,IAAI;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAEKC,IAA+C,IAAI,IAAI,OAAO,OAAOC,CAAkB,CAAC,GAExFC,IAAW,CAACC,MAChBA,MAAU,QAAQ,OAAOA,KAAU,YAAY,CAAC,MAAM,QAAQA,CAAK,GAE/DC,IAA2B,CAACC,MAChCH,EAASG,CAAO,KAChB,OAAOA,EAAQ,oBAAqB,YACpC,CAACL,EAAwB,IAAIK,EAAQ,gBAAgB,GAIjDC,IAAsB,CAACD,OAA+D;AAAA,EAC1F,GAAGA;AAAA,EACH,kBAAkB;AACpB,IAEME,IAAY,CAACC,GAAeC,MAC5BA,MAAgBX,IACd,CAAC,MAAM,QAAQU,CAAI,KAAK,CAACA,EAAK,KAAKJ,CAAwB,IAAG,SAC3DI,EAAK;AAAA,EAAI,OACdJ,EAAyBC,CAAO,IAAIC,EAAoBD,CAAO,IAAIA;AAAA,IAIhED,EAAyBI,CAAI,IAAIF,EAAoBE,CAAI,IAAI,QAezDE,IAAkD;AAAA,EAC7D,cAAc,OAAOC,GAASC,MAAa;AACzC,QACED,EAAQ,gBAAgBb,KACxB,CAACC,EAA0B,IAAIY,EAAQ,WAAW;AAElD,aAAOC;AAGT,QAAIJ;AACJ,QAAI;AACF,MAAAA,IAAO,MAAMI,EAAS,MAAA,EAAQ,KAAA;AAAA,IAChC,QAAQ;AACN,aAAOA;AAAA,IACT;AAEA,UAAMC,IAAWN,EAAUC,GAAMG,EAAQ,WAAW;AACpD,QAAIE,MAAa,OAAW,QAAOD;AAEnC,UAAME,IAAU,IAAI,QAAQF,EAAS,OAAO;AAC5C,WAAAE,EAAQ,OAAO,gBAAgB,GACxB,IAAI,SAAS,KAAK,UAAUD,CAAQ,GAAG;AAAA,MAC5C,QAAQD,EAAS;AAAA,MACjB,YAAYA,EAAS;AAAA,MACrB,SAAAE;AAAA,IAAA,CACD;AAAA,EACH;AACF;"}

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js

@@ -8,8 +8,6 @@ import { LoadingIndicatorProvider as U } from "../LoadingIndicatorProvider/Loadi
 import { sanitizeError as z } from "../ObservabilityProvider/sanitization.js";
 import { UnstableFeaturesProvider as D } from "../UnstableFeaturesProvider/UnstableFeaturesProvider.js";
 import { SDKI18next as m } from "./SDKI18next.js";
-import "classnames";
-import "../../shared/constants.js";
 import { InternalError as F } from "../../components/Common/InternalError/InternalError.js";
 import { LocaleProvider as T } from "../LocaleProvider/LocaleProvider.js";
 import "../LocaleProvider/useLocale.js";
@@ -17,7 +15,7 @@ import { ThemeProvider as w } from "../ThemeProvider/ThemeProvider.js";
 import { normalizeToSDKError as A } from "../../types/sdkError.js";
 import { NonceContext as B } from "../NonceProvider/useNonce.js";
 import { ObservabilityProvider as K } from "../ObservabilityProvider/ObservabilityProvider.js";
-function er(l) {
+function rr(l) {
   const {
     children: s,
     config: o,
@@ -72,6 +70,6 @@ function er(l) {
   ) }, n) }) }) }) }) }) }) });
 }
 export {
-  er as GustoProviderCustomUIAdapter
+  rr as GustoProviderCustomUIAdapter
 };
 //# sourceMappingURL=GustoProviderCustomUIAdapter.js.map

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport type { ErrorInfo, JSX, ReactNode } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect, useMemo } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport { ObservabilityProvider } from '../ObservabilityProvider'\nimport { sanitizeError } from '../ObservabilityProvider/sanitization'\nimport { UnstableFeaturesProvider } from '../UnstableFeaturesProvider/UnstableFeaturesProvider'\nimport type { UnstableFeatures } from '../UnstableFeaturesProvider/useUnstableFeature'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { NonceContext } from '@/contexts/NonceProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { GlobalResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\nimport type { ObservabilityHook } from '@/types/observability'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\n/**\n * API client configuration passed to {@link GustoProvider} (and {@link GustoProviderCustomUIAdapter}).\n *\n * @public\n */\nexport interface APIConfig {\n  /** URL of your backend proxy that forwards SDK requests to the Gusto Embedded API. SDK components never call Gusto directly. */\n  baseUrl: string\n  /** Extra headers applied to every API request. Combined with any headers your proxy adds. */\n  headers?: HeadersInit\n  /** Request interceptor hooks. Use these to inspect, modify, or react to requests and responses. See {@link SDKHooks}. */\n  hooks?: SDKHooks\n  /** Observability hook for surfacing errors and metrics from the SDK to your monitoring stack. See {@link ObservabilityHook}. */\n  observability?: ObservabilityHook\n}\n\n/**\n * Shared configuration props accepted by {@link GustoProvider} and {@link GustoProviderCustomUIAdapter}.\n *\n * @public\n */\nexport interface GustoBaseProviderProps {\n  /** API client configuration, including the proxy `baseUrl`, request hooks, and observability. See {@link APIConfig}. */\n  config: APIConfig\n  /** Translation overrides keyed by language and i18next namespace. Strings supplied here replace the SDK defaults for the matching keys. */\n  dictionary?: GlobalResourceDictionary\n  /** Active i18next language. Defaults to `'en'`. */\n  lng?: string\n  /** BCP 47 locale used for number, date, and currency formatting throughout the SDK. Defaults to `'en-US'`. */\n  locale?: string\n  /** ISO 4217 currency code used for monetary formatting. Defaults to `'USD'`. */\n  currency?: string\n  /** Theme overrides applied to SDK components. See {@link GustoSDKTheme}. */\n  theme?: Partial<GustoSDKTheme>\n  /**\n   * CSP nonce to apply to runtime-injected `<style>` elements (theming, PDF download window).\n   * Pass the same per-request nonce your app uses in its `style-src 'nonce-…'` directive.\n   * Also exposed to custom UI components via `useNonce`.\n   */\n  nonce?: string\n  /**\n   * Element to use as the portal container for SDK popovers and dropdowns.\n   * Defaults to a themed root element the SDK appends to `document.body`.\n   *\n   * Pass an element here if rendering inside a modal, or **required** if\n   * rendering inside a shadow root — `document.body` sits outside every\n   * shadow boundary, so without an explicit container overlays would\n   * otherwise escape your shadow root's style encapsulation.\n   */\n  portalContainer?: HTMLElement\n  /** Optional TanStack Query `QueryClient`. When omitted, the SDK creates its own client configured for Gusto's API. */\n  queryClient?: QueryClient\n  /** Complete map of UI components the SDK renders. Required because this adapter ships no defaults. */\n  components: ComponentsContextType\n  /** Loading indicator rendered while SDK queries are pending. Overrides the SDK default spinner. */\n  LoaderComponent?: ({ children }: { children?: ReactNode }) => JSX.Element\n  /**\n   * Opt-in flags for alpha SDK functionality. See {@link UnstableFeatures}.\n   * @alpha\n   */\n  unstableFeatures?: UnstableFeatures\n}\n\n/**\n * Props for {@link GustoProviderCustomUIAdapter}.\n *\n * @public\n */\nexport interface GustoProviderCustomUIAdapterProps extends GustoBaseProviderProps {\n  /** The application tree that should have access to the SDK. */\n  children?: React.ReactNode\n}\n\n/**\n * Top-level provider that requires a complete component map and ships no UI defaults.\n *\n * @remarks\n * Use this adapter when you want full control over every UI primitive the SDK renders, or when\n * you want to avoid the React Aria dependency for tree-shaking. Unlike {@link GustoProvider}, the\n * `components` prop on {@link GustoProviderProps} is required and must supply every component the\n * SDK renders.\n *\n * @param props - See {@link GustoProviderCustomUIAdapterProps}.\n * @returns The configured provider tree wrapping `children`.\n * @public\n * @group Providers\n */\nexport function GustoProviderCustomUIAdapter(props: GustoProviderCustomUIAdapterProps) {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    nonce,\n    portalContainer,\n    components,\n    LoaderComponent,\n    queryClient,\n    unstableFeatures,\n  } = props\n\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        SDKI18next.addResourceBundle(\n          lang,\n          ns,\n          (dictionary[lang] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  const handleTopLevelError = useMemo(() => {\n    if (!config.observability?.onError) return undefined\n\n    return (error: unknown, errorInfo: ErrorInfo) => {\n      if (!config.observability?.onError) return\n\n      const sdkError = normalizeToSDKError(error)\n\n      const observabilityError = {\n        ...sdkError,\n        timestamp: Date.now(),\n        componentStack: errorInfo.componentStack ?? undefined,\n      }\n\n      const sanitizedError = sanitizeError(observabilityError, config.observability.sanitization)\n\n      config.observability.onError(sanitizedError)\n    }\n  }, [config.observability])\n  return (\n    <NonceContext.Provider value={nonce}>\n      <ComponentsProvider value={components}>\n        <LoadingIndicatorProvider value={LoaderComponent}>\n          <ObservabilityProvider observability={config.observability}>\n            <ErrorBoundary FallbackComponent={InternalError} onError={handleTopLevelError}>\n              <ThemeProvider theme={theme} portalContainer={portalContainer}>\n                <LocaleProvider locale={locale} currency={currency}>\n                  <I18nextProvider i18n={SDKI18next} key={lng}>\n                    <ApiProvider\n                      url={config.baseUrl}\n                      headers={config.headers}\n                      hooks={config.hooks}\n                      queryClient={queryClient}\n                    >\n                      <UnstableFeaturesProvider value={unstableFeatures}>\n                        {children}\n                      </UnstableFeaturesProvider>\n                    </ApiProvider>\n                  </I18nextProvider>\n                </LocaleProvider>\n              </ThemeProvider>\n            </ErrorBoundary>\n          </ObservabilityProvider>\n        </LoadingIndicatorProvider>\n      </ComponentsProvider>\n    </NonceContext.Provider>\n  )\n}\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","nonce","portalContainer","components","LoaderComponent","queryClient","unstableFeatures","language","lang","ns","SDKI18next","useEffect","handleTopLevelError","useMemo","error","errorInfo","observabilityError","normalizeToSDKError","sanitizedError","sanitizeError","NonceContext","jsx","ComponentsProvider","LoadingIndicatorProvider","ObservabilityProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider","UnstableFeaturesProvider"],"mappings":";;;;;;;;;;;;;;;;;;;AAgHO,SAASA,GAA6BC,GAA0C;AACrF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEb;AAEJ,MAAIG;AACF,eAAWW,KAAYX,GAAY;AACjC,YAAMY,IAAOD;AACb,iBAAWE,KAAMb,EAAWY,CAAI;AAC9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCb,EAAWY,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAGF,EAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeb,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC;AAER,QAAMe,IAAsBC,EAAQ,MAAM;AACxC,QAAKlB,EAAO,eAAe;AAE3B,aAAO,CAACmB,GAAgBC,MAAyB;AAC/C,YAAI,CAACpB,EAAO,eAAe,QAAS;AAIpC,cAAMqB,IAAqB;AAAA,UACzB,GAHeC,EAAoBH,CAAK;AAAA,UAIxC,WAAW,KAAK,IAAA;AAAA,UAChB,gBAAgBC,EAAU,kBAAkB;AAAA,QAAA,GAGxCG,IAAiBC,EAAcH,GAAoBrB,EAAO,cAAc,YAAY;AAE1F,QAAAA,EAAO,cAAc,QAAQuB,CAAc;AAAA,MAC7C;AAAA,EACF,GAAG,CAACvB,EAAO,aAAa,CAAC;AACzB,2BACGyB,EAAa,UAAb,EAAsB,OAAOnB,GAC5B,UAAA,gBAAAoB,EAACC,GAAA,EAAmB,OAAOnB,GACzB,4BAACoB,GAAA,EAAyB,OAAOnB,GAC/B,UAAA,gBAAAiB,EAACG,KAAsB,eAAe7B,EAAO,eAC3C,UAAA,gBAAA0B,EAACI,KAAc,mBAAmBC,GAAe,SAASd,GACxD,4BAACe,GAAA,EAAc,OAAA3B,GAAc,iBAAAE,GAC3B,UAAA,gBAAAmB,EAACO,KAAe,QAAA9B,GAAgB,UAAAC,GAC9B,UAAA,gBAAAsB,EAACQ,GAAA,EAAgB,MAAMnB,GACrB,UAAA,gBAAAW;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,KAAKnC,EAAO;AAAA,MACZ,SAASA,EAAO;AAAA,MAChB,OAAOA,EAAO;AAAA,MACd,aAAAU;AAAA,MAEA,UAAA,gBAAAgB,EAACU,GAAA,EAAyB,OAAOzB,GAC9B,UAAAZ,EAAA,CACH;AAAA,IAAA;AAAA,EAAA,KAToCG,CAWxC,EAAA,CACF,EAAA,CACF,GACF,GACF,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport type { ErrorInfo, JSX, ReactNode } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect, useMemo } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport { ObservabilityProvider } from '../ObservabilityProvider'\nimport { sanitizeError } from '../ObservabilityProvider/sanitization'\nimport { UnstableFeaturesProvider } from '../UnstableFeaturesProvider/UnstableFeaturesProvider'\nimport type { UnstableFeatures } from '../UnstableFeaturesProvider/useUnstableFeature'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { NonceContext } from '@/contexts/NonceProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { GlobalResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\nimport type { ObservabilityHook } from '@/types/observability'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\n/**\n * API client configuration passed to {@link GustoProvider} (and {@link GustoProviderCustomUIAdapter}).\n *\n * @public\n */\nexport interface APIConfig {\n  /** URL of your backend proxy that forwards SDK requests to the Gusto Embedded API. SDK components never call Gusto directly. */\n  baseUrl: string\n  /** Extra headers applied to every API request. Combined with any headers your proxy adds. */\n  headers?: HeadersInit\n  /** Request interceptor hooks. Use these to inspect, modify, or react to requests and responses. See {@link SDKHooks}. */\n  hooks?: SDKHooks\n  /** Observability hook for surfacing errors and metrics from the SDK to your monitoring stack. See {@link ObservabilityHook}. */\n  observability?: ObservabilityHook\n}\n\n/**\n * Shared configuration props accepted by {@link GustoProvider} and {@link GustoProviderCustomUIAdapter}.\n *\n * @public\n */\nexport interface GustoBaseProviderProps {\n  /** API client configuration, including the proxy `baseUrl`, request hooks, and observability. See {@link APIConfig}. */\n  config: APIConfig\n  /** Translation overrides keyed by language and i18next namespace. Strings supplied here replace the SDK defaults for the matching keys. */\n  dictionary?: GlobalResourceDictionary\n  /** Active i18next language. Defaults to `'en'`. */\n  lng?: string\n  /** BCP 47 locale used for number, date, and currency formatting throughout the SDK. Defaults to `'en-US'`. */\n  locale?: string\n  /** ISO 4217 currency code used for monetary formatting. Defaults to `'USD'`. */\n  currency?: string\n  /** Theme overrides applied to SDK components. See {@link GustoSDKTheme}. */\n  theme?: Partial<GustoSDKTheme>\n  /**\n   * CSP nonce to apply to runtime-injected `<style>` elements (theming, PDF download window).\n   * Pass the same per-request nonce your app uses in its `style-src 'nonce-…'` directive.\n   * Also exposed to custom UI components via `useNonce`.\n   */\n  nonce?: string\n  /**\n   * Element to use as the portal container for SDK popovers and dropdowns.\n   * Defaults to a themed root element the SDK appends to `document.body`.\n   *\n   * Pass an element here if rendering inside a modal, or **required** if\n   * rendering inside a shadow root — `document.body` sits outside every\n   * shadow boundary, so without an explicit container overlays would\n   * otherwise escape your shadow root's style encapsulation.\n   */\n  portalContainer?: HTMLElement\n  /** Optional TanStack Query `QueryClient`. When omitted, the SDK creates its own client configured for Gusto's API. */\n  queryClient?: QueryClient\n  /** Complete map of UI components the SDK renders. Required because this adapter ships no defaults. */\n  components: ComponentsContextType\n  /** Loading indicator rendered while SDK queries are pending. Overrides the SDK default spinner. */\n  LoaderComponent?: ({ children }: { children?: ReactNode }) => JSX.Element\n  /**\n   * Opt-in flags for alpha SDK functionality. See {@link UnstableFeatures}.\n   * @alpha\n   */\n  unstableFeatures?: UnstableFeatures\n}\n\n/**\n * Props for {@link GustoProviderCustomUIAdapter}.\n *\n * @public\n */\nexport interface GustoProviderCustomUIAdapterProps extends GustoBaseProviderProps {\n  /** The application tree that should have access to the SDK. */\n  children?: React.ReactNode\n}\n\n/**\n * Top-level provider that requires a complete component map and ships no UI defaults.\n *\n * @remarks\n * Use this adapter when you want full control over every UI primitive the SDK renders, or when\n * you want to avoid the React Aria dependency for tree-shaking. Unlike {@link GustoProvider}, the\n * `components` prop on {@link GustoProviderProps} is required and must supply every component the\n * SDK renders.\n *\n * @param props - See {@link GustoProviderCustomUIAdapterProps}.\n * @returns The configured provider tree wrapping `children`.\n * @public\n * @group Providers\n */\nexport function GustoProviderCustomUIAdapter(props: GustoProviderCustomUIAdapterProps) {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    nonce,\n    portalContainer,\n    components,\n    LoaderComponent,\n    queryClient,\n    unstableFeatures,\n  } = props\n\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        SDKI18next.addResourceBundle(\n          lang,\n          ns,\n          (dictionary[lang] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  const handleTopLevelError = useMemo(() => {\n    if (!config.observability?.onError) return undefined\n\n    return (error: unknown, errorInfo: ErrorInfo) => {\n      if (!config.observability?.onError) return\n\n      const sdkError = normalizeToSDKError(error)\n\n      const observabilityError = {\n        ...sdkError,\n        timestamp: Date.now(),\n        componentStack: errorInfo.componentStack ?? undefined,\n      }\n\n      const sanitizedError = sanitizeError(observabilityError, config.observability.sanitization)\n\n      config.observability.onError(sanitizedError)\n    }\n  }, [config.observability])\n  return (\n    <NonceContext.Provider value={nonce}>\n      <ComponentsProvider value={components}>\n        <LoadingIndicatorProvider value={LoaderComponent}>\n          <ObservabilityProvider observability={config.observability}>\n            <ErrorBoundary FallbackComponent={InternalError} onError={handleTopLevelError}>\n              <ThemeProvider theme={theme} portalContainer={portalContainer}>\n                <LocaleProvider locale={locale} currency={currency}>\n                  <I18nextProvider i18n={SDKI18next} key={lng}>\n                    <ApiProvider\n                      url={config.baseUrl}\n                      headers={config.headers}\n                      hooks={config.hooks}\n                      queryClient={queryClient}\n                    >\n                      <UnstableFeaturesProvider value={unstableFeatures}>\n                        {children}\n                      </UnstableFeaturesProvider>\n                    </ApiProvider>\n                  </I18nextProvider>\n                </LocaleProvider>\n              </ThemeProvider>\n            </ErrorBoundary>\n          </ObservabilityProvider>\n        </LoadingIndicatorProvider>\n      </ComponentsProvider>\n    </NonceContext.Provider>\n  )\n}\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","nonce","portalContainer","components","LoaderComponent","queryClient","unstableFeatures","language","lang","ns","SDKI18next","useEffect","handleTopLevelError","useMemo","error","errorInfo","observabilityError","normalizeToSDKError","sanitizedError","sanitizeError","NonceContext","jsx","ComponentsProvider","LoadingIndicatorProvider","ObservabilityProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider","UnstableFeaturesProvider"],"mappings":";;;;;;;;;;;;;;;;;AAgHO,SAASA,GAA6BC,GAA0C;AACrF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEb;AAEJ,MAAIG;AACF,eAAWW,KAAYX,GAAY;AACjC,YAAMY,IAAOD;AACb,iBAAWE,KAAMb,EAAWY,CAAI;AAC9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCb,EAAWY,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAGF,EAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeb,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC;AAER,QAAMe,IAAsBC,EAAQ,MAAM;AACxC,QAAKlB,EAAO,eAAe;AAE3B,aAAO,CAACmB,GAAgBC,MAAyB;AAC/C,YAAI,CAACpB,EAAO,eAAe,QAAS;AAIpC,cAAMqB,IAAqB;AAAA,UACzB,GAHeC,EAAoBH,CAAK;AAAA,UAIxC,WAAW,KAAK,IAAA;AAAA,UAChB,gBAAgBC,EAAU,kBAAkB;AAAA,QAAA,GAGxCG,IAAiBC,EAAcH,GAAoBrB,EAAO,cAAc,YAAY;AAE1F,QAAAA,EAAO,cAAc,QAAQuB,CAAc;AAAA,MAC7C;AAAA,EACF,GAAG,CAACvB,EAAO,aAAa,CAAC;AACzB,2BACGyB,EAAa,UAAb,EAAsB,OAAOnB,GAC5B,UAAA,gBAAAoB,EAACC,GAAA,EAAmB,OAAOnB,GACzB,4BAACoB,GAAA,EAAyB,OAAOnB,GAC/B,UAAA,gBAAAiB,EAACG,KAAsB,eAAe7B,EAAO,eAC3C,UAAA,gBAAA0B,EAACI,KAAc,mBAAmBC,GAAe,SAASd,GACxD,4BAACe,GAAA,EAAc,OAAA3B,GAAc,iBAAAE,GAC3B,UAAA,gBAAAmB,EAACO,KAAe,QAAA9B,GAAgB,UAAAC,GAC9B,UAAA,gBAAAsB,EAACQ,GAAA,EAAgB,MAAMnB,GACrB,UAAA,gBAAAW;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,KAAKnC,EAAO;AAAA,MACZ,SAASA,EAAO;AAAA,MAChB,OAAOA,EAAO;AAAA,MACd,aAAAU;AAAA,MAEA,UAAA,gBAAAgB,EAACU,GAAA,EAAyB,OAAOzB,GAC9B,UAAAZ,EAAA,CACH;AAAA,IAAA;AAAA,EAAA,KAToCG,CAWxC,EAAA,CACF,EAAA,CACF,GACF,GACF,EAAA,CACF,GACF,GACF;AAEJ;"}