@gusto/embedded-react-sdk 0.56.1 → 0.56.3

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # Changelog
 
+## [0.56.3](https://github.com/Gusto/embedded-react-sdk/compare/v0.56.2...v0.56.3) (2026-10-01)
+
+### Features & Enhancements
+
+- Mark required form fields with an asterisk (`*`) instead of appending an `(optional)` suffix to non-required fields. The asterisk is CSS-generated, so each field's accessible name is unchanged ([#2770](https://github.com/Gusto/embedded-react-sdk/issues/2770))
+- Add the alpha `CompanyManagement.PaySchedule` component with `PayScheduleOverview`, surfacing a company's pay schedule name, frequency, and AutoPilot status. Gated behind the `managePaySchedules` unstable feature flag ([#2746](https://github.com/Gusto/embedded-react-sdk/issues/2746))
+- Add the alpha `CompanyManagement.PayScheduleAssignment`, a standalone flow for assigning a single pay schedule (type selector, schedule picker with inline creation, and a review-and-submit step) that can be mounted directly or launched from `PayScheduleOverview` ([#2762](https://github.com/Gusto/embedded-react-sdk/issues/2762))
+
+### Fixes
+
+- Update the bundled `@gusto/embedded-api` client to stable `0.3.1` ([#2863](https://github.com/Gusto/embedded-react-sdk/issues/2863))
+- Handle Gusto-created tax reconciliation payrolls, which have no pay period and previously crashed `PayrollOverview` and left blank dates in `PayrollHistory` ([#2859](https://github.com/Gusto/embedded-react-sdk/issues/2859))
+- Prepare transition payrolls without sending an employee roster, which the API rejects for a transition payroll ([#2850](https://github.com/Gusto/embedded-react-sdk/issues/2850))
+- Disable transition payroll actions while a payroll blocker exists ([#2848](https://github.com/Gusto/embedded-react-sdk/issues/2848))
+- Strip leading zeros from payroll number inputs ([#2831](https://github.com/Gusto/embedded-react-sdk/issues/2831))
+- Stop the RFI payroll-blocker screen from crashing on unauthorized or unknown data ([#2833](https://github.com/Gusto/embedded-react-sdk/issues/2833))
+- Fix the Calculate button loading state in the gross-up modal ([#2718](https://github.com/Gusto/embedded-react-sdk/issues/2718))
+- Hide pagination page-size options that would render identically to a smaller one ([#2856](https://github.com/Gusto/embedded-react-sdk/issues/2856))
+- Show a friendly message for incomplete state tax requirement sets ([#2829](https://github.com/Gusto/embedded-react-sdk/issues/2829))
+
+### Chores & Maintenance
+
+- Bump dev dependencies (`typescript-eslint`, `dotenv`)
+- Apply grouped Dependabot security updates ([#2837](https://github.com/Gusto/embedded-react-sdk/issues/2837), [#2838](https://github.com/Gusto/embedded-react-sdk/issues/2838))
+
+## [0.56.2](https://github.com/Gusto/embedded-react-sdk/compare/v0.56.1...v0.56.2) (2026-09-25)
+
+### Fixes
+
+- Preserve edited hours when saving from the legacy `PayrollEditEmployee` editor by omitting stale per-workweek breakdowns from the update, so the hours you enter are the ones that persist ([#2839](https://github.com/Gusto/embedded-react-sdk/issues/2839))
+- Clarify the overtime premium alert copy in `UNSTABLE_PayrollEditEmployee` to explain which earnings affect the overtime premium and that earnings for other periods belong on a separate off-cycle payroll ([#2795](https://github.com/Gusto/embedded-react-sdk/issues/2795))
+
+### Chores & Maintenance
+
+- Bump dev dependencies (`@commitlint/cli`, `react-error-boundary`, `tsx`, `vite-plugin-dts`)
+
 ## [0.56.1](https://github.com/Gusto/embedded-react-sdk/compare/v0.56.0...v0.56.1) (2026-09-22)
 
 ### Features & Enhancements

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

@@ -1,37 +1,31 @@
-import { jsx as n, jsxs as l } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
-import d from "classnames";
-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 = ({
+import { jsx as e } from "react/jsx-runtime";
+import s from "classnames";
+import a from "./FieldCaption.module.scss.js";
+import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { VisuallyHidden as d } from "../VisuallyHidden/VisuallyHidden.js";
+const c = ({
   children: t,
   as: o = "label",
   htmlFor: i,
-  isRequired: a = !1,
-  isVisuallyHidden: m = !1,
-  className: r
+  isRequired: r = !1,
+  isVisuallyHidden: l = !1,
+  className: m
 }) => {
-  const { t: p } = c("common"), e = /* @__PURE__ */ l(
+  const n = /* @__PURE__ */ e(
     o,
     {
-      className: d(s.root, r),
+      className: s(a.root, m),
       htmlFor: o === "label" ? i : void 0,
-      children: [
-        t,
-        !a && /* @__PURE__ */ l("span", { className: s.optionalLabel, children: [
-          " ",
-          p("optionalLabel")
-        ] })
-      ]
+      "data-required": r || void 0,
+      children: 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 });
+  return l ? /* @__PURE__ */ e(d, { children: n }) : n;
+}, h = (t) => {
+  const o = p();
+  return o.FieldCaption ? /* @__PURE__ */ e(o.FieldCaption, { ...t }) : /* @__PURE__ */ e(c, { ...t });
 };
 export {
-  L as FieldCaption
+  h 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 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;"}
+{"version":3,"file":"FieldCaption.js","sources":["../../../../src/components/Common/FieldCaption/FieldCaption.tsx"],"sourcesContent":["import 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 Component = as\n\n  const content = (\n    <Component\n      className={classNames(styles.root, className)}\n      htmlFor={as === 'label' ? htmlFor : undefined}\n      data-required={isRequired || undefined}\n    >\n      {children}\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","content","jsx","classNames","styles","VisuallyHidden","FieldCaption","props","Components","useComponentContext"],"mappings":";;;;;AAMA,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;AAGvB,QAAMC,IACJ,gBAAAC;AAAA,IAHgBN;AAAA,IAGf;AAAA,MACC,WAAWO,EAAWC,EAAO,MAAMJ,CAAS;AAAA,MAC5C,SAASJ,MAAO,UAAUC,IAAU;AAAA,MACpC,iBAAeC,KAAc;AAAA,MAE5B,UAAAH;AAAA,IAAA;AAAA,EAAA;AAIL,SAAOI,IAAmB,gBAAAG,EAACG,GAAA,EAAgB,UAAAJ,EAAA,CAAQ,IAAoBA;AACzE,GAGaK,IAAe,CAACC,MAA6B;AACxD,QAAMC,IAAaC,EAAA;AAEnB,SAAOD,EAAW,eAChB,gBAAAN,EAACM,EAAW,cAAX,EAAyB,GAAGD,EAAA,CAAO,IAEpC,gBAAAL,EAACR,GAAA,EAAqB,GAAGa,EAAA,CAAO;AAEpC;"}

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

@@ -1,10 +1,8 @@
-const o = "_root_183ii_1", t = "_optionalLabel_183ii_10", a = {
-  root: o,
-  optionalLabel: t
+const o = "_root_15825_2", t = {
+  root: o
 };
 export {
-  a as default,
-  t as optionalLabel,
+  t as default,
   o as root
 };
 //# sourceMappingURL=FieldCaption.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FieldCaption.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"FieldCaption.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Common/PaginationControl/PaginationControl.js

@@ -1,90 +1,94 @@
-import { jsx as n, jsxs as l } from "react/jsx-runtime";
-import { useTranslation as f } from "react-i18next";
-import { Flex as h } from "../Flex/Flex.js";
-import e from "./PaginationControl.module.scss.js";
-import { useComponentContext as r } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import v from "../../../assets/icons/pagination_first.svg.js";
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import { useTranslation as v } from "react-i18next";
+import { Flex as C } from "../Flex/Flex.js";
+import d from "./PaginationControl.module.scss.js";
+import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import S from "../../../assets/icons/pagination_first.svg.js";
 import I from "../../../assets/icons/pagination_previous.svg.js";
-import S from "../../../assets/icons/pagination_next.svg.js";
+import P from "../../../assets/icons/pagination_next.svg.js";
 import x from "../../../assets/icons/pagination_last.svg.js";
-import { InlineSpinner as P } from "../InlineSpinner/InlineSpinner.js";
-const N = 5, L = (i) => i === void 0 ? !0 : i === 0 ? !1 : i > N, B = ({
-  currentPage: i,
-  totalPages: t,
-  totalCount: s,
-  isFetching: c,
-  handleFirstPage: m,
-  handlePreviousPage: p,
-  handleNextPage: d,
-  handleLastPage: u,
-  handleItemsPerPageChange: g,
-  itemsPerPage: b = 5
+import { InlineSpinner as N } from "../InlineSpinner/InlineSpinner.js";
+const L = 5, c = [5, 10, 25, 50], B = (n) => n === void 0 ? !0 : n === 0 ? !1 : n > L, D = (n, o) => {
+  if (n === void 0) return c;
+  const e = c.find((t) => t >= n), r = new Set(
+    c.filter((t) => t < n)
+  );
+  return r.add(o), e !== void 0 && r.add(e), c.filter((t) => r.has(t));
+}, E = ({
+  currentPage: n,
+  totalPages: o,
+  totalCount: e,
+  isFetching: r,
+  handleFirstPage: t,
+  handlePreviousPage: u,
+  handleNextPage: f,
+  handleLastPage: b,
+  handleItemsPerPageChange: h,
+  itemsPerPage: m = 5
 }) => {
-  const { t: o } = f("common"), a = r();
-  return L(s) ? /* @__PURE__ */ n("section", { className: e.paginationControl, "data-testid": "pagination-control", children: /* @__PURE__ */ l(h, { justifyContent: "space-between", alignItems: "center", children: [
-    /* @__PURE__ */ n("div", { className: e.paginationControlCount, children: /* @__PURE__ */ n("section", { children: /* @__PURE__ */ n(
-      a.Select,
+  const { t: a } = v("common"), l = g();
+  return B(e) ? /* @__PURE__ */ i("section", { className: d.paginationControl, "data-testid": "pagination-control", children: /* @__PURE__ */ p(C, { justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ i("div", { className: d.paginationControlCount, children: /* @__PURE__ */ i("section", { children: /* @__PURE__ */ i(
+      l.Select,
       {
-        label: o("labels.paginationControlCountLabel"),
+        label: a("labels.paginationControlCountLabel"),
         placeholder: "",
         shouldVisuallyHideLabel: !0,
-        value: b.toString(),
-        onChange: (C) => {
-          g(Number(C));
+        value: m.toString(),
+        onChange: (s) => {
+          h(Number(s));
         },
-        options: [
-          { value: "5", label: "5" },
-          { value: "10", label: "10" },
-          { value: "25", label: "25" },
-          { value: "50", label: "50" }
-        ]
+        options: D(e, m).map((s) => ({
+          value: s.toString(),
+          label: s.toString()
+        }))
       }
     ) }) }),
-    /* @__PURE__ */ l("div", { className: e.paginationControlButtons, children: [
-      c && /* @__PURE__ */ n(P, { ariaLabel: o("labels.paginationFetchingLabel") }),
-      /* @__PURE__ */ n(
-        a.ButtonIcon,
+    /* @__PURE__ */ p("div", { className: d.paginationControlButtons, children: [
+      r && /* @__PURE__ */ i(N, { ariaLabel: a("labels.paginationFetchingLabel") }),
+      /* @__PURE__ */ i(
+        l.ButtonIcon,
         {
-          "aria-label": o("icons.paginationFirst"),
-          isDisabled: i === 1,
-          onClick: m,
-          children: /* @__PURE__ */ n(v, {})
+          "aria-label": a("icons.paginationFirst"),
+          isDisabled: n === 1,
+          onClick: t,
+          children: /* @__PURE__ */ i(S, {})
         }
       ),
-      /* @__PURE__ */ n(
-        a.ButtonIcon,
+      /* @__PURE__ */ i(
+        l.ButtonIcon,
         {
-          "aria-label": o("icons.paginationPrev"),
+          "aria-label": a("icons.paginationPrev"),
           "data-testid": "pagination-previous",
-          isDisabled: i === 1,
-          onClick: p,
-          children: /* @__PURE__ */ n(I, {})
+          isDisabled: n === 1,
+          onClick: u,
+          children: /* @__PURE__ */ i(I, {})
         }
       ),
-      /* @__PURE__ */ n(
-        a.ButtonIcon,
+      /* @__PURE__ */ i(
+        l.ButtonIcon,
         {
-          "aria-label": o("icons.paginationNext"),
+          "aria-label": a("icons.paginationNext"),
           "data-testid": "pagination-next",
-          isDisabled: i === t,
-          onClick: d,
-          children: /* @__PURE__ */ n(S, {})
+          isDisabled: n === o,
+          onClick: f,
+          children: /* @__PURE__ */ i(P, {})
         }
       ),
-      /* @__PURE__ */ n(
-        a.ButtonIcon,
+      /* @__PURE__ */ i(
+        l.ButtonIcon,
         {
-          "aria-label": o("icons.paginationLast"),
-          isDisabled: i === t,
-          onClick: u,
-          children: /* @__PURE__ */ n(x, {})
+          "aria-label": a("icons.paginationLast"),
+          isDisabled: n === o,
+          onClick: b,
+          children: /* @__PURE__ */ i(x, {})
         }
       )
     ] })
   ] }) }) : null;
-}, G = (i) => {
-  const t = r();
-  return t.PaginationControl ? /* @__PURE__ */ n(t.PaginationControl, { ...i }) : /* @__PURE__ */ n(B, { ...i });
+}, G = (n) => {
+  const o = g();
+  return o.PaginationControl ? /* @__PURE__ */ i(o.PaginationControl, { ...n }) : /* @__PURE__ */ i(E, { ...n });
 };
 export {
   G as PaginationControl

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationControl.js","sources":["../../../../src/components/Common/PaginationControl/PaginationControl.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport { InlineSpinner } from '../InlineSpinner'\nimport style from './PaginationControl.module.scss'\nimport type { PaginationControlProps, PaginationItemsPerPage } from './PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport PaginationFirstIcon from '@/assets/icons/pagination_first.svg?react'\nimport PaginationPrevIcon from '@/assets/icons/pagination_previous.svg?react'\nimport PaginationNextIcon from '@/assets/icons/pagination_next.svg?react'\nimport PaginationLastIcon from '@/assets/icons/pagination_last.svg?react'\n\nconst MINIMUM_PAGE_SIZE = 5\n\nconst shouldShowPagination = (totalCount: number | undefined): boolean => {\n  if (totalCount === undefined) return true\n  if (totalCount === 0) return false\n  return totalCount > MINIMUM_PAGE_SIZE\n}\n\nconst DefaultPaginationControl = ({\n  currentPage,\n  totalPages,\n  totalCount,\n  isFetching,\n  handleFirstPage,\n  handlePreviousPage,\n  handleNextPage,\n  handleLastPage,\n  handleItemsPerPageChange,\n  itemsPerPage = 5,\n}: PaginationControlProps) => {\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n\n  if (!shouldShowPagination(totalCount)) {\n    return null\n  }\n\n  return (\n    <section className={style.paginationControl} data-testid=\"pagination-control\">\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <div className={style.paginationControlCount}>\n          <section>\n            <Components.Select\n              label={t('labels.paginationControlCountLabel')}\n              placeholder=\"\"\n              shouldVisuallyHideLabel\n              value={itemsPerPage.toString()}\n              onChange={n => {\n                handleItemsPerPageChange(Number(n) as PaginationItemsPerPage)\n              }}\n              options={[\n                { value: '5', label: '5' },\n                { value: '10', label: '10' },\n                { value: '25', label: '25' },\n                { value: '50', label: '50' },\n              ]}\n            />\n          </section>\n        </div>\n        <div className={style.paginationControlButtons}>\n          {isFetching && <InlineSpinner ariaLabel={t('labels.paginationFetchingLabel')} />}\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationFirst')}\n            isDisabled={currentPage === 1}\n            onClick={handleFirstPage}\n          >\n            <PaginationFirstIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationPrev')}\n            data-testid=\"pagination-previous\"\n            isDisabled={currentPage === 1}\n            onClick={handlePreviousPage}\n          >\n            <PaginationPrevIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationNext')}\n            data-testid=\"pagination-next\"\n            isDisabled={currentPage === totalPages}\n            onClick={handleNextPage}\n          >\n            <PaginationNextIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationLast')}\n            isDisabled={currentPage === totalPages}\n            onClick={handleLastPage}\n          >\n            <PaginationLastIcon />\n          </Components.ButtonIcon>\n        </div>\n      </Flex>\n    </section>\n  )\n}\n\n/** @internal */\nexport const PaginationControl = (props: PaginationControlProps) => {\n  const Components = useComponentContext()\n\n  return Components.PaginationControl ? (\n    <Components.PaginationControl {...props} />\n  ) : (\n    <DefaultPaginationControl {...props} />\n  )\n}\n"],"names":["MINIMUM_PAGE_SIZE","shouldShowPagination","totalCount","DefaultPaginationControl","currentPage","totalPages","isFetching","handleFirstPage","handlePreviousPage","handleNextPage","handleLastPage","handleItemsPerPageChange","itemsPerPage","t","useTranslation","Components","useComponentContext","jsx","style","jsxs","Flex","n","InlineSpinner","PaginationFirstIcon","PaginationPrevIcon","PaginationNextIcon","PaginationLastIcon","PaginationControl","props"],"mappings":"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"}
+{"version":3,"file":"PaginationControl.js","sources":["../../../../src/components/Common/PaginationControl/PaginationControl.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport { InlineSpinner } from '../InlineSpinner'\nimport style from './PaginationControl.module.scss'\nimport type { PaginationControlProps, PaginationItemsPerPage } from './PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport PaginationFirstIcon from '@/assets/icons/pagination_first.svg?react'\nimport PaginationPrevIcon from '@/assets/icons/pagination_previous.svg?react'\nimport PaginationNextIcon from '@/assets/icons/pagination_next.svg?react'\nimport PaginationLastIcon from '@/assets/icons/pagination_last.svg?react'\n\nconst MINIMUM_PAGE_SIZE = 5\n\nconst ITEMS_PER_PAGE_OPTIONS: PaginationItemsPerPage[] = [5, 10, 25, 50]\n\nconst shouldShowPagination = (totalCount: number | undefined): boolean => {\n  if (totalCount === undefined) return true\n  if (totalCount === 0) return false\n  return totalCount > MINIMUM_PAGE_SIZE\n}\n\nconst getVisibleItemsPerPageOptions = (\n  totalCount: number | undefined,\n  itemsPerPage: PaginationItemsPerPage,\n): PaginationItemsPerPage[] => {\n  if (totalCount === undefined) return ITEMS_PER_PAGE_OPTIONS\n\n  const smallestOptionCoveringAll = ITEMS_PER_PAGE_OPTIONS.find(option => option >= totalCount)\n  const visible = new Set<PaginationItemsPerPage>(\n    ITEMS_PER_PAGE_OPTIONS.filter(option => option < totalCount),\n  )\n  visible.add(itemsPerPage)\n  if (smallestOptionCoveringAll !== undefined) visible.add(smallestOptionCoveringAll)\n\n  return ITEMS_PER_PAGE_OPTIONS.filter(option => visible.has(option))\n}\n\nconst DefaultPaginationControl = ({\n  currentPage,\n  totalPages,\n  totalCount,\n  isFetching,\n  handleFirstPage,\n  handlePreviousPage,\n  handleNextPage,\n  handleLastPage,\n  handleItemsPerPageChange,\n  itemsPerPage = 5,\n}: PaginationControlProps) => {\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n\n  if (!shouldShowPagination(totalCount)) {\n    return null\n  }\n\n  return (\n    <section className={style.paginationControl} data-testid=\"pagination-control\">\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <div className={style.paginationControlCount}>\n          <section>\n            <Components.Select\n              label={t('labels.paginationControlCountLabel')}\n              placeholder=\"\"\n              shouldVisuallyHideLabel\n              value={itemsPerPage.toString()}\n              onChange={n => {\n                handleItemsPerPageChange(Number(n) as PaginationItemsPerPage)\n              }}\n              options={getVisibleItemsPerPageOptions(totalCount, itemsPerPage).map(option => ({\n                value: option.toString(),\n                label: option.toString(),\n              }))}\n            />\n          </section>\n        </div>\n        <div className={style.paginationControlButtons}>\n          {isFetching && <InlineSpinner ariaLabel={t('labels.paginationFetchingLabel')} />}\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationFirst')}\n            isDisabled={currentPage === 1}\n            onClick={handleFirstPage}\n          >\n            <PaginationFirstIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationPrev')}\n            data-testid=\"pagination-previous\"\n            isDisabled={currentPage === 1}\n            onClick={handlePreviousPage}\n          >\n            <PaginationPrevIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationNext')}\n            data-testid=\"pagination-next\"\n            isDisabled={currentPage === totalPages}\n            onClick={handleNextPage}\n          >\n            <PaginationNextIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationLast')}\n            isDisabled={currentPage === totalPages}\n            onClick={handleLastPage}\n          >\n            <PaginationLastIcon />\n          </Components.ButtonIcon>\n        </div>\n      </Flex>\n    </section>\n  )\n}\n\n/** @internal */\nexport const PaginationControl = (props: PaginationControlProps) => {\n  const Components = useComponentContext()\n\n  return Components.PaginationControl ? (\n    <Components.PaginationControl {...props} />\n  ) : (\n    <DefaultPaginationControl {...props} />\n  )\n}\n"],"names":["MINIMUM_PAGE_SIZE","ITEMS_PER_PAGE_OPTIONS","shouldShowPagination","totalCount","getVisibleItemsPerPageOptions","itemsPerPage","smallestOptionCoveringAll","option","visible","DefaultPaginationControl","currentPage","totalPages","isFetching","handleFirstPage","handlePreviousPage","handleNextPage","handleLastPage","handleItemsPerPageChange","t","useTranslation","Components","useComponentContext","jsx","style","jsxs","Flex","n","InlineSpinner","PaginationFirstIcon","PaginationPrevIcon","PaginationNextIcon","PaginationLastIcon","PaginationControl","props"],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+import { jsx as m } from "react/jsx-runtime";
+import { createMachine as p } from "robot3";
+import { useState as h, useMemo as S } from "react";
+import { usePaySchedulesGetAllSuspense as d } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { payScheduleManagementStateMachine as f } from "./payScheduleManagementStateMachine.js";
+import { PayScheduleOverviewContextual as y, PayScheduleEditFormContextual as C } from "./PayScheduleManagementComponents.js";
+import { BaseComponent as P } from "../../../Base/Base.js";
+import { useBase as g } from "../../../Base/useBase.js";
+import { useI18n as u, useComponentDictionary as v } from "../../../../i18n/I18n.js";
+import { Flow as w } from "../../../Flow/Flow.js";
+import { useUnstableFeature as M } from "../../../../contexts/UnstableFeaturesProvider/useUnstableFeature.js";
+const k = ({
+  companyId: e,
+  enableAutoPilot: t,
+  enableMultipleSchedules: o,
+  dictionary: a,
+  ...r
+}) => (M("managePaySchedules", { throwIfDisabled: !0 }), /* @__PURE__ */ m(P, { ...r, children: /* @__PURE__ */ m(
+  x,
+  {
+    companyId: e,
+    enableAutoPilot: t,
+    enableMultipleSchedules: o,
+    dictionary: a
+  }
+) }));
+function x({
+  companyId: e,
+  enableAutoPilot: t,
+  enableMultipleSchedules: o,
+  dictionary: a
+}) {
+  u("Company.Management.PaySchedule"), v("Company.Management.PaySchedule", a), u("Company.PaySchedule");
+  const { onEvent: r } = g(), { data: c } = d({ companyId: e }), [{ initialState: i, initialComponent: s }] = h(() => {
+    const n = (c.payScheduleShowResponse?.length ?? 0) > 0;
+    return {
+      initialState: n ? "overview" : "createSchedule",
+      initialComponent: n ? y : C
+    };
+  }), l = S(
+    () => p(
+      i,
+      f,
+      (n) => ({
+        ...n,
+        component: s,
+        companyId: e,
+        enableAutoPilot: t,
+        enableMultipleSchedules: o,
+        successAlert: null
+      })
+    ),
+    [e, t, o, i, s]
+  );
+  return /* @__PURE__ */ m(w, { machine: l, onEvent: r });
+}
+export {
+  k as PaySchedule
+};
+//# sourceMappingURL=PaySchedule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaySchedule.js","sources":["../../../../../src/components/Company/PaySchedule/management/PaySchedule.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo, useState } from 'react'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { payScheduleManagementStateMachine } from './payScheduleManagementStateMachine'\nimport type { PayScheduleManagementContextInterface } from './PayScheduleManagementComponents'\nimport {\n  PayScheduleOverviewContextual,\n  PayScheduleEditFormContextual,\n} from './PayScheduleManagementComponents'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport type { BaseComponentKeys } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\n/**\n * Props for {@link PaySchedule}.\n *\n * @alpha\n */\nexport interface PayScheduleProps extends BaseComponentInterface<'Company.Management.PaySchedule'> {\n  /** Company whose pay schedule is managed. */\n  companyId: string\n  /** Shows the AutoPilot row and its Edit action. */\n  enableAutoPilot?: boolean\n  /** Shows the Manage action. */\n  enableMultipleSchedules?: boolean\n}\n\n/**\n * Manages a company's pay schedule after onboarding.\n *\n * @remarks\n * Renders the overview when the company already has a pay schedule, or the create form\n * directly when it doesn't.\n *\n * @alpha\n */\nexport const PaySchedule = ({\n  companyId,\n  enableAutoPilot,\n  enableMultipleSchedules,\n  dictionary,\n  ...props\n}: PayScheduleProps) => {\n  useUnstableFeature('managePaySchedules', { throwIfDisabled: true })\n\n  return (\n    <BaseComponent {...props}>\n      <Root\n        companyId={companyId}\n        enableAutoPilot={enableAutoPilot}\n        enableMultipleSchedules={enableMultipleSchedules}\n        dictionary={dictionary}\n      />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  enableAutoPilot,\n  enableMultipleSchedules,\n  dictionary,\n}: Omit<PayScheduleProps, BaseComponentKeys>) {\n  useI18n('Company.Management.PaySchedule')\n  useComponentDictionary('Company.Management.PaySchedule', dictionary)\n  // PayScheduleEditFormContextual reuses the onboarding PayScheduleForm, whose translations\n  // live under its own namespace and are otherwise never loaded from this flow.\n  useI18n('Company.PaySchedule')\n  const { onEvent } = useBase()\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n\n  /**\n   * Freeze the initial routing decision. Recomputing it after a later refetch (e.g. once the\n   * first schedule is created) would re-seat the machine and orphan its interpreter.\n   */\n  const [{ initialState, initialComponent }] = useState<{\n    initialState: keyof typeof payScheduleManagementStateMachine\n    initialComponent: typeof PayScheduleOverviewContextual | typeof PayScheduleEditFormContextual\n  }>(() => {\n    const hasSchedules = (paySchedules.payScheduleShowResponse?.length ?? 0) > 0\n    return {\n      initialState: hasSchedules ? 'overview' : 'createSchedule',\n      initialComponent: hasSchedules\n        ? PayScheduleOverviewContextual\n        : PayScheduleEditFormContextual,\n    }\n  })\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        payScheduleManagementStateMachine,\n        (initialContext: PayScheduleManagementContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          companyId,\n          enableAutoPilot,\n          enableMultipleSchedules,\n          successAlert: null,\n        }),\n      ),\n    [companyId, enableAutoPilot, enableMultipleSchedules, initialState, initialComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["PaySchedule","companyId","enableAutoPilot","enableMultipleSchedules","dictionary","props","useUnstableFeature","jsx","BaseComponent","Root","useI18n","useComponentDictionary","onEvent","useBase","paySchedules","usePaySchedulesGetAllSuspense","initialState","initialComponent","useState","hasSchedules","PayScheduleOverviewContextual","PayScheduleEditFormContextual","machine","useMemo","createMachine","payScheduleManagementStateMachine","initialContext","Flow"],"mappings":";;;;;;;;;;;AAwCO,MAAMA,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,OACEC,EAAmB,sBAAsB,EAAE,iBAAiB,GAAA,CAAM,GAGhE,gBAAAC,EAACC,GAAA,EAAe,GAAGH,GACjB,UAAA,gBAAAE;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,WAAAR;AAAA,IACA,iBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,YAAAC;AAAA,EAAA;AAAA,GAEJ;AAIJ,SAASK,EAAK;AAAA,EACZ,WAAAR;AAAA,EACA,iBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,YAAAC;AACF,GAA8C;AAC5C,EAAAM,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCP,CAAU,GAGnEM,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAE,EAAA,IAAYC,EAAA,GACd,EAAE,MAAMC,EAAA,IAAiBC,EAA8B,EAAE,WAAAd,GAAW,GAMpE,CAAC,EAAE,cAAAe,GAAc,kBAAAC,GAAkB,IAAIC,EAG1C,MAAM;AACP,UAAMC,KAAgBL,EAAa,yBAAyB,UAAU,KAAK;AAC3E,WAAO;AAAA,MACL,cAAcK,IAAe,aAAa;AAAA,MAC1C,kBAAkBA,IACdC,IACAC;AAAA,IAAA;AAAA,EAER,CAAC,GAEKC,IAAUC;AAAA,IACd,MACEC;AAAA,MACER;AAAA,MACAS;AAAA,MACA,CAACC,OAA2D;AAAA,QAC1D,GAAGA;AAAA,QACH,WAAWT;AAAA,QACX,WAAAhB;AAAA,QACA,iBAAAC;AAAA,QACA,yBAAAC;AAAA,QACA,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,IAEJ,CAACF,GAAWC,GAAiBC,GAAyBa,GAAcC,CAAgB;AAAA,EAAA;AAGtF,SAAO,gBAAAV,EAACoB,GAAA,EAAK,SAAAL,GAAkB,SAAAV,EAAA,CAAkB;AACnD;"}

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

@@ -0,0 +1,67 @@
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { Flex as d } from "../../../../Common/Flex/Flex.js";
+import { ActionsLayout as m } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as p } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDateFormatter as y } from "../../../../../hooks/useDateFormatter.js";
+import { useDataView as P } from "../../../../Common/DataView/useDataView.js";
+import { DataView as c } from "../../../../Common/DataView/DataView.js";
+function f({
+  employeeChanges: r
+}) {
+  const { t } = l("Company.Management.PayScheduleAssignment"), a = y(), o = P({
+    data: r,
+    columns: [
+      {
+        title: t("reviewStep.nameLabel"),
+        key: "firstName",
+        render: (e) => [e.firstName, e.lastName].filter(Boolean).join(" ")
+      },
+      {
+        title: t("reviewStep.payFrequencyLabel"),
+        key: "payFrequency",
+        render: (e) => e.payFrequency
+      },
+      {
+        title: t("reviewStep.firstPayPeriodLabel"),
+        key: "firstPayPeriod",
+        render: (e) => e.firstPayPeriod ? a.formatPayPeriodRange(
+          e.firstPayPeriod.startDate,
+          e.firstPayPeriod.endDate
+        ) : null
+      },
+      {
+        title: t("reviewStep.transitionPayPeriodLabel"),
+        key: "transitionPayPeriod",
+        render: (e) => e.transitionPayPeriod ? a.formatPayPeriodRange(
+          e.transitionPayPeriod.startDate,
+          e.transitionPayPeriod.endDate
+        ) : t("reviewStep.noTransitionNeeded")
+      }
+    ]
+  });
+  return /* @__PURE__ */ i(c, { label: t("reviewStep.employeeChangesHeading"), ...o });
+}
+function b({
+  employeeChanges: r,
+  isSubmitting: t,
+  onBack: a,
+  onSubmit: o
+}) {
+  const { t: e } = l("Company.Management.PayScheduleAssignment"), n = p();
+  return /* @__PURE__ */ s(d, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ i(n.Heading, { as: "h2", children: r.length === 0 ? e("reviewStep.noChangesHeading") : e("reviewStep.heading") }),
+    r.length === 0 ? /* @__PURE__ */ i(n.Text, { variant: "supporting", children: e("reviewStep.noChangesDescription") }) : /* @__PURE__ */ s(d, { flexDirection: "column", gap: 16, children: [
+      /* @__PURE__ */ i(n.Text, { weight: "semibold", children: e("reviewStep.employeeChangesHeading") }),
+      /* @__PURE__ */ i(f, { employeeChanges: r })
+    ] }),
+    /* @__PURE__ */ s(m, { children: [
+      /* @__PURE__ */ i(n.Button, { variant: "secondary", onClick: a, isDisabled: t, children: e("backCta") }),
+      /* @__PURE__ */ i(n.Button, { variant: "primary", onClick: o, isLoading: t, children: e("submitCta") })
+    ] })
+  ] });
+}
+export {
+  b as AssignmentReviewStepPresentation
+};
+//# sourceMappingURL=AssignmentReviewStepPresentation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssignmentReviewStepPresentation.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentReviewStepPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayScheduleAssignmentEmployeeChange } from '@gusto/embedded-api/models/components/payscheduleassignmentemployeechange'\nimport { Flex, ActionsLayout, DataView, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\n/** @internal */\nexport interface AssignmentReviewStepPresentationProps {\n  employeeChanges: PayScheduleAssignmentEmployeeChange[]\n  isSubmitting: boolean\n  onBack: () => void\n  onSubmit: () => void\n}\n\nfunction EmployeeChangesTable({\n  employeeChanges,\n}: {\n  employeeChanges: PayScheduleAssignmentEmployeeChange[]\n}) {\n  const { t } = useTranslation('Company.Management.PayScheduleAssignment')\n  const dateFormatter = useDateFormatter()\n\n  const dataViewProps = useDataView({\n    data: employeeChanges,\n    columns: [\n      {\n        title: t('reviewStep.nameLabel'),\n        key: 'firstName',\n        render: change => [change.firstName, change.lastName].filter(Boolean).join(' '),\n      },\n      {\n        title: t('reviewStep.payFrequencyLabel'),\n        key: 'payFrequency',\n        render: change => change.payFrequency,\n      },\n      {\n        title: t('reviewStep.firstPayPeriodLabel'),\n        key: 'firstPayPeriod',\n        render: change =>\n          change.firstPayPeriod\n            ? dateFormatter.formatPayPeriodRange(\n                change.firstPayPeriod.startDate,\n                change.firstPayPeriod.endDate,\n              )\n            : null,\n      },\n      {\n        title: t('reviewStep.transitionPayPeriodLabel'),\n        key: 'transitionPayPeriod',\n        render: change =>\n          change.transitionPayPeriod\n            ? dateFormatter.formatPayPeriodRange(\n                change.transitionPayPeriod.startDate,\n                change.transitionPayPeriod.endDate,\n              )\n            : t('reviewStep.noTransitionNeeded'),\n      },\n    ],\n  })\n\n  return <DataView label={t('reviewStep.employeeChangesHeading')} {...dataViewProps} />\n}\n\n/** @internal */\nexport function AssignmentReviewStepPresentation({\n  employeeChanges,\n  isSubmitting,\n  onBack,\n  onSubmit,\n}: AssignmentReviewStepPresentationProps) {\n  const { t } = useTranslation('Company.Management.PayScheduleAssignment')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Components.Heading as=\"h2\">\n        {employeeChanges.length === 0 ? t('reviewStep.noChangesHeading') : t('reviewStep.heading')}\n      </Components.Heading>\n      {employeeChanges.length === 0 ? (\n        <Components.Text variant=\"supporting\">\n          {t('reviewStep.noChangesDescription')}\n        </Components.Text>\n      ) : (\n        <Flex flexDirection=\"column\" gap={16}>\n          <Components.Text weight=\"semibold\">\n            {t('reviewStep.employeeChangesHeading')}\n          </Components.Text>\n          <EmployeeChangesTable employeeChanges={employeeChanges} />\n        </Flex>\n      )}\n      <ActionsLayout>\n        <Components.Button variant=\"secondary\" onClick={onBack} isDisabled={isSubmitting}>\n          {t('backCta')}\n        </Components.Button>\n        <Components.Button variant=\"primary\" onClick={onSubmit} isLoading={isSubmitting}>\n          {t('submitCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["EmployeeChangesTable","employeeChanges","useTranslation","dateFormatter","useDateFormatter","dataViewProps","useDataView","change","DataView","AssignmentReviewStepPresentation","isSubmitting","onBack","onSubmit","t","Components","useComponentContext","jsxs","Flex","jsx","ActionsLayout"],"mappings":";;;;;;;;AAcA,SAASA,EAAqB;AAAA,EAC5B,iBAAAC;AACF,GAEG;AACD,QAAM,EAAE,EAAA,IAAMC,EAAe,0CAA0C,GACjEC,IAAgBC,EAAA,GAEhBC,IAAgBC,EAAY;AAAA,IAChC,MAAML;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,OAAO,EAAE,sBAAsB;AAAA,QAC/B,KAAK;AAAA,QACL,QAAQ,CAAAM,MAAU,CAACA,EAAO,WAAWA,EAAO,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAAA;AAAA,MAEhF;AAAA,QACE,OAAO,EAAE,8BAA8B;AAAA,QACvC,KAAK;AAAA,QACL,QAAQ,OAAUA,EAAO;AAAA,MAAA;AAAA,MAE3B;AAAA,QACE,OAAO,EAAE,gCAAgC;AAAA,QACzC,KAAK;AAAA,QACL,QAAQ,CAAAA,MACNA,EAAO,iBACHJ,EAAc;AAAA,UACZI,EAAO,eAAe;AAAA,UACtBA,EAAO,eAAe;AAAA,QAAA,IAExB;AAAA,MAAA;AAAA,MAER;AAAA,QACE,OAAO,EAAE,qCAAqC;AAAA,QAC9C,KAAK;AAAA,QACL,QAAQ,CAAAA,MACNA,EAAO,sBACHJ,EAAc;AAAA,UACZI,EAAO,oBAAoB;AAAA,UAC3BA,EAAO,oBAAoB;AAAA,QAAA,IAE7B,EAAE,+BAA+B;AAAA,MAAA;AAAA,IACzC;AAAA,EACF,CACD;AAED,2BAAQC,GAAA,EAAS,OAAO,EAAE,mCAAmC,GAAI,GAAGH,GAAe;AACrF;AAGO,SAASI,EAAiC;AAAA,EAC/C,iBAAAR;AAAA,EACA,cAAAS;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,GAA0C;AACxC,QAAM,EAAE,GAAAC,EAAA,IAAMX,EAAe,0CAA0C,GACjEY,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACJ,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAb,EAAgB,WAAW,IAAIY,EAAE,6BAA6B,IAAIA,EAAE,oBAAoB,GAC3F;AAAA,IACCZ,EAAgB,WAAW,sBACzBa,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAD,EAAE,iCAAiC,GACtC,IAEA,gBAAAG,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAC,EAACJ,EAAW,MAAX,EAAgB,QAAO,YACrB,UAAAD,EAAE,mCAAmC,GACxC;AAAA,MACA,gBAAAK,EAAClB,KAAqB,iBAAAC,EAAA,CAAkC;AAAA,IAAA,GAC1D;AAAA,sBAEDkB,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAD,EAACJ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAAQ,YAAYD,GACjE,UAAAG,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAK,EAACJ,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASF,GAAU,WAAWF,GAChE,UAAAG,EAAE,WAAW,EAAA,CAChB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,59 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { z as l } from "zod";
+import { useForm as h, FormProvider as f } from "react-hook-form";
+import { zodResolver as S } from "@hookform/resolvers/zod";
+import { useTranslation as y } from "react-i18next";
+import { Flex as d } from "../../../../Common/Flex/Flex.js";
+import { ActionsLayout as b } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as g } from "../../../../Common/Form/Form.js";
+import { useComponentContext as v } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { SelectField as C } from "../../../../Common/Fields/SelectField/SelectField.js";
+const P = l.object({
+  defaultPayScheduleUuid: l.string().min(1)
+});
+function x(t) {
+  return [t.customName, t.frequency].filter(Boolean).join(" — ");
+}
+function q({
+  schedules: t,
+  defaultPayScheduleUuid: c,
+  onBack: u,
+  onAddPaySchedule: m,
+  onContinue: s
+}) {
+  const { t: o } = y("Company.Management.PayScheduleAssignment"), n = v(), a = h({
+    resolver: S(P),
+    defaultValues: { defaultPayScheduleUuid: c ?? t[0]?.uuid ?? "" }
+  }), p = a.handleSubmit(({ defaultPayScheduleUuid: i }) => {
+    s(i);
+  });
+  return /* @__PURE__ */ e(f, { ...a, children: /* @__PURE__ */ e(g, { onSubmit: () => {
+    p();
+  }, children: /* @__PURE__ */ r(d, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ e(n.Heading, { as: "h2", children: o("scheduleStep.heading") }),
+    /* @__PURE__ */ r(d, { flexDirection: "column", gap: 12, children: [
+      /* @__PURE__ */ e(
+        C,
+        {
+          name: "defaultPayScheduleUuid",
+          label: o("scheduleStep.payScheduleLabel"),
+          description: o("scheduleStep.payScheduleDescription"),
+          placeholder: "",
+          options: t.map((i) => ({
+            value: i.uuid,
+            label: x(i)
+          }))
+        }
+      ),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: m, children: o("scheduleStep.addPayScheduleCta") }) })
+    ] }),
+    /* @__PURE__ */ r(b, { children: [
+      /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: u, children: o("backCta") }),
+      /* @__PURE__ */ e(n.Button, { variant: "primary", type: "submit", isDisabled: t.length === 0, children: o("continueCta") })
+    ] })
+  ] }) }) });
+}
+export {
+  q as AssignmentScheduleStepPresentation
+};
+//# sourceMappingURL=AssignmentScheduleStepPresentation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssignmentScheduleStepPresentation.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentScheduleStepPresentation.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 { Flex, SelectField, ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport interface AssignmentScheduleStepPresentationProps {\n  schedules: PayScheduleShow[]\n  defaultPayScheduleUuid?: string\n  onBack: () => void\n  onAddPaySchedule: () => void\n  onContinue: (defaultPayScheduleUuid: string) => void\n}\n\nconst ScheduleStepSchema = z.object({\n  defaultPayScheduleUuid: z.string().min(1),\n})\n\ntype ScheduleStepInputs = z.infer<typeof ScheduleStepSchema>\n\nfunction scheduleLabel(schedule: PayScheduleShow): string {\n  return [schedule.customName, schedule.frequency].filter(Boolean).join(' — ')\n}\n\n/** @internal */\nexport function AssignmentScheduleStepPresentation({\n  schedules,\n  defaultPayScheduleUuid,\n  onBack,\n  onAddPaySchedule,\n  onContinue,\n}: AssignmentScheduleStepPresentationProps) {\n  const { t } = useTranslation('Company.Management.PayScheduleAssignment')\n  const Components = useComponentContext()\n\n  const formMethods = useForm<ScheduleStepInputs>({\n    resolver: zodResolver(ScheduleStepSchema),\n    defaultValues: { defaultPayScheduleUuid: defaultPayScheduleUuid ?? schedules[0]?.uuid ?? '' },\n  })\n\n  const handleSubmit = formMethods.handleSubmit(({ defaultPayScheduleUuid: uuid }) => {\n    onContinue(uuid)\n  })\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={() => void handleSubmit()}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Components.Heading as=\"h2\">{t('scheduleStep.heading')}</Components.Heading>\n          <Flex flexDirection=\"column\" gap={12}>\n            <SelectField\n              name=\"defaultPayScheduleUuid\"\n              label={t('scheduleStep.payScheduleLabel')}\n              description={t('scheduleStep.payScheduleDescription')}\n              placeholder=\"\"\n              options={schedules.map(schedule => ({\n                value: schedule.uuid,\n                label: scheduleLabel(schedule),\n              }))}\n            />\n            <div>\n              <Components.Button variant=\"secondary\" onClick={onAddPaySchedule}>\n                {t('scheduleStep.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":["ScheduleStepSchema","z","scheduleLabel","schedule","AssignmentScheduleStepPresentation","schedules","defaultPayScheduleUuid","onBack","onAddPaySchedule","onContinue","t","useTranslation","Components","useComponentContext","formMethods","useForm","zodResolver","handleSubmit","uuid","FormProvider","jsx","Form","jsxs","Flex","SelectField","ActionsLayout"],"mappings":";;;;;;;;;;AAkBA,MAAMA,IAAqBC,EAAE,OAAO;AAAA,EAClC,wBAAwBA,EAAE,OAAA,EAAS,IAAI,CAAC;AAC1C,CAAC;AAID,SAASC,EAAcC,GAAmC;AACxD,SAAO,CAACA,EAAS,YAAYA,EAAS,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK;AAC7E;AAGO,SAASC,EAAmC;AAAA,EACjD,WAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AACF,GAA4C;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0CAA0C,GACjEC,IAAaC,EAAA,GAEbC,IAAcC,EAA4B;AAAA,IAC9C,UAAUC,EAAYhB,CAAkB;AAAA,IACxC,eAAe,EAAE,wBAAwBM,KAA0BD,EAAU,CAAC,GAAG,QAAQ,GAAA;AAAA,EAAG,CAC7F,GAEKY,IAAeH,EAAY,aAAa,CAAC,EAAE,wBAAwBI,QAAW;AAClF,IAAAT,EAAWS,CAAI;AAAA,EACjB,CAAC;AAED,2BACGC,GAAA,EAAc,GAAGL,GAChB,UAAA,gBAAAM,EAACC,KAAK,UAAU,MAAA;AAAM,IAAKJ;KACzB,UAAA,gBAAAK,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAH,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,sBAAsB,GAAE;AAAA,IACvD,gBAAAY,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOd,EAAE,+BAA+B;AAAA,UACxC,aAAaA,EAAE,qCAAqC;AAAA,UACpD,aAAY;AAAA,UACZ,SAASL,EAAU,IAAI,CAAAF,OAAa;AAAA,YAClC,OAAOA,EAAS;AAAA,YAChB,OAAOD,EAAcC,CAAQ;AAAA,UAAA,EAC7B;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ,gBAAAiB,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,UAAAE,EAAE,gCAAgC,GACrC,EAAA,CACF;AAAA,IAAA,GACF;AAAA,sBACCe,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASL,GAC7C,UAAAG,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAU,EAACR,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYP,EAAU,WAAW,GACjF,UAAAK,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

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

@@ -0,0 +1,57 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { z as p } from "zod";
+import { useForm as u, FormProvider as y } from "react-hook-form";
+import { zodResolver as h } from "@hookform/resolvers/zod";
+import { useTranslation as f } from "react-i18next";
+import { PayScheduleAssignmentBodyType as i } from "@gusto/embedded-api/models/components/payscheduleassignmentbody";
+import { Flex as l } from "../../../../Common/Flex/Flex.js";
+import { ActionsLayout as S } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as g } from "../../../../Common/Form/Form.js";
+import { useComponentContext as b } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { RadioGroupField as v } from "../../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+const x = p.object({
+  type: p.literal(i.Single)
+});
+function L({
+  defaultType: m = i.Single,
+  onBack: a,
+  onContinue: s
+}) {
+  const { t: e } = f("Company.Management.PayScheduleAssignment"), o = b(), r = u({
+    resolver: h(x),
+    defaultValues: { type: m }
+  }), c = r.handleSubmit(({ type: d }) => {
+    s(d);
+  });
+  return /* @__PURE__ */ t(y, { ...r, children: /* @__PURE__ */ t(g, { onSubmit: () => {
+    c();
+  }, children: /* @__PURE__ */ n(l, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ n(l, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ t(o.Heading, { as: "h2", children: e("typeStep.heading") }),
+      /* @__PURE__ */ t(o.Text, { variant: "supporting", children: e("typeStep.description") })
+    ] }),
+    /* @__PURE__ */ t(
+      v,
+      {
+        name: "type",
+        label: e("typeStep.heading"),
+        shouldVisuallyHideLabel: !0,
+        options: [
+          {
+            value: i.Single,
+            label: e("typeStep.options.single.label"),
+            description: e("typeStep.options.single.description")
+          }
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(S, { children: [
+      /* @__PURE__ */ t(o.Button, { variant: "secondary", onClick: a, children: e("backCta") }),
+      /* @__PURE__ */ t(o.Button, { variant: "primary", type: "submit", children: e("continueCta") })
+    ] })
+  ] }) }) });
+}
+export {
+  L as AssignmentTypeStepPresentation
+};
+//# sourceMappingURL=AssignmentTypeStepPresentation.js.map