@gusto/embedded-react-sdk 0.55.0 → 0.55.1

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js

@@ -1,33 +1,35 @@
-import { jsx as o } from "react/jsx-runtime";
-import { ErrorBoundary as P } from "react-error-boundary";
-import { I18nextProvider as k } from "react-i18next";
-import { useEffect as C, useMemo as S } from "react";
-import { ComponentsProvider as x } from "../ComponentAdapter/ComponentsProvider.js";
-import { ApiProvider as I } from "../ApiProvider/ApiProvider.js";
-import { LoadingIndicatorProvider as L } from "../LoadingIndicatorProvider/LoadingIndicatorProvider.js";
+import { jsx as r } from "react/jsx-runtime";
+import { ErrorBoundary as k } from "react-error-boundary";
+import { I18nextProvider as C } from "react-i18next";
+import { useEffect as S, useMemo as x } from "react";
+import { ComponentsProvider as I } from "../ComponentAdapter/ComponentsProvider.js";
+import { ApiProvider as L } from "../ApiProvider/ApiProvider.js";
+import { LoadingIndicatorProvider as U } from "../LoadingIndicatorProvider/LoadingIndicatorProvider.js";
 import { sanitizeError as z } from "../ObservabilityProvider/sanitization.js";
+import { UnstableFeaturesProvider as D } from "../UnstableFeaturesProvider/UnstableFeaturesProvider.js";
 import { SDKI18next as m } from "./SDKI18next.js";
-import { InternalError as D } from "../../components/Common/InternalError/InternalError.js";
-import { LocaleProvider as U } from "../LocaleProvider/LocaleProvider.js";
+import { InternalError as F } from "../../components/Common/InternalError/InternalError.js";
+import { LocaleProvider as T } from "../LocaleProvider/LocaleProvider.js";
 import "../LocaleProvider/useLocale.js";
