@gusto/embedded-react-sdk 0.57.2 → 0.58.0

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

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

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

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