@gusto/embedded-react-sdk 0.57.1 → 0.57.3

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

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { z as a } from "zod";
 import { useForm as f, FormProvider as P } from "react-hook-form";
 import { zodResolver as b } from "@hookform/resolvers/zod";
-import { useTranslation as C } from "react-i18next";
-import { scheduleLabel as g } from "./scheduleLabel.js";
+import { useTranslation as g } from "react-i18next";
+import { scheduleLabel as C } from "./scheduleLabel.js";
 import { Flex as m } from "../../../../Common/Flex/Flex.js";
 import { ActionsLayout as v } from "../../../../Common/ActionsLayout/ActionsLayout.js";
 import { Form as x } from "../../../../Common/Form/Form.js";
@@ -13,7 +13,7 @@ const D = a.object({
   hourlyPayScheduleUuid: a.string().min(1),
   salariedPayScheduleUuid: a.string().min(1)
 });
-function V({
+function H({
   schedules: i,
   hourlyPayScheduleUuid: u,
   salariedPayScheduleUuid: s,
@@ -21,27 +21,28 @@ function V({
   onAddPaySchedule: h,
   onContinue: S
 }) {
-  const { t: o } = C("Company.Management.PayScheduleAssignment"), n = U(), r = f({
+  const { t: o } = g("Company.Management.PayScheduleAssignment"), n = U(), t = f({
     resolver: b(D),
     defaultValues: {
       hourlyPayScheduleUuid: u ?? i[0]?.uuid ?? "",
       salariedPayScheduleUuid: s ?? i[0]?.uuid ?? ""
     }
-  }), y = r.handleSubmit(S), l = i.map((d) => ({
+  }), y = t.handleSubmit(S), l = i.map((d) => ({
     value: d.uuid,
-    label: g(d)
+    label: C(d)
   }));
-  return /* @__PURE__ */ e(P, { ...r, children: /* @__PURE__ */ e(x, { onSubmit: () => {
+  return /* @__PURE__ */ e(P, { ...t, children: /* @__PURE__ */ e(x, { onSubmit: () => {
     y();
-  }, children: /* @__PURE__ */ t(m, { flexDirection: "column", gap: 32, children: [
+  }, children: /* @__PURE__ */ r(m, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ e(n.Heading, { as: "h2", children: o("compensationStep.heading") }),
-    /* @__PURE__ */ t(m, { flexDirection: "column", gap: 12, children: [
+    /* @__PURE__ */ r(m, { flexDirection: "column", gap: 12, children: [
       /* @__PURE__ */ e(
         c,
         {
           name: "hourlyPayScheduleUuid",
           label: o("compensationStep.hourlyPayScheduleLabel"),
           description: o("compensationStep.hourlyPayScheduleDescription"),
+          isRequired: !0,
           placeholder: "",
           options: l
         }
@@ -52,19 +53,38 @@ function V({
           name: "salariedPayScheduleUuid",
           label: o("compensationStep.salariedPayScheduleLabel"),
           description: o("compensationStep.salariedPayScheduleDescription"),
+          isRequired: !0,
           placeholder: "",
           options: l
         }
       ),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: h, children: o("compensationStep.addPayScheduleCta") }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        n.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            h(t.getValues());
+          },
+          children: o("compensationStep.addPayScheduleCta")
+        }
+      ) })
     ] }),
-    /* @__PURE__ */ t(v, { children: [
-      /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: p, children: o("backCta") }),
+    /* @__PURE__ */ r(v, { children: [
+      /* @__PURE__ */ e(
+        n.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            p(t.getValues());
+          },
+          children: o("backCta")
+        }
+      ),
       /* @__PURE__ */ e(n.Button, { variant: "primary", type: "submit", isDisabled: i.length === 0, children: o("continueCta") })
     ] })
   ] }) }) });
 }
 export {
-  V as AssignmentCompensationStepPresentation
+  H as AssignmentCompensationStepPresentation
 };
 //# sourceMappingURL=AssignmentCompensationStepPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssignmentCompensationStepPresentation.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentCompensationStepPresentation.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useForm, FormProvider } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { scheduleLabel } from './scheduleLabel'\nimport { Flex, SelectField, ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport interface AssignmentCompensationStepPresentationProps {\n  schedules: PayScheduleShow[]\n  hourlyPayScheduleUuid?: string\n  salariedPayScheduleUuid?: string\n  onBack: () => void\n  onAddPaySchedule: () => void\n  onContinue: (selection: {\n    hourlyPayScheduleUuid: string\n    salariedPayScheduleUuid: string\n  }) => void\n}\n\nconst CompensationStepSchema = z.object({\n  hourlyPayScheduleUuid: z.string().min(1),\n  salariedPayScheduleUuid: z.string().min(1),\n})\n\ntype CompensationStepInputs = z.infer<typeof CompensationStepSchema>\n\n/** @internal */\nexport function AssignmentCompensationStepPresentation({\n  schedules,\n  hourlyPayScheduleUuid,\n  salariedPayScheduleUuid,\n  onBack,\n  onAddPaySchedule,\n  onContinue,\n}: AssignmentCompensationStepPresentationProps) {\n  const { t } = useTranslation('Company.Management.PayScheduleAssignment')\n  const Components = useComponentContext()\n\n  const formMethods = useForm<CompensationStepInputs>({\n    resolver: zodResolver(CompensationStepSchema),\n    defaultValues: {\n      hourlyPayScheduleUuid: hourlyPayScheduleUuid ?? schedules[0]?.uuid ?? '',\n      salariedPayScheduleUuid: salariedPayScheduleUuid ?? schedules[0]?.uuid ?? '',\n    },\n  })\n\n  const handleSubmit = formMethods.handleSubmit(onContinue)\n\n  const options = schedules.map(schedule => ({\n    value: schedule.uuid,\n    label: scheduleLabel(schedule),\n  }))\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={() => void handleSubmit()}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Components.Heading as=\"h2\">{t('compensationStep.heading')}</Components.Heading>\n          <Flex flexDirection=\"column\" gap={12}>\n            <SelectField\n              name=\"hourlyPayScheduleUuid\"\n              label={t('compensationStep.hourlyPayScheduleLabel')}\n              description={t('compensationStep.hourlyPayScheduleDescription')}\n              placeholder=\"\"\n              options={options}\n            />\n            <SelectField\n              name=\"salariedPayScheduleUuid\"\n              label={t('compensationStep.salariedPayScheduleLabel')}\n              description={t('compensationStep.salariedPayScheduleDescription')}\n              placeholder=\"\"\n              options={options}\n            />\n            <div>\n              <Components.Button variant=\"secondary\" onClick={onAddPaySchedule}>\n                {t('compensationStep.addPayScheduleCta')}\n              </Components.Button>\n            </div>\n          </Flex>\n          <ActionsLayout>\n            <Components.Button variant=\"secondary\" onClick={onBack}>\n              {t('backCta')}\n            </Components.Button>\n            <Components.Button variant=\"primary\" type=\"submit\" isDisabled={schedules.length === 0}>\n              {t('continueCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["CompensationStepSchema","z","AssignmentCompensationStepPresentation","schedules","hourlyPayScheduleUuid","salariedPayScheduleUuid","onBack","onAddPaySchedule","onContinue","t","useTranslation","Components","useComponentContext","formMethods","useForm","zodResolver","handleSubmit","options","schedule","scheduleLabel","FormProvider","jsx","Form","jsxs","Flex","SelectField","ActionsLayout"],"mappings":";;;;;;;;;;;AAuBA,MAAMA,IAAyBC,EAAE,OAAO;AAAA,EACtC,uBAAuBA,EAAE,SAAS,IAAI,CAAC;AAAA,EACvC,yBAAyBA,EAAE,OAAA,EAAS,IAAI,CAAC;AAC3C,CAAC;AAKM,SAASC,EAAuC;AAAA,EACrD,WAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AACF,GAAgD;AAC9C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0CAA0C,GACjEC,IAAaC,EAAA,GAEbC,IAAcC,EAAgC;AAAA,IAClD,UAAUC,EAAYf,CAAsB;AAAA,IAC5C,eAAe;AAAA,MACb,uBAAuBI,KAAyBD,EAAU,CAAC,GAAG,QAAQ;AAAA,MACtE,yBAAyBE,KAA2BF,EAAU,CAAC,GAAG,QAAQ;AAAA,IAAA;AAAA,EAC5E,CACD,GAEKa,IAAeH,EAAY,aAAaL,CAAU,GAElDS,IAAUd,EAAU,IAAI,CAAAe,OAAa;AAAA,IACzC,OAAOA,EAAS;AAAA,IAChB,OAAOC,EAAcD,CAAQ;AAAA,EAAA,EAC7B;AAEF,2BACGE,GAAA,EAAc,GAAGP,GAChB,UAAA,gBAAAQ,EAACC,KAAK,UAAU,MAAA;AAAM,IAAKN;KACzB,UAAA,gBAAAO,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAH,EAACV,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,0BAA0B,GAAE;AAAA,IAC3D,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOhB,EAAE,yCAAyC;AAAA,UAClD,aAAaA,EAAE,+CAA+C;AAAA,UAC9D,aAAY;AAAA,UACZ,SAAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAI;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOhB,EAAE,2CAA2C;AAAA,UACpD,aAAaA,EAAE,iDAAiD;AAAA,UAChE,aAAY;AAAA,UACZ,SAAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAI,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACV,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,UAAAE,EAAE,oCAAoC,GACzC,EAAA,CACF;AAAA,IAAA,GACF;AAAA,sBACCiB,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACV,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASL,GAC7C,UAAAG,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAY,EAACV,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYR,EAAU,WAAW,GACjF,UAAAM,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"AssignmentCompensationStepPresentation.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentCompensationStepPresentation.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useForm, FormProvider } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payschedulelistitem'\nimport { scheduleLabel } from './scheduleLabel'\nimport { Flex, SelectField, ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport interface AssignmentCompensationStepPresentationProps {\n  schedules: PayScheduleShow[]\n  hourlyPayScheduleUuid?: string\n  salariedPayScheduleUuid?: string\n  onBack: (selection: CompensationStepInputs) => void\n  onAddPaySchedule: (selection: CompensationStepInputs) => void\n  onContinue: (selection: {\n    hourlyPayScheduleUuid: string\n    salariedPayScheduleUuid: string\n  }) => void\n}\n\nconst CompensationStepSchema = z.object({\n  hourlyPayScheduleUuid: z.string().min(1),\n  salariedPayScheduleUuid: z.string().min(1),\n})\n\ntype CompensationStepInputs = z.infer<typeof CompensationStepSchema>\n\n/** @internal */\nexport function AssignmentCompensationStepPresentation({\n  schedules,\n  hourlyPayScheduleUuid,\n  salariedPayScheduleUuid,\n  onBack,\n  onAddPaySchedule,\n  onContinue,\n}: AssignmentCompensationStepPresentationProps) {\n  const { t } = useTranslation('Company.Management.PayScheduleAssignment')\n  const Components = useComponentContext()\n\n  const formMethods = useForm<CompensationStepInputs>({\n    resolver: zodResolver(CompensationStepSchema),\n    defaultValues: {\n      hourlyPayScheduleUuid: hourlyPayScheduleUuid ?? schedules[0]?.uuid ?? '',\n      salariedPayScheduleUuid: salariedPayScheduleUuid ?? schedules[0]?.uuid ?? '',\n    },\n  })\n\n  const handleSubmit = formMethods.handleSubmit(onContinue)\n\n  const options = schedules.map(schedule => ({\n    value: schedule.uuid,\n    label: scheduleLabel(schedule),\n  }))\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={() => void handleSubmit()}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Components.Heading as=\"h2\">{t('compensationStep.heading')}</Components.Heading>\n          <Flex flexDirection=\"column\" gap={12}>\n            <SelectField\n              name=\"hourlyPayScheduleUuid\"\n              label={t('compensationStep.hourlyPayScheduleLabel')}\n              description={t('compensationStep.hourlyPayScheduleDescription')}\n              isRequired\n              placeholder=\"\"\n              options={options}\n            />\n            <SelectField\n              name=\"salariedPayScheduleUuid\"\n              label={t('compensationStep.salariedPayScheduleLabel')}\n              description={t('compensationStep.salariedPayScheduleDescription')}\n              isRequired\n              placeholder=\"\"\n              options={options}\n            />\n            <div>\n              <Components.Button\n                variant=\"secondary\"\n                onClick={() => {\n                  onAddPaySchedule(formMethods.getValues())\n                }}\n              >\n                {t('compensationStep.addPayScheduleCta')}\n              </Components.Button>\n            </div>\n          </Flex>\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onBack(formMethods.getValues())\n              }}\n            >\n              {t('backCta')}\n            </Components.Button>\n            <Components.Button variant=\"primary\" type=\"submit\" isDisabled={schedules.length === 0}>\n              {t('continueCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["CompensationStepSchema","z","AssignmentCompensationStepPresentation","schedules","hourlyPayScheduleUuid","salariedPayScheduleUuid","onBack","onAddPaySchedule","onContinue","t","useTranslation","Components","useComponentContext","formMethods","useForm","zodResolver","handleSubmit","options","schedule","scheduleLabel","FormProvider","jsx","Form","jsxs","Flex","SelectField","ActionsLayout"],"mappings":";;;;;;;;;;;AAuBA,MAAMA,IAAyBC,EAAE,OAAO;AAAA,EACtC,uBAAuBA,EAAE,SAAS,IAAI,CAAC;AAAA,EACvC,yBAAyBA,EAAE,OAAA,EAAS,IAAI,CAAC;AAC3C,CAAC;AAKM,SAASC,EAAuC;AAAA,EACrD,WAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AACF,GAAgD;AAC9C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0CAA0C,GACjEC,IAAaC,EAAA,GAEbC,IAAcC,EAAgC;AAAA,IAClD,UAAUC,EAAYf,CAAsB;AAAA,IAC5C,eAAe;AAAA,MACb,uBAAuBI,KAAyBD,EAAU,CAAC,GAAG,QAAQ;AAAA,MACtE,yBAAyBE,KAA2BF,EAAU,CAAC,GAAG,QAAQ;AAAA,IAAA;AAAA,EAC5E,CACD,GAEKa,IAAeH,EAAY,aAAaL,CAAU,GAElDS,IAAUd,EAAU,IAAI,CAAAe,OAAa;AAAA,IACzC,OAAOA,EAAS;AAAA,IAChB,OAAOC,EAAcD,CAAQ;AAAA,EAAA,EAC7B;AAEF,2BACGE,GAAA,EAAc,GAAGP,GAChB,UAAA,gBAAAQ,EAACC,KAAK,UAAU,MAAA;AAAM,IAAKN;KACzB,UAAA,gBAAAO,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAH,EAACV,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,0BAA0B,GAAE;AAAA,IAC3D,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOhB,EAAE,yCAAyC;AAAA,UAClD,aAAaA,EAAE,+CAA+C;AAAA,UAC9D,YAAU;AAAA,UACV,aAAY;AAAA,UACZ,SAAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAI;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOhB,EAAE,2CAA2C;AAAA,UACpD,aAAaA,EAAE,iDAAiD;AAAA,UAChE,YAAU;AAAA,UACV,aAAY;AAAA,UACZ,SAAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,wBAED,OAAA,EACC,UAAA,gBAAAI;AAAA,QAACV,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAJ,EAAiBM,EAAY,WAAW;AAAA,UAC1C;AAAA,UAEC,YAAE,oCAAoC;AAAA,QAAA;AAAA,MAAA,EACzC,CACF;AAAA,IAAA,GACF;AAAA,sBACCa,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL;AAAA,QAACV,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAL,EAAOO,EAAY,WAAW;AAAA,UAChC;AAAA,UAEC,YAAE,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAQ,EAACV,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYR,EAAU,WAAW,GACjF,UAAAM,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

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

@@ -0,0 +1,106 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { z as d } from "zod";
+import { useForm as b, FormProvider as U } from "react-hook-form";
+import { zodResolver as P } from "@hookform/resolvers/zod";
+import { useTranslation as D } from "react-i18next";
+import { scheduleLabel as C } from "./scheduleLabel.js";
+import { Flex as s } from "../../../../Common/Flex/Flex.js";
+import { ActionsLayout as v } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as x } from "../../../../Common/Form/Form.js";
+import { useComponentContext as B } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { SelectField as h } from "../../../../Common/Fields/SelectField/SelectField.js";
+const F = d.object({
+  defaultPayScheduleUuid: d.string().min(1),
+  payScheduleByDepartment: d.record(d.string(), d.string().min(1))
+});
+function O({
+  departments: m,
+  schedules: p,
+  selection: u,
+  onBack: S,
+  onAddPaySchedule: f,
+  onContinue: y
+}) {
+  const { t: a } = D("Company.Management.PayScheduleAssignment"), n = B(), r = b({
+    resolver: P(F),
+    shouldUnregister: !0,
+    defaultValues: {
+      defaultPayScheduleUuid: u.defaultPayScheduleUuid,
+      payScheduleByDepartment: Object.fromEntries(
+        u.departments.map((e) => [e.departmentUuid, e.payScheduleUuid])
+      )
+    }
+  }), o = (e) => ({
+    defaultPayScheduleUuid: e.defaultPayScheduleUuid,
+    departments: m.flatMap(
+      (i) => i.uuid ? [
+        {
+          departmentUuid: i.uuid,
+          payScheduleUuid: e.payScheduleByDepartment[i.uuid] ?? ""
+        }
+      ] : []
+    )
+  }), g = r.handleSubmit((e) => {
+    y(o(e));
+  }), c = p.map((e) => ({
+    value: e.uuid,
+    label: C(e)
+  }));
+  return /* @__PURE__ */ t(U, { ...r, children: /* @__PURE__ */ t(x, { onSubmit: () => {
+    g();
+  }, children: /* @__PURE__ */ l(s, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ t(n.Heading, { as: "h2", children: a("departmentStep.heading") }),
+    /* @__PURE__ */ l(s, { flexDirection: "column", gap: 12, children: [
+      m.map((e) => /* @__PURE__ */ t(
+        h,
+        {
+          name: `payScheduleByDepartment.${e.uuid}`,
+          defaultValue: u.departments.find((i) => i.departmentUuid === e.uuid)?.payScheduleUuid ?? "",
+          label: e.title ?? a("departmentStep.unnamedDepartment"),
+          isRequired: !0,
+          placeholder: "",
+          options: c
+        },
+        e.uuid
+      )),
+      /* @__PURE__ */ t(
+        h,
+        {
+          name: "defaultPayScheduleUuid",
+          label: a("departmentStep.defaultPayScheduleLabel"),
+          description: a("departmentStep.defaultPayScheduleDescription"),
+          isRequired: !0,
+          placeholder: "",
+          options: c
+        }
+      ),
+      /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+        n.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            f(o(r.getValues()));
+          },
+          children: a("departmentStep.addPayScheduleCta")
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l(v, { children: [
+      /* @__PURE__ */ t(
+        n.Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            S(o(r.getValues()));
+          },
+          children: a("backCta")
+        }
+      ),
+      /* @__PURE__ */ t(n.Button, { variant: "primary", type: "submit", isDisabled: p.length === 0, children: a("continueCta") })
+    ] })
+  ] }) }) });
+}
+export {
+  O as AssignmentDepartmentStepPresentation
+};
+//# sourceMappingURL=AssignmentDepartmentStepPresentation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssignmentDepartmentStepPresentation.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/AssignmentDepartmentStepPresentation.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useForm, FormProvider } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport type { Department } from '@gusto/embedded-api/models/components/department'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payschedulelistitem'\nimport { scheduleLabel } from './scheduleLabel'\nimport { Flex, SelectField, ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst DepartmentStepSchema = z.object({\n  defaultPayScheduleUuid: z.string().min(1),\n  payScheduleByDepartment: z.record(z.string(), z.string().min(1)),\n})\n\n/** @internal */\nexport type DepartmentSelection = {\n  defaultPayScheduleUuid: string\n  departments: { departmentUuid: string; payScheduleUuid: string }[]\n}\n\n/** @internal */\nexport interface AssignmentDepartmentStepPresentationProps {\n  departments: Department[]\n  schedules: PayScheduleShow[]\n  selection: DepartmentSelection\n  onBack: (selection: DepartmentSelection) => void\n  onAddPaySchedule: (selection: DepartmentSelection) => void\n  onContinue: (selection: DepartmentSelection) => void\n}\n\n/** @internal */\nexport function AssignmentDepartmentStepPresentation({\n  departments,\n  schedules,\n  selection,\n  onBack,\n  onAddPaySchedule,\n  onContinue,\n}: AssignmentDepartmentStepPresentationProps) {\n  const { t } = useTranslation('Company.Management.PayScheduleAssignment')\n  const Components = useComponentContext()\n  const formMethods = useForm<z.infer<typeof DepartmentStepSchema>>({\n    resolver: zodResolver(DepartmentStepSchema),\n    shouldUnregister: true,\n    defaultValues: {\n      defaultPayScheduleUuid: selection.defaultPayScheduleUuid,\n      payScheduleByDepartment: Object.fromEntries(\n        selection.departments.map(entry => [entry.departmentUuid, entry.payScheduleUuid]),\n      ),\n    },\n  })\n  const toSelection = (values: z.infer<typeof DepartmentStepSchema>): DepartmentSelection => ({\n    defaultPayScheduleUuid: values.defaultPayScheduleUuid,\n    departments: departments.flatMap(department =>\n      department.uuid\n        ? [\n            {\n              departmentUuid: department.uuid,\n              payScheduleUuid: values.payScheduleByDepartment[department.uuid] ?? '',\n            },\n          ]\n        : [],\n    ),\n  })\n  const handleSubmit = formMethods.handleSubmit(values => {\n    onContinue(toSelection(values))\n  })\n  const options = schedules.map(schedule => ({\n    value: schedule.uuid,\n    label: scheduleLabel(schedule),\n  }))\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={() => void handleSubmit()}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Components.Heading as=\"h2\">{t('departmentStep.heading')}</Components.Heading>\n          <Flex flexDirection=\"column\" gap={12}>\n            {departments.map(department => (\n              <SelectField\n                key={department.uuid}\n                name={`payScheduleByDepartment.${department.uuid}`}\n                defaultValue={\n                  selection.departments.find(entry => entry.departmentUuid === department.uuid)\n                    ?.payScheduleUuid ?? ''\n                }\n                label={department.title ?? t('departmentStep.unnamedDepartment')}\n                isRequired\n                placeholder=\"\"\n                options={options}\n              />\n            ))}\n            <SelectField\n              name=\"defaultPayScheduleUuid\"\n              label={t('departmentStep.defaultPayScheduleLabel')}\n              description={t('departmentStep.defaultPayScheduleDescription')}\n              isRequired\n              placeholder=\"\"\n              options={options}\n            />\n            <div>\n              <Components.Button\n                variant=\"secondary\"\n                onClick={() => {\n                  onAddPaySchedule(toSelection(formMethods.getValues()))\n                }}\n              >\n                {t('departmentStep.addPayScheduleCta')}\n              </Components.Button>\n            </div>\n          </Flex>\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onBack(toSelection(formMethods.getValues()))\n              }}\n            >\n              {t('backCta')}\n            </Components.Button>\n            <Components.Button variant=\"primary\" type=\"submit\" isDisabled={schedules.length === 0}>\n              {t('continueCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["DepartmentStepSchema","z","AssignmentDepartmentStepPresentation","departments","schedules","selection","onBack","onAddPaySchedule","onContinue","t","useTranslation","Components","useComponentContext","formMethods","useForm","zodResolver","entry","toSelection","values","department","handleSubmit","options","schedule","scheduleLabel","FormProvider","jsx","Form","jsxs","Flex","SelectField","ActionsLayout"],"mappings":"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"}

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;"}