@gusto/embedded-react-sdk 0.56.7 → 0.57.1

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

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

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleAssignment.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/PayScheduleAssignment.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useEffect, useMemo } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payScheduleAssignmentStateMachine } from './payScheduleAssignmentStateMachine'\nimport { AssignmentTypeStep } from './PayScheduleAssignmentComponents'\nimport type { PayScheduleAssignmentContextInterface } from './usePayScheduleAssignment'\nimport { stripNullAssignmentPreviewFields } from './stripNullAssignmentPreviewFields'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { BaseComponentKeys } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\n/**\n * Props for {@link PayScheduleAssignment}.\n *\n * @alpha\n */\nexport interface PayScheduleAssignmentProps extends BaseComponentInterface<'Company.Management.PayScheduleAssignment'> {\n  /** Company whose pay schedule assignment is managed. */\n  companyId: string\n}\n\n/**\n * Assigns a company's employees to a pay schedule.\n *\n * @remarks\n * Walks through choosing an assignment type, picking (or creating) a pay schedule, and reviewing\n * the employees and transition payrolls affected before submitting. Only the single-schedule\n * assignment type is currently supported. Can be mounted directly or launched from\n * `CompanyManagement.PaySchedule`'s Manage action.\n *\n * The internal step-to-step selection events (assignment type chosen, schedule picked) also\n * bubble through `onEvent` as a side effect of how the underlying `Flow` re-emits every event —\n * they carry no information a host needs mid-flow, since `assigned` reports the final outcome,\n * so they're intentionally left out of the table below.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `paySchedule/create` | The user chose to add a new pay schedule from the picker step | — |\n * | `paySchedule/created` | A new pay schedule was created from the picker step | `{ paySchedule: PayScheduleShow }` |\n * | `paySchedule/management/assignment/cancel` | The user backed out of the flow entirely, from the first step | — |\n * | `paySchedule/management/assignment/assigned` | The assignment was submitted successfully | `{ type: PayScheduleAssignmentBodyType; defaultPayScheduleUuid: string; employeeChanges: PayScheduleAssignmentEmployeeChange[] }` |\n *\n * @alpha\n */\nexport const PayScheduleAssignment = ({\n  companyId,\n  dictionary,\n  ...props\n}: PayScheduleAssignmentProps) => {\n  useUnstableFeature('managePaySchedules', { throwIfDisabled: true })\n\n  return (\n    <BaseComponent {...props}>\n      <Root companyId={companyId} dictionary={dictionary} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, dictionary }: Omit<PayScheduleAssignmentProps, BaseComponentKeys>) {\n  useI18n('Company.Management.PayScheduleAssignment')\n  useComponentDictionary('Company.Management.PayScheduleAssignment', dictionary)\n  // AssignmentCreateScheduleStep reuses the onboarding PayScheduleForm, whose translations live\n  // under its own namespace and are otherwise never loaded from this flow.\n  useI18n('Company.PaySchedule')\n  const { onEvent } = useBase()\n\n  // Temporary: patch the assignment-preview response before the SDK validates it, and log\n  // request/error details for debugging. See stripNullAssignmentPreviewFields for why —\n  // remove both alongside it once the OAS is fixed upstream.\n  const client = useGustoEmbeddedContext()\n  useEffect(() => {\n    const hooks = client._options.hooks\n    if (!hooks) return\n    hooks.registerAfterSuccessHook(stripNullAssignmentPreviewFields)\n\n    return () => {\n      // Remove only the single instance this effect registered — filtering the array would\n      // also drop another concurrently-mounted instance's registration of the same hook.\n      const index = hooks.afterSuccessHooks.indexOf(stripNullAssignmentPreviewFields)\n      if (index !== -1) {\n        hooks.afterSuccessHooks.splice(index, 1)\n      }\n    }\n  }, [client])\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'assignmentType',\n        payScheduleAssignmentStateMachine,\n        (initialContext: PayScheduleAssignmentContextInterface) => ({\n          ...initialContext,\n          component: AssignmentTypeStep,\n          companyId,\n        }),\n      ),\n    [companyId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["PayScheduleAssignment","companyId","dictionary","props","useUnstableFeature","jsx","BaseComponent","Root","useI18n","useComponentDictionary","onEvent","useBase","client","useGustoEmbeddedContext","useEffect","hooks","stripNullAssignmentPreviewFields","index","machine","useMemo","createMachine","payScheduleAssignmentStateMachine","initialContext","AssignmentTypeStep","Flow"],"mappings":";;;;;;;;;;;;AAgDO,MAAMA,IAAwB,CAAC;AAAA,EACpC,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,OACEC,EAAmB,sBAAsB,EAAE,iBAAiB,GAAA,CAAM,GAGhE,gBAAAC,EAACC,KAAe,GAAGH,GACjB,4BAACI,GAAA,EAAK,WAAAN,GAAsB,YAAAC,GAAwB,EAAA,CACtD;AAIJ,SAASK,EAAK,EAAE,WAAAN,GAAW,YAAAC,KAAmE;AAC5F,EAAAM,EAAQ,0CAA0C,GAClDC,EAAuB,4CAA4CP,CAAU,GAG7EM,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAE,EAAA,IAAYC,EAAA,GAKdC,IAASC,EAAA;AACf,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAQH,EAAO,SAAS;AAC9B,QAAKG;AACL,aAAAA,EAAM,yBAAyBC,CAAgC,GAExD,MAAM;AAGX,cAAMC,IAAQF,EAAM,kBAAkB,QAAQC,CAAgC;AAC9E,QAAIC,MAAU,MACZF,EAAM,kBAAkB,OAAOE,GAAO,CAAC;AAAA,MAE3C;AAAA,EACF,GAAG,CAACL,CAAM,CAAC;AAEX,QAAMM,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAA2D;AAAA,QAC1D,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAtB;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACA,CAAS;AAAA,EAAA;AAGZ,SAAO,gBAAAI,EAACmB,GAAA,EAAK,SAAAN,GAAkB,SAAAR,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"PayScheduleAssignment.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/PayScheduleAssignment.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useEffect, useMemo, useState } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { usePaySchedulesGetAssignmentsSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAssignments'\nimport { PayScheduleAssignmentType } from '@gusto/embedded-api/models/components/payscheduleassignment'\nimport type { PayScheduleAssignment as PayScheduleAssignmentEntity } from '@gusto/embedded-api/models/components/payscheduleassignment'\nimport { payScheduleAssignmentStateMachine } from './payScheduleAssignmentStateMachine'\nimport { AssignmentTypeStep } from './PayScheduleAssignmentComponents'\nimport type {\n  PayScheduleAssignmentContextInterface,\n  SupportedAssignmentType,\n} from './usePayScheduleAssignment'\nimport { stripNullAssignmentPreviewFields } from './stripNullAssignmentPreviewFields'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { BaseComponentKeys } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\ntype AssignmentSeed = Pick<\n  PayScheduleAssignmentContextInterface,\n  'assignmentType' | 'defaultPayScheduleUuid' | 'hourlyPayScheduleUuid' | 'salariedPayScheduleUuid'\n>\n\nfunction toSupportedType(\n  type: PayScheduleAssignmentType | null | undefined,\n): SupportedAssignmentType | undefined {\n  switch (type) {\n    case PayScheduleAssignmentType.Single:\n    case PayScheduleAssignmentType.HourlySalaried:\n      return type\n    default:\n      // by_employee and by_department have no step implementations; start from the type step\n      // with nothing preselected rather than seeding a type the flow can't render.\n      return undefined\n  }\n}\n\n/**\n * Builds the flow's starting context from the company's current assignment, so the flow opens\n * on what's already configured instead of proposing a change the user didn't ask for. The type\n * and the uuids have to travel together — without the type, the type step's first Continue\n * counts as a type change and clears the uuids.\n */\nfunction toAssignmentSeed(assignment: PayScheduleAssignmentEntity | undefined): AssignmentSeed {\n  const assignmentType = toSupportedType(assignment?.type)\n\n  if (!assignmentType) {\n    return {}\n  }\n\n  return {\n    assignmentType,\n    defaultPayScheduleUuid: assignment?.defaultPayScheduleUuid ?? undefined,\n    hourlyPayScheduleUuid: assignment?.hourlyPayScheduleUuid ?? undefined,\n    salariedPayScheduleUuid: assignment?.salariedPayScheduleUuid ?? undefined,\n  }\n}\n\n/**\n * Props for {@link PayScheduleAssignment}.\n *\n * @alpha\n */\nexport interface PayScheduleAssignmentProps extends BaseComponentInterface<'Company.Management.PayScheduleAssignment'> {\n  /** Company whose pay schedule assignment is managed. */\n  companyId: string\n}\n\n/**\n * Assigns a company's employees to a pay schedule.\n *\n * @remarks\n * Walks through choosing an assignment type, picking (or creating) a pay schedule, and reviewing\n * the employees and transition payrolls affected before submitting. Opens on the company's\n * current assignment, so submitting without changing anything is a no-op rather than a\n * reassignment. Two assignment types are\n * supported: one schedule for everyone (`single`), or separate schedules for hourly and salaried\n * employees (`hourly_salaried`). Picking the same schedule for both compensation types is\n * submitted as `single`. Can be mounted directly or launched from\n * `CompanyManagement.PaySchedule`'s Manage action.\n *\n * The internal step-to-step selection events (assignment type chosen, schedule picked) also\n * bubble through `onEvent` as a side effect of how the underlying `Flow` re-emits every event —\n * they carry no information a host needs mid-flow, since `assigned` reports the final outcome,\n * so they're intentionally left out of the table below.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `paySchedule/create` | The user chose to add a new pay schedule from the picker step | — |\n * | `paySchedule/created` | A new pay schedule was created from the picker step | `{ paySchedule: PayScheduleShow }` |\n * | `paySchedule/management/assignment/cancel` | The user backed out of the flow entirely, from the first step | — |\n * | `paySchedule/management/assignment/assigned` | The assignment was submitted successfully | `{ employeeChanges: PayScheduleAssignmentEmployeeChange[] }` plus either `{ type: 'single'; defaultPayScheduleUuid: string }` or `{ type: 'hourly_salaried'; hourlyPayScheduleUuid: string; salariedPayScheduleUuid: string }` |\n *\n * @alpha\n */\nexport const PayScheduleAssignment = ({\n  companyId,\n  dictionary,\n  ...props\n}: PayScheduleAssignmentProps) => {\n  useUnstableFeature('managePaySchedules', { throwIfDisabled: true })\n\n  return (\n    <BaseComponent {...props}>\n      <Root companyId={companyId} dictionary={dictionary} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, dictionary }: Omit<PayScheduleAssignmentProps, BaseComponentKeys>) {\n  useI18n('Company.Management.PayScheduleAssignment')\n  useComponentDictionary('Company.Management.PayScheduleAssignment', dictionary)\n  // AssignmentCreateScheduleStep reuses the onboarding PayScheduleForm, whose translations live\n  // under its own namespace and are otherwise never loaded from this flow.\n  useI18n('Company.PaySchedule')\n  const { onEvent } = useBase()\n\n  // Temporary: patch the assignment-preview response before the SDK validates it, and log\n  // request/error details for debugging. See stripNullAssignmentPreviewFields for why —\n  // remove both alongside it once the OAS is fixed upstream.\n  const client = useGustoEmbeddedContext()\n  useEffect(() => {\n    const hooks = client._options.hooks\n    if (!hooks) return\n    hooks.registerAfterSuccessHook(stripNullAssignmentPreviewFields)\n\n    return () => {\n      // Remove only the single instance this effect registered — filtering the array would\n      // also drop another concurrently-mounted instance's registration of the same hook.\n      const index = hooks.afterSuccessHooks.indexOf(stripNullAssignmentPreviewFields)\n      if (index !== -1) {\n        hooks.afterSuccessHooks.splice(index, 1)\n      }\n    }\n  }, [client])\n\n  const { data: assignments } = usePaySchedulesGetAssignmentsSuspense({ companyId })\n\n  /**\n   * Freeze the company's current assignment as the flow's starting point. Submitting the flow\n   * invalidates the whole SDK namespace, so this query refetches mid-submit — recomputing the\n   * seed would re-seat the machine back to the first step and orphan its interpreter.\n   */\n  const [seed] = useState(() => toAssignmentSeed(assignments.payScheduleAssignment))\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'assignmentType',\n        payScheduleAssignmentStateMachine,\n        (initialContext: PayScheduleAssignmentContextInterface) => ({\n          ...initialContext,\n          component: AssignmentTypeStep,\n          companyId,\n          ...seed,\n        }),\n      ),\n    [companyId, seed],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["toSupportedType","type","PayScheduleAssignmentType","toAssignmentSeed","assignment","assignmentType","PayScheduleAssignment","companyId","dictionary","props","useUnstableFeature","jsx","BaseComponent","Root","useI18n","useComponentDictionary","onEvent","useBase","client","useGustoEmbeddedContext","useEffect","hooks","stripNullAssignmentPreviewFields","index","assignments","usePaySchedulesGetAssignmentsSuspense","seed","useState","machine","useMemo","createMachine","payScheduleAssignmentStateMachine","initialContext","AssignmentTypeStep","Flow"],"mappings":";;;;;;;;;;;;;;AAyBA,SAASA,EACPC,GACqC;AACrC,UAAQA,GAAA;AAAA,IACN,KAAKC,EAA0B;AAAA,IAC/B,KAAKA,EAA0B;AAC7B,aAAOD;AAAA,IACT;AAGE;AAAA,EAAO;AAEb;AAQA,SAASE,EAAiBC,GAAqE;AAC7F,QAAMC,IAAiBL,EAAgBI,GAAY,IAAI;AAEvD,SAAKC,IAIE;AAAA,IACL,gBAAAA;AAAA,IACA,wBAAwBD,GAAY,0BAA0B;AAAA,IAC9D,uBAAuBA,GAAY,yBAAyB;AAAA,IAC5D,yBAAyBA,GAAY,2BAA2B;AAAA,EAAA,IAPzD,CAAA;AASX;AAwCO,MAAME,IAAwB,CAAC;AAAA,EACpC,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,OACEC,EAAmB,sBAAsB,EAAE,iBAAiB,GAAA,CAAM,GAGhE,gBAAAC,EAACC,KAAe,GAAGH,GACjB,4BAACI,GAAA,EAAK,WAAAN,GAAsB,YAAAC,GAAwB,EAAA,CACtD;AAIJ,SAASK,EAAK,EAAE,WAAAN,GAAW,YAAAC,KAAmE;AAC5F,EAAAM,EAAQ,0CAA0C,GAClDC,EAAuB,4CAA4CP,CAAU,GAG7EM,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAE,EAAA,IAAYC,EAAA,GAKdC,IAASC,EAAA;AACf,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAQH,EAAO,SAAS;AAC9B,QAAKG;AACL,aAAAA,EAAM,yBAAyBC,CAAgC,GAExD,MAAM;AAGX,cAAMC,IAAQF,EAAM,kBAAkB,QAAQC,CAAgC;AAC9E,QAAIC,MAAU,MACZF,EAAM,kBAAkB,OAAOE,GAAO,CAAC;AAAA,MAE3C;AAAA,EACF,GAAG,CAACL,CAAM,CAAC;AAEX,QAAM,EAAE,MAAMM,EAAA,IAAgBC,EAAsC,EAAE,WAAAlB,GAAW,GAO3E,CAACmB,CAAI,IAAIC,EAAS,MAAMxB,EAAiBqB,EAAY,qBAAqB,CAAC,GAE3EI,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAA2D;AAAA,QAC1D,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAA1B;AAAA,QACA,GAAGmB;AAAA,MAAA;AAAA,IACL;AAAA,IAEJ,CAACnB,GAAWmB,CAAI;AAAA,EAAA;AAGlB,SAAO,gBAAAf,EAACuB,GAAA,EAAK,SAAAN,GAAkB,SAAAZ,EAAA,CAAkB;AACnD;"}

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

@@ -1,101 +1,141 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useState as g, useMemo as P, useEffect as h } from "react";
-import { usePaySchedulesGetAllSuspense as C } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
-import { usePaySchedulesPreviewAssignmentMutation as _ } from "@gusto/embedded-api/react-query/paySchedulesPreviewAssignment";
+import { jsx as r } from "react/jsx-runtime";
+import { useState as C, useMemo as _, useEffect as U } from "react";
+import { usePaySchedulesGetAllSuspense as T } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { usePaySchedulesPreviewAssignmentMutation as L } from "@gusto/embedded-api/react-query/paySchedulesPreviewAssignment";
 import { usePaySchedulesAssignMutation as v } from "@gusto/embedded-api/react-query/paySchedulesAssign";
