@gusto/embedded-react-sdk 0.55.6 → 0.55.8

package/CHANGELOG.md

@@ -1,5 +1,55 @@
 # Changelog
 
+## [0.55.8](https://github.com/Gusto/embedded-react-sdk/compare/v0.55.7...v0.55.8) (2026-09-18)
+
+### Features & Enhancements
+
+- Group additional earnings by overtime impact in the edit-employee prototype, splitting by workweek only when overtime is added ([#2785](https://github.com/Gusto/embedded-react-sdk/issues/2785), [#2787](https://github.com/Gusto/embedded-react-sdk/issues/2787))
+- Add a workweek start day to `CompanyOnboarding.PaySchedule` ([#2796](https://github.com/Gusto/embedded-react-sdk/issues/2796))
+
+### Fixes
+
+- Support the `className` prop consistently across all SDK components ([#2738](https://github.com/Gusto/embedded-react-sdk/issues/2738))
+- Keep payroll review action buttons from overflowing at narrow widths ([#2608](https://github.com/Gusto/embedded-react-sdk/issues/2608))
+- Fix employee name reflow at a 320px viewport width ([#2754](https://github.com/Gusto/embedded-react-sdk/issues/2754))
+- Right-align the paystub column header with its download buttons ([#2788](https://github.com/Gusto/embedded-react-sdk/issues/2788))
+- Default the payroll history end date to three months ahead ([#2792](https://github.com/Gusto/embedded-react-sdk/issues/2792))
+- Include onboarded employees with future hire dates in payroll ([#2801](https://github.com/Gusto/embedded-react-sdk/issues/2801))
+- Constrain the Cancel and Save actions in `UNSTABLE_PayrollEditEmployee` ([#2786](https://github.com/Gusto/embedded-react-sdk/issues/2786))
+- Suppress the wire details loader on the payroll landing screen to avoid a double load ([#2793](https://github.com/Gusto/embedded-react-sdk/issues/2793))
+
+### Chores & Maintenance
+
+- Make `FieldCaption` an overridable component adapter ([#2769](https://github.com/Gusto/embedded-react-sdk/issues/2769))
+- Bump dependencies (`react-hook-form`, `react-i18next`, `dompurify`, `sass-embedded`, `vitest`, `@vitest/coverage-v8`, `@testing-library/dom`, `@types/react-dom`, `@microsoft/api-extractor`, `cspell`, `eslint-plugin-storybook`, `yaml`, `release-it`, `@release-it/conventional-changelog`)
+
+## [0.55.7](https://github.com/Gusto/embedded-react-sdk/compare/v0.55.6...v0.55.7) (2026-09-14)
+
+### Features & Enhancements
+
+- Add `ContractorListFlow`, a flow component for listing and managing a company's contractors ([#2694](https://github.com/Gusto/embedded-react-sdk/issues/2694))
+- Send an `X-Gusto-SDK-Version` header on every API request so the installed SDK version is visible server-side ([#2737](https://github.com/Gusto/embedded-react-sdk/issues/2737))
+- Continue building out the alpha `UNSTABLE_PayrollEditEmployee` component: rebuild the edit-employee UI on the new form hook, collapse overtime handling to a single flag, and add a workweek info alert ([#2748](https://github.com/Gusto/embedded-react-sdk/issues/2748), [#2747](https://github.com/Gusto/embedded-react-sdk/issues/2747), [#2755](https://github.com/Gusto/embedded-react-sdk/issues/2755), [#2757](https://github.com/Gusto/embedded-react-sdk/issues/2757))
+
+### Fixes
+
+- Fix an off-by-one week assignment where an unsplit whole-period payroll breakdown was pinned to week 1 ([#2740](https://github.com/Gusto/embedded-react-sdk/issues/2740))
+- Hide the redundant visible "Status" column header label in data tables ([#2719](https://github.com/Gusto/embedded-react-sdk/issues/2719))
+- Prevent an incomplete date range from being applied in the date range filter ([#2717](https://github.com/Gusto/embedded-react-sdk/issues/2717))
+- Match legacy date bounds when selecting off-cycle payroll pay periods ([#2702](https://github.com/Gusto/embedded-react-sdk/issues/2702))
+- Populate compensation type for employees who have no hourly line items ([#2722](https://github.com/Gusto/embedded-react-sdk/issues/2722))
+- Strip raw API error bodies out of user-facing error messages ([#2735](https://github.com/Gusto/embedded-react-sdk/issues/2735))
+- Commit the contractor list tab structure only once new data has loaded, avoiding a flash of stale tabs ([#2711](https://github.com/Gusto/embedded-react-sdk/issues/2711))
+- Show a contractor's middle initial on the `DashboardFlow` overview ([#2709](https://github.com/Gusto/embedded-react-sdk/issues/2709))
+- Accept a contractor first/last name that has surrounding whitespace instead of rejecting it ([#2707](https://github.com/Gusto/embedded-react-sdk/issues/2707))
+- Fixes to the alpha `UNSTABLE_PayrollEditEmployee` component: invalidate the prepared payroll cache after save, match the reimbursement UI to the stable version, persist edited regular hours when adding overtime, remove non-dynamic gross pay, and render additional earnings as a single employee-level section ([#2728](https://github.com/Gusto/embedded-react-sdk/issues/2728), [#2756](https://github.com/Gusto/embedded-react-sdk/issues/2756), [#2758](https://github.com/Gusto/embedded-react-sdk/issues/2758), [#2761](https://github.com/Gusto/embedded-react-sdk/issues/2761), [#2768](https://github.com/Gusto/embedded-react-sdk/issues/2768))
+
+### Chores & Maintenance
+
+- Bump runtime dependencies (`i18next`, `@internationalized/date`, `@internationalized/number`)
+- Bump dev dependencies (`typescript-eslint`, `@playwright/test`, `@storybook/*`, `sass-embedded`, `cspell`, `lint-staged`, `vite-plugin-dts`, `globals`, `@testing-library/user-event`, `@types/react-dom`)
+- Apply grouped Dependabot security updates ([#2724](https://github.com/Gusto/embedded-react-sdk/issues/2724), [#2726](https://github.com/Gusto/embedded-react-sdk/issues/2726))
+
 ## [0.55.6](https://github.com/Gusto/embedded-react-sdk/compare/v0.55.5...v0.55.6) (2026-09-08)
 
 ### Fixes

package/dist/components/Common/DateRangeFilter/DateRangeFilter.js

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as H, jsx as e } from "react/jsx-runtime";
-import { useState as y, useRef as I, useCallback as l, useMemo as M } from "react";
+import { useState as y, useRef as I, useCallback as t, useMemo as M } from "react";
 import { Popover as _, Dialog as q } from "react-aria-components";
 import s from "./DateRangeFilter.module.scss.js";
 import { Flex as R } from "../Flex/Flex.js";
@@ -14,7 +14,7 @@ const x = (n) => n.toLocaleDateString("en-US", { month: "short", day: "numeric"
   onEndDateChange: f,
   onClear: h,
   startDateLabel: c,
-  endDateLabel: m,
+  endDateLabel: u,
   applyLabel: F,
   cancelLabel: k,
   resetLabel: $,
@@ -23,18 +23,18 @@ const x = (n) => n.toLocaleDateString("en-US", { month: "short", day: "numeric"
   maxEndDate: j,
   minStartDate: B
 }) => {
-  const { Button: t, DateRangePicker: O } = z(), { container: S } = E(), [g, p] = y(!1), [r, u] = y(null), v = I(null), P = l(() => {
-    u(n && o ? { start: n, end: o } : null), p(!0);
-  }, [n, o]), C = l(() => {
-    p(!1);
-  }, []), U = l(() => {
-    r ? (d(r.start), f(r.end)) : h(), p(!1);
-  }, [r, d, f, h]), V = l(() => {
-    u(null);
-  }, []), A = l((i) => {
-    u(i);
+  const { Button: i, DateRangePicker: O } = z(), { container: S } = E(), [g, m] = y(!1), [l, p] = y(null), v = I(null), P = t(() => {
+    p(n && o ? { start: n, end: o } : null), m(!0);
+  }, [n, o]), C = t(() => {
+    m(!1);
+  }, []), U = t(() => {
+    l ? (d(l.start), f(l.end)) : h(), m(!1);
+  }, [l, d, f, h]), V = t(() => {
+    p(null);
+  }, []), A = t((r) => {
+    p(r?.start && r.end ? r : null);
   }, []), T = M(() => !n || !o ? null : `${x(n)} – ${x(o)}`, [n, o]), w = /* @__PURE__ */ e(
-    t,
+    i,
     {
       buttonRef: v,
       "aria-label": N,
@@ -54,32 +54,32 @@ const x = (n) => n.toLocaleDateString("en-US", { month: "short", day: "numeric"
       {
         UNSTABLE_portalContainer: S.current ?? void 0,
         isOpen: g,
-        onOpenChange: (i) => {
-          i || C();
+        onOpenChange: (r) => {
+          r || C();
         },
         triggerRef: v,
         placement: "bottom end",
         offset: 8,
         shouldUpdatePosition: !0,
-        children: /* @__PURE__ */ a(q, { className: s.dialog, "aria-label": `${c} – ${m}`, children: [
+        children: /* @__PURE__ */ a(q, { className: s.dialog, "aria-label": `${c} – ${u}`, children: [
           /* @__PURE__ */ e("div", { className: s.popoverContent, children: /* @__PURE__ */ e(
             O,
             {
-              label: `${c} – ${m}`,
+              label: `${c} – ${u}`,
               shouldVisuallyHideLabel: !0,
-              value: r,
+              value: l,
               onChange: A,
               startDateLabel: c,
-              endDateLabel: m,
+              endDateLabel: u,
               minValue: B,
               maxValue: j
             }
           ) }),
           /* @__PURE__ */ e("div", { className: s.popoverFooter, children: /* @__PURE__ */ a(R, { gap: 8, justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(t, { variant: "tertiary", onClick: V, children: $ }),
+            /* @__PURE__ */ e(i, { variant: "tertiary", onClick: V, children: $ }),
             /* @__PURE__ */ a(R, { gap: 8, justifyContent: "flex-end", children: [
-              /* @__PURE__ */ e(t, { variant: "secondary", onClick: C, children: k }),
-              /* @__PURE__ */ e(t, { variant: "primary", onClick: U, children: F })
+              /* @__PURE__ */ e(i, { variant: "secondary", onClick: C, children: k }),
+              /* @__PURE__ */ e(i, { variant: "primary", onClick: U, children: F })
             ] })
           ] }) })
         ] })

package/dist/components/Common/DateRangeFilter/DateRangeFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeFilter.js","sources":["../../../../src/components/Common/DateRangeFilter/DateRangeFilter.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useMemo } from 'react'\nimport { Dialog, Popover } from 'react-aria-components'\nimport styles from './DateRangeFilter.module.scss'\nimport type { DateRange } from '@/components/Common/UI/DateRangePicker/DateRangePickerTypes'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport FilterFunnelIcon from '@/assets/icons/filter-funnel.svg?react'\n\nconst formatFilterDate = (date: Date): string =>\n  date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })\n\ninterface DateRangeFilterProps {\n  startDate: Date | null\n  endDate: Date | null\n  onStartDateChange: (date: Date | null) => void\n  onEndDateChange: (date: Date | null) => void\n  onClear: () => void\n  startDateLabel: string\n  endDateLabel: string\n  applyLabel: string\n  cancelLabel: string\n  resetLabel: string\n  selectDatesLabel: string\n  triggerLabel: string\n  maxEndDate?: Date\n  minStartDate?: Date\n}\n\n/** @internal */\nexport const DateRangeFilter = ({\n  startDate,\n  endDate,\n  onStartDateChange,\n  onEndDateChange,\n  onClear,\n  startDateLabel,\n  endDateLabel,\n  applyLabel,\n  cancelLabel,\n  resetLabel,\n  selectDatesLabel,\n  triggerLabel,\n  maxEndDate,\n  minStartDate,\n}: DateRangeFilterProps) => {\n  const { Button, DateRangePicker } = useComponentContext()\n  const { container } = useTheme()\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [draftRange, setDraftRange] = useState<DateRange | null>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const handleOpen = useCallback(() => {\n    const range = startDate && endDate ? { start: startDate, end: endDate } : null\n    setDraftRange(range)\n    setIsOpen(true)\n  }, [startDate, endDate])\n\n  const handleClose = useCallback(() => {\n    setIsOpen(false)\n  }, [])\n\n  const handleApply = useCallback(() => {\n    if (draftRange) {\n      onStartDateChange(draftRange.start)\n      onEndDateChange(draftRange.end)\n    } else {\n      onClear()\n    }\n    setIsOpen(false)\n  }, [draftRange, onStartDateChange, onEndDateChange, onClear])\n\n  const handleReset = useCallback(() => {\n    setDraftRange(null)\n  }, [])\n\n  const handleRangeChange = useCallback((range: DateRange | null) => {\n    setDraftRange(range)\n  }, [])\n\n  const filterDateLabel = useMemo(() => {\n    if (!startDate || !endDate) return null\n    return `${formatFilterDate(startDate)} – ${formatFilterDate(endDate)}`\n  }, [startDate, endDate])\n\n  const triggerButton = (\n    <Button\n      buttonRef={triggerRef}\n      aria-label={triggerLabel}\n      aria-haspopup=\"dialog\"\n      aria-expanded={isOpen}\n      onClick={handleOpen}\n      variant=\"secondary\"\n      icon={<FilterFunnelIcon />}\n      className={styles.triggerButton}\n    >\n      {filterDateLabel ?? selectDatesLabel}\n    </Button>\n  )\n\n  return (\n    <>\n      {triggerButton}\n\n      <Popover\n        UNSTABLE_portalContainer={container.current ?? undefined}\n        isOpen={isOpen}\n        onOpenChange={open => {\n          if (!open) handleClose()\n        }}\n        triggerRef={triggerRef}\n        placement=\"bottom end\"\n        offset={8}\n        shouldUpdatePosition\n      >\n        <Dialog className={styles.dialog} aria-label={`${startDateLabel} – ${endDateLabel}`}>\n          <div className={styles.popoverContent}>\n            <DateRangePicker\n              label={`${startDateLabel} – ${endDateLabel}`}\n              shouldVisuallyHideLabel\n              value={draftRange}\n              onChange={handleRangeChange}\n              startDateLabel={startDateLabel}\n              endDateLabel={endDateLabel}\n              minValue={minStartDate}\n              maxValue={maxEndDate}\n            />\n          </div>\n\n          <div className={styles.popoverFooter}>\n            <Flex gap={8} justifyContent=\"space-between\">\n              <Button variant=\"tertiary\" onClick={handleReset}>\n                {resetLabel}\n              </Button>\n              <Flex gap={8} justifyContent=\"flex-end\">\n                <Button variant=\"secondary\" onClick={handleClose}>\n                  {cancelLabel}\n                </Button>\n                <Button variant=\"primary\" onClick={handleApply}>\n                  {applyLabel}\n                </Button>\n              </Flex>\n            </Flex>\n          </div>\n        </Dialog>\n      </Popover>\n    </>\n  )\n}\n"],"names":["formatFilterDate","date","DateRangeFilter","startDate","endDate","onStartDateChange","onEndDateChange","onClear","startDateLabel","endDateLabel","applyLabel","cancelLabel","resetLabel","selectDatesLabel","triggerLabel","maxEndDate","minStartDate","Button","DateRangePicker","useComponentContext","container","useTheme","isOpen","setIsOpen","useState","draftRange","setDraftRange","triggerRef","useRef","handleOpen","useCallback","handleClose","handleApply","handleReset","handleRangeChange","range","filterDateLabel","useMemo","triggerButton","jsx","FilterFunnelIcon","styles","jsxs","Fragment","Popover","open","Dialog","Flex"],"mappings":"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"}
+{"version":3,"file":"DateRangeFilter.js","sources":["../../../../src/components/Common/DateRangeFilter/DateRangeFilter.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useMemo } from 'react'\nimport { Dialog, Popover } from 'react-aria-components'\nimport styles from './DateRangeFilter.module.scss'\nimport type { DateRange } from '@/components/Common/UI/DateRangePicker/DateRangePickerTypes'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport FilterFunnelIcon from '@/assets/icons/filter-funnel.svg?react'\n\nconst formatFilterDate = (date: Date): string =>\n  date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })\n\ninterface DateRangeFilterProps {\n  startDate: Date | null\n  endDate: Date | null\n  onStartDateChange: (date: Date | null) => void\n  onEndDateChange: (date: Date | null) => void\n  onClear: () => void\n  startDateLabel: string\n  endDateLabel: string\n  applyLabel: string\n  cancelLabel: string\n  resetLabel: string\n  selectDatesLabel: string\n  triggerLabel: string\n  maxEndDate?: Date\n  minStartDate?: Date\n}\n\n/** @internal */\nexport const DateRangeFilter = ({\n  startDate,\n  endDate,\n  onStartDateChange,\n  onEndDateChange,\n  onClear,\n  startDateLabel,\n  endDateLabel,\n  applyLabel,\n  cancelLabel,\n  resetLabel,\n  selectDatesLabel,\n  triggerLabel,\n  maxEndDate,\n  minStartDate,\n}: DateRangeFilterProps) => {\n  const { Button, DateRangePicker } = useComponentContext()\n  const { container } = useTheme()\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [draftRange, setDraftRange] = useState<DateRange | null>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const handleOpen = useCallback(() => {\n    const range = startDate && endDate ? { start: startDate, end: endDate } : null\n    setDraftRange(range)\n    setIsOpen(true)\n  }, [startDate, endDate])\n\n  const handleClose = useCallback(() => {\n    setIsOpen(false)\n  }, [])\n\n  const handleApply = useCallback(() => {\n    if (draftRange) {\n      onStartDateChange(draftRange.start)\n      onEndDateChange(draftRange.end)\n    } else {\n      onClear()\n    }\n    setIsOpen(false)\n  }, [draftRange, onStartDateChange, onEndDateChange, onClear])\n\n  const handleReset = useCallback(() => {\n    setDraftRange(null)\n  }, [])\n\n  const handleRangeChange = useCallback((range: DateRange | null) => {\n    // A custom DateRangePicker adapter could emit a one-sided range at runtime\n    // even though the type guarantees both sides -- never apply a partial one.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    setDraftRange(range?.start && range.end ? range : null)\n  }, [])\n\n  const filterDateLabel = useMemo(() => {\n    if (!startDate || !endDate) return null\n    return `${formatFilterDate(startDate)} – ${formatFilterDate(endDate)}`\n  }, [startDate, endDate])\n\n  const triggerButton = (\n    <Button\n      buttonRef={triggerRef}\n      aria-label={triggerLabel}\n      aria-haspopup=\"dialog\"\n      aria-expanded={isOpen}\n      onClick={handleOpen}\n      variant=\"secondary\"\n      icon={<FilterFunnelIcon />}\n      className={styles.triggerButton}\n    >\n      {filterDateLabel ?? selectDatesLabel}\n    </Button>\n  )\n\n  return (\n    <>\n      {triggerButton}\n\n      <Popover\n        UNSTABLE_portalContainer={container.current ?? undefined}\n        isOpen={isOpen}\n        onOpenChange={open => {\n          if (!open) handleClose()\n        }}\n        triggerRef={triggerRef}\n        placement=\"bottom end\"\n        offset={8}\n        shouldUpdatePosition\n      >\n        <Dialog className={styles.dialog} aria-label={`${startDateLabel} – ${endDateLabel}`}>\n          <div className={styles.popoverContent}>\n            <DateRangePicker\n              label={`${startDateLabel} – ${endDateLabel}`}\n              shouldVisuallyHideLabel\n              value={draftRange}\n              onChange={handleRangeChange}\n              startDateLabel={startDateLabel}\n              endDateLabel={endDateLabel}\n              minValue={minStartDate}\n              maxValue={maxEndDate}\n            />\n          </div>\n\n          <div className={styles.popoverFooter}>\n            <Flex gap={8} justifyContent=\"space-between\">\n              <Button variant=\"tertiary\" onClick={handleReset}>\n                {resetLabel}\n              </Button>\n              <Flex gap={8} justifyContent=\"flex-end\">\n                <Button variant=\"secondary\" onClick={handleClose}>\n                  {cancelLabel}\n                </Button>\n                <Button variant=\"primary\" onClick={handleApply}>\n                  {applyLabel}\n                </Button>\n              </Flex>\n            </Flex>\n          </div>\n        </Dialog>\n      </Popover>\n    </>\n  )\n}\n"],"names":["formatFilterDate","date","DateRangeFilter","startDate","endDate","onStartDateChange","onEndDateChange","onClear","startDateLabel","endDateLabel","applyLabel","cancelLabel","resetLabel","selectDatesLabel","triggerLabel","maxEndDate","minStartDate","Button","DateRangePicker","useComponentContext","container","useTheme","isOpen","setIsOpen","useState","draftRange","setDraftRange","triggerRef","useRef","handleOpen","useCallback","handleClose","handleApply","handleReset","handleRangeChange","range","filterDateLabel","useMemo","triggerButton","jsx","FilterFunnelIcon","styles","jsxs","Fragment","Popover","open","Dialog","Flex"],"mappings":"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"}

package/dist/components/Common/FadeIn/FadeIn.module.scss.js

@@ -1,10 +1,10 @@
-const e = "_fade_6tfn1_1", f = "_fadeIn_6tfn1_8", a = {
+const e = "_fade_19iip_1", a = "_fadeIn_19iip_11", d = {
   fade: e,
-  fadeIn: f
+  fadeIn: a
 };
 export {
-  a as default,
+  d as default,
   e as fade,
-  f as fadeIn
+  a as fadeIn
 };
 //# sourceMappingURL=FadeIn.module.scss.js.map

package/dist/components/Common/FieldCaption/FieldCaption.js

@@ -1,33 +1,37 @@
-import { jsxs as l, jsx as c } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import { useTranslation as c } from "react-i18next";
 import d from "classnames";
-import n from "./FieldCaption.module.scss.js";
-import { VisuallyHidden as f } from "../VisuallyHidden/VisuallyHidden.js";
-const j = ({
-  children: e,
+import s from "./FieldCaption.module.scss.js";
+import { useComponentContext as f } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { VisuallyHidden as C } from "../VisuallyHidden/VisuallyHidden.js";
+const u = ({
+  children: t,
   as: o = "label",
-  htmlFor: s,
-  isRequired: r = !1,
-  isVisuallyHidden: a = !1,
-  className: m
+  htmlFor: i,
+  isRequired: a = !1,
+  isVisuallyHidden: m = !1,
+  className: r
 }) => {
-  const { t: i } = p("common"), t = /* @__PURE__ */ l(
+  const { t: p } = c("common"), e = /* @__PURE__ */ l(
     o,
     {
-      className: d(n.root, m),
-      htmlFor: o === "label" ? s : void 0,
+      className: d(s.root, r),
+      htmlFor: o === "label" ? i : void 0,
       children: [
-        e,
-        !r && /* @__PURE__ */ l("span", { className: n.optionalLabel, children: [
+        t,
+        !a && /* @__PURE__ */ l("span", { className: s.optionalLabel, children: [
           " ",
-          i("optionalLabel")
+          p("optionalLabel")
         ] })
       ]
     }
   );
-  return a ? /* @__PURE__ */ c(f, { children: t }) : t;
+  return m ? /* @__PURE__ */ n(C, { children: e }) : e;
+}, L = (t) => {
+  const o = f();
+  return o.FieldCaption ? /* @__PURE__ */ n(o.FieldCaption, { ...t }) : /* @__PURE__ */ n(u, { ...t });
 };
 export {
-  j as FieldCaption
+  L as FieldCaption
 };
 //# sourceMappingURL=FieldCaption.js.map

package/dist/components/Common/FieldCaption/FieldCaption.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldCaption.js","sources":["../../../../src/components/Common/FieldCaption/FieldCaption.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { VisuallyHidden } from '../VisuallyHidden'\nimport styles from './FieldCaption.module.scss'\n\n/** @internal */\nexport interface FieldCaptionProps {\n  /** Caption content rendered inside the label or legend element. */\n  children: React.ReactNode\n  /** HTML element to render as — `label` for individual inputs, `legend` for fieldsets. */\n  as?: 'label' | 'legend'\n  /** Associates a `label` with an input by id. Ignored when `as` is `legend`. */\n  htmlFor?: string\n  /** When false, appends a localized optional indicator after the caption. */\n  isRequired?: boolean\n  /** Visually hides the caption while keeping it available to assistive technology. */\n  isVisuallyHidden?: boolean\n  /** Additional class names appended to the root element. */\n  className?: string\n}\n\n/** @internal */\nexport const FieldCaption: React.FC<FieldCaptionProps> = ({\n  children,\n  as = 'label',\n  htmlFor,\n  isRequired = false,\n  isVisuallyHidden = false,\n  className,\n}: FieldCaptionProps) => {\n  const { t } = useTranslation('common')\n  const Component = as\n\n  const content = (\n    <Component\n      className={classNames(styles.root, className)}\n      htmlFor={as === 'label' ? htmlFor : undefined}\n    >\n      {children}\n      {!isRequired && <span className={styles.optionalLabel}> {t('optionalLabel')}</span>}\n    </Component>\n  )\n\n  return isVisuallyHidden ? <VisuallyHidden>{content}</VisuallyHidden> : content\n}\n"],"names":["FieldCaption","children","as","htmlFor","isRequired","isVisuallyHidden","className","t","useTranslation","content","jsxs","classNames","styles","jsx","VisuallyHidden"],"mappings":";;;;;AAsBO,MAAMA,IAA4C,CAAC;AAAA,EACxD,UAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,WAAAC;AACF,MAAyB;AACvB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAG/BC,IACJ,gBAAAC;AAAA,IAHgBR;AAAA,IAGf;AAAA,MACC,WAAWS,EAAWC,EAAO,MAAMN,CAAS;AAAA,MAC5C,SAASJ,MAAO,UAAUC,IAAU;AAAA,MAEnC,UAAA;AAAA,QAAAF;AAAA,QACA,CAACG,KAAc,gBAAAM,EAAC,QAAA,EAAK,WAAWE,EAAO,eAAe,UAAA;AAAA,UAAA;AAAA,UAAEL,EAAE,eAAe;AAAA,QAAA,EAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhF,SAAOF,IAAmB,gBAAAQ,EAACC,GAAA,EAAgB,UAAAL,EAAA,CAAQ,IAAoBA;AACzE;"}
+{"version":3,"file":"FieldCaption.js","sources":["../../../../src/components/Common/FieldCaption/FieldCaption.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { VisuallyHidden } from '../VisuallyHidden'\nimport type { FieldCaptionProps } from './FieldCaptionTypes'\nimport styles from './FieldCaption.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst DefaultFieldCaption = ({\n  children,\n  as = 'label',\n  htmlFor,\n  isRequired = false,\n  isVisuallyHidden = false,\n  className,\n}: FieldCaptionProps) => {\n  const { t } = useTranslation('common')\n  const Component = as\n\n  const content = (\n    <Component\n      className={classNames(styles.root, className)}\n      htmlFor={as === 'label' ? htmlFor : undefined}\n    >\n      {children}\n      {!isRequired && <span className={styles.optionalLabel}> {t('optionalLabel')}</span>}\n    </Component>\n  )\n\n  return isVisuallyHidden ? <VisuallyHidden>{content}</VisuallyHidden> : content\n}\n\n/** @internal */\nexport const FieldCaption = (props: FieldCaptionProps) => {\n  const Components = useComponentContext()\n\n  return Components.FieldCaption ? (\n    <Components.FieldCaption {...props} />\n  ) : (\n    <DefaultFieldCaption {...props} />\n  )\n}\n"],"names":["DefaultFieldCaption","children","as","htmlFor","isRequired","isVisuallyHidden","className","t","useTranslation","content","jsxs","classNames","styles","jsx","VisuallyHidden","FieldCaption","props","Components","useComponentContext"],"mappings":";;;;;;AAOA,MAAMA,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,WAAAC;AACF,MAAyB;AACvB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAG/BC,IACJ,gBAAAC;AAAA,IAHgBR;AAAA,IAGf;AAAA,MACC,WAAWS,EAAWC,EAAO,MAAMN,CAAS;AAAA,MAC5C,SAASJ,MAAO,UAAUC,IAAU;AAAA,MAEnC,UAAA;AAAA,QAAAF;AAAA,QACA,CAACG,KAAc,gBAAAM,EAAC,QAAA,EAAK,WAAWE,EAAO,eAAe,UAAA;AAAA,UAAA;AAAA,UAAEL,EAAE,eAAe;AAAA,QAAA,EAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhF,SAAOF,IAAmB,gBAAAQ,EAACC,GAAA,EAAgB,UAAAL,EAAA,CAAQ,IAAoBA;AACzE,GAGaM,IAAe,CAACC,MAA6B;AACxD,QAAMC,IAAaC,EAAA;AAEnB,SAAOD,EAAW,eAChB,gBAAAJ,EAACI,EAAW,cAAX,EAAyB,GAAGD,EAAA,CAAO,IAEpC,gBAAAH,EAACb,GAAA,EAAqB,GAAGgB,EAAA,CAAO;AAEpC;"}

package/dist/components/Common/Flex/Flex.js

@@ -1,28 +1,30 @@
 import { jsx as r } from "react/jsx-runtime";
+import f from "classnames";
 import i from "./Flex.module.scss.js";
-import { setResponsiveCustomProperties as f } from "../../../helpers/responsive.js";
-function c({
+import { setResponsiveCustomProperties as p } from "../../../helpers/responsive.js";
+function v({
   children: e,
-  flexDirection: t = "row",
-  justifyContent: o = "normal",
-  alignItems: s = "flex-start",
+  className: t,
+  flexDirection: o = "row",
+  justifyContent: s = "normal",
+  alignItems: l = "flex-start",
   flexWrap: n,
-  gap: l = 24
+  gap: m = 24
 }) {
-  const m = f({
-    "flex-direction": t,
-    "justify-content": o,
-    "align-items": s,
+  const a = p({
+    "flex-direction": o,
+    "justify-content": s,
+    "align-items": l,
     "flex-wrap": n,
-    gap: l
+    gap: m
   });
-  return /* @__PURE__ */ r("div", { className: i.flexContainer, children: /* @__PURE__ */ r("div", { className: i.flex, style: m, children: e }) });
+  return /* @__PURE__ */ r("div", { className: f(i.flexContainer, t), children: /* @__PURE__ */ r("div", { className: i.flex, style: a, children: e }) });
 }
-function u({ flexGrow: e = "initial", children: t }) {
+function y({ flexGrow: e = "initial", children: t }) {
   return /* @__PURE__ */ r("div", { style: { flexGrow: e }, children: t });
 }
 export {
-  c as Flex,
-  u as FlexItem
+  v as Flex,
+  y as FlexItem
 };
 //# sourceMappingURL=Flex.js.map

package/dist/components/Common/Flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../src/components/Common/Flex/Flex.tsx"],"sourcesContent":["import style from './Flex.module.scss'\nimport {\n  setResponsiveCustomProperties,\n  type Responsive,\n  type CustomPropertyValue,\n} from '@/helpers/responsive'\n\n/** @internal */\nexport interface FlexProps {\n  children: React.ReactNode\n  flexDirection?: Responsive<'row' | 'column'>\n  justifyContent?: Responsive<\n    | 'space-between'\n    | 'center'\n    | 'flex-start'\n    | 'flex-end'\n    | 'space-around'\n    | 'space-evenly'\n    | 'normal'\n  >\n  alignItems?: Responsive<'center' | 'flex-start' | 'flex-end' | 'stretch'>\n  flexWrap?: Responsive<'wrap' | 'nowrap' | 'wrap-reverse'>\n  gap?: Responsive<CustomPropertyValue>\n}\n\n/** @internal */\nexport function Flex({\n  children,\n  flexDirection = 'row',\n  justifyContent = 'normal',\n  alignItems = 'flex-start',\n  flexWrap,\n  gap = 24,\n}: FlexProps) {\n  const properties = setResponsiveCustomProperties({\n    'flex-direction': flexDirection,\n    'justify-content': justifyContent,\n    'align-items': alignItems,\n    'flex-wrap': flexWrap,\n    gap,\n  })\n\n  return (\n    <div className={style.flexContainer}>\n      <div className={style.flex} style={properties}>\n        {children}\n      </div>\n    </div>\n  )\n}\n\n/** @internal */\nexport interface FlexItemProps {\n  flexGrow?: number | 'initial'\n  children: React.ReactNode\n}\n\n/** @internal */\nexport function FlexItem({ flexGrow = 'initial', children }: FlexItemProps) {\n  return <div style={{ flexGrow: flexGrow }}>{children}</div>\n}\n"],"names":["Flex","children","flexDirection","justifyContent","alignItems","flexWrap","gap","properties","setResponsiveCustomProperties","jsx","style","FlexItem","flexGrow"],"mappings":";;;AA0BO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,KAAAC,IAAM;AACR,GAAc;AACZ,QAAMC,IAAaC,EAA8B;AAAA,IAC/C,kBAAkBN;AAAA,IAClB,mBAAmBC;AAAA,IACnB,eAAeC;AAAA,IACf,aAAaC;AAAA,IACb,KAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAM,eACpB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAM,MAAM,OAAOH,GAChC,UAAAN,GACH,GACF;AAEJ;AASO,SAASU,EAAS,EAAE,UAAAC,IAAW,WAAW,UAAAX,KAA2B;AAC1E,2BAAQ,OAAA,EAAI,OAAO,EAAE,UAAAW,EAAA,GAAuB,UAAAX,GAAS;AACvD;"}
+{"version":3,"file":"Flex.js","sources":["../../../../src/components/Common/Flex/Flex.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport style from './Flex.module.scss'\nimport {\n  setResponsiveCustomProperties,\n  type Responsive,\n  type CustomPropertyValue,\n} from '@/helpers/responsive'\n\n/** @internal */\nexport interface FlexProps {\n  children: React.ReactNode\n  /** CSS class name applied to the root element. */\n  className?: string\n  flexDirection?: Responsive<'row' | 'column'>\n  justifyContent?: Responsive<\n    | 'space-between'\n    | 'center'\n    | 'flex-start'\n    | 'flex-end'\n    | 'space-around'\n    | 'space-evenly'\n    | 'normal'\n  >\n  alignItems?: Responsive<'center' | 'flex-start' | 'flex-end' | 'stretch'>\n  flexWrap?: Responsive<'wrap' | 'nowrap' | 'wrap-reverse'>\n  gap?: Responsive<CustomPropertyValue>\n}\n\n/** @internal */\nexport function Flex({\n  children,\n  className,\n  flexDirection = 'row',\n  justifyContent = 'normal',\n  alignItems = 'flex-start',\n  flexWrap,\n  gap = 24,\n}: FlexProps) {\n  const properties = setResponsiveCustomProperties({\n    'flex-direction': flexDirection,\n    'justify-content': justifyContent,\n    'align-items': alignItems,\n    'flex-wrap': flexWrap,\n    gap,\n  })\n\n  return (\n    <div className={classNames(style.flexContainer, className)}>\n      <div className={style.flex} style={properties}>\n        {children}\n      </div>\n    </div>\n  )\n}\n\n/** @internal */\nexport interface FlexItemProps {\n  flexGrow?: number | 'initial'\n  children: React.ReactNode\n}\n\n/** @internal */\nexport function FlexItem({ flexGrow = 'initial', children }: FlexItemProps) {\n  return <div style={{ flexGrow: flexGrow }}>{children}</div>\n}\n"],"names":["Flex","children","className","flexDirection","justifyContent","alignItems","flexWrap","gap","properties","setResponsiveCustomProperties","classNames","style","jsx","FlexItem","flexGrow"],"mappings":";;;;AA6BO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,KAAAC,IAAM;AACR,GAAc;AACZ,QAAMC,IAAaC,EAA8B;AAAA,IAC/C,kBAAkBN;AAAA,IAClB,mBAAmBC;AAAA,IACnB,eAAeC;AAAA,IACf,aAAaC;AAAA,IACb,KAAAC;AAAA,EAAA,CACD;AAED,2BACG,OAAA,EAAI,WAAWG,EAAWC,EAAM,eAAeT,CAAS,GACvD,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAM,MAAM,OAAOH,GAChC,UAAAP,GACH,GACF;AAEJ;AASO,SAASY,EAAS,EAAE,UAAAC,IAAW,WAAW,UAAAb,KAA2B;AAC1E,2BAAQ,OAAA,EAAI,OAAO,EAAE,UAAAa,EAAA,GAAuB,UAAAb,GAAS;AACvD;"}

package/dist/components/Common/UI/Heading/Heading.module.scss.js

@@ -1,19 +1,19 @@
-const t = "_root_1as7b_1", _ = "_h1_1as7b_7", s = "_h2_1as7b_11", h = "_h3_1as7b_14", n = "_h4_1as7b_17", e = "_h5_1as7b_20", o = "_h6_1as7b_23", a = {
+const t = "_root_1xx4k_1", _ = "_h1_1xx4k_8", x = "_h2_1xx4k_12", h = "_h3_1xx4k_15", n = "_h4_1xx4k_18", e = "_h5_1xx4k_21", o = "_h6_1xx4k_24", s = {
   root: t,
   h1: _,
-  h2: s,
+  h2: x,
   h3: h,
   h4: n,
   h5: e,
   h6: o,
-  "textAlign-start": "_textAlign-start_1as7b_26",
-  "textAlign-center": "_textAlign-center_1as7b_29",
-  "textAlign-end": "_textAlign-end_1as7b_32"
+  "textAlign-start": "_textAlign-start_1xx4k_27",
+  "textAlign-center": "_textAlign-center_1xx4k_30",
+  "textAlign-end": "_textAlign-end_1xx4k_33"
 };
 export {
-  a as default,
+  s as default,
   _ as h1,
-  s as h2,
+  x as h2,
   h as h3,
   n as h4,
   e as h5,

package/dist/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.js

@@ -9,12 +9,14 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [d, s] = t("CreateSignatoryContext");
+const [u, f] = t("CreateSignatoryContext");
 export {
-  s as CreateSignatoryProvider,
-  d as useCreateSignatory
+  f as CreateSignatoryProvider,
+  u as useCreateSignatory
 };
 //# sourceMappingURL=useCreateSignatory.js.map

package/dist/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/**\n * Initial values for the {@link CreateSignatory} form fields. At least one field must be provided.\n *\n * @public\n */\nexport type CreateSignatoryDefaultValues = RequireAtLeastOne<\n  Pick<Signatory, 'firstName' | 'lastName' | 'email' | 'title' | 'phone' | 'birthday'> &\n    Pick<\n      NonNullable<Signatory['homeAddress']>,\n      'street1' | 'street2' | 'city' | 'state' | 'zip'\n    > & {\n      ssn?: string\n    }\n>\ntype CreateSignatoryContextType = {\n  isPending: boolean\n  currentSignatory?: Signatory\n}\n\nconst [useCreateSignatory, CreateSignatoryProvider] =\n  createCompoundContext<CreateSignatoryContextType>('CreateSignatoryContext')\n\nexport {\n  /** @internal */\n  useCreateSignatory,\n  /** @internal */\n  CreateSignatoryProvider,\n}\n"],"names":["useCreateSignatory","CreateSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAuBA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}
+{"version":3,"file":"useCreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/**\n * Initial values for the {@link CreateSignatory} form fields. At least one field must be provided.\n *\n * @public\n */\nexport type CreateSignatoryDefaultValues = RequireAtLeastOne<\n  Pick<Signatory, 'firstName' | 'lastName' | 'email' | 'title' | 'phone' | 'birthday'> &\n    Pick<\n      NonNullable<Signatory['homeAddress']>,\n      'street1' | 'street2' | 'city' | 'state' | 'zip'\n    > & {\n      ssn?: string\n    }\n>\ntype CreateSignatoryContextType = {\n  isPending: boolean\n  currentSignatory?: Signatory\n}\n\nconst [useCreateSignatory, CreateSignatoryProvider] =\n  createCompoundContext<CreateSignatoryContextType>('CreateSignatoryContext')\n\nexport {\n  /** @internal */\n  useCreateSignatory,\n  /** @internal */\n  CreateSignatoryProvider,\n}\n"],"names":["useCreateSignatory","CreateSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAuBA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}

package/dist/components/Company/AssignSignatory/InviteSignatory/useInviteSignatory.js

@@ -9,12 +9,14 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [S, c] = t("InviteSignatoryContext");
+const [d, s] = t("InviteSignatoryContext");
 export {
-  c as InviteSignatoryProvider,
-  S as useInviteSignatory
+  s as InviteSignatoryProvider,
+  d as useInviteSignatory
 };
 //# sourceMappingURL=useInviteSignatory.js.map

package/dist/components/Company/AssignSignatory/InviteSignatory/useInviteSignatory.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInviteSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/useInviteSignatory.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\ntype InviteSignatoryContextType = {\n  isPending: boolean\n}\n\n/**\n * Default values for the invite signatory form fields: `firstName`, `lastName`, `email`,\n * `confirmEmail`, and `title`. At least one field is required.\n *\n * @public\n */\nexport type InviteSignatoryDefaultValues = RequireAtLeastOne<\n  Pick<Signatory, 'firstName' | 'lastName' | 'email' | 'title'> & {\n    confirmEmail: string\n  }\n>\n\nconst [useInviteSignatory, InviteSignatoryProvider] =\n  createCompoundContext<InviteSignatoryContextType>('InviteSignatoryContext')\n\nexport { useInviteSignatory, InviteSignatoryProvider }\n"],"names":["useInviteSignatory","InviteSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAoBA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}
+{"version":3,"file":"useInviteSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/useInviteSignatory.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\ntype InviteSignatoryContextType = {\n  isPending: boolean\n}\n\n/**\n * Default values for the invite signatory form fields: `firstName`, `lastName`, `email`,\n * `confirmEmail`, and `title`. At least one field is required.\n *\n * @public\n */\nexport type InviteSignatoryDefaultValues = RequireAtLeastOne<\n  Pick<Signatory, 'firstName' | 'lastName' | 'email' | 'title'> & {\n    confirmEmail: string\n  }\n>\n\nconst [useInviteSignatory, InviteSignatoryProvider] =\n  createCompoundContext<InviteSignatoryContextType>('InviteSignatoryContext')\n\nexport { useInviteSignatory, InviteSignatoryProvider }\n"],"names":["useInviteSignatory","InviteSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAoBA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}

package/dist/components/Company/AssignSignatory/useAssignSignatory.js

@@ -9,16 +9,18 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
-const d = {
+const x = {
   createSignatory: "createSignatory",
   inviteSignatory: "inviteSignatory"
-}, [v, x] = t("AssignSignatoryContext");
+}, [C, u] = t("AssignSignatoryContext");
 export {
-  x as AssignSignatoryProvider,
-  d as SignatoryAssignmentMode,
-  v as useAssignSignatory
+  u as AssignSignatoryProvider,
+  x as SignatoryAssignmentMode,
+  C as useAssignSignatory
 };
 //# sourceMappingURL=useAssignSignatory.js.map

package/dist/components/Company/AssignSignatory/useAssignSignatory.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/useAssignSignatory.ts"],"sourcesContent":["import { type CreateSignatoryDefaultValues } from './CreateSignatory'\nimport { type InviteSignatoryDefaultValues } from './InviteSignatory'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/** @internal */\nexport const SignatoryAssignmentMode = {\n  createSignatory: 'createSignatory',\n  inviteSignatory: 'inviteSignatory',\n} as const\n\n/**\n * Default values for the create and invite forms rendered by {@link AssignSignatory}.\n *\n * @remarks\n * At least one of `create` or `invite` must be provided.\n *\n * @public\n */\nexport type AssignSignatoryDefaultValues = RequireAtLeastOne<{\n  create?: CreateSignatoryDefaultValues\n  invite?: InviteSignatoryDefaultValues\n}>\n\ntype AssignSignatoryContextType = {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n  onSignatoryAssignmentModeChange: (mode: string) => void\n  onSignatoryFormEvent: BaseComponentInterface['onEvent']\n}\n\nconst [useAssignSignatory, AssignSignatoryProvider] =\n  createCompoundContext<AssignSignatoryContextType>('AssignSignatoryContext')\n\nexport { useAssignSignatory, AssignSignatoryProvider }\n"],"names":["SignatoryAssignmentMode","useAssignSignatory","AssignSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAOO,MAAMA,IAA0B;AAAA,EACrC,iBAAiB;AAAA,EACjB,iBAAiB;AACnB,GAuBM,CAACC,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}
+{"version":3,"file":"useAssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/useAssignSignatory.ts"],"sourcesContent":["import { type CreateSignatoryDefaultValues } from './CreateSignatory'\nimport { type InviteSignatoryDefaultValues } from './InviteSignatory'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\n/** @internal */\nexport const SignatoryAssignmentMode = {\n  createSignatory: 'createSignatory',\n  inviteSignatory: 'inviteSignatory',\n} as const\n\n/**\n * Default values for the create and invite forms rendered by {@link AssignSignatory}.\n *\n * @remarks\n * At least one of `create` or `invite` must be provided.\n *\n * @public\n */\nexport type AssignSignatoryDefaultValues = RequireAtLeastOne<{\n  create?: CreateSignatoryDefaultValues\n  invite?: InviteSignatoryDefaultValues\n}>\n\ntype AssignSignatoryContextType = {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n  onSignatoryAssignmentModeChange: (mode: string) => void\n  onSignatoryFormEvent: BaseComponentInterface['onEvent']\n}\n\nconst [useAssignSignatory, AssignSignatoryProvider] =\n  createCompoundContext<AssignSignatoryContextType>('AssignSignatoryContext')\n\nexport { useAssignSignatory, AssignSignatoryProvider }\n"],"names":["SignatoryAssignmentMode","useAssignSignatory","AssignSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAOO,MAAMA,IAA0B;AAAA,EACrC,iBAAiB;AAAA,EACjB,iBAAiB;AACnB,GAuBM,CAACC,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}

package/dist/components/Company/BankAccount/BankAccountForm/context.js

@@ -9,12 +9,14 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [C, d] = o("BankAccountContext");
+const [s, F] = o("BankAccountContext");
 export {
-  d as BankAccountFormProvider,
-  C as useBankAccountForm
+  F as BankAccountFormProvider,
+  s as useBankAccountForm
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/BankAccount/BankAccountForm/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport { type OnEventType } from '@/components/Base/useBase'\nimport { type EventType } from '@/shared/constants'\n\ntype BankAccountFormContextType = {\n  isPending: boolean\n  isEditing: boolean\n  onEvent: OnEventType<EventType, unknown>\n}\n\nconst [useBankAccountForm, BankAccountFormProvider] =\n  createCompoundContext<BankAccountFormContextType>('BankAccountContext')\n\nexport { useBankAccountForm, BankAccountFormProvider }\n"],"names":["useBankAccountForm","BankAccountFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,oBAAoB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport { type OnEventType } from '@/components/Base/useBase'\nimport { type EventType } from '@/shared/constants'\n\ntype BankAccountFormContextType = {\n  isPending: boolean\n  isEditing: boolean\n  onEvent: OnEventType<EventType, unknown>\n}\n\nconst [useBankAccountForm, BankAccountFormProvider] =\n  createCompoundContext<BankAccountFormContextType>('BankAccountContext')\n\nexport { useBankAccountForm, BankAccountFormProvider }\n"],"names":["useBankAccountForm","BankAccountFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,oBAAoB;"}

package/dist/components/Company/DocumentSigner/DocumentList/useDocumentList.js

@@ -9,14 +9,16 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [a, d] = t(
+const [f, v] = t(
   "CompanyDocumentListContext"
 );
 export {
-  d as DocumentListProvider,
-  a as useDocumentList
+  v as DocumentListProvider,
+  f as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

package/dist/components/Company/DocumentSigner/DocumentList/useDocumentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { type Form as FormSchema } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  companyForms: FormSchema[]\n  documentListError: Error | null\n  handleRequestFormToSign: (form: FormSchema) => void\n  handleChangeSignatory: () => void\n  handleContinue: () => void\n  isSelfSignatory: boolean\n  signatory?: Signatory\n}\n\nconst [useDocumentList, DocumentListProvider] = createCompoundContext<DocumentListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,CAACA,GAAiBC,CAAoB,IAAIC;AAAA,EAC9C;AACF;"}
+{"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Company/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { type Form as FormSchema } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  companyForms: FormSchema[]\n  documentListError: Error | null\n  handleRequestFormToSign: (form: FormSchema) => void\n  handleChangeSignatory: () => void\n  handleContinue: () => void\n  isSelfSignatory: boolean\n  signatory?: Signatory\n}\n\nconst [useDocumentList, DocumentListProvider] = createCompoundContext<DocumentListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAcA,MAAM,CAACA,GAAiBC,CAAoB,IAAIC;AAAA,EAC9C;AACF;"}