@gusto/embedded-react-sdk 0.57.2 → 0.58.0

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

@@ -1,58 +1,43 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useState as l, useMemo as p } from "react";
-import { createMachine as h } from "robot3";
-import { usePaySchedulesGetAllSuspense as S } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
-import { payScheduleStateMachine as d } from "./payScheduleStateMachine.js";
-import { PayScheduleListContextual as f, PayScheduleFormContextual as y } from "./PayScheduleComponents.js";
-import { BaseComponent as C } from "../../Base/Base.js";
-import { useBase as P } from "../../Base/useBase.js";
-import { useI18n as x, useComponentDictionary as M } from "../../../i18n/I18n.js";
-import { Flow as B } from "../../Flow/Flow.js";
-const D = ({
+import { jsx as r } from "react/jsx-runtime";
+import { useState as u, useMemo as l } from "react";
+import { createMachine as p } from "robot3";
+import { usePaySchedulesGetAllSuspense as h } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { payScheduleStateMachine as S } from "./payScheduleStateMachine.js";
+import { PayScheduleListContextual as d, PayScheduleFormContextual as f } from "./PayScheduleComponents.js";
+import { BaseComponent as y } from "../../Base/Base.js";
+import { useBase as C } from "../../Base/useBase.js";
+import { useI18n as P, useComponentDictionary as x } from "../../../i18n/I18n.js";
+import { Flow as M } from "../../Flow/Flow.js";
+const L = ({
   companyId: e,
-  defaultValues: o,
-  disableWorkweekStartDayEditing: t,
-  dictionary: r,
+  defaultValues: t,
+  dictionary: n,
   ...i
-}) => /* @__PURE__ */ m(C, { ...i, children: /* @__PURE__ */ m(
-  F,
-  {
-    companyId: e,
-    defaultValues: o,
-    disableWorkweekStartDayEditing: t,
-    dictionary: r
-  }
-) });
-function F({
-  companyId: e,
-  defaultValues: o,
-  disableWorkweekStartDayEditing: t,
-  dictionary: r
-}) {
-  x("Company.PaySchedule"), M("Company.PaySchedule", r);
-  const { onEvent: i } = P(), { data: s } = S({ companyId: e }), [{ initialState: a, initialComponent: c }] = l(() => {
-    const n = (s.payScheduleShowResponse?.length ?? 0) > 0;
+}) => /* @__PURE__ */ r(y, { ...i, children: /* @__PURE__ */ r(w, { companyId: e, defaultValues: t, dictionary: n }) });
+function w({ companyId: e, defaultValues: t, dictionary: n }) {
+  P("Company.PaySchedule"), x("Company.PaySchedule", n);
+  const { onEvent: i } = C(), { data: s } = h({ companyId: e }), [{ initialState: a, initialComponent: m }] = u(() => {
+    const o = (s.payScheduleShowResponse?.length ?? 0) > 0;
     return {
-      initialState: n ? "listSchedules" : "addSchedule",
-      initialComponent: n ? f : y
+      initialState: o ? "listSchedules" : "addSchedule",
+      initialComponent: o ? d : f
     };
-  }), u = p(
-    () => h(
+  }), c = l(
+    () => p(
       a,
-      d,
-      (n) => ({
-        ...n,
-        component: c,
+      S,
+      (o) => ({
+        ...o,
+        component: m,
         companyId: e,
-        defaultValues: o,
-        disableWorkweekStartDayEditing: t
+        defaultValues: t
       })
     ),
-    [e, o, t, a, c]
+    [e, t, a, m]
   );
-  return /* @__PURE__ */ m(B, { machine: u, onEvent: i });
+  return /* @__PURE__ */ r(M, { machine: c, onEvent: i });
 }
 export {
-  D as PaySchedule
+  L as PaySchedule
 };
 //# sourceMappingURL=PaySchedule.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/PaySchedule.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { payScheduleStateMachine } from './payScheduleStateMachine'\nimport type { PayScheduleContextInterface } from './PayScheduleComponents'\nimport { PayScheduleFormContextual, PayScheduleListContextual } from './PayScheduleComponents'\nimport type { PayScheduleFormData } from './shared/usePayScheduleForm/payScheduleSchema'\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 type { RequireAtLeastOne } from '@/types/Helpers'\n\n/**\n * The full set of fields that may be pre-filled on the {@link PaySchedule} create form.\n *\n * @public\n */\nexport type PayScheduleDefaultFields = {\n  [\n    K in keyof Pick<\n      PayScheduleFormData,\n      | 'anchorPayDate'\n      | 'anchorEndOfPayPeriod'\n      | 'day1'\n      | 'day2'\n      | 'customName'\n      | 'frequency'\n      | 'workweekStartDay'\n    >\n  ]: NonNullable<PayScheduleFormData[K]>\n}\n\n/**\n * Default values for the {@link PaySchedule} form fields. Server data for an existing pay schedule\n * takes precedence over these defaults when editing.\n *\n * @public\n */\nexport type PayScheduleDefaultValues = RequireAtLeastOne<Partial<PayScheduleDefaultFields>>\n\n/**\n * Props for the {@link PaySchedule} component.\n *\n * @public\n */\nexport interface PayScheduleProps extends BaseComponentInterface<'Company.PaySchedule'> {\n  /** Identifier of the company whose pay schedules are managed. */\n  companyId: string\n  /** Default values used to pre-fill the create form. Ignored fields not listed in {@link PayScheduleDefaultValues}. */\n  defaultValues?: PayScheduleDefaultValues\n  /**\n   * Renders the workweek start day field disabled while still submitting its current value,\n   * for partners that compute the workweek start day themselves and don't want end users\n   * editing it directly. Defaults to `false`.\n   *\n   * @alpha\n   */\n  disableWorkweekStartDayEditing?: boolean\n}\n\n/**\n * Manages a company's pay schedules, including listing existing schedules and creating or editing one.\n *\n * @remarks\n * Renders the schedule list when at least one pay schedule exists and the create form otherwise.\n * Emits the following events through `onEvent`:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `paySchedule/created` | A new pay schedule was created | The created pay schedule entity |\n * | `paySchedule/updated` | An existing pay schedule was updated | The updated pay schedule entity |\n *\n * @param props - {@link PayScheduleProps} plus the standard base component props.\n * @returns The pay schedule list or form depending on whether any schedules exist.\n * @public\n */\nexport const PaySchedule = ({\n  companyId,\n  defaultValues,\n  disableWorkweekStartDayEditing,\n  dictionary,\n  ...props\n}: PayScheduleProps) => {\n  return (\n    <BaseComponent {...props}>\n      <Root\n        companyId={companyId}\n        defaultValues={defaultValues}\n        disableWorkweekStartDayEditing={disableWorkweekStartDayEditing}\n        dictionary={dictionary}\n      />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  defaultValues,\n  disableWorkweekStartDayEditing,\n  dictionary,\n}: Omit<PayScheduleProps, BaseComponentKeys>) {\n  useI18n('Company.PaySchedule')\n  useComponentDictionary('Company.PaySchedule', dictionary)\n  const { onEvent } = useBase()\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n\n  // Freeze the initial routing decision. Recomputing it after a later refetch (e.g. once\n  // the first schedule is created) would re-seat the machine and orphan its interpreter.\n  const [{ initialState, initialComponent }] = useState<{\n    initialState: keyof typeof payScheduleStateMachine\n    initialComponent: typeof PayScheduleListContextual | typeof PayScheduleFormContextual\n  }>(() => {\n    const hasSchedules = (paySchedules.payScheduleShowResponse?.length ?? 0) > 0\n    return {\n      initialState: hasSchedules ? 'listSchedules' : 'addSchedule',\n      initialComponent: hasSchedules ? PayScheduleListContextual : PayScheduleFormContextual,\n    }\n  })\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        payScheduleStateMachine,\n        (initialContext: PayScheduleContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          companyId,\n          defaultValues,\n          disableWorkweekStartDayEditing,\n        }),\n      ),\n    [companyId, defaultValues, disableWorkweekStartDayEditing, initialState, initialComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["PaySchedule","companyId","defaultValues","disableWorkweekStartDayEditing","dictionary","props","jsx","BaseComponent","Root","useI18n","useComponentDictionary","onEvent","useBase","paySchedules","usePaySchedulesGetAllSuspense","initialState","initialComponent","useState","hasSchedules","PayScheduleListContextual","PayScheduleFormContextual","machine","useMemo","createMachine","payScheduleStateMachine","initialContext","Flow"],"mappings":";;;;;;;;;;AAgFO,MAAMA,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gCAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,WAAAP;AAAA,IACA,eAAAC;AAAA,IACA,gCAAAC;AAAA,IACA,YAAAC;AAAA,EAAA;AAAA,GAEJ;AAIJ,SAASI,EAAK;AAAA,EACZ,WAAAP;AAAA,EACA,eAAAC;AAAA,EACA,gCAAAC;AAAA,EACA,YAAAC;AACF,GAA8C;AAC5C,EAAAK,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBN,CAAU;AACxD,QAAM,EAAE,SAAAO,EAAA,IAAYC,EAAA,GACd,EAAE,MAAMC,EAAA,IAAiBC,EAA8B,EAAE,WAAAb,GAAW,GAIpE,CAAC,EAAE,cAAAc,GAAc,kBAAAC,GAAkB,IAAIC,EAG1C,MAAM;AACP,UAAMC,KAAgBL,EAAa,yBAAyB,UAAU,KAAK;AAC3E,WAAO;AAAA,MACL,cAAcK,IAAe,kBAAkB;AAAA,MAC/C,kBAAkBA,IAAeC,IAA4BC;AAAA,IAAA;AAAA,EAEjE,CAAC,GAEKC,IAAUC;AAAA,IACd,MACEC;AAAA,MACER;AAAA,MACAS;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWT;AAAA,QACX,WAAAf;AAAA,QACA,eAAAC;AAAA,QACA,gCAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACF,GAAWC,GAAeC,GAAgCY,GAAcC,CAAgB;AAAA,EAAA;AAG3F,SAAO,gBAAAV,EAACoB,GAAA,EAAK,SAAAL,GAAkB,SAAAV,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"PaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/PaySchedule.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { payScheduleStateMachine } from './payScheduleStateMachine'\nimport type { PayScheduleContextInterface } from './PayScheduleComponents'\nimport { PayScheduleFormContextual, PayScheduleListContextual } from './PayScheduleComponents'\nimport type { PayScheduleFormData } from './shared/usePayScheduleForm/payScheduleSchema'\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 type { RequireAtLeastOne } from '@/types/Helpers'\n\n/**\n * The full set of fields that may be pre-filled on the {@link PaySchedule} create form.\n *\n * @public\n */\nexport type PayScheduleDefaultFields = {\n  [\n    K in keyof Pick<\n      PayScheduleFormData,\n      | 'anchorPayDate'\n      | 'anchorEndOfPayPeriod'\n      | 'day1'\n      | 'day2'\n      | 'customName'\n      | 'frequency'\n      | 'workweekStartDay'\n    >\n  ]: NonNullable<PayScheduleFormData[K]>\n}\n\n/**\n * Default values for the {@link PaySchedule} form fields. Server data for an existing pay schedule\n * takes precedence over these defaults when editing.\n *\n * @public\n */\nexport type PayScheduleDefaultValues = RequireAtLeastOne<Partial<PayScheduleDefaultFields>>\n\n/**\n * Props for the {@link PaySchedule} component.\n *\n * @public\n */\nexport interface PayScheduleProps extends BaseComponentInterface<'Company.PaySchedule'> {\n  /** Identifier of the company whose pay schedules are managed. */\n  companyId: string\n  /** Default values used to pre-fill the create form. Ignored fields not listed in {@link PayScheduleDefaultValues}. */\n  defaultValues?: PayScheduleDefaultValues\n}\n\n/**\n * Manages a company's pay schedules, including listing existing schedules and creating or editing one.\n *\n * @remarks\n * Renders the schedule list when at least one pay schedule exists and the create form otherwise.\n * Emits the following events through `onEvent`:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `paySchedule/created` | A new pay schedule was created | The created pay schedule entity |\n * | `paySchedule/updated` | An existing pay schedule was updated | The updated pay schedule entity |\n *\n * @param props - {@link PayScheduleProps} plus the standard base component props.\n * @returns The pay schedule list or form depending on whether any schedules exist.\n * @public\n */\nexport const PaySchedule = ({\n  companyId,\n  defaultValues,\n  dictionary,\n  ...props\n}: PayScheduleProps) => {\n  return (\n    <BaseComponent {...props}>\n      <Root companyId={companyId} defaultValues={defaultValues} dictionary={dictionary} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, defaultValues, dictionary }: Omit<PayScheduleProps, BaseComponentKeys>) {\n  useI18n('Company.PaySchedule')\n  useComponentDictionary('Company.PaySchedule', dictionary)\n  const { onEvent } = useBase()\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n\n  // Freeze the initial routing decision. Recomputing it after a later refetch (e.g. once\n  // the first schedule is created) would re-seat the machine and orphan its interpreter.\n  const [{ initialState, initialComponent }] = useState<{\n    initialState: keyof typeof payScheduleStateMachine\n    initialComponent: typeof PayScheduleListContextual | typeof PayScheduleFormContextual\n  }>(() => {\n    const hasSchedules = (paySchedules.payScheduleShowResponse?.length ?? 0) > 0\n    return {\n      initialState: hasSchedules ? 'listSchedules' : 'addSchedule',\n      initialComponent: hasSchedules ? PayScheduleListContextual : PayScheduleFormContextual,\n    }\n  })\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        payScheduleStateMachine,\n        (initialContext: PayScheduleContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          companyId,\n          defaultValues,\n        }),\n      ),\n    [companyId, defaultValues, initialState, initialComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["PaySchedule","companyId","defaultValues","dictionary","props","jsx","BaseComponent","Root","useI18n","useComponentDictionary","onEvent","useBase","paySchedules","usePaySchedulesGetAllSuspense","initialState","initialComponent","useState","hasSchedules","PayScheduleListContextual","PayScheduleFormContextual","machine","useMemo","createMachine","payScheduleStateMachine","initialContext","Flow"],"mappings":";;;;;;;;;;AAwEO,MAAMA,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAK,WAAAN,GAAsB,eAAAC,GAA8B,YAAAC,EAAA,CAAwB,EAAA,CACpF;AAIJ,SAASI,EAAK,EAAE,WAAAN,GAAW,eAAAC,GAAe,YAAAC,KAAyD;AACjG,EAAAK,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBN,CAAU;AACxD,QAAM,EAAE,SAAAO,EAAA,IAAYC,EAAA,GACd,EAAE,MAAMC,EAAA,IAAiBC,EAA8B,EAAE,WAAAZ,GAAW,GAIpE,CAAC,EAAE,cAAAa,GAAc,kBAAAC,GAAkB,IAAIC,EAG1C,MAAM;AACP,UAAMC,KAAgBL,EAAa,yBAAyB,UAAU,KAAK;AAC3E,WAAO;AAAA,MACL,cAAcK,IAAe,kBAAkB;AAAA,MAC/C,kBAAkBA,IAAeC,IAA4BC;AAAA,IAAA;AAAA,EAEjE,CAAC,GAEKC,IAAUC;AAAA,IACd,MACEC;AAAA,MACER;AAAA,MACAS;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWT;AAAA,QACX,WAAAd;AAAA,QACA,eAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACD,GAAWC,GAAeY,GAAcC,CAAgB;AAAA,EAAA;AAG3D,SAAO,gBAAAV,EAACoB,GAAA,EAAK,SAAAL,GAAkB,SAAAV,EAAA,CAAkB;AACnD;"}

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

@@ -1,27 +1,26 @@
 import { jsx as t } from "react/jsx-runtime";
-import { PayScheduleList as d } from "./PayScheduleList.js";
+import { PayScheduleList as a } from "./PayScheduleList.js";
 import { PayScheduleForm as c } from "./PayScheduleForm.js";
-import { useFlow as r } from "../../Flow/useFlow.js";
-import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
+import { useFlow as n } from "../../Flow/useFlow.js";
+import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
 function f() {
-  const { companyId: e, onEvent: o } = r();
-  return /* @__PURE__ */ t(d, { onEvent: o, companyId: n(e) });
+  const { companyId: o, onEvent: e } = n();
+  return /* @__PURE__ */ t(a, { onEvent: e, companyId: r(o) });
 }
-function S() {
-  const { companyId: e, payScheduleId: o, defaultValues: a, disableWorkweekStartDayEditing: m, onEvent: u } = r();
+function s() {
+  const { companyId: o, payScheduleId: e, defaultValues: m, onEvent: u } = n();
   return /* @__PURE__ */ t(
     c,
     {
-      companyId: n(e),
-      payScheduleId: o,
-      defaultValues: a,
-      disableWorkweekStartDayEditing: m,
+      companyId: r(o),
+      payScheduleId: e,
+      defaultValues: m,
       onEvent: u
     }
   );
 }
 export {
-  S as PayScheduleFormContextual,
+  s as PayScheduleFormContextual,
   f as PayScheduleListContextual
 };
 //# sourceMappingURL=PayScheduleComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleComponents.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleComponents.tsx"],"sourcesContent":["import type { PayScheduleDefaultValues } from './PaySchedule'\nimport { PayScheduleList } from './PayScheduleList'\nimport { PayScheduleForm } from './PayScheduleForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface PayScheduleContextInterface extends FlowContextInterface {\n  companyId: string\n  payScheduleId?: string\n  defaultValues?: PayScheduleDefaultValues\n  disableWorkweekStartDayEditing?: boolean\n  component: React.ComponentType | null\n}\n\n/** @internal */\nexport function PayScheduleListContextual() {\n  const { companyId, onEvent } = useFlow<PayScheduleContextInterface>()\n  return <PayScheduleList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function PayScheduleFormContextual() {\n  const { companyId, payScheduleId, defaultValues, disableWorkweekStartDayEditing, onEvent } =\n    useFlow<PayScheduleContextInterface>()\n\n  return (\n    <PayScheduleForm\n      companyId={ensureRequired(companyId)}\n      payScheduleId={payScheduleId}\n      defaultValues={defaultValues}\n      disableWorkweekStartDayEditing={disableWorkweekStartDayEditing}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["PayScheduleListContextual","companyId","onEvent","useFlow","PayScheduleList","ensureRequired","PayScheduleFormContextual","payScheduleId","defaultValues","disableWorkweekStartDayEditing","jsx","PayScheduleForm"],"mappings":";;;;;AAgBO,SAASA,IAA4B;AAC1C,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAgB,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAClF;AAGO,SAASK,IAA4B;AAC1C,QAAM,EAAE,WAAAL,GAAW,eAAAM,GAAe,eAAAC,GAAe,gCAAAC,GAAgC,SAAAP,EAAA,IAC/EC,EAAA;AAEF,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWN,EAAeJ,CAAS;AAAA,MACnC,eAAAM;AAAA,MACA,eAAAC;AAAA,MACA,gCAAAC;AAAA,MACA,SAAAP;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayScheduleComponents.js","sources":["../../../../src/components/Company/PaySchedule/PayScheduleComponents.tsx"],"sourcesContent":["import type { PayScheduleDefaultValues } from './PaySchedule'\nimport { PayScheduleList } from './PayScheduleList'\nimport { PayScheduleForm } from './PayScheduleForm'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface PayScheduleContextInterface extends FlowContextInterface {\n  companyId: string\n  payScheduleId?: string\n  defaultValues?: PayScheduleDefaultValues\n  component: React.ComponentType | null\n}\n\n/** @internal */\nexport function PayScheduleListContextual() {\n  const { companyId, onEvent } = useFlow<PayScheduleContextInterface>()\n  return <PayScheduleList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function PayScheduleFormContextual() {\n  const { companyId, payScheduleId, defaultValues, onEvent } =\n    useFlow<PayScheduleContextInterface>()\n\n  return (\n    <PayScheduleForm\n      companyId={ensureRequired(companyId)}\n      payScheduleId={payScheduleId}\n      defaultValues={defaultValues}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["PayScheduleListContextual","companyId","onEvent","useFlow","PayScheduleList","ensureRequired","PayScheduleFormContextual","payScheduleId","defaultValues","jsx","PayScheduleForm"],"mappings":";;;;;AAeO,SAASA,IAA4B;AAC1C,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAgB,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAClF;AAGO,SAASK,IAA4B;AAC1C,QAAM,EAAE,WAAAL,GAAW,eAAAM,GAAe,eAAAC,GAAe,SAAAN,EAAA,IAC/CC,EAAA;AAEF,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWL,EAAeJ,CAAS;AAAA,MACnC,eAAAM;AAAA,MACA,eAAAC;AAAA,MACA,SAAAN;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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":";;;;;;;;;;;AAWA,MAAMA,IAAuBC,EAAE,OAAO;AAAA,EACpC,wBAAwBA,EAAE,SAAS,IAAI,CAAC;AAAA,EACxC,yBAAyBA,EAAE,OAAOA,EAAE,UAAUA,EAAE,OAAA,EAAS,IAAI,CAAC,CAAC;AACjE,CAAC;AAmBM,SAASC,EAAqC;AAAA,EACnD,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AACF,GAA8C;AAC5C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0CAA0C,GACjEC,IAAaC,EAAA,GACbC,IAAcC,EAA8C;AAAA,IAChE,UAAUC,EAAYf,CAAoB;AAAA,IAC1C,kBAAkB;AAAA,IAClB,eAAe;AAAA,MACb,wBAAwBK,EAAU;AAAA,MAClC,yBAAyB,OAAO;AAAA,QAC9BA,EAAU,YAAY,IAAI,CAAAW,MAAS,CAACA,EAAM,gBAAgBA,EAAM,eAAe,CAAC;AAAA,MAAA;AAAA,IAClF;AAAA,EACF,CACD,GACKC,IAAc,CAACC,OAAuE;AAAA,IAC1F,wBAAwBA,EAAO;AAAA,IAC/B,aAAaf,EAAY;AAAA,MAAQ,CAAAgB,MAC/BA,EAAW,OACP;AAAA,QACE;AAAA,UACE,gBAAgBA,EAAW;AAAA,UAC3B,iBAAiBD,EAAO,wBAAwBC,EAAW,IAAI,KAAK;AAAA,QAAA;AAAA,MACtE,IAEF,CAAA;AAAA,IAAC;AAAA,EACP,IAEIC,IAAeP,EAAY,aAAa,CAAAK,MAAU;AACtD,IAAAV,EAAWS,EAAYC,CAAM,CAAC;AAAA,EAChC,CAAC,GACKG,IAAUjB,EAAU,IAAI,CAAAkB,OAAa;AAAA,IACzC,OAAOA,EAAS;AAAA,IAChB,OAAOC,EAAcD,CAAQ;AAAA,EAAA,EAC7B;AAEF,2BACGE,GAAA,EAAc,GAAGX,GAChB,UAAA,gBAAAY,EAACC,KAAK,UAAU,MAAA;AAAM,IAAKN;KACzB,UAAA,gBAAAO,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAH,EAACd,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,wBAAwB,GAAE;AAAA,IACzD,gBAAAkB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,MAAAzB,EAAY,IAAI,CAAAgB,MACf,gBAAAM;AAAA,QAACI;AAAA,QAAA;AAAA,UAEC,MAAM,2BAA2BV,EAAW,IAAI;AAAA,UAChD,cACEd,EAAU,YAAY,KAAK,CAAAW,MAASA,EAAM,mBAAmBG,EAAW,IAAI,GACxE,mBAAmB;AAAA,UAEzB,OAAOA,EAAW,SAASV,EAAE,kCAAkC;AAAA,UAC/D,YAAU;AAAA,UACV,aAAY;AAAA,UACZ,SAAAY;AAAA,QAAA;AAAA,QATKF,EAAW;AAAA,MAAA,CAWnB;AAAA,MACD,gBAAAM;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOpB,EAAE,wCAAwC;AAAA,UACjD,aAAaA,EAAE,8CAA8C;AAAA,UAC7D,YAAU;AAAA,UACV,aAAY;AAAA,UACZ,SAAAY;AAAA,QAAA;AAAA,MAAA;AAAA,wBAED,OAAA,EACC,UAAA,gBAAAI;AAAA,QAACd,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAJ,EAAiBU,EAAYJ,EAAY,UAAA,CAAW,CAAC;AAAA,UACvD;AAAA,UAEC,YAAE,kCAAkC;AAAA,QAAA;AAAA,MAAA,EACvC,CACF;AAAA,IAAA,GACF;AAAA,sBACCiB,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL;AAAA,QAACd,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAL,EAAOW,EAAYJ,EAAY,UAAA,CAAW,CAAC;AAAA,UAC7C;AAAA,UAEC,YAAE,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAY,EAACd,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/AssignmentEmployeeStepPresentation.js

@@ -0,0 +1,136 @@
+import { jsxs as m, Fragment as E, jsx as i } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { useTranslation as x } from "react-i18next";
+import { scheduleLabel as L } from "./scheduleLabel.js";
+import { getPrimaryCompensation as M } from "./employeeJob.js";
+import { firstLastName as p } from "../../../../../helpers/formattedStrings.js";
+import { FlsaStatus as o } from "../../../../../shared/constants.js";
+import { Flex as P } from "../../../../Common/Flex/Flex.js";
+import { ActionsLayout as O } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { useClientPagination as _ } from "../../../../../hooks/useClientPagination/useClientPagination.js";
+import { useComponentContext as T } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDataView as U } from "../../../../Common/DataView/useDataView.js";
+import { DataView as B } from "../../../../Common/DataView/DataView.js";
+function Y({
+  employees: l,
+  schedules: u,
+  selection: d,
+  onBack: c,
+  onAddPaySchedule: y,
+  onContinue: S
+}) {
+  const { t } = x("Company.Management.PayScheduleAssignment"), n = T(), [h, f] = g({}), r = {
+    employees: l.map((e) => {
+      const a = h[e.uuid] ?? d.employees.find((s) => s.employeeUuid === e.uuid)?.payScheduleUuid ?? "";
+      return {
+        employeeUuid: e.uuid,
+        payScheduleUuid: u.some((s) => s.uuid === a) ? a : ""
+      };
+    })
+  }, { data: N, pagination: C } = _(l, { searchDebounceMs: 0 }), b = U({
+    data: N,
+    pagination: C,
+    columns: [
+      {
+        title: t("employeeStep.employeeLabel"),
+        render: (e) => /* @__PURE__ */ m(E, { children: [
+          p({ first_name: e.firstName, last_name: e.lastName }),
+          e.department && /* @__PURE__ */ i(n.Text, { variant: "supporting", size: "sm", children: e.department })
+        ] })
+      },
+      {
+        title: t("employeeStep.typeLabel"),
+        render: (e) => {
+          switch (e.flsaStatus ?? M(e)?.flsaStatus) {
+            case o.EXEMPT:
+            case o.COMMISSION_ONLY_EXEMPT:
+              return t("employeeStep.types.salariedExempt");
+            case o.NONEXEMPT:
+              return t("employeeStep.types.hourly");
+            case o.SALARIED_NONEXEMPT:
+            case o.COMMISSION_ONLY_NONEXEMPT:
+              return t("employeeStep.types.salariedNonexempt");
+            case o.OWNER:
+              return t("employeeStep.types.owner");
+            default:
+              return "—";
+          }
+        }
+      },
+      {
+        title: t("employeeStep.payScheduleLabel"),
+        render: (e) => /* @__PURE__ */ i(
+          n.Select,
+          {
+            label: t("employeeStep.scheduleForEmployee", {
+              name: p({ first_name: e.firstName, last_name: e.lastName })
+            }),
+            shouldVisuallyHideLabel: !0,
+            isRequired: !0,
+            placeholder: "",
+            options: u.map((a) => ({
+              value: a.uuid,
+              label: L(a)
+            })),
+            value: r.employees.find((a) => a.employeeUuid === e.uuid)?.payScheduleUuid ?? "",
+            onChange: (a) => {
+              f((s) => ({ ...s, [e.uuid]: a }));
+            }
+          }
+        )
+      }
+    ]
+  });
+  return /* @__PURE__ */ m(P, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ i(n.Heading, { as: "h2", children: t("employeeStep.heading") }),
+    /* @__PURE__ */ i(
+      n.Box,
+      {
+        withPadding: !1,
+        header: /* @__PURE__ */ i(
+          n.BoxHeader,
+          {
+            title: t("employeeStep.employeesLabel"),
+            action: /* @__PURE__ */ i(
+              n.Button,
+              {
+                variant: "secondary",
+                onClick: () => {
+                  y(r);
+                },
+                children: t("employeeStep.addPayScheduleCta")
+              }
+            )
+          }
+        ),
+        children: /* @__PURE__ */ i(B, { label: t("employeeStep.tableLabel"), isWithinBox: !0, ...b })
+      }
+    ),
+    /* @__PURE__ */ m(O, { children: [
+      /* @__PURE__ */ i(
+        n.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            c(r);
+          },
+          children: t("backCta")
+        }
+      ),
+      /* @__PURE__ */ i(
+        n.Button,
+        {
+          isDisabled: l.length === 0 || r.employees.some((e) => !e.payScheduleUuid),
+          onClick: () => {
+            S(r);
+          },
+          children: t("continueCta")
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Y as AssignmentEmployeeStepPresentation
+};
+//# sourceMappingURL=AssignmentEmployeeStepPresentation.js.map