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

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

@@ -9,16 +9,16 @@ import u from "./PayrollEditEmployeePresentation.module.scss.js";
 import { TimeOffField as ne } from "./TimeOffField.js";
 import { Flex as x } from "../../Common/Flex/Flex.js";
 import { Grid as P } from "../../Common/Grid/Grid.js";
-import { RadioGroupField as re } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { TextInputField as oe } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { NumberInputField as G } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { useComponentContext as ie } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as se } from "../../../i18n/I18n.js";
-import { Form as ae } from "../../Common/Form/Form.js";
-import { firstLastName as me, formatNumberAsCurrency as le } from "../../../helpers/formattedStrings.js";
-import { getAdditionalEarningsCompensations as de, getReimbursementCompensation as ue, calculateGrossPay as k } from "../helpers.js";
-import { HOURS_COMPENSATION_NAMES as w, EXCLUDED_ADDITIONAL_EARNINGS as ce, COMPENSATION_NAME_DOUBLE_OVERTIME as pe, COMPENSATION_NAME_OVERTIME as fe, COMPENSATION_NAME_REGULAR_HOURS as he, COMPENSATION_NAME_REIMBURSEMENT as Ce, COMPENSATION_NAME_CASH_TIPS as Ne, COMPENSATION_NAME_COMMISSION as Ee, COMPENSATION_NAME_CORRECTION_PAYMENT as ge, COMPENSATION_NAME_PAYCHECK_TIPS as be, COMPENSATION_NAME_BONUS as Me } from "../../../shared/constants.js";
-import Oe from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { useComponentContext as re } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as oe } from "../../../i18n/I18n.js";
+import { Form as ie } from "../../Common/Form/Form.js";
+import { firstLastName as se, formatNumberAsCurrency as ae } from "../../../helpers/formattedStrings.js";
+import { getAdditionalEarningsCompensations as me, getReimbursementCompensation as le, calculateGrossPay as G } from "../helpers.js";
+import { HOURS_COMPENSATION_NAMES as k, EXCLUDED_ADDITIONAL_EARNINGS as de, COMPENSATION_NAME_DOUBLE_OVERTIME as ue, COMPENSATION_NAME_OVERTIME as ce, COMPENSATION_NAME_REGULAR_HOURS as pe, COMPENSATION_NAME_REIMBURSEMENT as fe, COMPENSATION_NAME_CASH_TIPS as he, COMPENSATION_NAME_COMMISSION as Ce, COMPENSATION_NAME_CORRECTION_PAYMENT as Ne, COMPENSATION_NAME_PAYCHECK_TIPS as Ee, COMPENSATION_NAME_BONUS as ge } from "../../../shared/constants.js";
+import be from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { TextInputField as Me } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { NumberInputField as w } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { RadioGroupField as Oe } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 const Te = m.object({
   hourlyCompensations: m.record(m.string(), m.record(m.string(), m.string().optional())),
   timeOffCompensations: m.record(m.string(), m.string().optional()),
@@ -72,22 +72,22 @@ const Te = m.object({
   withReimbursements: M = !0,
   hasDirectDepositSetup: $ = !0
 }) => {
-  const { Button: v, Heading: c, Text: B } = ie(), { t } = ee("Payroll.PayrollEditEmployee");
-  se("Payroll.PayrollEditEmployee");
-  const f = l.jobs?.find((e) => e.primary), O = f ? [f] : [], F = Z(null), p = Oe({
+  const { Button: v, Heading: c, Text: B } = re(), { t } = ee("Payroll.PayrollEditEmployee");
+  oe("Payroll.PayrollEditEmployee");
+  const f = l.jobs?.find((e) => e.primary), O = f ? [f] : [], F = Z(null), p = be({
     ref: F
   }).includes("small");
   i?.hourlyCompensations?.forEach((e) => {
     const n = l.jobs?.find((s) => s.uuid === e.jobUuid);
     n && !O.find((s) => s.uuid === n.uuid) && O.push(n);
   });
-  const A = (i?.paidTimeOff || []).filter((e) => e.name), _ = de({
+  const A = (i?.paidTimeOff || []).filter((e) => e.name), _ = me({
     flsaStatus: f?.compensations?.[0]?.flsaStatus,
     existingFixedCompensations: i?.fixedCompensations || [],
     primaryJobUuid: f?.uuid,
     fixedCompensationTypes: b,
-    excludedTypes: ce
-  }), N = M ? ue(
+    excludedTypes: de
+  }), N = M ? le(
     i?.fixedCompensations || [],
     b,
     f?.uuid
@@ -95,28 +95,28 @@ const Te = m.object({
     (s) => s.jobUuid === e && s.name?.toLowerCase() === n.toLowerCase()
   ), q = (e) => {
     switch (e) {
-      case he:
+      case pe:
         return t("compensationNames.regularHours");
-      case fe:
+      case ce:
         return t("compensationNames.overtime");
-      case pe:
+      case ue:
         return t("compensationNames.doubleOvertime");
       default:
         return e;
     }
   }, j = (e) => {
     switch (e) {
-      case Me:
+      case ge:
         return t("fixedCompensationNames.bonus");
-      case be:
+      case Ee:
         return t("fixedCompensationNames.paycheckTips");
-      case ge:
+      case Ne:
         return t("fixedCompensationNames.correctionPayment");
-      case Ee:
+      case Ce:
         return t("fixedCompensationNames.commission");
-      case Ne:
+      case he:
         return t("fixedCompensationNames.cashTips");
-      case Ce:
+      case fe:
         return t("fixedCompensationNames.reimbursement");
       default:
         return e;
@@ -125,7 +125,7 @@ const Te = m.object({
     hourlyCompensations: (() => {
       const e = {};
       return O.forEach((n) => {
-        w.forEach((s) => {
+        k.forEach((s) => {
           const h = R(n.uuid, s);
           h && (e[n.uuid] || (e[n.uuid] = {}), e[n.uuid][h.name] = h.hours ? parseFloat(h.hours).toString() : "");
         });
@@ -166,7 +166,7 @@ const Te = m.object({
         (i?.paidTimeOff || []).filter((h) => h.name),
         f?.uuid
       );
-      return k(
+      return G(
         s,
         l,
         o,
@@ -174,7 +174,7 @@ const Te = m.object({
         C
       );
     } catch {
-      return i ? k(
+      return i ? G(
         i,
         l,
         o,
@@ -190,7 +190,7 @@ const Te = m.object({
     o,
     d,
     C
-  ]), W = me({
+  ]), W = se({
     first_name: l.firstName,
     last_name: l.lastName
   }), Y = (e) => {
@@ -201,7 +201,7 @@ const Te = m.object({
       f?.uuid
     );
     E(n);
-  }, L = le(z || 0), U = /* @__PURE__ */ a(
+  }, L = ae(z || 0), U = /* @__PURE__ */ a(
     x,
     {
       flexDirection: p ? "row" : "column",
@@ -240,19 +240,19 @@ const Te = m.object({
       }
     ),
     /* @__PURE__ */ a(Q, { ...I, children: [
-      /* @__PURE__ */ a(ae, { children: [
+      /* @__PURE__ */ a(ie, { children: [
         O.length > 0 && /* @__PURE__ */ a("div", { className: u.fieldGroup, children: [
           /* @__PURE__ */ r(c, { as: "h3", children: t("regularHoursTitle") }),
           O.map((e) => /* @__PURE__ */ a(x, { flexDirection: "column", gap: 8, children: [
             O.length > 1 && /* @__PURE__ */ r(c, { as: "h4", children: e.title }),
-            /* @__PURE__ */ r(P, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: w.map((n) => {
+            /* @__PURE__ */ r(P, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: k.map((n) => {
               const s = R(
                 e.uuid,
                 n
               );
               if (s)
                 return /* @__PURE__ */ r(
-                  oe,
+                  Me,
                   {
                     type: "number",
                     min: 0,
@@ -285,7 +285,7 @@ const Te = m.object({
               gridTemplateColumns: { base: "1fr", small: [320, 320], large: [320, 320, 320] },
               gap: 20,
               children: _.map((e) => /* @__PURE__ */ r(
-                G,
+                w,
                 {
                   format: "currency",
                   min: 0,
@@ -301,7 +301,7 @@ const Te = m.object({
         N && /* @__PURE__ */ a("div", { className: u.fieldGroup, children: [
           /* @__PURE__ */ r(c, { as: "h4", children: t("reimbursementTitle") }),
           /* @__PURE__ */ r(P, { gridTemplateColumns: { base: "1fr", small: [320, 320] }, gap: 20, children: /* @__PURE__ */ r(
-            G,
+            w,
             {
               format: "currency",
               min: 0,
@@ -314,7 +314,7 @@ const Te = m.object({
         $ && /* @__PURE__ */ a("div", { className: u.fieldGroup, children: [
           /* @__PURE__ */ r(c, { as: "h4", children: t("paymentMethodTitle") }),
           /* @__PURE__ */ r(
-            re,
+            Oe,
             {
               name: "paymentMethod",
               isRequired: !0,

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

@@ -5,23 +5,23 @@ import { useTranslation as c } from "react-i18next";
 import { Flex as y } from "../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../shared/constants.js";
-import { TextInputField as x } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { useComponentContext as h } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as B } from "../../../i18n/I18n.js";
+import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as h } from "../../../i18n/I18n.js";
+import { TextInputField as B } from "../../Common/Fields/TextInputField/TextInputField.js";
 const P = ({
   accrualBalance: e,
   accrualMethod: o,
   hoursUsed: r,
   id: t
 }) => {
-  const { Text: n } = h(), { t: i } = c("Payroll.PayrollEditEmployee");
+  const { Text: n } = x(), { t: i } = c("Payroll.PayrollEditEmployee");
   if (o === "unlimited")
     return null;
   const a = parseFloat(e) - r;
   return /* @__PURE__ */ l(n, { size: "sm", variant: "supporting", "aria-live": "polite", "aria-atomic": !0, id: t, children: i("timeOffBalance.remaining", { balance: a.toFixed(1) }) });
 }, U = ({ timeOff: e, employee: o }) => {
   const { t: r } = c("Payroll.PayrollEditEmployee");
-  B("Payroll.PayrollEditEmployee");
+  h("Payroll.PayrollEditEmployee");
   const { control: t } = d(), n = p(), i = f({
     control: t,
     name: `timeOffCompensations.${e.name}`
@@ -31,7 +31,7 @@ const P = ({
   const m = parseFloat(i || "0"), a = o.eligiblePaidTimeOff?.find((s) => s.name === e.name);
   return /* @__PURE__ */ u(y, { flexDirection: "column", gap: 4, children: [
     /* @__PURE__ */ l(
-      x,
+      B,
       {
         name: `timeOffCompensations.${e.name}`,
         type: "number",

package/dist/components/Payroll/usePreparedPayrollData.js

@@ -1,71 +1,71 @@
-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, W = ({
+  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
+  W 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,76 @@
-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 s } 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/useLocale.js";
-import { ThemeProvider as U } from "../ThemeProvider/ThemeProvider.js";
-const z = (a) => {
+import { LocaleProvider as U } from "../LocaleProvider/LocaleProvider.js";
+import { ThemeProvider as z } from "../ThemeProvider/ThemeProvider.js";
+const N = (m) => {
   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(
+  } = m;
+  if (n)
+    for (const e in n) {
+      const i = e;
+      for (const t in n[i])
+        s.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 s.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: s, 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
+  N 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;