-import { ThemeProvider as T } from "../ThemeProvider/ThemeProvider.js";
-import { normalizeToSDKError as w } from "../../types/sdkError.js";
-import { NonceContext as A } from "../NonceProvider/useNonce.js";
-import { ObservabilityProvider as B } from "../ObservabilityProvider/ObservabilityProvider.js";
-function Z(l) {
+import { ThemeProvider as w } from "../ThemeProvider/ThemeProvider.js";
+import { normalizeToSDKError as A } from "../../types/sdkError.js";
+import { NonceContext as B } from "../NonceProvider/useNonce.js";
+import { ObservabilityProvider as K } from "../ObservabilityProvider/ObservabilityProvider.js";
+function rr(l) {
   const {
     children: s,
-    config: r,
+    config: o,
     dictionary: i,
     lng: n = "en",
     locale: c = "en-US",
     currency: d = "USD",
     theme: p,
     nonce: v,
-    portalContainer: f,
-    components: u,
+    portalContainer: u,
+    components: f,
     LoaderComponent: b,
-    queryClient: h
+    queryClient: h,
+    unstableFeatures: y
   } = l;
   if (i)
     for (const t in i) {
@@ -41,33 +43,33 @@ function Z(l) {
           !0
         );
     }
-  C(() => {
+  S(() => {
     (async () => await m.changeLanguage(n))();
   }, [n]);
-  const y = S(() => {
-    if (r.observability?.onError)
+  const E = x(() => {
+    if (o.observability?.onError)
       return (t, e) => {
-        if (!r.observability?.onError) return;
-        const E = {
-          ...w(t),
+        if (!o.observability?.onError) return;
+        const P = {
+          ...A(t),
           timestamp: Date.now(),
           componentStack: e.componentStack ?? void 0
-        }, g = z(E, r.observability.sanitization);
-        r.observability.onError(g);
+        }, g = z(P, o.observability.sanitization);
+        o.observability.onError(g);
       };
-  }, [r.observability]);
-  return /* @__PURE__ */ o(A.Provider, { value: v, children: /* @__PURE__ */ o(x, { value: u, children: /* @__PURE__ */ o(L, { value: b, children: /* @__PURE__ */ o(B, { observability: r.observability, children: /* @__PURE__ */ o(P, { FallbackComponent: D, onError: y, children: /* @__PURE__ */ o(T, { theme: p, portalContainer: f, children: /* @__PURE__ */ o(U, { locale: c, currency: d, children: /* @__PURE__ */ o(k, { i18n: m, children: /* @__PURE__ */ o(
-    I,
+  }, [o.observability]);
+  return /* @__PURE__ */ r(B.Provider, { value: v, children: /* @__PURE__ */ r(I, { value: f, children: /* @__PURE__ */ r(U, { value: b, children: /* @__PURE__ */ r(K, { observability: o.observability, children: /* @__PURE__ */ r(k, { FallbackComponent: F, onError: E, children: /* @__PURE__ */ r(w, { theme: p, portalContainer: u, children: /* @__PURE__ */ r(T, { locale: c, currency: d, children: /* @__PURE__ */ r(C, { i18n: m, children: /* @__PURE__ */ r(
+    L,
     {
-      url: r.baseUrl,
-      headers: r.headers,
-      hooks: r.hooks,
+      url: o.baseUrl,
+      headers: o.headers,
+      hooks: o.hooks,
       queryClient: h,
-      children: s
+      children: /* @__PURE__ */ r(D, { value: y, children: s })
     }
   ) }, n) }) }) }) }) }) }) });
 }
 export {
-  Z as GustoProviderCustomUIAdapter
+  rr as GustoProviderCustomUIAdapter
 };
 //# sourceMappingURL=GustoProviderCustomUIAdapter.js.map

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

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

package/dist/contexts/UnstableFeaturesProvider/UnstableFeaturesProvider.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { UnstableFeatures } from './useUnstableFeature';
+/** @internal */
+export interface UnstableFeaturesProviderProps {
+    children: ReactNode;
+    value?: UnstableFeatures;
+}
+/**
+ * Provides the {@link UnstableFeatures} flags to SDK components via {@link UnstableFeaturesContext}.
+ *
+ * @remarks
+ * Composed by `GustoProvider` so the `unstableFeatures` prop flows down to any SDK Flow or Block
+ * that checks {@link useUnstableFeature} before rendering alpha functionality. The context
+ * value is keyed on its sorted, serialized content rather than the `value` object's identity —
+ * the returned reference only changes when a flag's value actually changes, and adding a new flag to
+ * {@link UnstableFeatures} needs no update here.
+ *
+ * @param props - See {@link UnstableFeaturesProviderProps}.
+ * @returns A React subtree with the unstable-features context applied.
+ * @internal
+ */
+export declare function UnstableFeaturesProvider({ children, value }: UnstableFeaturesProviderProps): import("react").JSX.Element;

package/dist/contexts/UnstableFeaturesProvider/UnstableFeaturesProvider.js

@@ -0,0 +1,14 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { UnstableFeaturesContext as a } from "./useUnstableFeature.js";
+function f({ children: o, value: s }) {
+  const e = s ?? {}, r = JSON.stringify(e, Object.keys(e).sort()), t = u({
+    key: r,
+    value: e
+  });
+  return t.current.key !== r && (t.current = { key: r, value: e }), /* @__PURE__ */ n(a.Provider, { value: t.current.value, children: o });
+}
+export {
+  f as UnstableFeaturesProvider
+};
+//# sourceMappingURL=UnstableFeaturesProvider.js.map

package/dist/contexts/UnstableFeaturesProvider/UnstableFeaturesProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnstableFeaturesProvider.js","sources":["../../../src/contexts/UnstableFeaturesProvider/UnstableFeaturesProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useRef } from 'react'\nimport { UnstableFeaturesContext, type UnstableFeatures } from './useUnstableFeature'\n\n/** @internal */\nexport interface UnstableFeaturesProviderProps {\n  children: ReactNode\n  value?: UnstableFeatures\n}\n\n/**\n * Provides the {@link UnstableFeatures} flags to SDK components via {@link UnstableFeaturesContext}.\n *\n * @remarks\n * Composed by `GustoProvider` so the `unstableFeatures` prop flows down to any SDK Flow or Block\n * that checks {@link useUnstableFeature} before rendering alpha functionality. The context\n * value is keyed on its sorted, serialized content rather than the `value` object's identity —\n * the returned reference only changes when a flag's value actually changes, and adding a new flag to\n * {@link UnstableFeatures} needs no update here.\n *\n * @param props - See {@link UnstableFeaturesProviderProps}.\n * @returns A React subtree with the unstable-features context applied.\n * @internal\n */\nexport function UnstableFeaturesProvider({ children, value }: UnstableFeaturesProviderProps) {\n  const resolvedValue = value ?? {}\n  const key = JSON.stringify(resolvedValue, Object.keys(resolvedValue).sort())\n\n  const stableRef = useRef<{ key: string; value: UnstableFeatures }>({\n    key,\n    value: resolvedValue,\n  })\n  if (stableRef.current.key !== key) {\n    stableRef.current = { key, value: resolvedValue }\n  }\n\n  return (\n    <UnstableFeaturesContext.Provider value={stableRef.current.value}>\n      {children}\n    </UnstableFeaturesContext.Provider>\n  )\n}\n"],"names":["UnstableFeaturesProvider","children","value","resolvedValue","key","stableRef","useRef","jsx","UnstableFeaturesContext"],"mappings":";;;AAwBO,SAASA,EAAyB,EAAE,UAAAC,GAAU,OAAAC,KAAwC;AAC3F,QAAMC,IAAgBD,KAAS,CAAA,GACzBE,IAAM,KAAK,UAAUD,GAAe,OAAO,KAAKA,CAAa,EAAE,MAAM,GAErEE,IAAYC,EAAiD;AAAA,IACjE,KAAAF;AAAA,IACA,OAAOD;AAAA,EAAA,CACR;AACD,SAAIE,EAAU,QAAQ,QAAQD,MAC5BC,EAAU,UAAU,EAAE,KAAAD,GAAK,OAAOD,EAAA,IAIlC,gBAAAI,EAACC,EAAwB,UAAxB,EAAiC,OAAOH,EAAU,QAAQ,OACxD,UAAAJ,GACH;AAEJ;"}

package/dist/contexts/UnstableFeaturesProvider/WithUnstableFeature.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { UnstableFeatures } from './useUnstableFeature';
+/** @internal */
+export interface WithUnstableFeatureProps {
+    feature: keyof UnstableFeatures;
+    children: ReactNode;
+}
+/**
+ * Renders `children` only when `feature` is enabled in {@link UnstableFeatures}.
+ *
+ * @remarks
+ * `null` is a silent no-op, not an error — this gates new UX inside an already-released
+ * component, so the flag being off must leave that component's public behavior unchanged.
+ *
+ * @param props - See {@link WithUnstableFeatureProps}.
+ * @returns `children` when the flag is enabled, otherwise `null`.
+ * @internal
+ */
+export declare function WithUnstableFeature({ feature, children }: WithUnstableFeatureProps): ReactNode;

package/dist/contexts/UnstableFeaturesProvider/WithUnstableFeature.js

@@ -0,0 +1,8 @@
+import { useUnstableFeature as n } from "./useUnstableFeature.js";
+function l({ feature: e, children: t }) {
+  return n(e) ? t : null;
+}
+export {
+  l as WithUnstableFeature
+};
+//# sourceMappingURL=WithUnstableFeature.js.map

package/dist/contexts/UnstableFeaturesProvider/WithUnstableFeature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithUnstableFeature.js","sources":["../../../src/contexts/UnstableFeaturesProvider/WithUnstableFeature.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useUnstableFeature, type UnstableFeatures } from './useUnstableFeature'\n\n/** @internal */\nexport interface WithUnstableFeatureProps {\n  feature: keyof UnstableFeatures\n  children: ReactNode\n}\n\n/**\n * Renders `children` only when `feature` is enabled in {@link UnstableFeatures}.\n *\n * @remarks\n * `null` is a silent no-op, not an error — this gates new UX inside an already-released\n * component, so the flag being off must leave that component's public behavior unchanged.\n *\n * @param props - See {@link WithUnstableFeatureProps}.\n * @returns `children` when the flag is enabled, otherwise `null`.\n * @internal\n */\nexport function WithUnstableFeature({ feature, children }: WithUnstableFeatureProps) {\n  const isEnabled = useUnstableFeature(feature)\n  return isEnabled ? children : null\n}\n"],"names":["WithUnstableFeature","feature","children","useUnstableFeature"],"mappings":";AAoBO,SAASA,EAAoB,EAAE,SAAAC,GAAS,UAAAC,KAAsC;AAEnF,SADkBC,EAAmBF,CAAO,IACzBC,IAAW;AAChC;"}

package/dist/contexts/UnstableFeaturesProvider/useUnstableFeature.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Opt-in flags for SDK functionality that is still in active development.
+ *
+ * @remarks
+ * Pass to {@link GustoProvider} via the `unstableFeatures` prop to enable a feature ahead of its
+ * public release. Every flag defaults to disabled when omitted. When a feature graduates to
+ * public release, its flag is deleted from this interface along with the conditional checks that
+ * read it — there is no deprecation step. This interface may have no flags at all at any given
+ * time — e.g. immediately after the last active flag graduates and before the next one is added —
+ * the opt-in mechanism itself is permanent even when nothing is currently gated behind it.
+ *
+ * @alpha
+ */
+export interface UnstableFeatures {
+    /** Enables recording past payments to contractors within the `ContractorManagement` flows. */
+    historicalPayments?: boolean;
+}
+/**
+ * React context backing {@link useUnstableFeature}.
+ *
+ * @internal
+ */
+export declare const UnstableFeaturesContext: import('react').Context<UnstableFeatures>;
+/**
+ * Reads whether `feature` is enabled via {@link GustoProvider}'s `unstableFeatures` prop.
+ *
+ * @remarks
+ * With `throwIfDisabled: true`, call unconditionally at the top of an alpha component's body —
+ * not inside {@link WithUnstableFeature} — so mounting the component without opting in fails
+ * loudly and immediately. This throws in every environment, including production: using an alpha
+ * component without its flag is an integration mistake, not a runtime state, the same as
+ * {@link useComponentContext} throwing when called outside a `ComponentsProvider`.
+ *
+ * @param feature - The {@link UnstableFeatures} flag to read.
+ * @param options - Set `throwIfDisabled` to throw instead of returning `false` when `feature` is disabled.
+ * @throws When `options.throwIfDisabled` is set and `feature` is not enabled.
+ * @internal
+ */
+export declare const useUnstableFeature: (feature: keyof UnstableFeatures, options?: {
+    throwIfDisabled?: boolean;
+}) => boolean;

package/dist/contexts/UnstableFeaturesProvider/useUnstableFeature.js

@@ -0,0 +1,14 @@
+import { useContext as s, createContext as o } from "react";
+const a = o({}), l = (e, r = { throwIfDisabled: !1 }) => {
+  const t = !!s(a)[e];
+  if (r.throwIfDisabled && !t)
+    throw new Error(
+      `This component requires the unstable feature flag "${e}" to be enabled via GustoProvider's \`unstableFeatures\` prop.`
+    );
+  return t;
+};
+export {
+  a as UnstableFeaturesContext,
+  l as useUnstableFeature
+};
+//# sourceMappingURL=useUnstableFeature.js.map

package/dist/contexts/UnstableFeaturesProvider/useUnstableFeature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUnstableFeature.js","sources":["../../../src/contexts/UnstableFeaturesProvider/useUnstableFeature.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\n/**\n * Opt-in flags for SDK functionality that is still in active development.\n *\n * @remarks\n * Pass to {@link GustoProvider} via the `unstableFeatures` prop to enable a feature ahead of its\n * public release. Every flag defaults to disabled when omitted. When a feature graduates to\n * public release, its flag is deleted from this interface along with the conditional checks that\n * read it — there is no deprecation step. This interface may have no flags at all at any given\n * time — e.g. immediately after the last active flag graduates and before the next one is added —\n * the opt-in mechanism itself is permanent even when nothing is currently gated behind it.\n *\n * @alpha\n */\nexport interface UnstableFeatures {\n  /** Enables recording past payments to contractors within the `ContractorManagement` flows. */\n  historicalPayments?: boolean\n}\n\n/**\n * React context backing {@link useUnstableFeature}.\n *\n * @internal\n */\nexport const UnstableFeaturesContext = createContext<UnstableFeatures>({})\n\n/**\n * Reads whether `feature` is enabled via {@link GustoProvider}'s `unstableFeatures` prop.\n *\n * @remarks\n * With `throwIfDisabled: true`, call unconditionally at the top of an alpha component's body —\n * not inside {@link WithUnstableFeature} — so mounting the component without opting in fails\n * loudly and immediately. This throws in every environment, including production: using an alpha\n * component without its flag is an integration mistake, not a runtime state, the same as\n * {@link useComponentContext} throwing when called outside a `ComponentsProvider`.\n *\n * @param feature - The {@link UnstableFeatures} flag to read.\n * @param options - Set `throwIfDisabled` to throw instead of returning `false` when `feature` is disabled.\n * @throws When `options.throwIfDisabled` is set and `feature` is not enabled.\n * @internal\n */\nexport const useUnstableFeature = (\n  feature: keyof UnstableFeatures,\n  options: { throwIfDisabled?: boolean } = { throwIfDisabled: false },\n): boolean => {\n  const features = useContext(UnstableFeaturesContext)\n  const isEnabled = !!features[feature]\n\n  if (options.throwIfDisabled && !isEnabled) {\n    throw new Error(\n      `This component requires the unstable feature flag \"${feature}\" to be enabled via GustoProvider's \\`unstableFeatures\\` prop.`,\n    )\n  }\n\n  return isEnabled\n}\n"],"names":["UnstableFeaturesContext","createContext","useUnstableFeature","feature","options","isEnabled","useContext"],"mappings":";AAyBO,MAAMA,IAA0BC,EAAgC,CAAA,CAAE,GAiB5DC,IAAqB,CAChCC,GACAC,IAAyC,EAAE,iBAAiB,SAChD;AAEZ,QAAMC,IAAY,CAAC,CADFC,EAAWN,CAAuB,EACtBG,CAAO;AAEpC,MAAIC,EAAQ,mBAAmB,CAACC;AAC9B,UAAM,IAAI;AAAA,MACR,sDAAsDF,CAAO;AAAA,IAAA;AAIjE,SAAOE;AACT;"}

package/dist/contexts/index.d.ts

@@ -5,3 +5,4 @@ export type { ComponentsContextType } from './ComponentAdapter/useComponentConte
 export * from './ComponentAdapter/componentAdapterTypes';
 export type { GustoSDKTheme, GustoSDKThemeColors } from './ThemeProvider/theme';
 export { useNonce } from './NonceProvider';
+export type { UnstableFeatures } from './UnstableFeaturesProvider/useUnstableFeature';

package/dist/i18n/en/Contractor.Payments.CreateHistoricalPayment.json.js

@@ -1,36 +1,38 @@
-const t = { heading: "Record a historical payment", subtitle: "Log a contractor payment that already happened outside Gusto. Pick a paid date and the contractors you paid.", dateLabel: "Payment date", dateInFutureError: "You cannot issue historical payments for the future. Please choose a date in the past.", dateTooEarlyError: "You cannot create a payment in {{year}}. Please select a {{allowedYear}} date.", continueButton: "Continue" }, e = { heading: "Enter payment amounts", subtitle: "Enter the hours or wage paid to each contractor along with any bonuses and reimbursements.", continueButton: "Continue" }, a = "Hours and payments", o = { contractor: "Contractor", wageType: "Wage", paymentMethod: "Payment method", hours: "Hours", wage: "Fixed amount", bonus: "Bonus", reimbursement: "Reimbursement", total: "Total" }, n = "No contractors selected", r = "Select at least one contractor to record a payment.", s = "N/A", c = "Totals", i = "Edit contractor payment", l = "/hr", m = { fixed: "Fixed", hourly: "Hourly" }, u = { directDeposit: "Direct Deposit", check: "Check", historicalPayment: "Historical Payment" }, d = { contractorPaymentUpdated: "Pay updated for {{contractorName}}" }, y = { title: "Edit contractor pay", subtitle: `Edit contractor's hours, additional earnings, and reimbursements. Inputs not applicable to this contractor are disabled. Please click "Done" to apply the change.`, hoursLabel: "Hours", hoursAdornment: "hrs", hoursPayDescription: "{{rate}}/hr × hours = {{total}}", wageLabel: "Fixed amount", bonusLabel: "Bonus", reimbursementLabel: "Reimbursement", paymentMethodLabel: "Payment Method", cancelCta: "Cancel", saveCta: "Done", paymentMethods: { check: "Check", directDeposit: "Direct deposit", historicalPayment: "Historical payment" }, errors: { directDepositNotAvailable: "Direct Deposit is not available for contractors set up for Check payments", unsupportedPaymentMethod: "This payment method is not supported. Please select Check or Direct Deposit." } }, p = { title: "Review and submit", subtitle: "Historical payment for {{checkDate}}", editButton: "Edit", submitButton: "Submit historical payment", successTitle: "Historical payment recorded successfully", successMessage: "This payment has been recorded. View it from the payments list to see its full details.", paymentSummaryTitle: "Payment Summary", totalAmount: "Total Amount", contractorPayDate: "Contractor Pay Date", contractorPaymentsTitle: "Contractor Payments", contractor: "Contractor", wageType: "Wage Type", paymentMethod: "Payment Method", paymentMethods: { directDeposit: "Direct Deposit", check: "Check", historicalPayment: "Historical Payment" }, hours: "Hours", wage: "Wage", bonus: "Bonus", reimbursement: "Reimbursement", total: "Total", totalsLabel: "Totals", notAvailable: "N/A" }, h = {
-  select: t,
-  amounts: e,
-  hoursAndPaymentsLabel: a,
-  contractorTableHeaders: o,
-  emptyTableTitle: n,
-  emptyTableDescription: r,
-  na: s,
-  totalsLabel: c,
-  editContractor: i,
-  perHour: l,
-  wageTypes: m,
-  paymentMethods: u,
-  alerts: d,
-  editContractorPayment: y,
-  review: p
+const t = "Back", e = { heading: "Record a historical payment", subtitle: "Log a contractor payment that already happened outside Gusto. Pick a paid date and the contractors you paid.", dateLabel: "Payment date", dateInFutureError: "You cannot issue historical payments for the future. Please choose a date in the past.", dateTooEarlyError: "You cannot create a payment in {{year}}. Please select a {{allowedYear}} date.", continueButton: "Continue" }, a = { heading: "Enter payment amounts", subtitle: "Enter the hours or wage paid to each contractor along with any bonuses and reimbursements.", continueButton: "Continue" }, o = "Hours and payments", n = { contractor: "Contractor", wageType: "Wage", paymentMethod: "Payment method", hours: "Hours", wage: "Fixed amount", bonus: "Bonus", reimbursement: "Reimbursement", total: "Total" }, r = "No contractors selected", s = "Select at least one contractor to record a payment.", c = "N/A", i = "Totals", l = "Edit contractor payment", m = "/hr", u = { fixed: "Fixed", hourly: "Hourly" }, d = { directDeposit: "Direct Deposit", check: "Check", historicalPayment: "Historical Payment" }, y = { contractorPaymentUpdated: "Pay updated for {{contractorName}}" }, p = { title: "Edit contractor pay", subtitle: `Edit contractor's hours, additional earnings, and reimbursements. Inputs not applicable to this contractor are disabled. Please click "Done" to apply the change.`, hoursLabel: "Hours", hoursAdornment: "hrs", hoursPayDescription: "{{rate}}/hr × hours = {{total}}", wageLabel: "Fixed amount", bonusLabel: "Bonus", reimbursementLabel: "Reimbursement", paymentMethodLabel: "Payment Method", cancelCta: "Cancel", saveCta: "Done", paymentMethods: { check: "Check", directDeposit: "Direct deposit", historicalPayment: "Historical payment" }, errors: { directDepositNotAvailable: "Direct Deposit is not available for contractors set up for Check payments", unsupportedPaymentMethod: "This payment method is not supported. Please select Check or Direct Deposit." } }, h = { title: "Review and submit", subtitle: "Historical payment for {{checkDate}}", submitButton: "Submit historical payment", successTitle: "Historical payment recorded successfully", successMessage: "This payment has been recorded. View it from the payments list to see its full details.", paymentSummaryTitle: "Payment Summary", totalAmount: "Total Amount", contractorPayDate: "Contractor Pay Date", contractorPaymentsTitle: "Contractor Payments", contractor: "Contractor", wageType: "Wage Type", paymentMethod: "Payment Method", paymentMethods: { directDeposit: "Direct Deposit", check: "Check", historicalPayment: "Historical Payment" }, hours: "Hours", wage: "Wage", bonus: "Bonus", reimbursement: "Reimbursement", total: "Total", totalsLabel: "Totals", notAvailable: "N/A" }, b = {
+  backButton: t,
+  select: e,
+  amounts: a,
+  hoursAndPaymentsLabel: o,
+  contractorTableHeaders: n,
+  emptyTableTitle: r,
+  emptyTableDescription: s,
+  na: c,
+  totalsLabel: i,
+  editContractor: l,
+  perHour: m,
+  wageTypes: u,
+  paymentMethods: d,
+  alerts: y,
+  editContractorPayment: p,
+  review: h
 };
 export {
-  d as alerts,
-  e as amounts,
-  o as contractorTableHeaders,
-  h as default,
-  i as editContractor,
-  y as editContractorPayment,
-  r as emptyTableDescription,
-  n as emptyTableTitle,
-  a as hoursAndPaymentsLabel,
-  s as na,
-  u as paymentMethods,
-  l as perHour,
-  p as review,
-  t as select,
-  c as totalsLabel,
-  m as wageTypes
+  y as alerts,
+  a as amounts,
+  t as backButton,
+  n as contractorTableHeaders,
+  b as default,
+  l as editContractor,
+  p as editContractorPayment,
+  s as emptyTableDescription,
+  r as emptyTableTitle,
+  o as hoursAndPaymentsLabel,
+  c as na,
+  d as paymentMethods,
+  m as perHour,
+  h as review,
+  e as select,
+  i as totalsLabel,
+  u as wageTypes
 };
 //# sourceMappingURL=Contractor.Payments.CreateHistoricalPayment.json.js.map

package/dist/i18n/en/Contractor.Payments.CreateHistoricalPayment.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"Contractor.Payments.CreateHistoricalPayment.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Contractor.Payments.CreateHistoricalPayment.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/i18n/en/Contractor.Payments.PaymentsList.json.js

@@ -1,36 +1,38 @@
-const e = "Contractor payments", t = "Upcoming and past payments", n = "Contractor payments", a = "New payment", s = "Start date", o = "Apply date", c = "Payment date", r = "Reimbursement total", m = "Wage total", i = "Actions", l = "View payment", y = "No payments found", u = "No contractor payments have been created yet. Create your first payment to get started.", p = { paymentCreatedSuccessfully_one: "Successfully created {{count}} contractor payment.", paymentCreatedSuccessfully_other: "Successfully created {{count}} contractor payments.", paymentCancelledSuccessfully: "Contractor payment cancelled successfully", wireDetailsSubmitted: "Wire details submitted", rfiPendingResponseTitle: "Payments may be blocked: Provide more information to run payments", rfiPendingResponseDescription: "We need some more information about your business. Please respond as soon as possible to run payments on time.", rfiPendingReviewTitle: "Payments may be blocked", rfiPendingReviewDescription: "We're reviewing information about your business. Payments may be blocked until review is complete.", rfiRespondCta: "Respond" }, d = { last3Months: "Last 3 months", last6Months: "Last 6 months", last12Months: "Last 12 months" }, b = {
-  title: e,
-  subtitle: t,
+const t = "Contractor payments", e = "Upcoming and past payments", n = "Contractor payments", a = "New payment", o = "Start date", s = "Apply date", c = "Payment date", r = "Reimbursement total", i = "Wage total", m = "Actions", l = "View payment", y = "No payments found", u = "No contractor payments have been created yet. Create your first payment to get started.", d = { paymentCreatedSuccessfully_one: "Successfully created {{count}} contractor payment.", paymentCreatedSuccessfully_other: "Successfully created {{count}} contractor payments.", paymentCancelledSuccessfully: "Contractor payment cancelled successfully", wireDetailsSubmitted: "Wire details submitted", rfiPendingResponseTitle: "Payments may be blocked: Provide more information to run payments", rfiPendingResponseDescription: "We need some more information about your business. Please respond as soon as possible to run payments on time.", rfiPendingReviewTitle: "Payments may be blocked", rfiPendingReviewDescription: "We're reviewing information about your business. Payments may be blocked until review is complete.", rfiRespondCta: "Respond" }, p = { last3Months: "Last 3 months", last6Months: "Last 6 months", last12Months: "Last 12 months" }, b = { title: "Record a historical payment", description: "Add a contractor payment that was made outside of Gusto to keep your records complete.", button: "Record a historical payment" }, f = {
+  title: t,
+  subtitle: e,
   breadcrumbLabel: n,
   createPaymentCta: a,
-  startDate: s,
-  applyDate: o,
+  startDate: o,
+  applyDate: s,
   paymentDateColumnLabel: c,
   reimbursementTotalColumnLabel: r,
-  wageTotalColumnLabel: m,
-  actionColumnLabel: i,
+  wageTotalColumnLabel: i,
+  actionColumnLabel: m,
   viewPaymentCta: l,
   noPaymentsFound: y,
   noPaymentsDescription: u,
-  alerts: p,
-  dateRanges: d
+  alerts: d,
+  dateRanges: p,
+  historicalPaymentCta: b
 };
 export {
-  i as actionColumnLabel,
-  p as alerts,
-  o as applyDate,
+  m as actionColumnLabel,
+  d as alerts,
+  s as applyDate,
   n as breadcrumbLabel,
   a as createPaymentCta,
-  d as dateRanges,
-  b as default,
+  p as dateRanges,
+  f as default,
+  b as historicalPaymentCta,
   u as noPaymentsDescription,
   y as noPaymentsFound,
   c as paymentDateColumnLabel,
   r as reimbursementTotalColumnLabel,
-  s as startDate,
-  t as subtitle,
-  e as title,
+  o as startDate,
+  e as subtitle,
+  t as title,
   l as viewPaymentCta,
-  m as wageTotalColumnLabel
+  i as wageTotalColumnLabel
 };
 //# sourceMappingURL=Contractor.Payments.PaymentsList.json.js.map

package/dist/i18n/en/Contractor.Payments.PaymentsList.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"Contractor.Payments.PaymentsList.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Contractor.Payments.PaymentsList.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/i18n/en/common.json.d.ts

@@ -85,27 +85,6 @@ declare const _default: {
     "yearly": "{{amount}} per year",
     "paycheck": "{{amount}} per paycheck"
   },
-  "compensationRateFormats": {
-    "hourly": "{{amount}} per hour",
-    "weekly": "{{amount}} per week",
-    "monthly": "{{amount}} per month",
-    "yearly": "{{amount}} per year",
-    "paycheck": "{{amount}} per paycheck"
-  },
-  "compensationRateFormats": {
-    "hourly": "{{amount}} per hour",
-    "weekly": "{{amount}} per week",
-    "monthly": "{{amount}} per month",
-    "yearly": "{{amount}} per year",
-    "paycheck": "{{amount}} per paycheck"
-  },
-  "compensationRateFormats": {
-    "hourly": "{{amount}} per hour",
-    "weekly": "{{amount}} per week",
-    "monthly": "{{amount}} per month",
-    "yearly": "{{amount}} per year",
-    "paycheck": "{{amount}} per paycheck"
-  },
   "validations": {
     "accountName": "Account name is required",
     "routingNumber": "Routing number should be a number (9 digits)",

package/dist/i18n/types.d.ts

@@ -2411,6 +2411,8 @@ export namespace Translations {
   }
   /** Translation keys for the `Contractor.Payments.CreateHistoricalPayment` i18n namespace. */
   export interface ContractorPaymentsCreateHistoricalPayment {
+    /** @defaultValue `"Back"` */
+    backButton: string
     select: {
       /** @defaultValue `"Record a historical payment"` */
       heading: string
@@ -2526,8 +2528,6 @@ export namespace Translations {
       title: string
       /** @defaultValue `"Historical payment for {{checkDate}}"` */
       subtitle: string
-      /** @defaultValue `"Edit"` */
-      editButton: string
       /** @defaultValue `"Submit historical payment"` */
       submitButton: string
       /** @defaultValue `"Historical payment recorded successfully"` */
@@ -3071,6 +3071,14 @@ export namespace Translations {
       /** @defaultValue `"Last 12 months"` */
       last12Months: string
     }
+    historicalPaymentCta: {
+      /** @defaultValue `"Record a historical payment"` */
+      title: string
+      /** @defaultValue `"Add a contractor payment that was made outside of Gusto to keep your records complete."` */
+      description: string
+      /** @defaultValue `"Record a historical payment"` */
+      button: string
+    }
   }
   /** Translation keys for the `Contractor.Profile` i18n namespace. */
   export interface ContractorProfile {

package/dist/shared/constants.d.ts

@@ -270,6 +270,7 @@ export declare const contractorPaymentEvents: {
  * @public
  */
 export declare const contractorHistoricalPaymentEvents: {
+    readonly CONTRACTOR_HISTORICAL_PAYMENT_CREATE: "contractor/historicalPayments/create";
     readonly CONTRACTOR_HISTORICAL_PAYMENT_EDIT: "contractor/historicalPayments/edit";
     readonly CONTRACTOR_HISTORICAL_PAYMENT_UPDATE: "contractor/historicalPayments/update";
     readonly CONTRACTOR_HISTORICAL_PAYMENT_PREVIEW: "contractor/historicalPayments/preview";
@@ -541,6 +542,7 @@ export declare const componentEvents: {
     readonly TRANSITION_CREATED: "transition/created";
     readonly RUN_TRANSITION_PAYROLL: "transition/runPayroll";
     readonly TRANSITION_PAYROLL_SKIPPED: "transition/payrollSkipped";
+    readonly CONTRACTOR_HISTORICAL_PAYMENT_CREATE: "contractor/historicalPayments/create";
     readonly CONTRACTOR_HISTORICAL_PAYMENT_EDIT: "contractor/historicalPayments/edit";
     readonly CONTRACTOR_HISTORICAL_PAYMENT_UPDATE: "contractor/historicalPayments/update";
     readonly CONTRACTOR_HISTORICAL_PAYMENT_PREVIEW: "contractor/historicalPayments/preview";

package/dist/shared/constants.js

@@ -217,6 +217,7 @@ const t = {
   CONTRACTOR_PAYMENT_EXIT: "contractor/payments/exit",
   CONTRACTOR_PAYMENT_RFI_RESPOND: "contractor/payments/rfi/respond"
 }, a = {
+  CONTRACTOR_HISTORICAL_PAYMENT_CREATE: "contractor/historicalPayments/create",
   CONTRACTOR_HISTORICAL_PAYMENT_EDIT: "contractor/historicalPayments/edit",
   CONTRACTOR_HISTORICAL_PAYMENT_UPDATE: "contractor/historicalPayments/update",
   CONTRACTOR_HISTORICAL_PAYMENT_PREVIEW: "contractor/historicalPayments/preview",