@gusto/embedded-react-sdk 0.34.0 → 0.35.0-rc.2

package/dist/components/Payroll/usePreparedPayrollData.js

@@ -1,71 +1,72 @@
-import { useState as L, useRef as P, useMemo as D, useCallback as j, useEffect as q } from "react";
-import { usePayrollsPrepareMutation as w } from "@gusto/embedded-api/react-query/payrollsPrepare";
-import { usePaySchedulesGet as M } from "@gusto/embedded-api/react-query/paySchedulesGet";
+import { useState as b, useRef as y, useMemo as M, useCallback as m, useEffect as _ } from "react";
+import { usePayrollsPrepareMutation as L } from "@gusto/embedded-api/react-query/payrollsPrepare";
+import { usePaySchedulesGet as D } from "@gusto/embedded-api/react-query/paySchedulesGet";
+import { UnprocessableEntityErrorObject as T } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "react/jsx-runtime";
 import "react-error-boundary";
 import "react-i18next";
 import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@tanstack/react-query";
-import { useBase as R } from "../Base/useBase.js";
+import { useBase as j } from "../Base/useBase.js";
 import "../../shared/constants.js";
 import "classnames";
 import "../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
 import "../../contexts/LocaleProvider/useLocale.js";
-const N = ({
-  companyId: r,
-  payrollId: s,
+import { retryAsync as x } from "../../helpers/retryAsync.js";
+const q = 4, v = 1500, w = (e) => e instanceof T ? Array.isArray(e.errors) && e.errors.some((r) => r.category === "invalid_operation") : !1, Z = ({
+  companyId: e,
+  payrollId: r,
   employeeUuids: a,
   sortBy: n,
   onDataReady: l
 }) => {
-  const { mutateAsync: p, isPending: u } = w(), [t, m] = L(), e = P(!1), c = P(!1), { baseSubmitHandler: d } = R(), y = D(() => a?.join(",") ?? "", [a]), { data: f, isLoading: h } = M(
+  const { mutateAsync: c, isPending: p } = L(), [o, f] = b(), t = y(!1), u = y(!1), { baseSubmitHandler: d } = j(), h = M(() => a?.join(",") ?? "", [a]), { data: S, isLoading: E } = D(
     {
-      companyId: r,
-      payScheduleId: t?.payPeriod?.payScheduleUuid || ""
+      companyId: e,
+      payScheduleId: o?.payPeriod?.payScheduleUuid || ""
     },
     {
-      enabled: !!t?.payPeriod?.payScheduleUuid
+      enabled: !!o?.payPeriod?.payScheduleUuid
     }
-  ), i = j(async () => {
-    await d(null, async () => {
-      const o = await p({
-        request: {
-          companyId: r,
-          payrollId: s,
-          sortBy: n,
-          requestBody: {
-            employeeUuids: a
-          }
+  ), P = m(async () => {
+    const i = await c({
+      request: {
+        companyId: e,
+        payrollId: r,
+        sortBy: n,
+        requestBody: {
+          employeeUuids: a
         }
-      });
-      m(o.payrollPrepared), o.payrollPrepared && (e.current = !0, l?.(o.payrollPrepared));
+      }
     });
-  }, [
-    r,
-    s,
-    p,
-    y,
-    d,
-    n,
-    l
-  ]);
-  q(() => {
-    c.current || (c.current = !0, i());
-  }, [i]);
-  const S = u && !e.current, g = u && e.current, b = S || h;
+    f(i.payrollPrepared), i.payrollPrepared && (t.current = !0, l?.(i.payrollPrepared));
+  }, [e, r, c, h, n, l]), s = m(async () => {
+    await d(
+      null,
+      () => x(P, {
+        maxAttempts: q,
+        delayMs: v,
+        shouldRetry: w
+      })
+    );
+  }, [d, P]);
+  _(() => {
+    u.current || (u.current = !0, s());
+  }, [s]);
+  const g = p && !t.current, A = p && t.current, R = g || E;
   return {
-    handlePreparePayroll: i,
-    preparedPayroll: t,
-    paySchedule: f?.payScheduleObject,
-    isLoading: b,
-    isPaginating: g,
-    hasInitialData: e.current
+    handlePreparePayroll: s,
+    preparedPayroll: o,
+    paySchedule: S?.payScheduleObject,
+    isLoading: R,
+    isPaginating: A,
+    hasInitialData: t.current
   };
 };
 export {
-  N 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/payroll'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { QueryParamSortBy } from '@gusto/embedded-api/models/operations/putv1companiescompanyidpayrollspayrollidprepare'\nimport { useBase } from '../Base'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: QueryParamSortBy\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleObject | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\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 handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, async () => {\n      const result = await preparePayroll({\n        request: {\n          companyId,\n          payrollId,\n          sortBy,\n          requestBody: {\n            employeeUuids,\n          },\n        },\n      })\n      setPreparedPayroll(result.payrollPrepared)\n      if (result.payrollPrepared) {\n        hasInitialDataRef.current = true\n        onDataReady?.(result.payrollPrepared)\n      }\n    })\n  }, [\n    companyId,\n    payrollId,\n    preparePayroll,\n    employeeUuidsKey,\n    baseSubmitHandler,\n    sortBy,\n    onDataReady,\n  ])\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?.payScheduleObject,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","handlePreparePayroll","useCallback","result","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;AAyBO,MAAMA,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,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,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAuBC,EAAY,YAAY;AACnD,UAAMR,EAAkB,MAAM,YAAY;AACxC,YAAMS,IAAS,MAAMlB,EAAe;AAAA,QAClC,SAAS;AAAA,UACP,WAAAL;AAAA,UACA,WAAAC;AAAA,UACA,QAAAE;AAAA,UACA,aAAa;AAAA,YACX,eAAAD;AAAA,UAAA;AAAA,QACF;AAAA,MACF,CACD;AACD,MAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,IAExC,CAAC;AAAA,EACH,GAAG;AAAA,IACDvB;AAAA,IACAC;AAAA,IACAI;AAAA,IACAW;AAAA,IACAF;AAAA,IACAX;AAAA,IACAC;AAAA,EAAA,CACD;AAED,EAAAoB,EAAU,MAAM;AACd,IAAIX,EAAY,YAChBA,EAAY,UAAU,IACjBQ,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMI,IAAmBnB,KAA2B,CAACK,EAAkB,SACjEe,IAAepB,KAA2BK,EAAkB,SAC5DgB,IAAYF,KAAoBN;AAEtC,SAAO;AAAA,IACL,sBAAAE;AAAA,IACA,iBAAAb;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAS;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBf,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/payroll'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { QueryParamSortBy } from '@gusto/embedded-api/models/operations/putv1companiescompanyidpayrollspayrollidprepare'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: QueryParamSortBy\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleObject | 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 UnprocessableEntityErrorObject)) return false\n  return Array.isArray(error.errors) && error.errors.some(e => e.category === 'invalid_operation')\n}\n\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\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,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\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?.payScheduleObject,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityErrorObject","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","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":";;;;;;;;;;;;;;;;;;AA2BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChB,MAAM,QAAQD,EAAM,MAAM,KAAKA,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADhC,IAIpDC,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,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,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,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,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,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/contexts/GustoProvider/GustoProviderCustomUIAdapter.d.ts

@@ -5,10 +5,12 @@ import { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoa
 import { GustoSDKTheme } from '../ThemeProvider/theme';
 import { ResourceDictionary } from '../../types/Helpers';
 import { SDKHooks } from '../../types/hooks';
+import { ObservabilityHook } from '../../types/observability';
 export interface APIConfig {
     baseUrl: string;
     headers?: HeadersInit;
     hooks?: SDKHooks;
+    observability?: ObservabilityHook;
 }
 export interface GustoProviderProps {
     config: APIConfig;

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js

@@ -1,57 +1,77 @@
-import { jsx as r } from "react/jsx-runtime";
-import { ErrorBoundary as v } from "react-error-boundary";
-import { I18nextProvider as g } from "react-i18next";
-import { useEffect as P } from "react";
-import { ComponentsProvider as y } from "../ComponentAdapter/ComponentsProvider.js";
-import { ApiProvider as C } from "../ApiProvider/ApiProvider.js";
-import { LoadingIndicatorProvider as I } from "../LoadingIndicatorProvider/LoadingIndicatorProvider.js";
-import { SDKI18next as t } from "./SDKI18next.js";
+import { jsx as o } from "react/jsx-runtime";
+import { ErrorBoundary as y } from "react-error-boundary";
+import { I18nextProvider as E } from "react-i18next";
+import { useEffect as g, useMemo as k } from "react";
+import { ComponentsProvider as P } from "../ComponentAdapter/ComponentsProvider.js";
+import { ApiProvider as x } from "../ApiProvider/ApiProvider.js";
+import { LoadingIndicatorProvider as C } from "../LoadingIndicatorProvider/LoadingIndicatorProvider.js";
+import { ObservabilityProvider as I } from "../ObservabilityProvider/ObservabilityProvider.js";
+import { sanitizeError as L } from "../ObservabilityProvider/sanitization.js";
+import { SDKI18next as m } from "./SDKI18next.js";
 import "../../shared/constants.js";
 import "classnames";
-import { InternalError as x } from "../../components/Common/InternalError/InternalError.js";
+import { InternalError as S } from "../../components/Common/InternalError/InternalError.js";
 import "../ComponentAdapter/useComponentContext.js";
-import { LocaleProvider as L } from "../LocaleProvider/LocaleProvider.js";
+import { LocaleProvider as U } from "../LocaleProvider/LocaleProvider.js";
 import "../LocaleProvider/useLocale.js";
-import { ThemeProvider as U } from "../ThemeProvider/ThemeProvider.js";
-const z = (a) => {
+import { ThemeProvider as z } from "../ThemeProvider/ThemeProvider.js";
+const Q = (s) => {
   const {
-    children: d,
-    config: e,
-    dictionary: o,
-    lng: n = "en",
-    locale: c = "en-US",
-    currency: l = "USD",
+    children: c,
+    config: r,
+    dictionary: n,
+    lng: a = "en",
+    locale: l = "en-US",
+    currency: d = "USD",
     theme: p,
-    components: s,
-    LoaderComponent: f,
+    components: f,
+    LoaderComponent: v,
     queryClient: u
-  } = a;
-  if (o)
-    for (const h in o) {
-      const i = h;
-      for (const m in o[i])
-        t.addResourceBundle(
+  } = s;
+  if (n)
+    for (const e in n) {
+      const i = e;
+      for (const t in n[i])
+        m.addResourceBundle(
           i,
-          m,
-          o[i][m],
+          t,
+          n[i][t],
           !0,
           !0
         );
     }
-  return P(() => {
-    (async () => await t.changeLanguage(n))();
-  }, [n]), /* @__PURE__ */ r(y, { value: s, children: /* @__PURE__ */ r(I, { value: f, children: /* @__PURE__ */ r(v, { FallbackComponent: x, children: /* @__PURE__ */ r(U, { theme: p, children: /* @__PURE__ */ r(L, { locale: c, currency: l, children: /* @__PURE__ */ r(g, { i18n: t, children: /* @__PURE__ */ r(
-    C,
+  g(() => {
+    (async () => await m.changeLanguage(a))();
+  }, [a]);
+  const b = k(() => {
+    if (r.observability?.onError)
+      return (e, i) => {
+        if (!r.observability?.onError) return;
+        const t = {
+          type: "internal_error",
+          message: e instanceof Error ? e.message : "Unknown error",
+          stack: e instanceof Error ? e.stack : void 0,
+          context: {
+            componentStack: i.componentStack ?? void 0
+          },
+          originalError: e,
+          timestamp: Date.now()
+        }, h = L(t, r.observability.sanitization);
+        r.observability.onError(h);
+      };
+  }, [r.observability]);
+  return /* @__PURE__ */ o(P, { value: f, children: /* @__PURE__ */ o(C, { value: v, children: /* @__PURE__ */ o(I, { observability: r.observability, children: /* @__PURE__ */ o(y, { FallbackComponent: S, onError: b, children: /* @__PURE__ */ o(z, { theme: p, children: /* @__PURE__ */ o(U, { locale: l, currency: d, children: /* @__PURE__ */ o(E, { i18n: m, children: /* @__PURE__ */ o(
+    x,
     {
-      url: e.baseUrl,
-      headers: e.headers,
-      hooks: e.hooks,
+      url: r.baseUrl,
+      headers: r.headers,
+      hooks: r.hooks,
       queryClient: u,
-      children: d
+      children: c
     }
-  ) }, n) }) }) }) }) });
+  ) }, a) }) }) }) }) }) });
 };
 export {
-  z as GustoProviderCustomUIAdapter
+  Q 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 { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\n\nexport interface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: GustoSDKTheme\n  queryClient?: QueryClient\n  components: ComponentsContextType\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n    LoaderComponent,\n    queryClient,\n  } = props\n\n  // Handle dictionary resources\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\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  // Handle language change\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  return (\n    <ComponentsProvider value={components}>\n      <LoadingIndicatorProvider value={LoaderComponent}>\n        <ErrorBoundary FallbackComponent={InternalError}>\n          <ThemeProvider theme={theme}>\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                  {children}\n                </ApiProvider>\n              </I18nextProvider>\n            </LocaleProvider>\n          </ThemeProvider>\n        </ErrorBoundary>\n      </LoadingIndicatorProvider>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","queryClient","language","lang","ns","SDKI18next","useEffect","jsx","ComponentsProvider","LoadingIndicatorProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;;;;AA2CA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,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,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEV;AAGJ,MAAIG;AACF,eAAWQ,KAAYR,GAAY;AACjC,YAAMS,IAAOD;AACb,iBAAWE,KAAMV,EAAWS,CAAI;AAE9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCV,EAAWS,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAIF,SAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeV,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC,GAGN,gBAAAY,EAACC,KAAmB,OAAOT,GACzB,4BAACU,GAAA,EAAyB,OAAOT,GAC/B,UAAA,gBAAAO,EAACG,GAAA,EAAc,mBAAmBC,GAChC,UAAA,gBAAAJ,EAACK,GAAA,EAAc,OAAAd,GACb,UAAA,gBAAAS,EAACM,GAAA,EAAe,QAAAjB,GAAgB,UAAAC,GAC9B,UAAA,gBAAAU,EAACO,GAAA,EAAgB,MAAMT,GACrB,UAAA,gBAAAE;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,KAAKtB,EAAO;AAAA,MACZ,SAASA,EAAO;AAAA,MAChB,OAAOA,EAAO;AAAA,MACd,aAAAQ;AAAA,MAEC,UAAAT;AAAA,IAAA;AAAA,EAAA,KAPmCG,CASxC,EAAA,CACF,EAAA,CACF,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 } 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 type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { ObservabilityProvider } from '../ObservabilityProvider'\nimport { sanitizeError } from '../ObservabilityProvider/sanitization'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\nimport type { ObservabilityHook } from '@/types/observability'\n\nexport interface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n  observability?: ObservabilityHook\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: GustoSDKTheme\n  queryClient?: QueryClient\n  components: ComponentsContextType\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n    LoaderComponent,\n    queryClient,\n  } = props\n\n  // Handle dictionary resources\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\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  // Handle language change\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  // Create sanitized error handler that respects sanitization config\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 unsanitizedError = {\n        type: 'internal_error' as const,\n        message: error instanceof Error ? error.message : 'Unknown error',\n        stack: error instanceof Error ? error.stack : undefined,\n        context: {\n          componentStack: errorInfo.componentStack ?? undefined,\n        },\n        originalError: error,\n        timestamp: Date.now(),\n      }\n\n      // Apply sanitization with the same config used for other errors\n      const sanitizedError = sanitizeError(unsanitizedError, config.observability.sanitization)\n\n      config.observability.onError(sanitizedError)\n    }\n  }, [config.observability])\n  return (\n    <ComponentsProvider value={components}>\n      <LoadingIndicatorProvider value={LoaderComponent}>\n        <ObservabilityProvider observability={config.observability}>\n          <ErrorBoundary FallbackComponent={InternalError} onError={handleTopLevelError}>\n            <ThemeProvider theme={theme}>\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                    {children}\n                  </ApiProvider>\n                </I18nextProvider>\n              </LocaleProvider>\n            </ThemeProvider>\n          </ErrorBoundary>\n        </ObservabilityProvider>\n      </LoadingIndicatorProvider>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","queryClient","language","lang","ns","SDKI18next","useEffect","handleTopLevelError","useMemo","error","errorInfo","unsanitizedError","sanitizedError","sanitizeError","jsx","ComponentsProvider","LoadingIndicatorProvider","ObservabilityProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;;;;;;AAgDA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,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,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEV;AAGJ,MAAIG;AACF,eAAWQ,KAAYR,GAAY;AACjC,YAAMS,IAAOD;AACb,iBAAWE,KAAMV,EAAWS,CAAI;AAE9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCV,EAAWS,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAIF,EAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeV,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC;AAGR,QAAMY,IAAsBC,EAAQ,MAAM;AACxC,QAAKf,EAAO,eAAe;AAE3B,aAAO,CAACgB,GAAgBC,MAAyB;AAC/C,YAAI,CAACjB,EAAO,eAAe,QAAS;AAEpC,cAAMkB,IAAmB;AAAA,UACvB,MAAM;AAAA,UACN,SAASF,aAAiB,QAAQA,EAAM,UAAU;AAAA,UAClD,OAAOA,aAAiB,QAAQA,EAAM,QAAQ;AAAA,UAC9C,SAAS;AAAA,YACP,gBAAgBC,EAAU,kBAAkB;AAAA,UAAA;AAAA,UAE9C,eAAeD;AAAA,UACf,WAAW,KAAK,IAAA;AAAA,QAAI,GAIhBG,IAAiBC,EAAcF,GAAkBlB,EAAO,cAAc,YAAY;AAExF,QAAAA,EAAO,cAAc,QAAQmB,CAAc;AAAA,MAC7C;AAAA,EACF,GAAG,CAACnB,EAAO,aAAa,CAAC;AACzB,SACE,gBAAAqB,EAACC,GAAA,EAAmB,OAAOhB,GACzB,UAAA,gBAAAe,EAACE,GAAA,EAAyB,OAAOhB,GAC/B,UAAA,gBAAAc,EAACG,GAAA,EAAsB,eAAexB,EAAO,eAC3C,UAAA,gBAAAqB,EAACI,GAAA,EAAc,mBAAmBC,GAAe,SAASZ,GACxD,UAAA,gBAAAO,EAACM,GAAA,EAAc,OAAAtB,GACb,UAAA,gBAAAgB,EAACO,GAAA,EAAe,QAAAzB,GAAgB,UAAAC,GAC9B,UAAA,gBAAAiB,EAACQ,GAAA,EAAgB,MAAMjB,GACrB,UAAA,gBAAAS;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,KAAK9B,EAAO;AAAA,MACZ,SAASA,EAAO;AAAA,MAChB,OAAOA,EAAO;AAAA,MACd,aAAAQ;AAAA,MAEC,UAAAT;AAAA,IAAA;AAAA,EAAA,KAPmCG,CASxC,GACF,GACF,EAAA,CACF,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/contexts/ObservabilityProvider/ObservabilityContext.d.ts

@@ -0,0 +1,5 @@
+import { ObservabilityHook } from '../../types/observability';
+export interface ObservabilityContextValue {
+    observability: ObservabilityHook | undefined;
+}
+export declare const ObservabilityContext: import('react').Context<ObservabilityContextValue | undefined>;

package/dist/contexts/ObservabilityProvider/ObservabilityContext.js

@@ -0,0 +1,6 @@
+import { createContext as t } from "react";
+const e = t(void 0);
+export {
+  e as ObservabilityContext
+};
+//# sourceMappingURL=ObservabilityContext.js.map

package/dist/contexts/ObservabilityProvider/ObservabilityContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObservabilityContext.js","sources":["../../../src/contexts/ObservabilityProvider/ObservabilityContext.ts"],"sourcesContent":["import { createContext } from 'react'\nimport type { ObservabilityHook } from '@/types/observability'\n\nexport interface ObservabilityContextValue {\n  observability: ObservabilityHook | undefined\n}\n\nexport const ObservabilityContext = createContext<ObservabilityContextValue | undefined>(undefined)\n"],"names":["ObservabilityContext","createContext"],"mappings":";AAOO,MAAMA,IAAuBC,EAAqD,MAAS;"}

package/dist/contexts/ObservabilityProvider/ObservabilityProvider.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { ObservabilityHook } from '../../types/observability';
+export interface ObservabilityProviderProps {
+    children: ReactNode;
+    observability?: ObservabilityHook;
+}
+export declare const ObservabilityProvider: ({ children, observability }: ObservabilityProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/contexts/ObservabilityProvider/ObservabilityProvider.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useMemo as i } from "react";
+import { ObservabilityContext as m } from "./ObservabilityContext.js";
+const v = ({ children: o, observability: r }) => {
+  const t = i(() => ({ observability: r }), [r]);
+  return /* @__PURE__ */ e(m.Provider, { value: t, children: o });
+};
+export {
+  v as ObservabilityProvider
+};
+//# sourceMappingURL=ObservabilityProvider.js.map

package/dist/contexts/ObservabilityProvider/ObservabilityProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObservabilityProvider.js","sources":["../../../src/contexts/ObservabilityProvider/ObservabilityProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useMemo } from 'react'\nimport { ObservabilityContext } from './ObservabilityContext'\nimport type { ObservabilityHook } from '@/types/observability'\n\nexport interface ObservabilityProviderProps {\n  children: ReactNode\n  observability?: ObservabilityHook\n}\n\nexport const ObservabilityProvider = ({ children, observability }: ObservabilityProviderProps) => {\n  const value = useMemo(() => ({ observability }), [observability])\n\n  return <ObservabilityContext.Provider value={value}>{children}</ObservabilityContext.Provider>\n}\n"],"names":["ObservabilityProvider","children","observability","value","useMemo","jsx","ObservabilityContext"],"mappings":";;;AAUO,MAAMA,IAAwB,CAAC,EAAE,UAAAC,GAAU,eAAAC,QAAgD;AAChG,QAAMC,IAAQC,EAAQ,OAAO,EAAE,eAAAF,MAAkB,CAACA,CAAa,CAAC;AAEhE,SAAO,gBAAAG,EAACC,EAAqB,UAArB,EAA8B,OAAAH,GAAe,UAAAF,EAAA,CAAS;AAChE;"}

package/dist/contexts/ObservabilityProvider/index.d.ts

@@ -0,0 +1,5 @@
+import "./types/i18next.d.ts"
+export { ObservabilityProvider } from './ObservabilityProvider';
+export { useObservability } from './useObservability';
+export { createObservabilityError } from './observabilityUtils';
+export type { ObservabilityProviderProps } from './ObservabilityProvider';

package/dist/contexts/ObservabilityProvider/observabilityUtils.d.ts

@@ -0,0 +1,5 @@
+import { ObservabilityError, ObservabilityErrorType } from '../../types/observability';
+/**
+ * Converts SDK errors into structured ObservabilityError objects
+ */
+export declare function createObservabilityError(error: unknown, type?: ObservabilityErrorType): ObservabilityError | null;

package/dist/contexts/ObservabilityProvider/observabilityUtils.js

@@ -0,0 +1,45 @@
+import { APIError as r } from "@gusto/embedded-api/models/errors/apierror";
+import { GustoEmbeddedError as s } from "@gusto/embedded-api/models/errors/gustoembeddederror";
+import { SDKValidationError as e } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
+function u(t, n) {
+  const o = Date.now(), i = t instanceof Error ? t.message : "Unknown error", a = t instanceof Error ? t.stack : void 0;
+  return t instanceof e ? {
+    type: n || "validation_error",
+    message: i,
+    stack: a,
+    context: {
+      validationSchema: t.pretty()
+    },
+    originalError: t,
+    timestamp: o
+  } : t instanceof r ? {
+    type: n || "api_error",
+    message: i,
+    stack: a,
+    context: {
+      statusCode: t.httpMeta.response.status
+    },
+    originalError: t,
+    timestamp: o
+  } : t instanceof s ? {
+    type: n || "api_error",
+    message: i,
+    stack: a,
+    context: {
+      statusCode: t.httpMeta.response.status
+    },
+    originalError: t,
+    timestamp: o
+  } : n ? {
+    type: n,
+    message: i,
+    stack: a,
+    context: {},
+    originalError: t,
+    timestamp: o
+  } : null;
+}
+export {
+  u as createObservabilityError
+};
+//# sourceMappingURL=observabilityUtils.js.map

package/dist/contexts/ObservabilityProvider/observabilityUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observabilityUtils.js","sources":["../../../src/contexts/ObservabilityProvider/observabilityUtils.ts"],"sourcesContent":["import { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror'\nimport { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\nimport type { ObservabilityError, ObservabilityErrorType } from '@/types/observability'\n\n/**\n * Converts SDK errors into structured ObservabilityError objects\n */\nexport function createObservabilityError(\n  error: unknown,\n  type?: ObservabilityErrorType,\n): ObservabilityError | null {\n  const timestamp = Date.now()\n  const message = error instanceof Error ? error.message : 'Unknown error'\n  const stack = error instanceof Error ? error.stack : undefined\n\n  // Auto-detect error type based on instance if not provided\n  if (error instanceof SDKValidationError) {\n    return {\n      type: type || 'validation_error',\n      message,\n      stack,\n      context: {\n        validationSchema: error.pretty(),\n      },\n      originalError: error,\n      timestamp,\n    }\n  }\n\n  if (error instanceof APIError) {\n    return {\n      type: type || 'api_error',\n      message,\n      stack,\n      context: {\n        statusCode: error.httpMeta.response.status,\n      },\n      originalError: error,\n      timestamp,\n    }\n  }\n\n  if (error instanceof GustoEmbeddedError) {\n    return {\n      type: type || 'api_error',\n      message,\n      stack,\n      context: {\n        statusCode: error.httpMeta.response.status,\n      },\n      originalError: error,\n      timestamp,\n    }\n  }\n\n  // For unknown errors, only create ObservabilityError if type is explicitly provided\n  if (type) {\n    return {\n      type,\n      message,\n      stack,\n      context: {},\n      originalError: error,\n      timestamp,\n    }\n  }\n\n  return null\n}\n"],"names":["createObservabilityError","error","type","timestamp","message","stack","SDKValidationError","APIError","GustoEmbeddedError"],"mappings":";;;AAQO,SAASA,EACdC,GACAC,GAC2B;AAC3B,QAAMC,IAAY,KAAK,IAAA,GACjBC,IAAUH,aAAiB,QAAQA,EAAM,UAAU,iBACnDI,IAAQJ,aAAiB,QAAQA,EAAM,QAAQ;AAGrD,SAAIA,aAAiBK,IACZ;AAAA,IACL,MAAMJ,KAAQ;AAAA,IACd,SAAAE;AAAA,IACA,OAAAC;AAAA,IACA,SAAS;AAAA,MACP,kBAAkBJ,EAAM,OAAA;AAAA,IAAO;AAAA,IAEjC,eAAeA;AAAA,IACf,WAAAE;AAAA,EAAA,IAIAF,aAAiBM,IACZ;AAAA,IACL,MAAML,KAAQ;AAAA,IACd,SAAAE;AAAA,IACA,OAAAC;AAAA,IACA,SAAS;AAAA,MACP,YAAYJ,EAAM,SAAS,SAAS;AAAA,IAAA;AAAA,IAEtC,eAAeA;AAAA,IACf,WAAAE;AAAA,EAAA,IAIAF,aAAiBO,IACZ;AAAA,IACL,MAAMN,KAAQ;AAAA,IACd,SAAAE;AAAA,IACA,OAAAC;AAAA,IACA,SAAS;AAAA,MACP,YAAYJ,EAAM,SAAS,SAAS;AAAA,IAAA;AAAA,IAEtC,eAAeA;AAAA,IACf,WAAAE;AAAA,EAAA,IAKAD,IACK;AAAA,IACL,MAAAA;AAAA,IACA,SAAAE;AAAA,IACA,OAAAC;AAAA,IACA,SAAS,CAAA;AAAA,IACT,eAAeJ;AAAA,IACf,WAAAE;AAAA,EAAA,IAIG;AACT;"}

package/dist/contexts/ObservabilityProvider/sanitization.d.ts

@@ -0,0 +1,19 @@
+import { ObservabilityError, ObservabilityMetric, SanitizationConfig } from '../../types/observability';
+/**
+ * Sanitizes a string by replacing PII patterns with redacted placeholders
+ */
+export declare function sanitizeString(value: string): string;
+/**
+ * Recursively sanitizes an object by:
+ * 1. Removing sensitive field names
+ * 2. Redacting PII patterns in string values
+ */
+export declare function sanitizeObject(obj: unknown, additionalSensitiveFields?: string[]): unknown;
+/**
+ * Sanitizes an ObservabilityError to remove PII
+ */
+export declare function sanitizeError(error: ObservabilityError, config?: SanitizationConfig): ObservabilityError;
+/**
+ * Sanitizes an ObservabilityMetric to remove PII
+ */
+export declare function sanitizeMetric(metric: ObservabilityMetric, config?: SanitizationConfig): ObservabilityMetric;

package/dist/contexts/ObservabilityProvider/sanitization.js

@@ -0,0 +1,95 @@
+const u = [
+  // SSN patterns (XXX-XX-XXXX, XXXXXXXXX)
+  { pattern: /\b\d{3}-\d{2}-\d{4}\b/g, replacement: "[SSN-REDACTED]" },
+  { pattern: /\b\d{9}\b/g, replacement: "[SSN-REDACTED]" },
+  // Email addresses
+  {
+    pattern: /\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/g,
+    replacement: "[EMAIL-REDACTED]"
+  },
+  // Phone numbers (various formats)
+  { pattern: /\b\d{3}[-.\s]?\d{3}[-.\s]?\d{4}\b/g, replacement: "[PHONE-REDACTED]" },
+  { pattern: /\(\d{3}\)\s*\d{3}[-.\s]?\d{4}/g, replacement: "[PHONE-REDACTED]" },
+  // Credit card numbers (basic pattern)
+  { pattern: /\b\d{4}[-\s]?\d{4}[-\s]?\d{4}[-\s]?\d{4}\b/g, replacement: "[CC-REDACTED]" },
+  // API keys and tokens (common patterns)
+  { pattern: /\b[A-Za-z0-9_-]{32,}\b/g, replacement: "[TOKEN-REDACTED]" }
+], d = [
+  "password",
+  "token",
+  "apiKey",
+  "api_key",
+  "secret",
+  "ssn",
+  "social_security_number",
+  "creditCard",
+  "credit_card",
+  "cvv",
+  "pin",
+  "bankAccount",
+  "bank_account",
+  "routingNumber",
+  "routing_number",
+  "accountNumber",
+  "account_number"
+];
+function c(t) {
+  let e = t;
+  for (const { pattern: n, replacement: r } of u)
+    e = e.replace(n, r);
+  return e;
+}
+function s(t, e = []) {
+  if (t == null)
+    return t;
+  if (typeof t == "string")
+    return c(t);
+  if (typeof t == "number" || typeof t == "boolean")
+    return t;
+  if (Array.isArray(t))
+    return t.map((n) => s(n, e));
+  if (typeof t == "object") {
+    const n = {}, r = [...d, ...e];
+    for (const [i, a] of Object.entries(t)) {
+      if (r.some((o) => i.toLowerCase().includes(o.toLowerCase()))) {
+        n[i] = "[REDACTED]";
+        continue;
+      }
+      n[i] = s(a, e);
+    }
+    return n;
+  }
+  return t;
+}
+function E(t, e = {}) {
+  const {
+    enabled: n = !0,
+    includeOriginalError: r = !1,
+    customErrorSanitizer: i,
+    additionalSensitiveFields: a = []
+  } = e;
+  return i ? i(t) : n ? {
+    ...t,
+    message: c(t.message),
+    stack: t.stack ? c(t.stack) : void 0,
+    context: s(
+      t.context,
+      a
+    ),
+    originalError: r ? t.originalError : void 0
+  } : r ? t : { ...t, originalError: void 0 };
+}
+function l(t, e = {}) {
+  const { enabled: n = !0, customMetricSanitizer: r, additionalSensitiveFields: i = [] } = e;
+  return r ? r(t) : n ? {
+    ...t,
+    tags: t.tags ? s(t.tags, i) : void 0
+  } : t;
+}
+export {
+  E as sanitizeError,
+  l as sanitizeMetric,
+  s as sanitizeObject,
+  c as sanitizeString
+};
+//# sourceMappingURL=sanitization.js.map

package/dist/contexts/ObservabilityProvider/sanitization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitization.js","sources":["../../../src/contexts/ObservabilityProvider/sanitization.ts"],"sourcesContent":["import type {\n  ObservabilityError,\n  ObservabilityMetric,\n  SanitizationConfig,\n} from '@/types/observability'\n\n/**\n * Common PII patterns to redact from strings\n */\nconst PII_PATTERNS = [\n  // SSN patterns (XXX-XX-XXXX, XXXXXXXXX)\n  { pattern: /\\b\\d{3}-\\d{2}-\\d{4}\\b/g, replacement: '[SSN-REDACTED]' },\n  { pattern: /\\b\\d{9}\\b/g, replacement: '[SSN-REDACTED]' },\n\n  // Email addresses\n  {\n    pattern: /\\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Z|a-z]{2,}\\b/g,\n    replacement: '[EMAIL-REDACTED]',\n  },\n\n  // Phone numbers (various formats)\n  { pattern: /\\b\\d{3}[-.\\s]?\\d{3}[-.\\s]?\\d{4}\\b/g, replacement: '[PHONE-REDACTED]' },\n  { pattern: /\\(\\d{3}\\)\\s*\\d{3}[-.\\s]?\\d{4}/g, replacement: '[PHONE-REDACTED]' },\n\n  // Credit card numbers (basic pattern)\n  { pattern: /\\b\\d{4}[-\\s]?\\d{4}[-\\s]?\\d{4}[-\\s]?\\d{4}\\b/g, replacement: '[CC-REDACTED]' },\n\n  // API keys and tokens (common patterns)\n  { pattern: /\\b[A-Za-z0-9_-]{32,}\\b/g, replacement: '[TOKEN-REDACTED]' },\n]\n\n/**\n * Fields that commonly contain sensitive data and should be removed\n */\nconst SENSITIVE_FIELD_NAMES = [\n  'password',\n  'token',\n  'apiKey',\n  'api_key',\n  'secret',\n  'ssn',\n  'social_security_number',\n  'creditCard',\n  'credit_card',\n  'cvv',\n  'pin',\n  'bankAccount',\n  'bank_account',\n  'routingNumber',\n  'routing_number',\n  'accountNumber',\n  'account_number',\n]\n\n/**\n * Sanitizes a string by replacing PII patterns with redacted placeholders\n */\nexport function sanitizeString(value: string): string {\n  let sanitized = value\n\n  for (const { pattern, replacement } of PII_PATTERNS) {\n    sanitized = sanitized.replace(pattern, replacement)\n  }\n\n  return sanitized\n}\n\n/**\n * Recursively sanitizes an object by:\n * 1. Removing sensitive field names\n * 2. Redacting PII patterns in string values\n */\nexport function sanitizeObject(obj: unknown, additionalSensitiveFields: string[] = []): unknown {\n  if (obj === null || obj === undefined) {\n    return obj\n  }\n\n  if (typeof obj === 'string') {\n    return sanitizeString(obj)\n  }\n\n  if (typeof obj === 'number' || typeof obj === 'boolean') {\n    return obj\n  }\n\n  if (Array.isArray(obj)) {\n    return obj.map(item => sanitizeObject(item, additionalSensitiveFields))\n  }\n\n  if (typeof obj === 'object') {\n    const sanitized: Record<string, unknown> = {}\n\n    // Combine default and additional sensitive fields for this call only\n    const allSensitiveFields = [...SENSITIVE_FIELD_NAMES, ...additionalSensitiveFields]\n\n    for (const [key, value] of Object.entries(obj)) {\n      // Skip sensitive fields entirely\n      if (allSensitiveFields.some(field => key.toLowerCase().includes(field.toLowerCase()))) {\n        sanitized[key] = '[REDACTED]'\n        continue\n      }\n\n      sanitized[key] = sanitizeObject(value, additionalSensitiveFields)\n    }\n\n    return sanitized\n  }\n\n  return obj\n}\n\n/**\n * Sanitizes an ObservabilityError to remove PII\n */\nexport function sanitizeError(\n  error: ObservabilityError,\n  config: SanitizationConfig = {},\n): ObservabilityError {\n  const {\n    enabled = true,\n    includeOriginalError = false,\n    customErrorSanitizer,\n    additionalSensitiveFields = [],\n  } = config\n\n  // If custom sanitizer is provided, use it\n  if (customErrorSanitizer) {\n    return customErrorSanitizer(error)\n  }\n\n  // If sanitization is disabled, return as-is but still respect includeOriginalError\n  if (!enabled) {\n    return includeOriginalError ? error : { ...error, originalError: undefined }\n  }\n\n  // Sanitize the error, passing additionalSensitiveFields to sanitizeObject\n  const sanitized: ObservabilityError = {\n    ...error,\n    message: sanitizeString(error.message),\n    stack: error.stack ? sanitizeString(error.stack) : undefined,\n    context: sanitizeObject(\n      error.context,\n      additionalSensitiveFields,\n    ) as ObservabilityError['context'],\n    originalError: includeOriginalError ? error.originalError : undefined,\n  }\n\n  return sanitized\n}\n\n/**\n * Sanitizes an ObservabilityMetric to remove PII\n */\nexport function sanitizeMetric(\n  metric: ObservabilityMetric,\n  config: SanitizationConfig = {},\n): ObservabilityMetric {\n  const { enabled = true, customMetricSanitizer, additionalSensitiveFields = [] } = config\n\n  // If custom sanitizer is provided, use it\n  if (customMetricSanitizer) {\n    return customMetricSanitizer(metric)\n  }\n\n  // If sanitization is disabled, return as-is\n  if (!enabled) {\n    return metric\n  }\n\n  // Sanitize metric tags (in case they contain dynamic values), passing additionalSensitiveFields\n  const sanitized: ObservabilityMetric = {\n    ...metric,\n    tags: metric.tags\n      ? (sanitizeObject(metric.tags, additionalSensitiveFields) as Record<string, string>)\n      : undefined,\n  }\n\n  return sanitized\n}\n"],"names":["PII_PATTERNS","SENSITIVE_FIELD_NAMES","sanitizeString","value","sanitized","pattern","replacement","sanitizeObject","obj","additionalSensitiveFields","item","allSensitiveFields","key","field","sanitizeError","error","config","enabled","includeOriginalError","customErrorSanitizer","sanitizeMetric","metric","customMetricSanitizer"],"mappings":"AASA,MAAMA,IAAe;AAAA;AAAA,EAEnB,EAAE,SAAS,0BAA0B,aAAa,iBAAA;AAAA,EAClD,EAAE,SAAS,cAAc,aAAa,iBAAA;AAAA;AAAA,EAGtC;AAAA,IACE,SAAS;AAAA,IACT,aAAa;AAAA,EAAA;AAAA;AAAA,EAIf,EAAE,SAAS,sCAAsC,aAAa,mBAAA;AAAA,EAC9D,EAAE,SAAS,kCAAkC,aAAa,mBAAA;AAAA;AAAA,EAG1D,EAAE,SAAS,+CAA+C,aAAa,gBAAA;AAAA;AAAA,EAGvE,EAAE,SAAS,2BAA2B,aAAa,mBAAA;AACrD,GAKMC,IAAwB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAKO,SAASC,EAAeC,GAAuB;AACpD,MAAIC,IAAYD;AAEhB,aAAW,EAAE,SAAAE,GAAS,aAAAC,EAAA,KAAiBN;AACrC,IAAAI,IAAYA,EAAU,QAAQC,GAASC,CAAW;AAGpD,SAAOF;AACT;AAOO,SAASG,EAAeC,GAAcC,IAAsC,IAAa;AAC9F,MAAID,KAAQ;AACV,WAAOA;AAGT,MAAI,OAAOA,KAAQ;AACjB,WAAON,EAAeM,CAAG;AAG3B,MAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC5C,WAAOA;AAGT,MAAI,MAAM,QAAQA,CAAG;AACnB,WAAOA,EAAI,IAAI,CAAAE,MAAQH,EAAeG,GAAMD,CAAyB,CAAC;AAGxE,MAAI,OAAOD,KAAQ,UAAU;AAC3B,UAAMJ,IAAqC,CAAA,GAGrCO,IAAqB,CAAC,GAAGV,GAAuB,GAAGQ,CAAyB;AAElF,eAAW,CAACG,GAAKT,CAAK,KAAK,OAAO,QAAQK,CAAG,GAAG;AAE9C,UAAIG,EAAmB,KAAK,CAAAE,MAASD,EAAI,YAAA,EAAc,SAASC,EAAM,YAAA,CAAa,CAAC,GAAG;AACrF,QAAAT,EAAUQ,CAAG,IAAI;AACjB;AAAA,MACF;AAEA,MAAAR,EAAUQ,CAAG,IAAIL,EAAeJ,GAAOM,CAAyB;AAAA,IAClE;AAEA,WAAOL;AAAA,EACT;AAEA,SAAOI;AACT;AAKO,SAASM,EACdC,GACAC,IAA6B,IACT;AACpB,QAAM;AAAA,IACJ,SAAAC,IAAU;AAAA,IACV,sBAAAC,IAAuB;AAAA,IACvB,sBAAAC;AAAA,IACA,2BAAAV,IAA4B,CAAA;AAAA,EAAC,IAC3BO;AAGJ,SAAIG,IACKA,EAAqBJ,CAAK,IAI9BE,IAKiC;AAAA,IACpC,GAAGF;AAAA,IACH,SAASb,EAAea,EAAM,OAAO;AAAA,IACrC,OAAOA,EAAM,QAAQb,EAAea,EAAM,KAAK,IAAI;AAAA,IACnD,SAASR;AAAA,MACPQ,EAAM;AAAA,MACNN;AAAA,IAAA;AAAA,IAEF,eAAeS,IAAuBH,EAAM,gBAAgB;AAAA,EAAA,IAZrDG,IAAuBH,IAAQ,EAAE,GAAGA,GAAO,eAAe,OAAA;AAgBrE;AAKO,SAASK,EACdC,GACAL,IAA6B,IACR;AACrB,QAAM,EAAE,SAAAC,IAAU,IAAM,uBAAAK,GAAuB,2BAAAb,IAA4B,CAAA,MAAOO;AAGlF,SAAIM,IACKA,EAAsBD,CAAM,IAIhCJ,IAKkC;AAAA,IACrC,GAAGI;AAAA,IACH,MAAMA,EAAO,OACRd,EAAec,EAAO,MAAMZ,CAAyB,IACtD;AAAA,EAAA,IARGY;AAYX;"}

package/dist/contexts/ObservabilityProvider/sanitization.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/contexts/ObservabilityProvider/useObservability.d.ts

@@ -0,0 +1,2 @@
+import { ObservabilityContextValue } from './ObservabilityContext';
+export declare const useObservability: () => ObservabilityContextValue;

package/dist/contexts/ObservabilityProvider/useObservability.js

@@ -0,0 +1,11 @@
+import { useContext as t } from "react";
+import { ObservabilityContext as e } from "./ObservabilityContext.js";
+import { useSanitizedObservability as r } from "./useSanitizedObservability.js";
+const n = () => {
+  const i = t(e);
+  return i === void 0 ? { observability: void 0 } : { observability: r(i.observability) };
+};
+export {
+  n as useObservability
+};
+//# sourceMappingURL=useObservability.js.map

package/dist/contexts/ObservabilityProvider/useObservability.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useObservability.js","sources":["../../../src/contexts/ObservabilityProvider/useObservability.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { ObservabilityContext } from './ObservabilityContext'\nimport type { ObservabilityContextValue } from './ObservabilityContext'\nimport { useSanitizedObservability } from './useSanitizedObservability'\n\nexport const useObservability = (): ObservabilityContextValue => {\n  const context = useContext(ObservabilityContext)\n  if (context === undefined) {\n    return { observability: undefined }\n  }\n\n  const sanitizedObservability = useSanitizedObservability(context.observability)\n\n  return { observability: sanitizedObservability }\n}\n"],"names":["useObservability","context","useContext","ObservabilityContext","useSanitizedObservability"],"mappings":";;;AAKO,MAAMA,IAAmB,MAAiC;AAC/D,QAAMC,IAAUC,EAAWC,CAAoB;AAC/C,SAAIF,MAAY,SACP,EAAE,eAAe,OAAA,IAKnB,EAAE,eAFsBG,EAA0BH,EAAQ,aAAa,EAEtD;AAC1B;"}

package/dist/contexts/ObservabilityProvider/useSanitizedObservability.d.ts

@@ -0,0 +1,8 @@
+import { ObservabilityError, ObservabilityMetric, ObservabilityHook } from '../../types/observability';
+/**
+ * Wraps an ObservabilityHook to apply sanitization before calling the callbacks
+ */
+export declare function useSanitizedObservability(observability?: ObservabilityHook): {
+    onError: ((error: ObservabilityError) => void) | undefined;
+    onMetric: ((metric: ObservabilityMetric) => void) | undefined;
+} | undefined;

package/dist/contexts/ObservabilityProvider/useSanitizedObservability.js

@@ -0,0 +1,28 @@
+import { useCallback as i } from "react";
+import { sanitizeError as f, sanitizeMetric as u } from "./sanitization.js";
+function E(n) {
+  const r = n?.sanitization, c = i(
+    (o) => {
+      if (!n?.onError) return;
+      const t = f(o, r);
+      n.onError(t);
+    },
+    [n, r]
+  ), e = i(
+    (o) => {
+      if (!n?.onMetric) return;
+      const t = u(o, r);
+      n.onMetric(t);
+    },
+    [n, r]
+  );
+  if (n)
+    return {
+      onError: n.onError ? c : void 0,
+      onMetric: n.onMetric ? e : void 0
+    };
+}
+export {
+  E as useSanitizedObservability
+};
+//# sourceMappingURL=useSanitizedObservability.js.map