@gusto/embedded-react-sdk 0.56.5 → 0.56.7-rc.1

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

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

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

@@ -1 +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;"}
+{"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'\nimport type {\n  DeepPartial,\n  ResourceDictionary,\n  Resources,\n  SupportedLanguages,\n} from '@/types/Helpers'\n\n/**\n * Translation overrides for {@link PaySchedule}, covering both its own namespace and\n * `Company.Management.AutoPilotDialog` — the AutoPilot dialog is an internal spoke of this\n * flow with no standalone `dictionary` prop of its own.\n *\n * @alpha\n */\nexport type PayScheduleDictionary = {\n  [Lang in SupportedLanguages]?: {\n    'Company.Management.PaySchedule'?: DeepPartial<Resources['Company.Management.PaySchedule']>\n    'Company.Management.AutoPilotDialog'?: DeepPartial<\n      Resources['Company.Management.AutoPilotDialog']\n    >\n  }\n}\n\nfunction pickNamespaceDictionary<K extends keyof Resources>(\n  dictionary: PayScheduleDictionary | undefined,\n  ns: K,\n): ResourceDictionary<K> | undefined {\n  if (!dictionary) return undefined\n\n  const picked = {} as Record<SupportedLanguages, DeepPartial<Resources[K]>>\n  for (const lang in dictionary) {\n    const langKey = lang as SupportedLanguages\n    const nsValue = (\n      dictionary[langKey] as Partial<Record<K, DeepPartial<Resources[K]>>> | undefined\n    )?.[ns]\n    if (nsValue) {\n      picked[langKey] = nsValue\n    }\n  }\n  return Object.keys(picked).length > 0 ? (picked as ResourceDictionary<K>) : undefined\n}\n\n/**\n * Props for {@link PaySchedule}.\n *\n * @alpha\n */\nexport interface PayScheduleProps extends Omit<\n  BaseComponentInterface<'Company.Management.PaySchedule'>,\n  'dictionary'\n> {\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  /** Overrides for this flow's i18n strings, including the AutoPilot dialog's. */\n  dictionary?: PayScheduleDictionary\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(\n    'Company.Management.PaySchedule',\n    pickNamespaceDictionary(dictionary, 'Company.Management.PaySchedule'),\n  )\n  // AutoPilotDialog is an internal spoke off PayScheduleOverviewContextual, not standalone-\n  // mountable, so PaySchedule's own dictionary covers this namespace too.\n  useI18n('Company.Management.AutoPilotDialog')\n  useComponentDictionary(\n    'Company.Management.AutoPilotDialog',\n    pickNamespaceDictionary(dictionary, 'Company.Management.AutoPilotDialog'),\n  )\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":["pickNamespaceDictionary","dictionary","ns","picked","lang","langKey","nsValue","PaySchedule","companyId","enableAutoPilot","enableMultipleSchedules","props","useUnstableFeature","jsx","BaseComponent","Root","useI18n","useComponentDictionary","onEvent","useBase","paySchedules","usePaySchedulesGetAllSuspense","initialState","initialComponent","useState","hasSchedules","PayScheduleOverviewContextual","PayScheduleEditFormContextual","machine","useMemo","createMachine","payScheduleManagementStateMachine","initialContext","Flow"],"mappings":";;;;;;;;;;;AAuCA,SAASA,EACPC,GACAC,GACmC;AACnC,MAAI,CAACD,EAAY;AAEjB,QAAME,IAAS,CAAA;AACf,aAAWC,KAAQH,GAAY;AAC7B,UAAMI,IAAUD,GACVE,IACJL,EAAWI,CAAO,IAChBH,CAAE;AACN,IAAII,MACFH,EAAOE,CAAO,IAAIC;AAAA,EAEtB;AACA,SAAO,OAAO,KAAKH,CAAM,EAAE,SAAS,IAAKA,IAAmC;AAC9E;AA8BO,MAAMI,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,YAAAT;AAAA,EACA,GAAGU;AACL,OACEC,EAAmB,sBAAsB,EAAE,iBAAiB,GAAA,CAAM,GAGhE,gBAAAC,EAACC,GAAA,EAAe,GAAGH,GACjB,UAAA,gBAAAE;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,WAAAP;AAAA,IACA,iBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,YAAAT;AAAA,EAAA;AAAA,GAEJ;AAIJ,SAASc,EAAK;AAAA,EACZ,WAAAP;AAAA,EACA,iBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,YAAAT;AACF,GAA8C;AAC5C,EAAAe,EAAQ,gCAAgC,GACxCC;AAAA,IACE;AAAA,IACAjB,EAAwBC,GAAY,gCAAgC;AAAA,EAAA,GAItEe,EAAQ,oCAAoC,GAC5CC;AAAA,IACE;AAAA,IACAjB,EAAwBC,GAAY,oCAAoC;AAAA,EAAA,GAI1Ee,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAE,EAAA,IAAYC,EAAA,GACd,EAAE,MAAMC,EAAA,IAAiBC,EAA8B,EAAE,WAAAb,GAAW,GAMpE,CAAC,EAAE,cAAAc,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,WAAAf;AAAA,QACA,iBAAAC;AAAA,QACA,yBAAAC;AAAA,QACA,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,IAEJ,CAACF,GAAWC,GAAiBC,GAAyBY,GAAcC,CAAgB;AAAA,EAAA;AAGtF,SAAO,gBAAAV,EAACoB,GAAA,EAAK,SAAAL,GAAkB,SAAAV,EAAA,CAAkB;AACnD;"}

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