-import { PayScheduleAssignmentBodyType as p } from "@gusto/embedded-api/models/components/payscheduleassignmentbody";
-import { AssignmentTypeStepPresentation as T } from "./AssignmentTypeStepPresentation.js";
-import { AssignmentScheduleStepPresentation as L } from "./AssignmentScheduleStepPresentation.js";
+import { PayScheduleAssignmentBodyType as l } from "@gusto/embedded-api/models/components/payscheduleassignmentbody";
+import { AssignmentTypeStepPresentation as D } from "./AssignmentTypeStepPresentation.js";
+import { AssignmentScheduleStepPresentation as H } from "./AssignmentScheduleStepPresentation.js";
+import { AssignmentCompensationStepPresentation as N } from "./AssignmentCompensationStepPresentation.js";
 import { AssignmentReviewStepPresentation as I } from "./AssignmentReviewStepPresentation.js";
-import { PayScheduleForm as U } from "../../PayScheduleForm.js";
-import { useFlow as d } from "../../../../Flow/useFlow.js";
-import { BaseLayout as N } from "../../../../Base/Base.js";
-import { useBase as D } from "../../../../Base/useBase.js";
-import { ensureRequired as u } from "../../../../../helpers/ensureRequired.js";
-import { componentEvents as s } from "../../../../../shared/constants.js";
-function J() {
-  const { assignmentType: e, onEvent: n } = d();
-  return /* @__PURE__ */ a(
-    T,
+import { PayScheduleForm as B } from "../../PayScheduleForm.js";
+import { useFlow as A } from "../../../../Flow/useFlow.js";
+import { BaseLayout as Y } from "../../../../Base/Base.js";
+import { useBase as w } from "../../../../Base/useBase.js";
+import { ensureRequired as i } from "../../../../../helpers/ensureRequired.js";
+import { componentEvents as n } from "../../../../../shared/constants.js";
+function X() {
+  const { assignmentType: t, onEvent: o } = A();
+  return /* @__PURE__ */ r(
+    D,
     {
-      defaultType: e === p.Single ? e : void 0,
+      defaultType: t,
       onBack: () => {
-        n(s.PAY_SCHEDULE_ASSIGNMENT_CANCEL);
+        o(n.PAY_SCHEDULE_ASSIGNMENT_CANCEL);
       },
-      onContinue: (t) => {
-        n(s.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED, { type: t });
+      onContinue: (u) => {
+        o(n.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED, { type: u });
       }
     }
   );
 }
-function O() {
-  const { companyId: e, defaultPayScheduleUuid: n, onEvent: t } = d(), { data: m } = C({
-    companyId: u(e)
-  }), i = m.payScheduleShowResponse ?? [], S = i.find((o) => o.active);
-  return /* @__PURE__ */ a(
-    L,
+function Z() {
+  const {
+    companyId: t,
+    assignmentType: o,
+    defaultPayScheduleUuid: u,
+    hourlyPayScheduleUuid: y,
+    salariedPayScheduleUuid: p,
+    onEvent: s
+  } = A(), { data: d } = T({
+    companyId: i(t)
+  }), a = d.payScheduleShowResponse ?? [], S = a.find((e) => e.active), c = (e) => a.some((h) => h.uuid === e) ? e : S?.uuid;
+  return o === l.HourlySalaried ? /* @__PURE__ */ r(
+    N,
     {
-      schedules: i,
-      defaultPayScheduleUuid: n ?? S?.uuid,
+      schedules: a,
+      hourlyPayScheduleUuid: c(y),
+      salariedPayScheduleUuid: c(p),
       onBack: () => {
-        t(s.PAY_SCHEDULE_ASSIGNMENT_BACK);
+        s(n.PAY_SCHEDULE_ASSIGNMENT_BACK);
       },
       onAddPaySchedule: () => {
-        t(s.PAY_SCHEDULE_CREATE);
+        s(n.PAY_SCHEDULE_CREATE);
       },
-      onContinue: (o) => {
-        t(s.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED, {
-          defaultPayScheduleUuid: o
+      onContinue: (e) => {
+        s(n.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED, e);
+      }
+    }
+  ) : /* @__PURE__ */ r(
+    H,
+    {
+      schedules: a,
+      defaultPayScheduleUuid: c(u),
+      onBack: () => {
+        s(n.PAY_SCHEDULE_ASSIGNMENT_BACK);
+      },
+      onAddPaySchedule: () => {
+        s(n.PAY_SCHEDULE_CREATE);
+      },
+      onContinue: (e) => {
+        s(n.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED, {
+          defaultPayScheduleUuid: e
         });
       }
     }
   );
 }
-function Q() {
-  const { companyId: e, onEvent: n } = d();
-  return /* @__PURE__ */ a(U, { companyId: u(e), onEvent: n });
+function $() {
+  const { companyId: t, onEvent: o } = A();
+  return /* @__PURE__ */ r(B, { companyId: i(t), onEvent: o });
 }
-function V() {
-  const { companyId: e, assignmentType: n, defaultPayScheduleUuid: t, onEvent: m } = d(), { baseSubmitHandler: i, error: S } = D(), [o, y] = g(null), { mutateAsync: c, isPending: l } = _(), { mutateAsync: E, isPending: A } = v(), r = P(
-    () => ({
-      type: n ?? p.Single,
-      defaultPayScheduleUuid: t
-    }),
-    [n, t]
-  );
-  return h(() => {
-    i(void 0, async () => {
-      const f = await c({
-        request: { companyId: u(e), payScheduleAssignmentBody: r }
+function ee() {
+  const {
+    companyId: t,
+    assignmentType: o,
+    defaultPayScheduleUuid: u,
+    hourlyPayScheduleUuid: y,
+    salariedPayScheduleUuid: p,
+    onEvent: s
+  } = A(), { baseSubmitHandler: d, error: a } = w(), [S, c] = C(null), { mutateAsync: e, isPending: h } = L(), { mutateAsync: f, isPending: g } = v(), E = _(() => {
+    if (o === l.HourlySalaried) {
+      const m = i(y), P = i(p);
+      return m === P ? {
+        type: l.Single,
+        defaultPayScheduleUuid: m
+      } : {
+        type: l.HourlySalaried,
+        hourlyPayScheduleUuid: m,
+        salariedPayScheduleUuid: P
+      };
+    }
+    return {
+      type: l.Single,
+      defaultPayScheduleUuid: i(u)
+    };
+  }, [o, u, y, p]);
+  return U(() => {
+    d(void 0, async () => {
+      const m = await e({
+        request: { companyId: i(t), payScheduleAssignmentBody: E }
       });
-      y(f.payScheduleAssignmentPreview?.employeeChanges ?? []);
+      c(m.payScheduleAssignmentPreview?.employeeChanges ?? []);
     });
-  }, [e, r, c, i]), S ? null : l || !o ? /* @__PURE__ */ a(N, { isLoading: !0 }) : /* @__PURE__ */ a(
+  }, [t, E, e, d]), a ? null : h || !S ? /* @__PURE__ */ r(Y, { isLoading: !0 }) : /* @__PURE__ */ r(
     I,
     {
-      employeeChanges: o,
-      isSubmitting: A,
+      employeeChanges: S,
+      isSubmitting: g,
       onBack: () => {
-        m(s.PAY_SCHEDULE_ASSIGNMENT_BACK);
+        s(n.PAY_SCHEDULE_ASSIGNMENT_BACK);
       },
       onSubmit: () => {
-        i(void 0, async () => {
-          await E({
-            request: { companyId: u(e), payScheduleAssignmentBody: r }
-          }), m(s.PAY_SCHEDULE_ASSIGNED, {
-            type: r.type,
-            defaultPayScheduleUuid: u(t),
-            employeeChanges: o
-          });
+        d(void 0, async () => {
+          await f({
+            request: {
+              companyId: i(t),
+              payScheduleAssignmentBody: E
+            }
+          }), s(n.PAY_SCHEDULE_ASSIGNED, { ...E, employeeChanges: S });
         });
       }
     }
   );
 }
 export {
-  Q as AssignmentCreateScheduleStep,
-  V as AssignmentReviewStep,
-  O as AssignmentScheduleStep,
-  J as AssignmentTypeStep
+  $ as AssignmentCreateScheduleStep,
+  ee as AssignmentReviewStep,
+  Z as AssignmentScheduleStep,
+  X as AssignmentTypeStep
 };
 //# sourceMappingURL=PayScheduleAssignmentComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleAssignmentComponents.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/PayScheduleAssignmentComponents.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePaySchedulesPreviewAssignmentMutation } from '@gusto/embedded-api/react-query/paySchedulesPreviewAssignment'\nimport { usePaySchedulesAssignMutation } from '@gusto/embedded-api/react-query/paySchedulesAssign'\nimport { PayScheduleAssignmentBodyType } from '@gusto/embedded-api/models/components/payscheduleassignmentbody'\nimport type { PayScheduleAssignmentBody } from '@gusto/embedded-api/models/components/payscheduleassignmentbody'\nimport type { PayScheduleAssignmentEmployeeChange } from '@gusto/embedded-api/models/components/payscheduleassignmentemployeechange'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { AssignmentTypeStepPresentation } from './AssignmentTypeStepPresentation'\nimport { AssignmentScheduleStepPresentation } from './AssignmentScheduleStepPresentation'\nimport { AssignmentReviewStepPresentation } from './AssignmentReviewStepPresentation'\nimport type { PayScheduleAssignmentContextInterface } from './usePayScheduleAssignment'\nimport { PayScheduleForm } from '@/components/Company/PaySchedule/PayScheduleForm'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useBase, BaseLayout } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\n/** @internal */\nexport type EventPayloads = {\n  [componentEvents.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED]: { type: PayScheduleAssignmentBodyType }\n  [componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED]: { defaultPayScheduleUuid: string }\n  [componentEvents.PAY_SCHEDULE_CREATED]: { paySchedule: PayScheduleShow }\n  [componentEvents.PAY_SCHEDULE_ASSIGNED]: {\n    type: PayScheduleAssignmentBodyType\n    defaultPayScheduleUuid: string\n    employeeChanges: PayScheduleAssignmentEmployeeChange[]\n  }\n}\n\n/** @internal */\nexport function AssignmentTypeStep() {\n  const { assignmentType, onEvent } = useFlow<PayScheduleAssignmentContextInterface>()\n\n  return (\n    <AssignmentTypeStepPresentation\n      defaultType={\n        assignmentType === PayScheduleAssignmentBodyType.Single ? assignmentType : undefined\n      }\n      onBack={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_CANCEL)\n      }}\n      onContinue={type => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED, { type })\n      }}\n    />\n  )\n}\n\n/** @internal */\nexport function AssignmentScheduleStep() {\n  const { companyId, defaultPayScheduleUuid, onEvent } =\n    useFlow<PayScheduleAssignmentContextInterface>()\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({\n    companyId: ensureRequired(companyId),\n  })\n  const schedules = paySchedules.payScheduleShowResponse ?? []\n  const activeSchedule = schedules.find(s => s.active)\n\n  return (\n    <AssignmentScheduleStepPresentation\n      schedules={schedules}\n      defaultPayScheduleUuid={defaultPayScheduleUuid ?? activeSchedule?.uuid}\n      onBack={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK)\n      }}\n      onAddPaySchedule={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_CREATE)\n      }}\n      onContinue={uuid => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED, {\n          defaultPayScheduleUuid: uuid,\n        })\n      }}\n    />\n  )\n}\n\n/** @internal */\nexport function AssignmentCreateScheduleStep() {\n  const { companyId, onEvent } = useFlow<PayScheduleAssignmentContextInterface>()\n\n  return <PayScheduleForm companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function AssignmentReviewStep() {\n  const { companyId, assignmentType, defaultPayScheduleUuid, onEvent } =\n    useFlow<PayScheduleAssignmentContextInterface>()\n  const { baseSubmitHandler, error } = useBase()\n  const [employeeChanges, setEmployeeChanges] = useState<\n    PayScheduleAssignmentEmployeeChange[] | null\n  >(null)\n  const { mutateAsync: previewAssignment, isPending: isPreviewLoading } =\n    usePaySchedulesPreviewAssignmentMutation()\n  const { mutateAsync: assignSchedules, isPending: isAssigning } = usePaySchedulesAssignMutation()\n\n  const payScheduleAssignmentBody: PayScheduleAssignmentBody = useMemo(\n    () => ({\n      type: assignmentType ?? PayScheduleAssignmentBodyType.Single,\n      defaultPayScheduleUuid,\n    }),\n    [assignmentType, defaultPayScheduleUuid],\n  )\n\n  useEffect(() => {\n    void baseSubmitHandler(undefined, async () => {\n      const response = await previewAssignment({\n        request: { companyId: ensureRequired(companyId), payScheduleAssignmentBody },\n      })\n      setEmployeeChanges(response.payScheduleAssignmentPreview?.employeeChanges ?? [])\n    })\n  }, [companyId, payScheduleAssignmentBody, previewAssignment, baseSubmitHandler])\n\n  // The enclosing BaseComponent's own BaseLayout already renders `error` for this whole\n  // component tree, so surface only the loading state here to avoid rendering it twice.\n  if (error) {\n    return null\n  }\n  if (isPreviewLoading || !employeeChanges) {\n    return <BaseLayout isLoading />\n  }\n\n  return (\n    <AssignmentReviewStepPresentation\n      employeeChanges={employeeChanges}\n      isSubmitting={isAssigning}\n      onBack={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK)\n      }}\n      onSubmit={() => {\n        void baseSubmitHandler(undefined, async () => {\n          await assignSchedules({\n            request: { companyId: ensureRequired(companyId), payScheduleAssignmentBody },\n          })\n          onEvent(componentEvents.PAY_SCHEDULE_ASSIGNED, {\n            type: payScheduleAssignmentBody.type,\n            defaultPayScheduleUuid: ensureRequired(defaultPayScheduleUuid),\n            employeeChanges,\n          })\n        })\n      }}\n    />\n  )\n}\n"],"names":["AssignmentTypeStep","assignmentType","onEvent","useFlow","jsx","AssignmentTypeStepPresentation","PayScheduleAssignmentBodyType","componentEvents","type","AssignmentScheduleStep","companyId","defaultPayScheduleUuid","paySchedules","usePaySchedulesGetAllSuspense","ensureRequired","schedules","activeSchedule","s","AssignmentScheduleStepPresentation","uuid","AssignmentCreateScheduleStep","PayScheduleForm","AssignmentReviewStep","baseSubmitHandler","error","useBase","employeeChanges","setEmployeeChanges","useState","previewAssignment","isPreviewLoading","usePaySchedulesPreviewAssignmentMutation","assignSchedules","isAssigning","usePaySchedulesAssignMutation","payScheduleAssignmentBody","useMemo","useEffect","response","BaseLayout","AssignmentReviewStepPresentation"],"mappings":"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"}
+{"version":3,"file":"PayScheduleAssignmentComponents.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/PayScheduleAssignmentComponents.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePaySchedulesPreviewAssignmentMutation } from '@gusto/embedded-api/react-query/paySchedulesPreviewAssignment'\nimport { usePaySchedulesAssignMutation } from '@gusto/embedded-api/react-query/paySchedulesAssign'\nimport { PayScheduleAssignmentBodyType } from '@gusto/embedded-api/models/components/payscheduleassignmentbody'\nimport type { PayScheduleAssignmentEmployeeChange } from '@gusto/embedded-api/models/components/payscheduleassignmentemployeechange'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { AssignmentTypeStepPresentation } from './AssignmentTypeStepPresentation'\nimport { AssignmentScheduleStepPresentation } from './AssignmentScheduleStepPresentation'\nimport { AssignmentCompensationStepPresentation } from './AssignmentCompensationStepPresentation'\nimport { AssignmentReviewStepPresentation } from './AssignmentReviewStepPresentation'\nimport type {\n  PayScheduleAssignmentContextInterface,\n  SupportedAssignmentType,\n} from './usePayScheduleAssignment'\nimport { PayScheduleForm } from '@/components/Company/PaySchedule/PayScheduleForm'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useBase, BaseLayout } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * The assignment the user built, already collapsed to the type that actually gets submitted.\n * Doubles as the request body and as the `assigned` event payload.\n *\n * @internal\n */\nexport type AssignmentSelection =\n  | {\n      type: typeof PayScheduleAssignmentBodyType.Single\n      defaultPayScheduleUuid: string\n    }\n  | {\n      type: typeof PayScheduleAssignmentBodyType.HourlySalaried\n      hourlyPayScheduleUuid: string\n      salariedPayScheduleUuid: string\n    }\n\n/** @internal */\nexport type EventPayloads = {\n  [componentEvents.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED]: { type: SupportedAssignmentType }\n  [componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED]:\n    | { defaultPayScheduleUuid: string }\n    | { hourlyPayScheduleUuid: string; salariedPayScheduleUuid: string }\n  [componentEvents.PAY_SCHEDULE_CREATED]: { paySchedule: PayScheduleShow }\n  [componentEvents.PAY_SCHEDULE_ASSIGNED]: AssignmentSelection & {\n    employeeChanges: PayScheduleAssignmentEmployeeChange[]\n  }\n}\n\n/** @internal */\nexport function AssignmentTypeStep() {\n  const { assignmentType, onEvent } = useFlow<PayScheduleAssignmentContextInterface>()\n\n  return (\n    <AssignmentTypeStepPresentation\n      defaultType={assignmentType}\n      onBack={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_CANCEL)\n      }}\n      onContinue={type => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED, { type })\n      }}\n    />\n  )\n}\n\n/** @internal */\nexport function AssignmentScheduleStep() {\n  const {\n    companyId,\n    assignmentType,\n    defaultPayScheduleUuid,\n    hourlyPayScheduleUuid,\n    salariedPayScheduleUuid,\n    onEvent,\n  } = useFlow<PayScheduleAssignmentContextInterface>()\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({\n    companyId: ensureRequired(companyId),\n  })\n  const schedules = paySchedules.payScheduleShowResponse ?? []\n  const activeSchedule = schedules.find(s => s.active)\n  /**\n   * A uuid carried in from the company's existing assignment has no option to select if the\n   * schedule is no longer in the company's list, which would leave the dropdown blank.\n   */\n  const preselect = (uuid: string | undefined) =>\n    schedules.some(s => s.uuid === uuid) ? uuid : activeSchedule?.uuid\n\n  if (assignmentType === PayScheduleAssignmentBodyType.HourlySalaried) {\n    return (\n      <AssignmentCompensationStepPresentation\n        schedules={schedules}\n        hourlyPayScheduleUuid={preselect(hourlyPayScheduleUuid)}\n        salariedPayScheduleUuid={preselect(salariedPayScheduleUuid)}\n        onBack={() => {\n          onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK)\n        }}\n        onAddPaySchedule={() => {\n          onEvent(componentEvents.PAY_SCHEDULE_CREATE)\n        }}\n        onContinue={selection => {\n          onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED, selection)\n        }}\n      />\n    )\n  }\n\n  return (\n    <AssignmentScheduleStepPresentation\n      schedules={schedules}\n      defaultPayScheduleUuid={preselect(defaultPayScheduleUuid)}\n      onBack={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK)\n      }}\n      onAddPaySchedule={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_CREATE)\n      }}\n      onContinue={uuid => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED, {\n          defaultPayScheduleUuid: uuid,\n        })\n      }}\n    />\n  )\n}\n\n/** @internal */\nexport function AssignmentCreateScheduleStep() {\n  const { companyId, onEvent } = useFlow<PayScheduleAssignmentContextInterface>()\n\n  return <PayScheduleForm companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function AssignmentReviewStep() {\n  const {\n    companyId,\n    assignmentType,\n    defaultPayScheduleUuid,\n    hourlyPayScheduleUuid,\n    salariedPayScheduleUuid,\n    onEvent,\n  } = useFlow<PayScheduleAssignmentContextInterface>()\n  const { baseSubmitHandler, error } = useBase()\n  const [employeeChanges, setEmployeeChanges] = useState<\n    PayScheduleAssignmentEmployeeChange[] | null\n  >(null)\n  const { mutateAsync: previewAssignment, isPending: isPreviewLoading } =\n    usePaySchedulesPreviewAssignmentMutation()\n  const { mutateAsync: assignSchedules, isPending: isAssigning } = usePaySchedulesAssignMutation()\n\n  const assignment: AssignmentSelection = useMemo(() => {\n    if (assignmentType === PayScheduleAssignmentBodyType.HourlySalaried) {\n      const hourly = ensureRequired(hourlyPayScheduleUuid)\n      const salaried = ensureRequired(salariedPayScheduleUuid)\n\n      // One schedule for both compensation types is a single-schedule assignment. Collapsing\n      // here rather than at submit keeps the previewed changes identical to what gets sent.\n      if (hourly === salaried) {\n        return {\n          type: PayScheduleAssignmentBodyType.Single,\n          defaultPayScheduleUuid: hourly,\n        }\n      }\n\n      return {\n        type: PayScheduleAssignmentBodyType.HourlySalaried,\n        hourlyPayScheduleUuid: hourly,\n        salariedPayScheduleUuid: salaried,\n      }\n    }\n\n    return {\n      type: PayScheduleAssignmentBodyType.Single,\n      defaultPayScheduleUuid: ensureRequired(defaultPayScheduleUuid),\n    }\n  }, [assignmentType, defaultPayScheduleUuid, hourlyPayScheduleUuid, salariedPayScheduleUuid])\n\n  useEffect(() => {\n    void baseSubmitHandler(undefined, async () => {\n      const response = await previewAssignment({\n        request: { companyId: ensureRequired(companyId), payScheduleAssignmentBody: assignment },\n      })\n      setEmployeeChanges(response.payScheduleAssignmentPreview?.employeeChanges ?? [])\n    })\n  }, [companyId, assignment, previewAssignment, baseSubmitHandler])\n\n  // The enclosing BaseComponent's own BaseLayout already renders `error` for this whole\n  // component tree, so surface only the loading state here to avoid rendering it twice.\n  if (error) {\n    return null\n  }\n  if (isPreviewLoading || !employeeChanges) {\n    return <BaseLayout isLoading />\n  }\n\n  return (\n    <AssignmentReviewStepPresentation\n      employeeChanges={employeeChanges}\n      isSubmitting={isAssigning}\n      onBack={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK)\n      }}\n      onSubmit={() => {\n        void baseSubmitHandler(undefined, async () => {\n          await assignSchedules({\n            request: {\n              companyId: ensureRequired(companyId),\n              payScheduleAssignmentBody: assignment,\n            },\n          })\n          onEvent(componentEvents.PAY_SCHEDULE_ASSIGNED, { ...assignment, employeeChanges })\n        })\n      }}\n    />\n  )\n}\n"],"names":["AssignmentTypeStep","assignmentType","onEvent","useFlow","jsx","AssignmentTypeStepPresentation","componentEvents","type","AssignmentScheduleStep","companyId","defaultPayScheduleUuid","hourlyPayScheduleUuid","salariedPayScheduleUuid","paySchedules","usePaySchedulesGetAllSuspense","ensureRequired","schedules","activeSchedule","s","preselect","uuid","PayScheduleAssignmentBodyType","AssignmentCompensationStepPresentation","selection","AssignmentScheduleStepPresentation","AssignmentCreateScheduleStep","PayScheduleForm","AssignmentReviewStep","baseSubmitHandler","error","useBase","employeeChanges","setEmployeeChanges","useState","previewAssignment","isPreviewLoading","usePaySchedulesPreviewAssignmentMutation","assignSchedules","isAssigning","usePaySchedulesAssignMutation","assignment","useMemo","hourly","salaried","useEffect","response","BaseLayout","AssignmentReviewStepPresentation"],"mappings":"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"}