@gusto/embedded-react-sdk 0.57.2 → 0.57.3

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## [0.57.3](https://github.com/Gusto/embedded-react-sdk/compare/v0.57.2...v0.57.3) (2026-10-27)
+
+### Features & Enhancements
+
+- Add department- and employee-level pay schedule assignment to the in-development `CompanyManagement.PaySchedule` flow. Released as `@alpha` behind the existing `managePaySchedules` flag in `UnstableFeatures` ([#2949](https://github.com/Gusto/embedded-react-sdk/issues/2949), [#2956](https://github.com/Gusto/embedded-react-sdk/issues/2956))
+
+### Fixes
+
+- Include reimbursements in the Total pay column shown before payroll calculation ([#3010](https://github.com/Gusto/embedded-react-sdk/issues/3010))
+- Preserve pay schedule assignment selections when navigating back and forth between steps ([#2948](https://github.com/Gusto/embedded-react-sdk/issues/2948))
+- Include the visible filter text, not just the icon label, in the date filter trigger's accessible name ([#2985](https://github.com/Gusto/embedded-react-sdk/issues/2985))
+- Reduce redundant API calls on the contractor/employee self-onboarding `Landing` screen ([#2989](https://github.com/Gusto/embedded-react-sdk/issues/2989))
+
+### Chores & Maintenance
+
+- Bump `@gusto/embedded-api` from `0.3.1` to `0.3.2` ([#2988](https://github.com/Gusto/embedded-react-sdk/issues/2988))
+- Bump `@hookform/resolvers` from `5.9.1` to `6.0.0` ([#2979](https://github.com/Gusto/embedded-react-sdk/issues/2979))
+- Bump runtime dependencies (`i18next`, `react-i18next`, `react-hook-form`) ([#2983](https://github.com/Gusto/embedded-react-sdk/issues/2983), [#3003](https://github.com/Gusto/embedded-react-sdk/issues/3003), [#2993](https://github.com/Gusto/embedded-react-sdk/issues/2993), [#3004](https://github.com/Gusto/embedded-react-sdk/issues/3004), [#3015](https://github.com/Gusto/embedded-react-sdk/issues/3015), [#3014](https://github.com/Gusto/embedded-react-sdk/issues/3014))
+- Bump dev dependencies (`storybook`, `typescript-eslint`, `dotenv`, `sass-embedded`, `vite`, `globals`, `@storybook/addon-onboarding`, docs site `vitest`, `postcss-selector-parser`, docs site `qs`)
+
 ## [0.57.2](https://github.com/Gusto/embedded-react-sdk/compare/v0.57.1...v0.57.2) (2026-10-22)
 
 ### Fixes

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

@@ -1,13 +1,13 @@
-import { jsxs as a, Fragment as H, jsx as e } from "react/jsx-runtime";
-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 { jsx as e, jsxs as a, Fragment as H } from "react/jsx-runtime";
+import { useState as x, useRef as I, useCallback as l, useMemo as L } from "react";
+import { Popover as M, Dialog as _ } from "react-aria-components";
 import s from "./DateRangeFilter.module.scss.js";
 import { Flex as R } from "../Flex/Flex.js";
-import { useComponentContext as z } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useTheme as E } from "../../../contexts/ThemeProvider/useTheme.js";
+import { useComponentContext as q } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useTheme as z } from "../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                       */
-import G from "../../../assets/icons/filter-funnel.svg.js";
-const x = (n) => n.toLocaleDateString("en-US", { month: "short", day: "numeric" }), ee = ({
+import E from "../../../assets/icons/filter-funnel.svg.js";
+const F = (n) => n.toLocaleDateString("en-US", { month: "short", day: "numeric" }), ne = ({
   startDate: n,
   endDate: o,
   onStartDateChange: d,
@@ -15,44 +15,44 @@ const x = (n) => n.toLocaleDateString("en-US", { month: "short", day: "numeric"
   onClear: h,
   startDateLabel: c,
   endDateLabel: u,
-  applyLabel: F,
+  applyLabel: b,
   cancelLabel: k,
   resetLabel: $,
-  selectDatesLabel: b,
-  triggerLabel: N,
-  maxEndDate: j,
-  minStartDate: B
+  selectDatesLabel: N,
+  getTriggerLabel: j,
+  maxEndDate: B,
+  minStartDate: O
 }) => {
-  const { Button: i, DateRangePicker: O } = z(), { container: S } = E(), [g, m] = y(!1), [l, p] = y(null), v = I(null), P = t(() => {
+  const { Button: i, DateRangePicker: S } = q(), { container: P } = z(), [g, m] = x(!1), [t, p] = x(null), v = I(null), T = l(() => {
     p(n && o ? { start: n, end: o } : null), m(!0);
-  }, [n, o]), C = t(() => {
+  }, [n, o]), C = l(() => {
     m(!1);
-  }, []), U = t(() => {
-    l ? (d(l.start), f(l.end)) : h(), m(!1);
-  }, [l, d, f, h]), V = t(() => {
+  }, []), U = l(() => {
+    t ? (d(t.start), f(t.end)) : h(), m(!1);
+  }, [t, d, f, h]), V = l(() => {
     p(null);
-  }, []), A = t((r) => {
+  }, []), A = l((r) => {
     p(r?.start && r.end ? r : null);
-  }, []), T = M(() => !n || !o ? null : `${x(n)} – ${x(o)}`, [n, o]), w = /* @__PURE__ */ e(
+  }, []), y = L(() => !n || !o ? null : `${F(n)} – ${F(o)}`, [n, o]) ?? N, w = /* @__PURE__ */ e(
     i,
     {
       buttonRef: v,
-      "aria-label": N,
+      "aria-label": j(y),
       "aria-haspopup": "dialog",
       "aria-expanded": g,
-      onClick: P,
+      onClick: T,
       variant: "secondary",
-      icon: /* @__PURE__ */ e(G, {}),
+      icon: /* @__PURE__ */ e(E, {}),
       className: s.triggerButton,
-      children: T ?? b
+      children: y
     }
   );
   return /* @__PURE__ */ a(H, { children: [
     w,
     /* @__PURE__ */ e(
-      _,
+      M,
       {
-        UNSTABLE_portalContainer: S.current ?? void 0,
+        UNSTABLE_portalContainer: P.current ?? void 0,
         isOpen: g,
         onOpenChange: (r) => {
           r || C();
@@ -61,25 +61,25 @@ const x = (n) => n.toLocaleDateString("en-US", { month: "short", day: "numeric"
         placement: "bottom end",
         offset: 8,
         shouldUpdatePosition: !0,
-        children: /* @__PURE__ */ a(q, { className: s.dialog, "aria-label": `${c} – ${u}`, children: [
+        children: /* @__PURE__ */ a(_, { className: s.dialog, "aria-label": `${c} – ${u}`, children: [
           /* @__PURE__ */ e("div", { className: s.popoverContent, children: /* @__PURE__ */ e(
-            O,
+            S,
             {
               label: `${c} – ${u}`,
               shouldVisuallyHideLabel: !0,
-              value: l,
+              value: t,
               onChange: A,
               startDateLabel: c,
               endDateLabel: u,
-              minValue: B,
-              maxValue: j
+              minValue: O,
+              maxValue: B
             }
           ) }),
           /* @__PURE__ */ e("div", { className: s.popoverFooter, children: /* @__PURE__ */ a(R, { gap: 8, justifyContent: "space-between", children: [
             /* @__PURE__ */ e(i, { variant: "tertiary", onClick: V, children: $ }),
             /* @__PURE__ */ a(R, { gap: 8, justifyContent: "flex-end", children: [
               /* @__PURE__ */ e(i, { variant: "secondary", onClick: C, children: k }),
-              /* @__PURE__ */ e(i, { variant: "primary", onClick: U, children: F })
+              /* @__PURE__ */ e(i, { variant: "primary", onClick: U, children: b })
             ] })
           ] }) })
         ] })
@@ -88,6 +88,6 @@ const x = (n) => n.toLocaleDateString("en-US", { month: "short", day: "numeric"
   ] });
 };
 export {
-  ee as DateRangeFilter
+  ne as DateRangeFilter
 };
 //# sourceMappingURL=DateRangeFilter.js.map

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    // 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":";;;;;;;;;AASA,MAAMA,IAAmB,CAACC,MACxBA,EAAK,mBAAmB,SAAS,EAAE,OAAO,SAAS,KAAK,WAAW,GAoBxDC,KAAkB,CAAC;AAAA,EAC9B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AACF,MAA4B;AAC1B,QAAM,EAAE,QAAAC,GAAQ,iBAAAC,EAAA,IAAoBC,EAAA,GAC9B,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAYC,CAAa,IAAIF,EAA2B,IAAI,GAC7DG,IAAaC,EAA0B,IAAI,GAE3CC,IAAaC,EAAY,MAAM;AAEnC,IAAAJ,EADcvB,KAAaC,IAAU,EAAE,OAAOD,GAAW,KAAKC,MAAY,IACvD,GACnBmB,EAAU,EAAI;AAAA,EAChB,GAAG,CAACpB,GAAWC,CAAO,CAAC,GAEjB2B,IAAcD,EAAY,MAAM;AACpC,IAAAP,EAAU,EAAK;AAAA,EACjB,GAAG,CAAA,CAAE,GAECS,IAAcF,EAAY,MAAM;AACpC,IAAIL,KACFpB,EAAkBoB,EAAW,KAAK,GAClCnB,EAAgBmB,EAAW,GAAG,KAE9BlB,EAAA,GAEFgB,EAAU,EAAK;AAAA,EACjB,GAAG,CAACE,GAAYpB,GAAmBC,GAAiBC,CAAO,CAAC,GAEtD0B,IAAcH,EAAY,MAAM;AACpC,IAAAJ,EAAc,IAAI;AAAA,EACpB,GAAG,CAAA,CAAE,GAECQ,IAAoBJ,EAAY,CAACK,MAA4B;AAIjE,IAAAT,EAAcS,GAAO,SAASA,EAAM,MAAMA,IAAQ,IAAI;AAAA,EACxD,GAAG,CAAA,CAAE,GAECC,IAAkBC,EAAQ,MAC1B,CAAClC,KAAa,CAACC,IAAgB,OAC5B,GAAGJ,EAAiBG,CAAS,CAAC,MAAMH,EAAiBI,CAAO,CAAC,IACnE,CAACD,GAAWC,CAAO,CAAC,GAEjBkC,IACJ,gBAAAC;AAAA,IAACtB;AAAA,IAAA;AAAA,MACC,WAAWU;AAAA,MACX,cAAYb;AAAA,MACZ,iBAAc;AAAA,MACd,iBAAeQ;AAAA,MACf,SAASO;AAAA,MACT,SAAQ;AAAA,MACR,wBAAOW,GAAA,EAAiB;AAAA,MACxB,WAAWC,EAAO;AAAA,MAEjB,UAAAL,KAAmBvB;AAAA,IAAA;AAAA,EAAA;AAIxB,SACE,gBAAA6B,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAL;AAAA,IAED,gBAAAC;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,0BAA0BxB,EAAU,WAAW;AAAA,QAC/C,QAAAE;AAAA,QACA,cAAc,CAAAuB,MAAQ;AACpB,UAAKA,KAAMd,EAAA;AAAA,QACb;AAAA,QACA,YAAAJ;AAAA,QACA,WAAU;AAAA,QACV,QAAQ;AAAA,QACR,sBAAoB;AAAA,QAEpB,UAAA,gBAAAe,EAACI,GAAA,EAAO,WAAWL,EAAO,QAAQ,cAAY,GAAGjC,CAAc,MAAMC,CAAY,IAC/E,UAAA;AAAA,UAAA,gBAAA8B,EAAC,OAAA,EAAI,WAAWE,EAAO,gBACrB,UAAA,gBAAAF;AAAA,YAACrB;AAAA,YAAA;AAAA,cACC,OAAO,GAAGV,CAAc,MAAMC,CAAY;AAAA,cAC1C,yBAAuB;AAAA,cACvB,OAAOgB;AAAA,cACP,UAAUS;AAAA,cACV,gBAAA1B;AAAA,cACA,cAAAC;AAAA,cACA,UAAUO;AAAA,cACV,UAAUD;AAAA,YAAA;AAAA,UAAA,GAEd;AAAA,UAEA,gBAAAwB,EAAC,OAAA,EAAI,WAAWE,EAAO,eACrB,4BAACM,GAAA,EAAK,KAAK,GAAG,gBAAe,iBAC3B,UAAA;AAAA,YAAA,gBAAAR,EAACtB,GAAA,EAAO,SAAQ,YAAW,SAASgB,GACjC,UAAArB,GACH;AAAA,YACA,gBAAA8B,EAACK,GAAA,EAAK,KAAK,GAAG,gBAAe,YAC3B,UAAA;AAAA,cAAA,gBAAAR,EAACtB,GAAA,EAAO,SAAQ,aAAY,SAASc,GAClC,UAAApB,GACH;AAAA,gCACCM,GAAA,EAAO,SAAQ,WAAU,SAASe,GAChC,UAAAtB,EAAA,CACH;AAAA,YAAA,EAAA,CACF;AAAA,UAAA,EAAA,CACF,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"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  getTriggerLabel: (selection: string) => 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  getTriggerLabel,\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 triggerText = filterDateLabel ?? selectDatesLabel\n\n  const triggerButton = (\n    <Button\n      buttonRef={triggerRef}\n      aria-label={getTriggerLabel(triggerText)}\n      aria-haspopup=\"dialog\"\n      aria-expanded={isOpen}\n      onClick={handleOpen}\n      variant=\"secondary\"\n      icon={<FilterFunnelIcon />}\n      className={styles.triggerButton}\n    >\n      {triggerText}\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","getTriggerLabel","maxEndDate","minStartDate","Button","DateRangePicker","useComponentContext","container","useTheme","isOpen","setIsOpen","useState","draftRange","setDraftRange","triggerRef","useRef","handleOpen","useCallback","handleClose","handleApply","handleReset","handleRangeChange","range","triggerText","useMemo","triggerButton","jsx","FilterFunnelIcon","styles","jsxs","Fragment","Popover","open","Dialog","Flex"],"mappings":"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"}

package/dist/components/Common/OnboardingStatusBadge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Common/OnboardingStatusBadge/index.tsx"],"sourcesContent":["import type { OnboardingStatus as ContractorOnboardingStatus1 } from '@gusto/embedded-api/models/components/contractor'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype OnboardingStatuses = ContractorOnboardingStatus1 | OnboardingStatus\n\ninterface OnboardingStatusBadgeProps<T extends OnboardingStatuses> {\n  onboarded?: boolean\n  onboardingEntity: 'contractor' | 'employee'\n  onboardingStatus?: T | null\n}\n/** @internal */\nexport const OnboardingStatusBadge = <T extends OnboardingStatuses>({\n  onboarded,\n  onboardingEntity,\n  onboardingStatus,\n}: OnboardingStatusBadgeProps<T>) => {\n  const { Badge } = useComponentContext()\n  const { t } = useTranslation()\n\n  //HACK: `never` should instead be a better type\n  return (\n    <Badge status={onboarded ? 'success' : 'warning'}>\n      {t(`onboardingStatus.${onboardingEntity}.${onboardingStatus ?? 'undefined'}` as never)}\n    </Badge>\n  )\n}\n\ninterface ContractorOnboardingStatusBadgeProps {\n  onboarded?: boolean\n  onboardingStatus?: ContractorOnboardingStatus1 | null\n}\n/** @internal */\nexport const ContractorOnboardingStatusBadge = (props: ContractorOnboardingStatusBadgeProps) => (\n  <OnboardingStatusBadge {...props} onboardingEntity=\"contractor\" />\n)\n\ninterface EmployeeOnboardingStatusBadgeProps {\n  onboarded?: boolean\n  onboardingStatus?: OnboardingStatus | null\n}\n/** @internal */\nexport const EmployeeOnboardingStatusBadge = (props: EmployeeOnboardingStatusBadgeProps) => (\n  <OnboardingStatusBadge {...props} onboardingEntity=\"employee\" />\n)\n"],"names":["OnboardingStatusBadge","onboarded","onboardingEntity","onboardingStatus","Badge","useComponentContext","t","useTranslation","jsx","ContractorOnboardingStatusBadge","props","EmployeeOnboardingStatusBadge"],"mappings":";;;AAaO,MAAMA,IAAwB,CAA+B;AAAA,EAClE,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AACF,MAAqC;AACnC,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZ,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAGd,SACE,gBAAAC,EAACJ,GAAA,EAAM,QAAQH,IAAY,YAAY,WACpC,UAAAK,EAAE,oBAAoBJ,CAAgB,IAAIC,KAAoB,WAAW,EAAW,GACvF;AAEJ,GAOaM,IAAkC,CAACC,MAC9C,gBAAAF,EAACR,KAAuB,GAAGU,GAAO,kBAAiB,aAAA,CAAa,GAQrDC,IAAgC,CAACD,MAC5C,gBAAAF,EAACR,KAAuB,GAAGU,GAAO,kBAAiB,WAAA,CAAW;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Common/OnboardingStatusBadge/index.tsx"],"sourcesContent":["import type { ContractorOnboardingStatus1 } from '@gusto/embedded-api/models/components/contractor'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype OnboardingStatuses = ContractorOnboardingStatus1 | OnboardingStatus\n\ninterface OnboardingStatusBadgeProps<T extends OnboardingStatuses> {\n  onboarded?: boolean\n  onboardingEntity: 'contractor' | 'employee'\n  onboardingStatus?: T | null\n}\n/** @internal */\nexport const OnboardingStatusBadge = <T extends OnboardingStatuses>({\n  onboarded,\n  onboardingEntity,\n  onboardingStatus,\n}: OnboardingStatusBadgeProps<T>) => {\n  const { Badge } = useComponentContext()\n  const { t } = useTranslation()\n\n  //HACK: `never` should instead be a better type\n  return (\n    <Badge status={onboarded ? 'success' : 'warning'}>\n      {t(`onboardingStatus.${onboardingEntity}.${onboardingStatus ?? 'undefined'}` as never)}\n    </Badge>\n  )\n}\n\ninterface ContractorOnboardingStatusBadgeProps {\n  onboarded?: boolean\n  onboardingStatus?: ContractorOnboardingStatus1 | null\n}\n/** @internal */\nexport const ContractorOnboardingStatusBadge = (props: ContractorOnboardingStatusBadgeProps) => (\n  <OnboardingStatusBadge {...props} onboardingEntity=\"contractor\" />\n)\n\ninterface EmployeeOnboardingStatusBadgeProps {\n  onboarded?: boolean\n  onboardingStatus?: OnboardingStatus | null\n}\n/** @internal */\nexport const EmployeeOnboardingStatusBadge = (props: EmployeeOnboardingStatusBadgeProps) => (\n  <OnboardingStatusBadge {...props} onboardingEntity=\"employee\" />\n)\n"],"names":["OnboardingStatusBadge","onboarded","onboardingEntity","onboardingStatus","Badge","useComponentContext","t","useTranslation","jsx","ContractorOnboardingStatusBadge","props","EmployeeOnboardingStatusBadge"],"mappings":";;;AAaO,MAAMA,IAAwB,CAA+B;AAAA,EAClE,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AACF,MAAqC;AACnC,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZ,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAGd,SACE,gBAAAC,EAACJ,GAAA,EAAM,QAAQH,IAAY,YAAY,WACpC,UAAAK,EAAE,oBAAoBJ,CAAgB,IAAIC,KAAoB,WAAW,EAAW,GACvF;AAEJ,GAOaM,IAAkC,CAACC,MAC9C,gBAAAF,EAACR,KAAuB,GAAGU,GAAO,kBAAiB,aAAA,CAAa,GAQrDC,IAAgC,CAACD,MAC5C,gBAAAF,EAACR,KAAuB,GAAGU,GAAO,kBAAiB,WAAA,CAAW;"}

package/dist/components/Company/PaySchedule/management/AutoPilotDialog/AutoPilotDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoPilotDialog.js","sources":["../../../../../../src/components/Company/PaySchedule/management/AutoPilotDialog/AutoPilotDialog.tsx"],"sourcesContent":["import type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { AutoPilotDialogPresentation } from './AutoPilotDialogPresentation'\nimport { useAutoPilotDialog } from './useAutoPilotDialog'\nimport type { EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\ninterface AutoPilotDialogProps {\n  companyId: string\n  schedule: PayScheduleShow\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/** @internal */\nexport function AutoPilotDialog({ companyId, schedule, onEvent }: AutoPilotDialogProps) {\n  const {\n    nextEnabled,\n    setNextEnabled,\n    blockers,\n    isEnableBlocked,\n    isLoadingBlockers,\n    isSaving,\n    hasGenericError,\n    errorMessage,\n    onSave,\n    onClose,\n  } = useAutoPilotDialog({ companyId, schedule, onEvent })\n\n  return (\n    <AutoPilotDialogPresentation\n      scheduleName={schedule.customName ?? schedule.name ?? ''}\n      blockers={blockers}\n      isEnableBlocked={isEnableBlocked}\n      isLoadingBlockers={isLoadingBlockers}\n      nextEnabled={nextEnabled}\n      isSaving={isSaving}\n      hasGenericError={hasGenericError}\n      errorMessage={errorMessage}\n      onToggle={setNextEnabled}\n      onSave={() => void onSave()}\n      onClose={onClose}\n    />\n  )\n}\n"],"names":["AutoPilotDialog","companyId","schedule","onEvent","nextEnabled","setNextEnabled","blockers","isEnableBlocked","isLoadingBlockers","isSaving","hasGenericError","errorMessage","onSave","onClose","useAutoPilotDialog","jsx","AutoPilotDialogPresentation"],"mappings":";;;AAaO,SAASA,EAAgB,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,KAAiC;AACtF,QAAM;AAAA,IACJ,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,EAAmB,EAAE,WAAAb,GAAW,UAAAC,GAAU,SAAAC,GAAS;AAEvD,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAcd,EAAS,cAAcA,EAAS,QAAQ;AAAA,MACtD,UAAAI;AAAA,MACA,iBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,aAAAJ;AAAA,MACA,UAAAK;AAAA,MACA,iBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,UAAUN;AAAA,MACV,QAAQ,MAAA;AAAM,QAAKO,EAAA;AAAA;AAAA,MACnB,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"AutoPilotDialog.js","sources":["../../../../../../src/components/Company/PaySchedule/management/AutoPilotDialog/AutoPilotDialog.tsx"],"sourcesContent":["import type { PayScheduleShow } from '@gusto/embedded-api/models/components/payschedulelistitem'\nimport { AutoPilotDialogPresentation } from './AutoPilotDialogPresentation'\nimport { useAutoPilotDialog } from './useAutoPilotDialog'\nimport type { EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\ninterface AutoPilotDialogProps {\n  companyId: string\n  schedule: PayScheduleShow\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/** @internal */\nexport function AutoPilotDialog({ companyId, schedule, onEvent }: AutoPilotDialogProps) {\n  const {\n    nextEnabled,\n    setNextEnabled,\n    blockers,\n    isEnableBlocked,\n    isLoadingBlockers,\n    isSaving,\n    hasGenericError,\n    errorMessage,\n    onSave,\n    onClose,\n  } = useAutoPilotDialog({ companyId, schedule, onEvent })\n\n  return (\n    <AutoPilotDialogPresentation\n      scheduleName={schedule.customName ?? schedule.name ?? ''}\n      blockers={blockers}\n      isEnableBlocked={isEnableBlocked}\n      isLoadingBlockers={isLoadingBlockers}\n      nextEnabled={nextEnabled}\n      isSaving={isSaving}\n      hasGenericError={hasGenericError}\n      errorMessage={errorMessage}\n      onToggle={setNextEnabled}\n      onSave={() => void onSave()}\n      onClose={onClose}\n    />\n  )\n}\n"],"names":["AutoPilotDialog","companyId","schedule","onEvent","nextEnabled","setNextEnabled","blockers","isEnableBlocked","isLoadingBlockers","isSaving","hasGenericError","errorMessage","onSave","onClose","useAutoPilotDialog","jsx","AutoPilotDialogPresentation"],"mappings":";;;AAaO,SAASA,EAAgB,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,KAAiC;AACtF,QAAM;AAAA,IACJ,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,EAAmB,EAAE,WAAAb,GAAW,UAAAC,GAAU,SAAAC,GAAS;AAEvD,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAcd,EAAS,cAAcA,EAAS,QAAQ;AAAA,MACtD,UAAAI;AAAA,MACA,iBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,aAAAJ;AAAA,MACA,UAAAK;AAAA,MACA,iBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,UAAUN;AAAA,MACV,QAAQ,MAAA;AAAM,QAAKO,EAAA;AAAA;AAAA,MACnB,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Company/PaySchedule/management/AutoPilotDialog/useAutoPilotDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoPilotDialog.js","sources":["../../../../../../src/components/Company/PaySchedule/management/AutoPilotDialog/useAutoPilotDialog.ts"],"sourcesContent":["import { useState } from 'react'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport { usePaySchedulesUpdateMutation } from '@gusto/embedded-api/react-query/paySchedulesUpdate'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\ninterface UseAutoPilotDialogProps {\n  companyId: string\n  schedule: PayScheduleShow\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/** @internal */\nexport function useAutoPilotDialog({ companyId, schedule, onEvent }: UseAutoPilotDialogProps) {\n  const [nextEnabled, setNextEnabled] = useState(Boolean(schedule.autoPayroll))\n  const [hasGenericError, setHasGenericError] = useState(false)\n  const [errorMessage, setErrorMessage] = useState<string | undefined>()\n  const { mutateAsync: updatePaySchedule, isPending: isSaving } = usePaySchedulesUpdateMutation()\n\n  // The list call never returns `autoPayrollEnablementBlockers` -- only the show call does.\n  // Blockers only gate enabling, so skip the fetch entirely when the schedule is already on.\n  const shouldCheckBlockers = !schedule.autoPayroll\n  const {\n    data: scheduleDetails,\n    isLoading: isLoadingBlockers,\n    isError: hasBlockersError,\n  } = usePaySchedulesGet(\n    { companyId, payScheduleId: schedule.uuid },\n    { enabled: shouldCheckBlockers },\n  )\n\n  const blockers = scheduleDetails?.payScheduleShow?.autoPayrollEnablementBlockers ?? []\n  // Named blockers only gate enabling; a schedule already enabled can always be disabled.\n  // A failed eligibility check also blocks enabling -- we can't confirm blockers are clear,\n  // so default to the safe outcome instead of letting the user bypass an unchecked blocker.\n  const isEnableBlocked =\n    shouldCheckBlockers && (isLoadingBlockers || hasBlockersError || blockers.length > 0)\n\n  const hasChanges = nextEnabled !== Boolean(schedule.autoPayroll)\n\n  const onSave = async () => {\n    if (!hasChanges) {\n      onEvent(componentEvents.PAY_SCHEDULE_AUTO_PILOT_DISMISSED, null)\n      return\n    }\n\n    setHasGenericError(false)\n    setErrorMessage(undefined)\n\n    try {\n      await updatePaySchedule({\n        request: {\n          companyId,\n          payScheduleId: schedule.uuid,\n          payScheduleUpdateRequest: {\n            version: schedule.version,\n            autoPayroll: nextEnabled,\n          },\n        },\n      })\n      onEvent(\n        nextEnabled\n          ? componentEvents.PAY_SCHEDULE_AUTO_PILOT_ENABLED\n          : componentEvents.PAY_SCHEDULE_AUTO_PILOT_DISABLED,\n        null,\n      )\n    } catch (err) {\n      // The API returns this as a single error keyed `auto_payroll` with a human-readable\n      // message (e.g. which blocker tripped). Fall back to the canned copy only when the\n      // error can't be parsed into that shape at all.\n      setErrorMessage(normalizeToSDKError(err).fieldErrors[0]?.message)\n      setHasGenericError(true)\n    }\n  }\n\n  const onClose = () => {\n    onEvent(componentEvents.PAY_SCHEDULE_AUTO_PILOT_DISMISSED, null)\n  }\n\n  return {\n    nextEnabled,\n    setNextEnabled,\n    blockers,\n    isEnableBlocked,\n    isLoadingBlockers: shouldCheckBlockers && isLoadingBlockers,\n    isSaving,\n    hasGenericError,\n    errorMessage,\n    onSave,\n    onClose,\n  }\n}\n"],"names":["useAutoPilotDialog","companyId","schedule","onEvent","nextEnabled","setNextEnabled","useState","hasGenericError","setHasGenericError","errorMessage","setErrorMessage","updatePaySchedule","isSaving","usePaySchedulesUpdateMutation","shouldCheckBlockers","scheduleDetails","isLoadingBlockers","hasBlockersError","usePaySchedulesGet","blockers","isEnableBlocked","hasChanges","componentEvents","err","normalizeToSDKError"],"mappings":";;;;;AAeO,SAASA,EAAmB,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,KAAoC;AAC5F,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAQJ,EAAS,WAAY,GACtE,CAACK,GAAiBC,CAAkB,IAAIF,EAAS,EAAK,GACtD,CAACG,GAAcC,CAAe,IAAIJ,EAAA,GAClC,EAAE,aAAaK,GAAmB,WAAWC,EAAA,IAAaC,EAAA,GAI1DC,IAAsB,CAACZ,EAAS,aAChC;AAAA,IACJ,MAAMa;AAAA,IACN,WAAWC;AAAA,IACX,SAASC;AAAA,EAAA,IACPC;AAAA,IACF,EAAE,WAAAjB,GAAW,eAAeC,EAAS,KAAA;AAAA,IACrC,EAAE,SAASY,EAAA;AAAA,EAAoB,GAG3BK,IAAWJ,GAAiB,iBAAiB,iCAAiC,CAAA,GAI9EK,IACJN,MAAwBE,KAAqBC,KAAoBE,EAAS,SAAS,IAE/EE,IAAajB,MAAgB,EAAQF,EAAS;AAyCpD,SAAO;AAAA,IACL,aAAAE;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAc;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAmBN,KAAuBE;AAAA,IAC1C,UAAAJ;AAAA,IACA,iBAAAL;AAAA,IACA,cAAAE;AAAA,IACA,QAhDa,YAAY;AACzB,UAAI,CAACY,GAAY;AACf,QAAAlB,EAAQmB,EAAgB,mCAAmC,IAAI;AAC/D;AAAA,MACF;AAEA,MAAAd,EAAmB,EAAK,GACxBE,EAAgB,MAAS;AAEzB,UAAI;AACF,cAAMC,EAAkB;AAAA,UACtB,SAAS;AAAA,YACP,WAAAV;AAAA,YACA,eAAeC,EAAS;AAAA,YACxB,0BAA0B;AAAA,cACxB,SAASA,EAAS;AAAA,cAClB,aAAaE;AAAA,YAAA;AAAA,UACf;AAAA,QACF,CACD,GACDD;AAAA,UACEC,IACIkB,EAAgB,kCAChBA,EAAgB;AAAA,UACpB;AAAA,QAAA;AAAA,MAEJ,SAASC,GAAK;AAIZ,QAAAb,EAAgBc,EAAoBD,CAAG,EAAE,YAAY,CAAC,GAAG,OAAO,GAChEf,EAAmB,EAAI;AAAA,MACzB;AAAA,IACF;AAAA,IAgBE,SAdc,MAAM;AACpB,MAAAL,EAAQmB,EAAgB,mCAAmC,IAAI;AAAA,IACjE;AAAA,EAYE;AAEJ;"}
+{"version":3,"file":"useAutoPilotDialog.js","sources":["../../../../../../src/components/Company/PaySchedule/management/AutoPilotDialog/useAutoPilotDialog.ts"],"sourcesContent":["import { useState } from 'react'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport { usePaySchedulesUpdateMutation } from '@gusto/embedded-api/react-query/paySchedulesUpdate'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payschedulelistitem'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\ninterface UseAutoPilotDialogProps {\n  companyId: string\n  schedule: PayScheduleShow\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/** @internal */\nexport function useAutoPilotDialog({ companyId, schedule, onEvent }: UseAutoPilotDialogProps) {\n  const [nextEnabled, setNextEnabled] = useState(Boolean(schedule.autoPayroll))\n  const [hasGenericError, setHasGenericError] = useState(false)\n  const [errorMessage, setErrorMessage] = useState<string | undefined>()\n  const { mutateAsync: updatePaySchedule, isPending: isSaving } = usePaySchedulesUpdateMutation()\n\n  // The list call never returns `autoPayrollEnablementBlockers` -- only the show call does.\n  // Blockers only gate enabling, so skip the fetch entirely when the schedule is already on.\n  const shouldCheckBlockers = !schedule.autoPayroll\n  const {\n    data: scheduleDetails,\n    isLoading: isLoadingBlockers,\n    isError: hasBlockersError,\n  } = usePaySchedulesGet(\n    { companyId, payScheduleId: schedule.uuid },\n    { enabled: shouldCheckBlockers },\n  )\n\n  const blockers = scheduleDetails?.payScheduleShow?.autoPayrollEnablementBlockers ?? []\n  // Named blockers only gate enabling; a schedule already enabled can always be disabled.\n  // A failed eligibility check also blocks enabling -- we can't confirm blockers are clear,\n  // so default to the safe outcome instead of letting the user bypass an unchecked blocker.\n  const isEnableBlocked =\n    shouldCheckBlockers && (isLoadingBlockers || hasBlockersError || blockers.length > 0)\n\n  const hasChanges = nextEnabled !== Boolean(schedule.autoPayroll)\n\n  const onSave = async () => {\n    if (!hasChanges) {\n      onEvent(componentEvents.PAY_SCHEDULE_AUTO_PILOT_DISMISSED, null)\n      return\n    }\n\n    setHasGenericError(false)\n    setErrorMessage(undefined)\n\n    try {\n      await updatePaySchedule({\n        request: {\n          companyId,\n          payScheduleId: schedule.uuid,\n          payScheduleUpdateRequest: {\n            version: schedule.version,\n            autoPayroll: nextEnabled,\n          },\n        },\n      })\n      onEvent(\n        nextEnabled\n          ? componentEvents.PAY_SCHEDULE_AUTO_PILOT_ENABLED\n          : componentEvents.PAY_SCHEDULE_AUTO_PILOT_DISABLED,\n        null,\n      )\n    } catch (err) {\n      // The API returns this as a single error keyed `auto_payroll` with a human-readable\n      // message (e.g. which blocker tripped). Fall back to the canned copy only when the\n      // error can't be parsed into that shape at all.\n      setErrorMessage(normalizeToSDKError(err).fieldErrors[0]?.message)\n      setHasGenericError(true)\n    }\n  }\n\n  const onClose = () => {\n    onEvent(componentEvents.PAY_SCHEDULE_AUTO_PILOT_DISMISSED, null)\n  }\n\n  return {\n    nextEnabled,\n    setNextEnabled,\n    blockers,\n    isEnableBlocked,\n    isLoadingBlockers: shouldCheckBlockers && isLoadingBlockers,\n    isSaving,\n    hasGenericError,\n    errorMessage,\n    onSave,\n    onClose,\n  }\n}\n"],"names":["useAutoPilotDialog","companyId","schedule","onEvent","nextEnabled","setNextEnabled","useState","hasGenericError","setHasGenericError","errorMessage","setErrorMessage","updatePaySchedule","isSaving","usePaySchedulesUpdateMutation","shouldCheckBlockers","scheduleDetails","isLoadingBlockers","hasBlockersError","usePaySchedulesGet","blockers","isEnableBlocked","hasChanges","componentEvents","err","normalizeToSDKError"],"mappings":";;;;;AAeO,SAASA,EAAmB,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,KAAoC;AAC5F,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAQJ,EAAS,WAAY,GACtE,CAACK,GAAiBC,CAAkB,IAAIF,EAAS,EAAK,GACtD,CAACG,GAAcC,CAAe,IAAIJ,EAAA,GAClC,EAAE,aAAaK,GAAmB,WAAWC,EAAA,IAAaC,EAAA,GAI1DC,IAAsB,CAACZ,EAAS,aAChC;AAAA,IACJ,MAAMa;AAAA,IACN,WAAWC;AAAA,IACX,SAASC;AAAA,EAAA,IACPC;AAAA,IACF,EAAE,WAAAjB,GAAW,eAAeC,EAAS,KAAA;AAAA,IACrC,EAAE,SAASY,EAAA;AAAA,EAAoB,GAG3BK,IAAWJ,GAAiB,iBAAiB,iCAAiC,CAAA,GAI9EK,IACJN,MAAwBE,KAAqBC,KAAoBE,EAAS,SAAS,IAE/EE,IAAajB,MAAgB,EAAQF,EAAS;AAyCpD,SAAO;AAAA,IACL,aAAAE;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAc;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAmBN,KAAuBE;AAAA,IAC1C,UAAAJ;AAAA,IACA,iBAAAL;AAAA,IACA,cAAAE;AAAA,IACA,QAhDa,YAAY;AACzB,UAAI,CAACY,GAAY;AACf,QAAAlB,EAAQmB,EAAgB,mCAAmC,IAAI;AAC/D;AAAA,MACF;AAEA,MAAAd,EAAmB,EAAK,GACxBE,EAAgB,MAAS;AAEzB,UAAI;AACF,cAAMC,EAAkB;AAAA,UACtB,SAAS;AAAA,YACP,WAAAV;AAAA,YACA,eAAeC,EAAS;AAAA,YACxB,0BAA0B;AAAA,cACxB,SAASA,EAAS;AAAA,cAClB,aAAaE;AAAA,YAAA;AAAA,UACf;AAAA,QACF,CACD,GACDD;AAAA,UACEC,IACIkB,EAAgB,kCAChBA,EAAgB;AAAA,UACpB;AAAA,QAAA;AAAA,MAEJ,SAASC,GAAK;AAIZ,QAAAb,EAAgBc,EAAoBD,CAAG,EAAE,YAAY,CAAC,GAAG,OAAO,GAChEf,EAAmB,EAAI;AAAA,MACzB;AAAA,IACF;AAAA,IAgBE,SAdc,MAAM;AACpB,MAAAL,EAAQmB,EAAgB,mCAAmC,IAAI;AAAA,IACjE;AAAA,EAYE;AAEJ;"}

package/dist/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentCompensationStepPresentation.js

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { z as a } from "zod";
 import { useForm as f, FormProvider as P } from "react-hook-form";
 import { zodResolver as b } from "@hookform/resolvers/zod";
-import { useTranslation as C } from "react-i18next";
-import { scheduleLabel as g } from "./scheduleLabel.js";
+import { useTranslation as g } from "react-i18next";
+import { scheduleLabel as C } from "./scheduleLabel.js";
 import { Flex as m } from "../../../../Common/Flex/Flex.js";
 import { ActionsLayout as v } from "../../../../Common/ActionsLayout/ActionsLayout.js";
 import { Form as x } from "../../../../Common/Form/Form.js";
@@ -13,7 +13,7 @@ const D = a.object({
   hourlyPayScheduleUuid: a.string().min(1),
   salariedPayScheduleUuid: a.string().min(1)
 });
-function V({
+function H({
   schedules: i,
   hourlyPayScheduleUuid: u,
   salariedPayScheduleUuid: s,
@@ -21,27 +21,28 @@ function V({
   onAddPaySchedule: h,
   onContinue: S
 }) {
-  const { t: o } = C("Company.Management.PayScheduleAssignment"), n = U(), r = f({
+  const { t: o } = g("Company.Management.PayScheduleAssignment"), n = U(), t = f({
     resolver: b(D),
     defaultValues: {
       hourlyPayScheduleUuid: u ?? i[0]?.uuid ?? "",
       salariedPayScheduleUuid: s ?? i[0]?.uuid ?? ""
     }
-  }), y = r.handleSubmit(S), l = i.map((d) => ({
+  }), y = t.handleSubmit(S), l = i.map((d) => ({
     value: d.uuid,
-    label: g(d)
+    label: C(d)
   }));
-  return /* @__PURE__ */ e(P, { ...r, children: /* @__PURE__ */ e(x, { onSubmit: () => {
+  return /* @__PURE__ */ e(P, { ...t, children: /* @__PURE__ */ e(x, { onSubmit: () => {
     y();
-  }, children: /* @__PURE__ */ t(m, { flexDirection: "column", gap: 32, children: [
+  }, children: /* @__PURE__ */ r(m, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ e(n.Heading, { as: "h2", children: o("compensationStep.heading") }),
-    /* @__PURE__ */ t(m, { flexDirection: "column", gap: 12, children: [
+    /* @__PURE__ */ r(m, { flexDirection: "column", gap: 12, children: [
       /* @__PURE__ */ e(
         c,
         {
           name: "hourlyPayScheduleUuid",
           label: o("compensationStep.hourlyPayScheduleLabel"),
           description: o("compensationStep.hourlyPayScheduleDescription"),
+          isRequired: !0,
           placeholder: "",
           options: l
         }
@@ -52,19 +53,38 @@ function V({
           name: "salariedPayScheduleUuid",
           label: o("compensationStep.salariedPayScheduleLabel"),
           description: o("compensationStep.salariedPayScheduleDescription"),
+          isRequired: !0,
           placeholder: "",
           options: l
         }
       ),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: h, children: o("compensationStep.addPayScheduleCta") }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        n.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            h(t.getValues());
+          },
+          children: o("compensationStep.addPayScheduleCta")
+        }
+      ) })
     ] }),
-    /* @__PURE__ */ t(v, { children: [
-      /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: p, children: o("backCta") }),
+    /* @__PURE__ */ r(v, { children: [
+      /* @__PURE__ */ e(
+        n.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            p(t.getValues());
+          },
+          children: o("backCta")
+        }
+      ),
       /* @__PURE__ */ e(n.Button, { variant: "primary", type: "submit", isDisabled: i.length === 0, children: o("continueCta") })
     ] })
   ] }) }) });
 }
 export {
-  V as AssignmentCompensationStepPresentation
+  H as AssignmentCompensationStepPresentation
 };
 //# sourceMappingURL=AssignmentCompensationStepPresentation.js.map

package/dist/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentCompensationStepPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssignmentCompensationStepPresentation.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentCompensationStepPresentation.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useForm, FormProvider } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { scheduleLabel } from './scheduleLabel'\nimport { Flex, SelectField, ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport interface AssignmentCompensationStepPresentationProps {\n  schedules: PayScheduleShow[]\n  hourlyPayScheduleUuid?: string\n  salariedPayScheduleUuid?: string\n  onBack: () => void\n  onAddPaySchedule: () => void\n  onContinue: (selection: {\n    hourlyPayScheduleUuid: string\n    salariedPayScheduleUuid: string\n  }) => void\n}\n\nconst CompensationStepSchema = z.object({\n  hourlyPayScheduleUuid: z.string().min(1),\n  salariedPayScheduleUuid: z.string().min(1),\n})\n\ntype CompensationStepInputs = z.infer<typeof CompensationStepSchema>\n\n/** @internal */\nexport function AssignmentCompensationStepPresentation({\n  schedules,\n  hourlyPayScheduleUuid,\n  salariedPayScheduleUuid,\n  onBack,\n  onAddPaySchedule,\n  onContinue,\n}: AssignmentCompensationStepPresentationProps) {\n  const { t } = useTranslation('Company.Management.PayScheduleAssignment')\n  const Components = useComponentContext()\n\n  const formMethods = useForm<CompensationStepInputs>({\n    resolver: zodResolver(CompensationStepSchema),\n    defaultValues: {\n      hourlyPayScheduleUuid: hourlyPayScheduleUuid ?? schedules[0]?.uuid ?? '',\n      salariedPayScheduleUuid: salariedPayScheduleUuid ?? schedules[0]?.uuid ?? '',\n    },\n  })\n\n  const handleSubmit = formMethods.handleSubmit(onContinue)\n\n  const options = schedules.map(schedule => ({\n    value: schedule.uuid,\n    label: scheduleLabel(schedule),\n  }))\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={() => void handleSubmit()}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Components.Heading as=\"h2\">{t('compensationStep.heading')}</Components.Heading>\n          <Flex flexDirection=\"column\" gap={12}>\n            <SelectField\n              name=\"hourlyPayScheduleUuid\"\n              label={t('compensationStep.hourlyPayScheduleLabel')}\n              description={t('compensationStep.hourlyPayScheduleDescription')}\n              placeholder=\"\"\n              options={options}\n            />\n            <SelectField\n              name=\"salariedPayScheduleUuid\"\n              label={t('compensationStep.salariedPayScheduleLabel')}\n              description={t('compensationStep.salariedPayScheduleDescription')}\n              placeholder=\"\"\n              options={options}\n            />\n            <div>\n              <Components.Button variant=\"secondary\" onClick={onAddPaySchedule}>\n                {t('compensationStep.addPayScheduleCta')}\n              </Components.Button>\n            </div>\n          </Flex>\n          <ActionsLayout>\n            <Components.Button variant=\"secondary\" onClick={onBack}>\n              {t('backCta')}\n            </Components.Button>\n            <Components.Button variant=\"primary\" type=\"submit\" isDisabled={schedules.length === 0}>\n              {t('continueCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["CompensationStepSchema","z","AssignmentCompensationStepPresentation","schedules","hourlyPayScheduleUuid","salariedPayScheduleUuid","onBack","onAddPaySchedule","onContinue","t","useTranslation","Components","useComponentContext","formMethods","useForm","zodResolver","handleSubmit","options","schedule","scheduleLabel","FormProvider","jsx","Form","jsxs","Flex","SelectField","ActionsLayout"],"mappings":";;;;;;;;;;;AAuBA,MAAMA,IAAyBC,EAAE,OAAO;AAAA,EACtC,uBAAuBA,EAAE,SAAS,IAAI,CAAC;AAAA,EACvC,yBAAyBA,EAAE,OAAA,EAAS,IAAI,CAAC;AAC3C,CAAC;AAKM,SAASC,EAAuC;AAAA,EACrD,WAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AACF,GAAgD;AAC9C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0CAA0C,GACjEC,IAAaC,EAAA,GAEbC,IAAcC,EAAgC;AAAA,IAClD,UAAUC,EAAYf,CAAsB;AAAA,IAC5C,eAAe;AAAA,MACb,uBAAuBI,KAAyBD,EAAU,CAAC,GAAG,QAAQ;AAAA,MACtE,yBAAyBE,KAA2BF,EAAU,CAAC,GAAG,QAAQ;AAAA,IAAA;AAAA,EAC5E,CACD,GAEKa,IAAeH,EAAY,aAAaL,CAAU,GAElDS,IAAUd,EAAU,IAAI,CAAAe,OAAa;AAAA,IACzC,OAAOA,EAAS;AAAA,IAChB,OAAOC,EAAcD,CAAQ;AAAA,EAAA,EAC7B;AAEF,2BACGE,GAAA,EAAc,GAAGP,GAChB,UAAA,gBAAAQ,EAACC,KAAK,UAAU,MAAA;AAAM,IAAKN;KACzB,UAAA,gBAAAO,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAH,EAACV,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,0BAA0B,GAAE;AAAA,IAC3D,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOhB,EAAE,yCAAyC;AAAA,UAClD,aAAaA,EAAE,+CAA+C;AAAA,UAC9D,aAAY;AAAA,UACZ,SAAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAI;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOhB,EAAE,2CAA2C;AAAA,UACpD,aAAaA,EAAE,iDAAiD;AAAA,UAChE,aAAY;AAAA,UACZ,SAAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAI,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACV,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,UAAAE,EAAE,oCAAoC,GACzC,EAAA,CACF;AAAA,IAAA,GACF;AAAA,sBACCiB,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACV,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASL,GAC7C,UAAAG,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAY,EAACV,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYR,EAAU,WAAW,GACjF,UAAAM,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"AssignmentCompensationStepPresentation.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentCompensationStepPresentation.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useForm, FormProvider } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payschedulelistitem'\nimport { scheduleLabel } from './scheduleLabel'\nimport { Flex, SelectField, ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport interface AssignmentCompensationStepPresentationProps {\n  schedules: PayScheduleShow[]\n  hourlyPayScheduleUuid?: string\n  salariedPayScheduleUuid?: string\n  onBack: (selection: CompensationStepInputs) => void\n  onAddPaySchedule: (selection: CompensationStepInputs) => void\n  onContinue: (selection: {\n    hourlyPayScheduleUuid: string\n    salariedPayScheduleUuid: string\n  }) => void\n}\n\nconst CompensationStepSchema = z.object({\n  hourlyPayScheduleUuid: z.string().min(1),\n  salariedPayScheduleUuid: z.string().min(1),\n})\n\ntype CompensationStepInputs = z.infer<typeof CompensationStepSchema>\n\n/** @internal */\nexport function AssignmentCompensationStepPresentation({\n  schedules,\n  hourlyPayScheduleUuid,\n  salariedPayScheduleUuid,\n  onBack,\n  onAddPaySchedule,\n  onContinue,\n}: AssignmentCompensationStepPresentationProps) {\n  const { t } = useTranslation('Company.Management.PayScheduleAssignment')\n  const Components = useComponentContext()\n\n  const formMethods = useForm<CompensationStepInputs>({\n    resolver: zodResolver(CompensationStepSchema),\n    defaultValues: {\n      hourlyPayScheduleUuid: hourlyPayScheduleUuid ?? schedules[0]?.uuid ?? '',\n      salariedPayScheduleUuid: salariedPayScheduleUuid ?? schedules[0]?.uuid ?? '',\n    },\n  })\n\n  const handleSubmit = formMethods.handleSubmit(onContinue)\n\n  const options = schedules.map(schedule => ({\n    value: schedule.uuid,\n    label: scheduleLabel(schedule),\n  }))\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={() => void handleSubmit()}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Components.Heading as=\"h2\">{t('compensationStep.heading')}</Components.Heading>\n          <Flex flexDirection=\"column\" gap={12}>\n            <SelectField\n              name=\"hourlyPayScheduleUuid\"\n              label={t('compensationStep.hourlyPayScheduleLabel')}\n              description={t('compensationStep.hourlyPayScheduleDescription')}\n              isRequired\n              placeholder=\"\"\n              options={options}\n            />\n            <SelectField\n              name=\"salariedPayScheduleUuid\"\n              label={t('compensationStep.salariedPayScheduleLabel')}\n              description={t('compensationStep.salariedPayScheduleDescription')}\n              isRequired\n              placeholder=\"\"\n              options={options}\n            />\n            <div>\n              <Components.Button\n                variant=\"secondary\"\n                onClick={() => {\n                  onAddPaySchedule(formMethods.getValues())\n                }}\n              >\n                {t('compensationStep.addPayScheduleCta')}\n              </Components.Button>\n            </div>\n          </Flex>\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onBack(formMethods.getValues())\n              }}\n            >\n              {t('backCta')}\n            </Components.Button>\n            <Components.Button variant=\"primary\" type=\"submit\" isDisabled={schedules.length === 0}>\n              {t('continueCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["CompensationStepSchema","z","AssignmentCompensationStepPresentation","schedules","hourlyPayScheduleUuid","salariedPayScheduleUuid","onBack","onAddPaySchedule","onContinue","t","useTranslation","Components","useComponentContext","formMethods","useForm","zodResolver","handleSubmit","options","schedule","scheduleLabel","FormProvider","jsx","Form","jsxs","Flex","SelectField","ActionsLayout"],"mappings":";;;;;;;;;;;AAuBA,MAAMA,IAAyBC,EAAE,OAAO;AAAA,EACtC,uBAAuBA,EAAE,SAAS,IAAI,CAAC;AAAA,EACvC,yBAAyBA,EAAE,OAAA,EAAS,IAAI,CAAC;AAC3C,CAAC;AAKM,SAASC,EAAuC;AAAA,EACrD,WAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AACF,GAAgD;AAC9C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0CAA0C,GACjEC,IAAaC,EAAA,GAEbC,IAAcC,EAAgC;AAAA,IAClD,UAAUC,EAAYf,CAAsB;AAAA,IAC5C,eAAe;AAAA,MACb,uBAAuBI,KAAyBD,EAAU,CAAC,GAAG,QAAQ;AAAA,MACtE,yBAAyBE,KAA2BF,EAAU,CAAC,GAAG,QAAQ;AAAA,IAAA;AAAA,EAC5E,CACD,GAEKa,IAAeH,EAAY,aAAaL,CAAU,GAElDS,IAAUd,EAAU,IAAI,CAAAe,OAAa;AAAA,IACzC,OAAOA,EAAS;AAAA,IAChB,OAAOC,EAAcD,CAAQ;AAAA,EAAA,EAC7B;AAEF,2BACGE,GAAA,EAAc,GAAGP,GAChB,UAAA,gBAAAQ,EAACC,KAAK,UAAU,MAAA;AAAM,IAAKN;KACzB,UAAA,gBAAAO,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAH,EAACV,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,0BAA0B,GAAE;AAAA,IAC3D,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOhB,EAAE,yCAAyC;AAAA,UAClD,aAAaA,EAAE,+CAA+C;AAAA,UAC9D,YAAU;AAAA,UACV,aAAY;AAAA,UACZ,SAAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAI;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOhB,EAAE,2CAA2C;AAAA,UACpD,aAAaA,EAAE,iDAAiD;AAAA,UAChE,YAAU;AAAA,UACV,aAAY;AAAA,UACZ,SAAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,wBAED,OAAA,EACC,UAAA,gBAAAI;AAAA,QAACV,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAJ,EAAiBM,EAAY,WAAW;AAAA,UAC1C;AAAA,UAEC,YAAE,oCAAoC;AAAA,QAAA;AAAA,MAAA,EACzC,CACF;AAAA,IAAA,GACF;AAAA,sBACCa,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL;AAAA,QAACV,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAL,EAAOO,EAAY,WAAW;AAAA,UAChC;AAAA,UAEC,YAAE,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAQ,EAACV,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYR,EAAU,WAAW,GACjF,UAAAM,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentDepartmentStepPresentation.js

@@ -0,0 +1,106 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { z as d } from "zod";
+import { useForm as b, FormProvider as U } from "react-hook-form";
+import { zodResolver as P } from "@hookform/resolvers/zod";
+import { useTranslation as D } from "react-i18next";
+import { scheduleLabel as C } from "./scheduleLabel.js";
+import { Flex as s } from "../../../../Common/Flex/Flex.js";
+import { ActionsLayout as v } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as x } from "../../../../Common/Form/Form.js";
+import { useComponentContext as B } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { SelectField as h } from "../../../../Common/Fields/SelectField/SelectField.js";
+const F = d.object({
+  defaultPayScheduleUuid: d.string().min(1),
+  payScheduleByDepartment: d.record(d.string(), d.string().min(1))
+});
+function O({
+  departments: m,
+  schedules: p,
+  selection: u,
+  onBack: S,
+  onAddPaySchedule: f,
+  onContinue: y
+}) {
+  const { t: a } = D("Company.Management.PayScheduleAssignment"), n = B(), r = b({
+    resolver: P(F),
+    shouldUnregister: !0,
+    defaultValues: {
+      defaultPayScheduleUuid: u.defaultPayScheduleUuid,
+      payScheduleByDepartment: Object.fromEntries(
+        u.departments.map((e) => [e.departmentUuid, e.payScheduleUuid])
+      )
+    }
+  }), o = (e) => ({
+    defaultPayScheduleUuid: e.defaultPayScheduleUuid,
+    departments: m.flatMap(
+      (i) => i.uuid ? [
+        {
+          departmentUuid: i.uuid,
+          payScheduleUuid: e.payScheduleByDepartment[i.uuid] ?? ""
+        }
+      ] : []
+    )
+  }), g = r.handleSubmit((e) => {
+    y(o(e));
+  }), c = p.map((e) => ({
+    value: e.uuid,
+    label: C(e)
+  }));
+  return /* @__PURE__ */ t(U, { ...r, children: /* @__PURE__ */ t(x, { onSubmit: () => {
+    g();
+  }, children: /* @__PURE__ */ l(s, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ t(n.Heading, { as: "h2", children: a("departmentStep.heading") }),
+    /* @__PURE__ */ l(s, { flexDirection: "column", gap: 12, children: [
+      m.map((e) => /* @__PURE__ */ t(
+        h,
+        {
+          name: `payScheduleByDepartment.${e.uuid}`,
+          defaultValue: u.departments.find((i) => i.departmentUuid === e.uuid)?.payScheduleUuid ?? "",
+          label: e.title ?? a("departmentStep.unnamedDepartment"),
+          isRequired: !0,
+          placeholder: "",
+          options: c
+        },
+        e.uuid
+      )),
+      /* @__PURE__ */ t(
+        h,
+        {
+          name: "defaultPayScheduleUuid",
+          label: a("departmentStep.defaultPayScheduleLabel"),
+          description: a("departmentStep.defaultPayScheduleDescription"),
+          isRequired: !0,
+          placeholder: "",
+          options: c
+        }
+      ),
+      /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+        n.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            f(o(r.getValues()));
+          },
+          children: a("departmentStep.addPayScheduleCta")
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l(v, { children: [
+      /* @__PURE__ */ t(
+        n.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            S(o(r.getValues()));
+          },
+          children: a("backCta")
+        }
+      ),
+      /* @__PURE__ */ t(n.Button, { variant: "primary", type: "submit", isDisabled: p.length === 0, children: a("continueCta") })
+    ] })
+  ] }) }) });
+}
+export {
+  O as AssignmentDepartmentStepPresentation
+};
+//# sourceMappingURL=AssignmentDepartmentStepPresentation.js.map

package/dist/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentDepartmentStepPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssignmentDepartmentStepPresentation.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentDepartmentStepPresentation.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useForm, FormProvider } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport type { Department } from '@gusto/embedded-api/models/components/department'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payschedulelistitem'\nimport { scheduleLabel } from './scheduleLabel'\nimport { Flex, SelectField, ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst DepartmentStepSchema = z.object({\n  defaultPayScheduleUuid: z.string().min(1),\n  payScheduleByDepartment: z.record(z.string(), z.string().min(1)),\n})\n\n/** @internal */\nexport type DepartmentSelection = {\n  defaultPayScheduleUuid: string\n  departments: { departmentUuid: string; payScheduleUuid: string }[]\n}\n\n/** @internal */\nexport interface AssignmentDepartmentStepPresentationProps {\n  departments: Department[]\n  schedules: PayScheduleShow[]\n  selection: DepartmentSelection\n  onBack: (selection: DepartmentSelection) => void\n  onAddPaySchedule: (selection: DepartmentSelection) => void\n  onContinue: (selection: DepartmentSelection) => void\n}\n\n/** @internal */\nexport function AssignmentDepartmentStepPresentation({\n  departments,\n  schedules,\n  selection,\n  onBack,\n  onAddPaySchedule,\n  onContinue,\n}: AssignmentDepartmentStepPresentationProps) {\n  const { t } = useTranslation('Company.Management.PayScheduleAssignment')\n  const Components = useComponentContext()\n  const formMethods = useForm<z.infer<typeof DepartmentStepSchema>>({\n    resolver: zodResolver(DepartmentStepSchema),\n    shouldUnregister: true,\n    defaultValues: {\n      defaultPayScheduleUuid: selection.defaultPayScheduleUuid,\n      payScheduleByDepartment: Object.fromEntries(\n        selection.departments.map(entry => [entry.departmentUuid, entry.payScheduleUuid]),\n      ),\n    },\n  })\n  const toSelection = (values: z.infer<typeof DepartmentStepSchema>): DepartmentSelection => ({\n    defaultPayScheduleUuid: values.defaultPayScheduleUuid,\n    departments: departments.flatMap(department =>\n      department.uuid\n        ? [\n            {\n              departmentUuid: department.uuid,\n              payScheduleUuid: values.payScheduleByDepartment[department.uuid] ?? '',\n            },\n          ]\n        : [],\n    ),\n  })\n  const handleSubmit = formMethods.handleSubmit(values => {\n    onContinue(toSelection(values))\n  })\n  const options = schedules.map(schedule => ({\n    value: schedule.uuid,\n    label: scheduleLabel(schedule),\n  }))\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={() => void handleSubmit()}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Components.Heading as=\"h2\">{t('departmentStep.heading')}</Components.Heading>\n          <Flex flexDirection=\"column\" gap={12}>\n            {departments.map(department => (\n              <SelectField\n                key={department.uuid}\n                name={`payScheduleByDepartment.${department.uuid}`}\n                defaultValue={\n                  selection.departments.find(entry => entry.departmentUuid === department.uuid)\n                    ?.payScheduleUuid ?? ''\n                }\n                label={department.title ?? t('departmentStep.unnamedDepartment')}\n                isRequired\n                placeholder=\"\"\n                options={options}\n              />\n            ))}\n            <SelectField\n              name=\"defaultPayScheduleUuid\"\n              label={t('departmentStep.defaultPayScheduleLabel')}\n              description={t('departmentStep.defaultPayScheduleDescription')}\n              isRequired\n              placeholder=\"\"\n              options={options}\n            />\n            <div>\n              <Components.Button\n                variant=\"secondary\"\n                onClick={() => {\n                  onAddPaySchedule(toSelection(formMethods.getValues()))\n                }}\n              >\n                {t('departmentStep.addPayScheduleCta')}\n              </Components.Button>\n            </div>\n          </Flex>\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onBack(toSelection(formMethods.getValues()))\n              }}\n            >\n              {t('backCta')}\n            </Components.Button>\n            <Components.Button variant=\"primary\" type=\"submit\" isDisabled={schedules.length === 0}>\n              {t('continueCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["DepartmentStepSchema","z","AssignmentDepartmentStepPresentation","departments","schedules","selection","onBack","onAddPaySchedule","onContinue","t","useTranslation","Components","useComponentContext","formMethods","useForm","zodResolver","entry","toSelection","values","department","handleSubmit","options","schedule","scheduleLabel","FormProvider","jsx","Form","jsxs","Flex","SelectField","ActionsLayout"],"mappings":"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"}