@@ -0,0 +1,70 @@
+import { jsx as e, jsxs as t } 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 { 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";
+import { useComponentContext as U } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { SelectField as c } from "../../../../Common/Fields/SelectField/SelectField.js";
+const D = a.object({
+  hourlyPayScheduleUuid: a.string().min(1),
+  salariedPayScheduleUuid: a.string().min(1)
+});
+function V({
+  schedules: i,
+  hourlyPayScheduleUuid: u,
+  salariedPayScheduleUuid: s,
+  onBack: p,
+  onAddPaySchedule: h,
+  onContinue: S
+}) {
+  const { t: o } = C("Company.Management.PayScheduleAssignment"), n = U(), r = f({
+    resolver: b(D),
+    defaultValues: {
+      hourlyPayScheduleUuid: u ?? i[0]?.uuid ?? "",
+      salariedPayScheduleUuid: s ?? i[0]?.uuid ?? ""
+    }
+  }), y = r.handleSubmit(S), l = i.map((d) => ({
+    value: d.uuid,
+    label: g(d)
+  }));
+  return /* @__PURE__ */ e(P, { ...r, children: /* @__PURE__ */ e(x, { onSubmit: () => {
+    y();
+  }, children: /* @__PURE__ */ t(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__ */ e(
+        c,
+        {
+          name: "hourlyPayScheduleUuid",
+          label: o("compensationStep.hourlyPayScheduleLabel"),
+          description: o("compensationStep.hourlyPayScheduleDescription"),
+          placeholder: "",
+          options: l
+        }
+      ),
+      /* @__PURE__ */ e(
+        c,
+        {
+          name: "salariedPayScheduleUuid",
+          label: o("compensationStep.salariedPayScheduleLabel"),
+          description: o("compensationStep.salariedPayScheduleDescription"),
+          placeholder: "",
+          options: l
+        }
+      ),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: h, children: o("compensationStep.addPayScheduleCta") }) })
+    ] }),
+    /* @__PURE__ */ t(v, { children: [
+      /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: p, children: o("backCta") }),
+      /* @__PURE__ */ e(n.Button, { variant: "primary", type: "submit", isDisabled: i.length === 0, children: o("continueCta") })
+    ] })
+  ] }) }) });
+}
+export {
+  V as AssignmentCompensationStepPresentation
+};
+//# sourceMappingURL=AssignmentCompensationStepPresentation.js.map

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

@@ -0,0 +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;"}

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

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

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

