@gusto/embedded-react-sdk 0.57.2 → 0.57.3

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssignmentEmployeeStepPresentation.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentEmployeeStepPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ShowEmployees } from '@gusto/embedded-api/models/components/showemployees'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payschedulelistitem'\nimport { scheduleLabel } from './scheduleLabel'\nimport { getPrimaryCompensation } from './employeeJob'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { FlsaStatus } from '@/shared/constants'\nimport { ActionsLayout, DataView, Flex, useDataView } from '@/components/Common'\nimport { useClientPagination } from '@/hooks/useClientPagination/useClientPagination'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Employee UUIDs and their selected schedules.\n *\n * @internal\n */\nexport type EmployeeSelection = {\n  employees: { employeeUuid: string; payScheduleUuid: string }[]\n}\n\n/**\n * Props for the paginated employee assignment picker.\n *\n * @internal\n */\nexport interface AssignmentEmployeeStepPresentationProps {\n  employees: ShowEmployees[]\n  schedules: PayScheduleShow[]\n  selection: EmployeeSelection\n  onBack: (selection: EmployeeSelection) => void\n  onAddPaySchedule: (selection: EmployeeSelection) => void\n  onContinue: (selection: EmployeeSelection) => void\n}\n\n/**\n * Renders a schedule picker for every employee, retaining choices across pages.\n *\n * @param props - Employee roster, schedule choices, draft, and navigation callbacks.\n * @returns The paginated employee assignment step.\n * @internal\n */\nexport function AssignmentEmployeeStepPresentation({\n  employees,\n  schedules,\n  selection,\n  onBack,\n  onAddPaySchedule,\n  onContinue,\n}: AssignmentEmployeeStepPresentationProps) {\n  const { t } = useTranslation('Company.Management.PayScheduleAssignment')\n  const Components = useComponentContext()\n  const [choices, setChoices] = useState<Record<string, string>>({})\n  const currentSelection: EmployeeSelection = {\n    employees: employees.map(employee => {\n      const uuid =\n        choices[employee.uuid] ??\n        selection.employees.find(entry => entry.employeeUuid === employee.uuid)?.payScheduleUuid ??\n        ''\n      return {\n        employeeUuid: employee.uuid,\n        payScheduleUuid: schedules.some(schedule => schedule.uuid === uuid) ? uuid : '',\n      }\n    }),\n  }\n  const { data, pagination } = useClientPagination(employees, { searchDebounceMs: 0 })\n  const table = useDataView<ShowEmployees>({\n    data,\n    pagination,\n    columns: [\n      {\n        title: t('employeeStep.employeeLabel'),\n        render: employee => (\n          <>\n            {firstLastName({ first_name: employee.firstName, last_name: employee.lastName })}\n            {employee.department && (\n              <Components.Text variant=\"supporting\" size=\"sm\">\n                {employee.department}\n              </Components.Text>\n            )}\n          </>\n        ),\n      },\n      {\n        title: t('employeeStep.typeLabel'),\n        render: employee => {\n          const status = employee.flsaStatus ?? getPrimaryCompensation(employee)?.flsaStatus\n          switch (status) {\n            case FlsaStatus.EXEMPT:\n            case FlsaStatus.COMMISSION_ONLY_EXEMPT:\n              return t('employeeStep.types.salariedExempt')\n            case FlsaStatus.NONEXEMPT:\n              return t('employeeStep.types.hourly')\n            case FlsaStatus.SALARIED_NONEXEMPT:\n            case FlsaStatus.COMMISSION_ONLY_NONEXEMPT:\n              return t('employeeStep.types.salariedNonexempt')\n            case FlsaStatus.OWNER:\n              return t('employeeStep.types.owner')\n            default:\n              return '—'\n          }\n        },\n      },\n      {\n        title: t('employeeStep.payScheduleLabel'),\n        render: employee => (\n          <Components.Select\n            label={t('employeeStep.scheduleForEmployee', {\n              name: firstLastName({ first_name: employee.firstName, last_name: employee.lastName }),\n            })}\n            shouldVisuallyHideLabel\n            isRequired\n            placeholder=\"\"\n            options={schedules.map(schedule => ({\n              value: schedule.uuid,\n              label: scheduleLabel(schedule),\n            }))}\n            value={\n              currentSelection.employees.find(entry => entry.employeeUuid === employee.uuid)\n                ?.payScheduleUuid ?? ''\n            }\n            onChange={value => {\n              setChoices(previous => ({ ...previous, [employee.uuid]: value }))\n            }}\n          />\n        ),\n      },\n    ],\n  })\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Components.Heading as=\"h2\">{t('employeeStep.heading')}</Components.Heading>\n      <Components.Box\n        withPadding={false}\n        header={\n          <Components.BoxHeader\n            title={t('employeeStep.employeesLabel')}\n            action={\n              <Components.Button\n                variant=\"secondary\"\n                onClick={() => {\n                  onAddPaySchedule(currentSelection)\n                }}\n              >\n                {t('employeeStep.addPayScheduleCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <DataView label={t('employeeStep.tableLabel')} isWithinBox {...table} />\n      </Components.Box>\n      <ActionsLayout>\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            onBack(currentSelection)\n          }}\n        >\n          {t('backCta')}\n        </Components.Button>\n        <Components.Button\n          isDisabled={\n            employees.length === 0 ||\n            currentSelection.employees.some(entry => !entry.payScheduleUuid)\n          }\n          onClick={() => {\n            onContinue(currentSelection)\n          }}\n        >\n          {t('continueCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["AssignmentEmployeeStepPresentation","employees","schedules","selection","onBack","onAddPaySchedule","onContinue","useTranslation","Components","useComponentContext","choices","setChoices","useState","currentSelection","employee","uuid","entry","schedule","data","pagination","useClientPagination","table","useDataView","jsxs","Fragment","firstLastName","jsx","getPrimaryCompensation","FlsaStatus","scheduleLabel","value","previous","Flex","DataView","ActionsLayout"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 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";
@@ -12,24 +12,24 @@ import { SelectField as P } from "../../../../Common/Fields/SelectField/SelectFi
 const x = a.object({
   defaultPayScheduleUuid: a.string().min(1)
 });
-function R({
-  schedules: n,
+function H({
+  schedules: r,
   defaultPayScheduleUuid: c,
-  onBack: m,
-  onAddPaySchedule: u,
+  onBack: u,
+  onAddPaySchedule: m,
   onContinue: s
 }) {
-  const { t } = y("Company.Management.PayScheduleAssignment"), o = C(), l = h({
+  const { t } = y("Company.Management.PayScheduleAssignment"), o = C(), i = h({
     resolver: f(x),
-    defaultValues: { defaultPayScheduleUuid: c ?? n[0]?.uuid ?? "" }
-  }), p = l.handleSubmit(({ defaultPayScheduleUuid: i }) => {
-    s(i);
+    defaultValues: { defaultPayScheduleUuid: c ?? r[0]?.uuid ?? "" }
+  }), p = i.handleSubmit(({ defaultPayScheduleUuid: n }) => {
+    s(n);
   });
-  return /* @__PURE__ */ e(S, { ...l, children: /* @__PURE__ */ e(v, { onSubmit: () => {
+  return /* @__PURE__ */ e(S, { ...i, children: /* @__PURE__ */ e(v, { onSubmit: () => {
     p();
-  }, children: /* @__PURE__ */ r(d, { flexDirection: "column", gap: 32, children: [
+  }, children: /* @__PURE__ */ l(d, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ e(o.Heading, { as: "h2", children: t("scheduleStep.heading") }),
-    /* @__PURE__ */ r(d, { flexDirection: "column", gap: 12, children: [
+    /* @__PURE__ */ l(d, { flexDirection: "column", gap: 12, children: [
       /* @__PURE__ */ e(
         P,
         {
@@ -37,21 +37,39 @@ function R({
           label: t("scheduleStep.payScheduleLabel"),
           description: t("scheduleStep.payScheduleDescription"),
           placeholder: "",
-          options: n.map((i) => ({
-            value: i.uuid,
-            label: b(i)
+          options: r.map((n) => ({
+            value: n.uuid,
+            label: b(n)
           }))
         }
       ),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(o.Button, { variant: "secondary", onClick: u, children: t("scheduleStep.addPayScheduleCta") }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        o.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            m(i.getValues());
+          },
+          children: t("scheduleStep.addPayScheduleCta")
+        }
+      ) })
     ] }),
-    /* @__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") })
+    /* @__PURE__ */ l(g, { children: [
+      /* @__PURE__ */ e(
+        o.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            u(i.getValues());
+          },
+          children: t("backCta")
+        }
+      ),
+      /* @__PURE__ */ e(o.Button, { variant: "primary", type: "submit", isDisabled: r.length === 0, children: t("continueCta") })
     ] })
   ] }) }) });
 }
 export {
-  R as AssignmentScheduleStepPresentation
+  H 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 { 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;"}
+{"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/payschedulelistitem'\nimport { scheduleLabel } from './scheduleLabel'\nimport { Flex, SelectField, ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport interface AssignmentScheduleStepPresentationProps {\n  schedules: PayScheduleShow[]\n  defaultPayScheduleUuid?: string\n  onBack: (selection: ScheduleStepInputs) => void\n  onAddPaySchedule: (selection: ScheduleStepInputs) => 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\n                variant=\"secondary\"\n                onClick={() => {\n                  onAddPaySchedule(formMethods.getValues())\n                }}\n              >\n                {t('scheduleStep.addPayScheduleCta')}\n              </Components.Button>\n            </div>\n          </Flex>\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onBack(formMethods.getValues())\n              }}\n            >\n              {t('backCta')}\n            </Components.Button>\n            <Components.Button variant=\"primary\" type=\"submit\" isDisabled={schedules.length === 0}>\n              {t('continueCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["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,wBAEH,OAAA,EACC,UAAA,gBAAAL;AAAA,QAACR,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAH,EAAiBK,EAAY,WAAW;AAAA,UAC1C;AAAA,UAEC,YAAE,gCAAgC;AAAA,QAAA;AAAA,MAAA,EACrC,CACF;AAAA,IAAA,GACF;AAAA,sBACCa,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP;AAAA,QAACR,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAJ,EAAOM,EAAY,WAAW;AAAA,UAChC;AAAA,UAEC,YAAE,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAM,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,65 +1,99 @@
-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 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 = n.object({
-  type: n.union([
-    n.literal(o.Single),
-    n.literal(o.HourlySalaried)
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { z as l } from "zod";
+import { useForm as g, FormProvider as f } from "react-hook-form";
+import { zodResolver as B } from "@hookform/resolvers/zod";
+import { useTranslation as v } from "react-i18next";
+import { PayScheduleAssignmentBodyType as e } from "@gusto/embedded-api/models/components/payscheduleassignmentbody";
+import { Flex as u } from "../../../../Common/Flex/Flex.js";
+import { ActionsLayout as x } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as C } from "../../../../Common/Form/Form.js";
+import { useComponentContext as E } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { RadioGroupField as D } from "../../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+const F = l.object({
+  type: l.union([
+    l.literal(e.Single),
+    l.literal(e.HourlySalaried),
+    l.literal(e.ByDepartment),
+    l.literal(e.ByEmployee)
   ])
 });
-function L({
-  defaultType: a = o.Single,
-  onBack: s,
-  onContinue: m
+function G({
+  defaultType: n = e.Single,
+  hasDepartments: m = !1,
+  hasEmployees: y = !1,
+  employeeAccessDenied: r = !1,
+  departmentAccessDenied: p = !1,
+  onBack: c,
+  onContinue: S
 }) {
-  const { t: e } = h("Company.Management.PayScheduleAssignment"), i = b(), l = u({
-    resolver: S(x),
-    defaultValues: { type: a }
-  }), d = l.handleSubmit(({ type: c }) => {
-    m(c);
+  const { t } = v("Company.Management.PayScheduleAssignment"), i = E(), a = g({
+    resolver: B(F),
+    defaultValues: {
+      type: n === e.ByDepartment && !m && !p || n === e.ByEmployee && !y && !r ? e.Single : n
+    }
+  }), d = a.watch("type"), b = a.handleSubmit(({ type: h }) => {
+    S(h);
   });
-  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") })
+  return /* @__PURE__ */ o(f, { ...a, children: /* @__PURE__ */ o(C, { onSubmit: () => {
+    b();
+  }, children: /* @__PURE__ */ s(u, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ s(u, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ o(i.Heading, { as: "h2", children: t("typeStep.heading") }),
+      /* @__PURE__ */ o(i.Text, { variant: "supporting", children: t("typeStep.description") })
     ] }),
-    /* @__PURE__ */ t(
-      v,
+    p && /* @__PURE__ */ o(i.Alert, { status: "warning", label: t("departmentAccessDenied") }),
+    r && /* @__PURE__ */ o(i.Alert, { status: "warning", label: t("employeeAccessDenied") }),
+    /* @__PURE__ */ o(
+      D,
       {
         name: "type",
-        label: e("typeStep.heading"),
+        label: t("typeStep.heading"),
         shouldVisuallyHideLabel: !0,
         options: [
           {
-            value: o.Single,
-            label: e("typeStep.options.single.label"),
-            description: e("typeStep.options.single.description")
+            value: e.Single,
+            label: t("typeStep.options.single.label"),
+            description: t("typeStep.options.single.description")
           },
           {
-            value: o.HourlySalaried,
-            label: e("typeStep.options.hourlySalaried.label"),
-            description: e("typeStep.options.hourlySalaried.description")
-          }
+            value: e.HourlySalaried,
+            label: t("typeStep.options.hourlySalaried.label"),
+            description: t("typeStep.options.hourlySalaried.description")
+          },
+          ...y || r && n === e.ByEmployee ? [
+            {
+              value: e.ByEmployee,
+              isDisabled: r,
+              label: t("typeStep.options.byEmployee.label"),
+              description: t("typeStep.options.byEmployee.description")
+            }
+          ] : [],
+          ...m || p && n === e.ByDepartment ? [
+            {
+              value: e.ByDepartment,
+              isDisabled: p,
+              label: t("typeStep.options.byDepartment.label"),
+              description: t("typeStep.options.byDepartment.description")
+            }
+          ] : []
         ]
       }
     ),
-    /* @__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") })
+    /* @__PURE__ */ s(x, { children: [
+      /* @__PURE__ */ o(i.Button, { variant: "secondary", onClick: c, children: t("backCta") }),
+      /* @__PURE__ */ o(
+        i.Button,
+        {
+          variant: "primary",
+          type: "submit",
+          isDisabled: p && d === e.ByDepartment || r && d === e.ByEmployee,
+          children: t("continueCta")
+        }
+      )
     ] })
   ] }) }) });
 }
 export {
-  L as AssignmentTypeStepPresentation
+  G as AssignmentTypeStepPresentation
 };
 //# sourceMappingURL=AssignmentTypeStepPresentation.js.map

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 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;"}
+{"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  hasEmployees?: boolean\n  employeeAccessDenied?: boolean\n  hasDepartments?: boolean\n  departmentAccessDenied?: boolean\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    z.literal(PayScheduleAssignmentBodyType.ByDepartment),\n    z.literal(PayScheduleAssignmentBodyType.ByEmployee),\n  ]),\n})\n\ntype TypeStepInputs = z.infer<typeof TypeStepSchema>\n\n/** @internal */\nexport function AssignmentTypeStepPresentation({\n  defaultType = PayScheduleAssignmentBodyType.Single,\n  hasDepartments = false,\n  hasEmployees = false,\n  employeeAccessDenied = false,\n  departmentAccessDenied = false,\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: {\n      type:\n        (defaultType === PayScheduleAssignmentBodyType.ByDepartment &&\n          !hasDepartments &&\n          !departmentAccessDenied) ||\n        (defaultType === PayScheduleAssignmentBodyType.ByEmployee &&\n          !hasEmployees &&\n          !employeeAccessDenied)\n          ? PayScheduleAssignmentBodyType.Single\n          : defaultType,\n    },\n  })\n\n  const selectedType = formMethods.watch('type')\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          {departmentAccessDenied && (\n            <Components.Alert status=\"warning\" label={t('departmentAccessDenied')} />\n          )}\n          {employeeAccessDenied && (\n            <Components.Alert status=\"warning\" label={t('employeeAccessDenied')} />\n          )}\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              ...(hasEmployees ||\n              (employeeAccessDenied && defaultType === PayScheduleAssignmentBodyType.ByEmployee)\n                ? [\n                    {\n                      value: PayScheduleAssignmentBodyType.ByEmployee,\n                      isDisabled: employeeAccessDenied,\n                      label: t('typeStep.options.byEmployee.label'),\n                      description: t('typeStep.options.byEmployee.description'),\n                    },\n                  ]\n                : []),\n              ...(hasDepartments ||\n              (departmentAccessDenied && defaultType === PayScheduleAssignmentBodyType.ByDepartment)\n                ? [\n                    {\n                      value: PayScheduleAssignmentBodyType.ByDepartment,\n                      isDisabled: departmentAccessDenied,\n                      label: t('typeStep.options.byDepartment.label'),\n                      description: t('typeStep.options.byDepartment.description'),\n                    },\n                  ]\n                : []),\n            ]}\n          />\n          <ActionsLayout>\n            <Components.Button variant=\"secondary\" onClick={onBack}>\n              {t('backCta')}\n            </Components.Button>\n            <Components.Button\n              variant=\"primary\"\n              type=\"submit\"\n              isDisabled={\n                (departmentAccessDenied &&\n                  selectedType === PayScheduleAssignmentBodyType.ByDepartment) ||\n                (employeeAccessDenied && selectedType === PayScheduleAssignmentBodyType.ByEmployee)\n              }\n            >\n              {t('continueCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["TypeStepSchema","z","PayScheduleAssignmentBodyType","AssignmentTypeStepPresentation","defaultType","hasDepartments","hasEmployees","employeeAccessDenied","departmentAccessDenied","onBack","onContinue","useTranslation","Components","useComponentContext","formMethods","useForm","zodResolver","selectedType","handleSubmit","type","FormProvider","jsx","Form","jsxs","Flex","RadioGroupField","ActionsLayout"],"mappings":";;;;;;;;;;;AAqBA,MAAMA,IAAiBC,EAAE,OAAO;AAAA,EAC9B,MAAMA,EAAE,MAAM;AAAA,IACZA,EAAE,QAAQC,EAA8B,MAAM;AAAA,IAC9CD,EAAE,QAAQC,EAA8B,cAAc;AAAA,IACtDD,EAAE,QAAQC,EAA8B,YAAY;AAAA,IACpDD,EAAE,QAAQC,EAA8B,UAAU;AAAA,EAAA,CACnD;AACH,CAAC;AAKM,SAASC,EAA+B;AAAA,EAC7C,aAAAC,IAAcF,EAA8B;AAAA,EAC5C,gBAAAG,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAAA,EACf,sBAAAC,IAAuB;AAAA,EACvB,wBAAAC,IAAyB;AAAA,EACzB,QAAAC;AAAA,EACA,YAAAC;AACF,GAAwC;AACtC,QAAM,EAAE,EAAA,IAAMC,EAAe,0CAA0C,GACjEC,IAAaC,EAAA,GAEbC,IAAcC,EAAwB;AAAA,IAC1C,UAAUC,EAAYhB,CAAc;AAAA,IACpC,eAAe;AAAA,MACb,MACGI,MAAgBF,EAA8B,gBAC7C,CAACG,KACD,CAACG,KACFJ,MAAgBF,EAA8B,cAC7C,CAACI,KACD,CAACC,IACCL,EAA8B,SAC9BE;AAAA,IAAA;AAAA,EACR,CACD,GAEKa,IAAeH,EAAY,MAAM,MAAM,GACvCI,IAAeJ,EAAY,aAAa,CAAC,EAAE,MAAAK,QAAW;AAC1D,IAAAT,EAAWS,CAAI;AAAA,EACjB,CAAC;AAED,2BACGC,GAAA,EAAc,GAAGN,GAChB,UAAA,gBAAAO,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,EAACT,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,kBAAkB,GAAE;AAAA,MACnD,gBAAAS,EAACT,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAA,EAAE,sBAAsB,EAAA,CAAE;AAAA,IAAA,GACnE;AAAA,IACCJ,KACC,gBAAAa,EAACT,EAAW,OAAX,EAAiB,QAAO,WAAU,OAAO,EAAE,wBAAwB,GAAG;AAAA,IAExEL,KACC,gBAAAc,EAACT,EAAW,OAAX,EAAiB,QAAO,WAAU,OAAO,EAAE,sBAAsB,GAAG;AAAA,IAEvE,gBAAAS;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,EAAE,kBAAkB;AAAA,QAC3B,yBAAuB;AAAA,QACvB,SAAS;AAAA,UACP;AAAA,YACE,OAAOvB,EAA8B;AAAA,YACrC,OAAO,EAAE,+BAA+B;AAAA,YACxC,aAAa,EAAE,qCAAqC;AAAA,UAAA;AAAA,UAEtD;AAAA,YACE,OAAOA,EAA8B;AAAA,YACrC,OAAO,EAAE,uCAAuC;AAAA,YAChD,aAAa,EAAE,6CAA6C;AAAA,UAAA;AAAA,UAE9D,GAAII,KACHC,KAAwBH,MAAgBF,EAA8B,aACnE;AAAA,YACE;AAAA,cACE,OAAOA,EAA8B;AAAA,cACrC,YAAYK;AAAA,cACZ,OAAO,EAAE,mCAAmC;AAAA,cAC5C,aAAa,EAAE,yCAAyC;AAAA,YAAA;AAAA,UAC1D,IAEF,CAAA;AAAA,UACJ,GAAIF,KACHG,KAA0BJ,MAAgBF,EAA8B,eACrE;AAAA,YACE;AAAA,cACE,OAAOA,EAA8B;AAAA,cACrC,YAAYM;AAAA,cACZ,OAAO,EAAE,qCAAqC;AAAA,cAC9C,aAAa,EAAE,2CAA2C;AAAA,YAAA;AAAA,UAC5D,IAEF,CAAA;AAAA,QAAC;AAAA,MACP;AAAA,IAAA;AAAA,sBAEDkB,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACT,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAY;AAAA,QAACT,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,YACGJ,KACCS,MAAiBf,EAA8B,gBAChDK,KAAwBU,MAAiBf,EAA8B;AAAA,UAGzE,YAAE,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

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

@@ -1,65 +1,73 @@
-import { jsx as s } from "react/jsx-runtime";
-import { createMachine as p } from "robot3";
-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 { jsx as i } from "react/jsx-runtime";
+import { createMachine as l } from "robot3";
+import { useEffect as f, useState as y, useMemo as S } from "react";
+import { useGustoEmbeddedContext as h } from "@gusto/embedded-api/react-query/_context";
+import { usePaySchedulesGetAssignmentsSuspense as P } from "@gusto/embedded-api/react-query/paySchedulesGetAssignments";
+import { PayScheduleAssignmentType as r } from "@gusto/embedded-api/models/components/payscheduleassignment";
+import { payScheduleAssignmentStateMachine as g } 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 { stripNullAssignmentPreviewFields as u } from "./stripNullAssignmentPreviewFields.js";
+import { Flow as M } 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) {
+function T(e) {
   switch (e) {
-    case a.Single:
-    case a.HourlySalaried:
+    case r.Single:
+    case r.HourlySalaried:
+    case r.ByDepartment:
+    case r.ByEmployee:
       return e;
     default:
       return;
   }
 }
-function T(e) {
-  const t = M(e?.type);
-  return t ? {
-    assignmentType: t,
+function w(e) {
+  const s = T(e?.type);
+  return s ? {
+    assignmentType: s,
     defaultPayScheduleUuid: e?.defaultPayScheduleUuid ?? void 0,
     hourlyPayScheduleUuid: e?.hourlyPayScheduleUuid ?? void 0,
-    salariedPayScheduleUuid: e?.salariedPayScheduleUuid ?? void 0
+    salariedPayScheduleUuid: e?.salariedPayScheduleUuid ?? void 0,
+    employees: e?.employees?.flatMap(
+      ({ employeeUuid: t, payScheduleUuid: o }) => t && o ? [{ employeeUuid: t, payScheduleUuid: o }] : []
+    ),
+    departments: e?.departments?.flatMap(
+      ({ departmentUuid: t, payScheduleUuid: o }) => t && o ? [{ departmentUuid: t, payScheduleUuid: o }] : []
+    )
   } : {};
 }
 const I = ({
   companyId: e,
-  dictionary: t,
-  ...n
-}) => (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();
+  dictionary: s,
+  ...t
+}) => (x("managePaySchedules", { throwIfDisabled: !0 }), /* @__PURE__ */ i(v, { ...t, children: /* @__PURE__ */ i(B, { companyId: e, dictionary: s }) }));
+function B({ companyId: e, dictionary: s }) {
+  c("Company.Management.PayScheduleAssignment"), k("Company.Management.PayScheduleAssignment", s), c("Company.PaySchedule");
+  const { onEvent: t } = C(), o = h();
   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);
+    const n = o._options.hooks;
+    if (n)
+      return n.registerAfterSuccessHook(u), () => {
+        const m = n.afterSuccessHooks.indexOf(u);
+        m !== -1 && n.afterSuccessHooks.splice(m, 1);
       };
-  }, [r]);
-  const { data: d } = g({ companyId: e }), [i] = S(() => T(d.payScheduleAssignment)), l = h(
-    () => p(
+  }, [o]);
+  const { data: p } = P({ companyId: e }), [a] = y(() => w(p.payScheduleAssignment)), d = S(
+    () => l(
       "assignmentType",
-      P,
-      (o) => ({
-        ...o,
+      g,
+      (n) => ({
+        ...n,
         component: A,
         companyId: e,
-        ...i
+        ...a
       })
     ),
-    [e, i]
+    [e, a]
   );
-  return /* @__PURE__ */ s(U, { machine: l, onEvent: n });
+  return /* @__PURE__ */ i(M, { machine: d, onEvent: t });
 }
 export {
   I as PayScheduleAssignment