@@ -1 +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;"}
+{"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 { 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 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\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","AssignmentScheduleStepPresentation","schedules","defaultPayScheduleUuid","onBack","onAddPaySchedule","onContinue","useTranslation","Components","useComponentContext","formMethods","useForm","zodResolver","handleSubmit","uuid","FormProvider","jsx","Form","jsxs","Flex","SelectField","schedule","scheduleLabel","ActionsLayout"],"mappings":";;;;;;;;;;;AAmBA,MAAMA,IAAqBC,EAAE,OAAO;AAAA,EAClC,wBAAwBA,EAAE,OAAA,EAAS,IAAI,CAAC;AAC1C,CAAC;AAKM,SAASC,EAAmC;AAAA,EACjD,WAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AACF,GAA4C;AAC1C,QAAM,EAAE,EAAA,IAAMC,EAAe,0CAA0C,GACjEC,IAAaC,EAAA,GAEbC,IAAcC,EAA4B;AAAA,IAC9C,UAAUC,EAAYb,CAAkB;AAAA,IACxC,eAAe,EAAE,wBAAwBI,KAA0BD,EAAU,CAAC,GAAG,QAAQ,GAAA;AAAA,EAAG,CAC7F,GAEKW,IAAeH,EAAY,aAAa,CAAC,EAAE,wBAAwBI,QAAW;AAClF,IAAAR,EAAWQ,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,UAAA,EAAE,sBAAsB,GAAE;AAAA,IACvD,gBAAAU,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO,EAAE,+BAA+B;AAAA,UACxC,aAAa,EAAE,qCAAqC;AAAA,UACpD,aAAY;AAAA,UACZ,SAASlB,EAAU,IAAI,CAAAmB,OAAa;AAAA,YAClC,OAAOA,EAAS;AAAA,YAChB,OAAOC,EAAcD,CAAQ;AAAA,UAAA,EAC7B;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJ,gBAAAL,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAA,EAAE,gCAAgC,GACrC,EAAA,CACF;AAAA,IAAA,GACF;AAAA,sBACCkB,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAY,EAACR,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYN,EAAU,WAAW,GACjF,UAAA,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

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

@@ -1,34 +1,37 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { z as p } from "zod";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { z as n } 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 { zodResolver as S } from "@hookform/resolvers/zod";
+import { useTranslation as h } from "react-i18next";
+import { PayScheduleAssignmentBodyType as o } from "@gusto/embedded-api/models/components/payscheduleassignmentbody";
+import { Flex as p } from "../../../../Common/Flex/Flex.js";
+import { ActionsLayout as f } 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)
+const x = n.object({
+  type: n.union([
+    n.literal(o.Single),
+    n.literal(o.HourlySalaried)
+  ])
 });
 function L({
-  defaultType: m = i.Single,
-  onBack: a,
-  onContinue: s
+  defaultType: a = o.Single,
+  onBack: s,
+  onContinue: m
 }) {
-  const { t: e } = f("Company.Management.PayScheduleAssignment"), o = b(), r = u({
-    resolver: h(x),
-    defaultValues: { type: m }
-  }), c = r.handleSubmit(({ type: d }) => {
-    s(d);
+  const { t: e } = h("Company.Management.PayScheduleAssignment"), i = b(), l = u({
+    resolver: S(x),
+    defaultValues: { type: a }
+  }), d = l.handleSubmit(({ type: c }) => {
+    m(c);
   });
-  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") })
+  return /* @__PURE__ */ t(y, { ...l, children: /* @__PURE__ */ t(g, { onSubmit: () => {
+    d();
+  }, children: /* @__PURE__ */ r(p, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ r(p, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ t(i.Heading, { as: "h2", children: e("typeStep.heading") }),
+      /* @__PURE__ */ t(i.Text, { variant: "supporting", children: e("typeStep.description") })
     ] }),
     /* @__PURE__ */ t(
       v,
@@ -38,16 +41,21 @@ function L({
         shouldVisuallyHideLabel: !0,
         options: [
           {
-            value: i.Single,
+            value: o.Single,
             label: e("typeStep.options.single.label"),
             description: e("typeStep.options.single.description")
+          },
+          {
+            value: o.HourlySalaried,
+            label: e("typeStep.options.hourlySalaried.label"),
+            description: e("typeStep.options.hourlySalaried.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") })
+    /* @__PURE__ */ r(f, { children: [
+      /* @__PURE__ */ t(i.Button, { variant: "secondary", onClick: s, children: e("backCta") }),
+      /* @__PURE__ */ t(i.Button, { variant: "primary", type: "submit", children: e("continueCta") })
     ] })
   ] }) }) });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"AssignmentTypeStepPresentation.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentTypeStepPresentation.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 { PayScheduleAssignmentBodyType } from '@gusto/embedded-api/models/components/payscheduleassignmentbody'\nimport { Flex, RadioGroupField, ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport interface AssignmentTypeStepPresentationProps {\n  defaultType?: typeof PayScheduleAssignmentBodyType.Single\n  onBack: () => void\n  onContinue: (type: PayScheduleAssignmentBodyType) => void\n}\n\nconst TypeStepSchema = z.object({\n  type: z.literal(PayScheduleAssignmentBodyType.Single),\n})\n\ntype TypeStepInputs = z.infer<typeof TypeStepSchema>\n\n/** @internal */\nexport function AssignmentTypeStepPresentation({\n  defaultType = PayScheduleAssignmentBodyType.Single,\n  onBack,\n  onContinue,\n}: AssignmentTypeStepPresentationProps) {\n  const { t } = useTranslation('Company.Management.PayScheduleAssignment')\n  const Components = useComponentContext()\n\n  const formMethods = useForm<TypeStepInputs>({\n    resolver: zodResolver(TypeStepSchema),\n    defaultValues: { type: defaultType },\n  })\n\n  const handleSubmit = formMethods.handleSubmit(({ type }) => {\n    onContinue(type)\n  })\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={() => void handleSubmit()}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">{t('typeStep.heading')}</Components.Heading>\n            <Components.Text variant=\"supporting\">{t('typeStep.description')}</Components.Text>\n          </Flex>\n          <RadioGroupField\n            name=\"type\"\n            label={t('typeStep.heading')}\n            shouldVisuallyHideLabel\n            options={[\n              {\n                value: PayScheduleAssignmentBodyType.Single,\n                label: t('typeStep.options.single.label'),\n                description: t('typeStep.options.single.description'),\n              },\n            ]}\n          />\n          <ActionsLayout>\n            <Components.Button variant=\"secondary\" onClick={onBack}>\n              {t('backCta')}\n            </Components.Button>\n            <Components.Button variant=\"primary\" type=\"submit\">\n              {t('continueCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["TypeStepSchema","z","PayScheduleAssignmentBodyType","AssignmentTypeStepPresentation","defaultType","onBack","onContinue","t","useTranslation","Components","useComponentContext","formMethods","useForm","zodResolver","handleSubmit","type","FormProvider","jsx","Form","jsxs","Flex","RadioGroupField","ActionsLayout"],"mappings":";;;;;;;;;;;AAgBA,MAAMA,IAAiBC,EAAE,OAAO;AAAA,EAC9B,MAAMA,EAAE,QAAQC,EAA8B,MAAM;AACtD,CAAC;AAKM,SAASC,EAA+B;AAAA,EAC7C,aAAAC,IAAcF,EAA8B;AAAA,EAC5C,QAAAG;AAAA,EACA,YAAAC;AACF,GAAwC;AACtC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0CAA0C,GACjEC,IAAaC,EAAA,GAEbC,IAAcC,EAAwB;AAAA,IAC1C,UAAUC,EAAYb,CAAc;AAAA,IACpC,eAAe,EAAE,MAAMI,EAAA;AAAA,EAAY,CACpC,GAEKU,IAAeH,EAAY,aAAa,CAAC,EAAE,MAAAI,QAAW;AAC1D,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,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,kBAAkB,GAAE;AAAA,MACnD,gBAAAU,EAACR,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,sBAAsB,EAAA,CAAE;AAAA,IAAA,GACnE;AAAA,IACA,gBAAAU;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOd,EAAE,kBAAkB;AAAA,QAC3B,yBAAuB;AAAA,QACvB,SAAS;AAAA,UACP;AAAA,YACE,OAAOL,EAA8B;AAAA,YACrC,OAAOK,EAAE,+BAA+B;AAAA,YACxC,aAAaA,EAAE,qCAAqC;AAAA,UAAA;AAAA,QACtD;AAAA,MACF;AAAA,IAAA;AAAA,sBAEDe,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,UAAAE,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAU,EAACR,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UACvC,UAAAF,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"AssignmentTypeStepPresentation.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentTypeStepPresentation.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 { PayScheduleAssignmentBodyType } from '@gusto/embedded-api/models/components/payscheduleassignmentbody'\nimport type { SupportedAssignmentType } from './usePayScheduleAssignment'\nimport { Flex, RadioGroupField, ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport interface AssignmentTypeStepPresentationProps {\n  defaultType?: SupportedAssignmentType\n  onBack: () => void\n  onContinue: (type: SupportedAssignmentType) => void\n}\n\nconst TypeStepSchema = z.object({\n  type: z.union([\n    z.literal(PayScheduleAssignmentBodyType.Single),\n    z.literal(PayScheduleAssignmentBodyType.HourlySalaried),\n  ]),\n})\n\ntype TypeStepInputs = z.infer<typeof TypeStepSchema>\n\n/** @internal */\nexport function AssignmentTypeStepPresentation({\n  defaultType = PayScheduleAssignmentBodyType.Single,\n  onBack,\n  onContinue,\n}: AssignmentTypeStepPresentationProps) {\n  const { t } = useTranslation('Company.Management.PayScheduleAssignment')\n  const Components = useComponentContext()\n\n  const formMethods = useForm<TypeStepInputs>({\n    resolver: zodResolver(TypeStepSchema),\n    defaultValues: { type: defaultType },\n  })\n\n  const handleSubmit = formMethods.handleSubmit(({ type }) => {\n    onContinue(type)\n  })\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={() => void handleSubmit()}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">{t('typeStep.heading')}</Components.Heading>\n            <Components.Text variant=\"supporting\">{t('typeStep.description')}</Components.Text>\n          </Flex>\n          <RadioGroupField\n            name=\"type\"\n            label={t('typeStep.heading')}\n            shouldVisuallyHideLabel\n            options={[\n              {\n                value: PayScheduleAssignmentBodyType.Single,\n                label: t('typeStep.options.single.label'),\n                description: t('typeStep.options.single.description'),\n              },\n              {\n                value: PayScheduleAssignmentBodyType.HourlySalaried,\n                label: t('typeStep.options.hourlySalaried.label'),\n                description: t('typeStep.options.hourlySalaried.description'),\n              },\n            ]}\n          />\n          <ActionsLayout>\n            <Components.Button variant=\"secondary\" onClick={onBack}>\n              {t('backCta')}\n            </Components.Button>\n            <Components.Button variant=\"primary\" type=\"submit\">\n              {t('continueCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["TypeStepSchema","z","PayScheduleAssignmentBodyType","AssignmentTypeStepPresentation","defaultType","onBack","onContinue","t","useTranslation","Components","useComponentContext","formMethods","useForm","zodResolver","handleSubmit","type","FormProvider","jsx","Form","jsxs","Flex","RadioGroupField","ActionsLayout"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,IAAiBC,EAAE,OAAO;AAAA,EAC9B,MAAMA,EAAE,MAAM;AAAA,IACZA,EAAE,QAAQC,EAA8B,MAAM;AAAA,IAC9CD,EAAE,QAAQC,EAA8B,cAAc;AAAA,EAAA,CACvD;AACH,CAAC;AAKM,SAASC,EAA+B;AAAA,EAC7C,aAAAC,IAAcF,EAA8B;AAAA,EAC5C,QAAAG;AAAA,EACA,YAAAC;AACF,GAAwC;AACtC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0CAA0C,GACjEC,IAAaC,EAAA,GAEbC,IAAcC,EAAwB;AAAA,IAC1C,UAAUC,EAAYb,CAAc;AAAA,IACpC,eAAe,EAAE,MAAMI,EAAA;AAAA,EAAY,CACpC,GAEKU,IAAeH,EAAY,aAAa,CAAC,EAAE,MAAAI,QAAW;AAC1D,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,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,kBAAkB,GAAE;AAAA,MACnD,gBAAAU,EAACR,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,sBAAsB,EAAA,CAAE;AAAA,IAAA,GACnE;AAAA,IACA,gBAAAU;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOd,EAAE,kBAAkB;AAAA,QAC3B,yBAAuB;AAAA,QACvB,SAAS;AAAA,UACP;AAAA,YACE,OAAOL,EAA8B;AAAA,YACrC,OAAOK,EAAE,+BAA+B;AAAA,YACxC,aAAaA,EAAE,qCAAqC;AAAA,UAAA;AAAA,UAEtD;AAAA,YACE,OAAOL,EAA8B;AAAA,YACrC,OAAOK,EAAE,uCAAuC;AAAA,YAChD,aAAaA,EAAE,6CAA6C;AAAA,UAAA;AAAA,QAC9D;AAAA,MACF;AAAA,IAAA;AAAA,sBAEDe,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,UAAAE,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAU,EAACR,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UACvC,UAAAF,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

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

@@ -1,46 +1,67 @@
 import { jsx as s } from "react/jsx-runtime";
 import { createMachine as p } from "robot3";
-import { useEffect as u, useMemo as f } from "react";
-import { useGustoEmbeddedContext as l } from "@gusto/embedded-api/react-query/_context";
-import { payScheduleAssignmentStateMachine as d } from "./payScheduleAssignmentStateMachine.js";
-import { AssignmentTypeStep as h } from "./PayScheduleAssignmentComponents.js";
-import { stripNullAssignmentPreviewFields as i } from "./stripNullAssignmentPreviewFields.js";
-import { Flow as g } from "../../../../Flow/Flow.js";
-import { BaseComponent as y } from "../../../../Base/Base.js";
-import { useBase as S } from "../../../../Base/useBase.js";
-import { useI18n as a, useComponentDictionary as A } from "../../../../../i18n/I18n.js";
-import { useUnstableFeature as C } from "../../../../../contexts/UnstableFeaturesProvider/useUnstableFeature.js";
-const j = ({
-  companyId: o,
+import { useEffect as f, useState as S, useMemo as h } from "react";
+import { useGustoEmbeddedContext as y } from "@gusto/embedded-api/react-query/_context";
+import { usePaySchedulesGetAssignmentsSuspense as g } from "@gusto/embedded-api/react-query/paySchedulesGetAssignments";
+import { PayScheduleAssignmentType as a } from "@gusto/embedded-api/models/components/payscheduleassignment";
+import { payScheduleAssignmentStateMachine as P } from "./payScheduleAssignmentStateMachine.js";
+import { AssignmentTypeStep as A } from "./PayScheduleAssignmentComponents.js";
+import { stripNullAssignmentPreviewFields as m } from "./stripNullAssignmentPreviewFields.js";
+import { Flow as U } from "../../../../Flow/Flow.js";
+import { BaseComponent as v } from "../../../../Base/Base.js";
+import { useBase as C } from "../../../../Base/useBase.js";
+import { useI18n as c, useComponentDictionary as k } from "../../../../../i18n/I18n.js";
+import { useUnstableFeature as x } from "../../../../../contexts/UnstableFeaturesProvider/useUnstableFeature.js";
+function M(e) {
+  switch (e) {
+    case a.Single:
+    case a.HourlySalaried:
+      return e;
+    default:
+      return;
+  }
+}
+function T(e) {
+  const t = M(e?.type);
+  return t ? {
+    assignmentType: t,
+    defaultPayScheduleUuid: e?.defaultPayScheduleUuid ?? void 0,
+    hourlyPayScheduleUuid: e?.hourlyPayScheduleUuid ?? void 0,
+    salariedPayScheduleUuid: e?.salariedPayScheduleUuid ?? void 0
+  } : {};
+}
+const I = ({
+  companyId: e,
   dictionary: t,
   ...n
-}) => (C("managePaySchedules", { throwIfDisabled: !0 }), /* @__PURE__ */ s(y, { ...n, children: /* @__PURE__ */ s(P, { companyId: o, dictionary: t }) }));
-function P({ companyId: o, dictionary: t }) {
-  a("Company.Management.PayScheduleAssignment"), A("Company.Management.PayScheduleAssignment", t), a("Company.PaySchedule");
-  const { onEvent: n } = S(), r = l();
-  u(() => {
-    const e = r._options.hooks;
-    if (e)
-      return e.registerAfterSuccessHook(i), () => {
-        const m = e.afterSuccessHooks.indexOf(i);
-        m !== -1 && e.afterSuccessHooks.splice(m, 1);
+}) => (x("managePaySchedules", { throwIfDisabled: !0 }), /* @__PURE__ */ s(v, { ...n, children: /* @__PURE__ */ s(w, { companyId: e, dictionary: t }) }));
+function w({ companyId: e, dictionary: t }) {
+  c("Company.Management.PayScheduleAssignment"), k("Company.Management.PayScheduleAssignment", t), c("Company.PaySchedule");
+  const { onEvent: n } = C(), r = y();
+  f(() => {
+    const o = r._options.hooks;
+    if (o)
+      return o.registerAfterSuccessHook(m), () => {
+        const u = o.afterSuccessHooks.indexOf(m);
+        u !== -1 && o.afterSuccessHooks.splice(u, 1);
       };
   }, [r]);
-  const c = f(
+  const { data: d } = g({ companyId: e }), [i] = S(() => T(d.payScheduleAssignment)), l = h(
     () => p(
       "assignmentType",
-      d,
-      (e) => ({
-        ...e,
-        component: h,
-        companyId: o
+      P,
+      (o) => ({
+        ...o,
+        component: A,
+        companyId: e,
+        ...i
       })
     ),
-    [o]
+    [e, i]
   );
-  return /* @__PURE__ */ s(g, { machine: c, onEvent: n });
+  return /* @__PURE__ */ s(U, { machine: l, onEvent: n });
 }
 export {
-  j as PayScheduleAssignment
+  I as PayScheduleAssignment
 };
 //# sourceMappingURL=PayScheduleAssignment.js.map