@gusto/embedded-react-sdk 0.57.0 → 0.57.2

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

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

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

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

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

@@ -1,72 +1,77 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { PayScheduleForm as d } from "../PayScheduleForm.js";
-import { PayScheduleOverview as f } from "./PayScheduleOverview.js";
-import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { PayScheduleForm as p } from "../PayScheduleForm.js";
+import { PayScheduleOverview as y } from "./PayScheduleOverview.js";
+import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useFlow as m } from "../../../Flow/useFlow.js";
-import { ensureRequired as n } from "../../../../helpers/ensureRequired.js";
-import { componentEvents as S } from "../../../../shared/constants.js";
-import { Flex as h } from "../../../Common/Flex/Flex.js";
-import { AutoPilotDialog as E } from "./AutoPilotDialog/AutoPilotDialog.js";
-import { PayScheduleAssignment as P } from "./PayScheduleAssignment/PayScheduleAssignment.js";
-function w() {
+import { ensureRequired as r } from "../../../../helpers/ensureRequired.js";
+import { componentEvents as h } from "../../../../shared/constants.js";
+import { Flex as P } from "../../../Common/Flex/Flex.js";
+import { AutoPilotDialog as S } from "./AutoPilotDialog/AutoPilotDialog.js";
+import { PayScheduleAssignment as E } from "./PayScheduleAssignment/PayScheduleAssignment.js";
+function b() {
   const {
-    companyId: o,
-    onEvent: e,
+    companyId: e,
+    onEvent: o,
     enableAutoPilot: l,
-    enableMultipleSchedules: r,
-    successAlert: u,
+    enableMultipleSchedules: a,
+    successAlert: t,
     autoPilotSchedule: c
-  } = m(), { t: s } = p("Company.Management.PaySchedule"), a = y();
-  return /* @__PURE__ */ i(h, { flexDirection: "column", gap: 16, children: [
-    u ? /* @__PURE__ */ t(
-      a.Alert,
+  } = m(), { t: i } = u("Company.Management.PaySchedule"), s = f();
+  return /* @__PURE__ */ d(P, { flexDirection: "column", gap: 16, children: [
+    t ? /* @__PURE__ */ n(
+      s.Alert,
       {
         status: "success",
-        label: s(`alerts.${u}`),
+        label: i(`alerts.${t}`),
         onDismiss: () => {
-          e(S.PAY_SCHEDULE_MANAGEMENT_ALERT_DISMISSED, null);
+          o(h.PAY_SCHEDULE_MANAGEMENT_ALERT_DISMISSED, null);
         }
       }
     ) : null,
-    /* @__PURE__ */ t(
-      f,
+    /* @__PURE__ */ n(
+      y,
       {
-        companyId: n(o),
-        onEvent: e,
+        companyId: r(e),
+        onEvent: o,
         enableAutoPilot: l,
-        enableMultipleSchedules: r
+        enableMultipleSchedules: a
       }
     ),
-    c ? /* @__PURE__ */ t(
-      E,
+    c ? /* @__PURE__ */ n(
+      S,
       {
-        companyId: n(o),
+        companyId: r(e),
         schedule: c,
-        onEvent: e
+        onEvent: o
       }
     ) : null
   ] });
 }
-function T() {
-  const { companyId: o, onEvent: e } = m();
-  return /* @__PURE__ */ t(P, { companyId: n(o), onEvent: e });
+function w() {
+  const { companyId: e, onEvent: o } = m();
+  return /* @__PURE__ */ n(E, { companyId: r(e), onEvent: o });
 }
-function j() {
-  const { companyId: o, payScheduleId: e, defaultValues: l, onEvent: r } = m();
-  return /* @__PURE__ */ t(
-    d,
+function T() {
+  const { t: e } = u("Company.Management.PaySchedule"), { companyId: o, payScheduleId: l, defaultValues: a, onEvent: t } = m();
+  return /* @__PURE__ */ n(
+    p,
     {
-      companyId: n(o),
-      payScheduleId: e,
-      defaultValues: l,
-      onEvent: r
+      variant: "management",
+      copy: {
+        anchorEndOfPayPeriodDescription: e("scheduleForm.anchorEndOfPayPeriodDescription"),
+        payrollDeadline: e("scheduleForm.payrollDeadline")
+      },
+      companyId: r(o),
+      payScheduleId: l,
+      defaultValues: a,
+      onEvent: t
     }
   );
 }
 export {
-  T as PayScheduleAssignmentContextual,
-  j as PayScheduleEditFormContextual,
-  w as PayScheduleOverviewContextual
+  w as PayScheduleAssignmentContextual,
+  T as PayScheduleEditFormContextual,
+  b as PayScheduleOverviewContextual
 };
 //# sourceMappingURL=PayScheduleManagementComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleManagementComponents.js","sources":["../../../../../src/components/Company/PaySchedule/management/PayScheduleManagementComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { PayScheduleForm } from '../PayScheduleForm'\nimport type { PayScheduleDefaultValues } from '../PaySchedule'\nimport { PayScheduleOverview } from './PayScheduleOverview'\nimport { PayScheduleAssignment } from './PayScheduleAssignment'\nimport { AutoPilotDialog } from './AutoPilotDialog'\nimport { Flex } from '@/components/Common/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\n/** @internal */\nexport type PayScheduleManagementSuccessAlertCode = 'assignmentUpdated'\n\n/** @internal */\nexport interface PayScheduleManagementContextInterface extends FlowContextInterface {\n  companyId: string\n  payScheduleId?: string\n  defaultValues?: PayScheduleDefaultValues\n  enableAutoPilot?: boolean\n  enableMultipleSchedules?: boolean\n  successAlert?: PayScheduleManagementSuccessAlertCode | null\n  autoPilotSchedule?: PayScheduleShow\n  component: React.ComponentType | null\n}\n\n/** @internal */\nexport function PayScheduleOverviewContextual() {\n  const {\n    companyId,\n    onEvent,\n    enableAutoPilot,\n    enableMultipleSchedules,\n    successAlert,\n    autoPilotSchedule,\n  } = useFlow<PayScheduleManagementContextInterface>()\n  const { t } = useTranslation('Company.Management.PaySchedule')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.PAY_SCHEDULE_MANAGEMENT_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <PayScheduleOverview\n        companyId={ensureRequired(companyId)}\n        onEvent={onEvent}\n        enableAutoPilot={enableAutoPilot}\n        enableMultipleSchedules={enableMultipleSchedules}\n      />\n      {autoPilotSchedule ? (\n        <AutoPilotDialog\n          companyId={ensureRequired(companyId)}\n          schedule={autoPilotSchedule}\n          onEvent={onEvent}\n        />\n      ) : null}\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function PayScheduleAssignmentContextual() {\n  const { companyId, onEvent } = useFlow<PayScheduleManagementContextInterface>()\n\n  return <PayScheduleAssignment companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function PayScheduleEditFormContextual() {\n  const { companyId, payScheduleId, defaultValues, onEvent } =\n    useFlow<PayScheduleManagementContextInterface>()\n\n  return (\n    <PayScheduleForm\n      companyId={ensureRequired(companyId)}\n      payScheduleId={payScheduleId}\n      defaultValues={defaultValues}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["PayScheduleOverviewContextual","companyId","onEvent","enableAutoPilot","enableMultipleSchedules","successAlert","autoPilotSchedule","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","PayScheduleOverview","ensureRequired","AutoPilotDialog","PayScheduleAssignmentContextual","PayScheduleAssignment","PayScheduleEditFormContextual","payScheduleId","defaultValues","PayScheduleForm"],"mappings":";;;;;;;;;;;AA6BO,SAASA,IAAgC;AAC9C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACEC,EAAA,GACE,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAR,IACC,gBAAAS;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUH,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAH,EAAQa,EAAgB,yCAAyC,IAAI;AAAA,QACvE;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,IACJ,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWC,EAAehB,CAAS;AAAA,QACnC,SAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,yBAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDE,IACC,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWD,EAAehB,CAAS;AAAA,QACnC,UAAUK;AAAA,QACV,SAAAJ;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,EAAA,GACN;AAEJ;AAGO,SAASiB,IAAkC;AAChD,QAAM,EAAE,WAAAlB,GAAW,SAAAC,EAAA,IAAYK,EAAA;AAE/B,2BAAQa,GAAA,EAAsB,WAAWH,EAAehB,CAAS,GAAG,SAAAC,GAAkB;AACxF;AAGO,SAASmB,IAAgC;AAC9C,QAAM,EAAE,WAAApB,GAAW,eAAAqB,GAAe,eAAAC,GAAe,SAAArB,EAAA,IAC/CK,EAAA;AAEF,SACE,gBAAAO;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,WAAWP,EAAehB,CAAS;AAAA,MACnC,eAAAqB;AAAA,MACA,eAAAC;AAAA,MACA,SAAArB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayScheduleManagementComponents.js","sources":["../../../../../src/components/Company/PaySchedule/management/PayScheduleManagementComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { PayScheduleForm } from '../PayScheduleForm'\nimport type { PayScheduleDefaultValues } from '../PaySchedule'\nimport { PayScheduleOverview } from './PayScheduleOverview'\nimport { PayScheduleAssignment } from './PayScheduleAssignment'\nimport { AutoPilotDialog } from './AutoPilotDialog'\nimport { Flex } from '@/components/Common/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\n/** @internal */\nexport type PayScheduleManagementSuccessAlertCode = 'assignmentUpdated'\n\n/** @internal */\nexport interface PayScheduleManagementContextInterface extends FlowContextInterface {\n  companyId: string\n  payScheduleId?: string\n  defaultValues?: PayScheduleDefaultValues\n  enableAutoPilot?: boolean\n  enableMultipleSchedules?: boolean\n  successAlert?: PayScheduleManagementSuccessAlertCode | null\n  autoPilotSchedule?: PayScheduleShow\n  component: React.ComponentType | null\n}\n\n/** @internal */\nexport function PayScheduleOverviewContextual() {\n  const {\n    companyId,\n    onEvent,\n    enableAutoPilot,\n    enableMultipleSchedules,\n    successAlert,\n    autoPilotSchedule,\n  } = useFlow<PayScheduleManagementContextInterface>()\n  const { t } = useTranslation('Company.Management.PaySchedule')\n  const Components = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.PAY_SCHEDULE_MANAGEMENT_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <PayScheduleOverview\n        companyId={ensureRequired(companyId)}\n        onEvent={onEvent}\n        enableAutoPilot={enableAutoPilot}\n        enableMultipleSchedules={enableMultipleSchedules}\n      />\n      {autoPilotSchedule ? (\n        <AutoPilotDialog\n          companyId={ensureRequired(companyId)}\n          schedule={autoPilotSchedule}\n          onEvent={onEvent}\n        />\n      ) : null}\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function PayScheduleAssignmentContextual() {\n  const { companyId, onEvent } = useFlow<PayScheduleManagementContextInterface>()\n\n  return <PayScheduleAssignment companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function PayScheduleEditFormContextual() {\n  const { t } = useTranslation('Company.Management.PaySchedule')\n  const { companyId, payScheduleId, defaultValues, onEvent } =\n    useFlow<PayScheduleManagementContextInterface>()\n\n  return (\n    <PayScheduleForm\n      variant=\"management\"\n      copy={{\n        anchorEndOfPayPeriodDescription: t('scheduleForm.anchorEndOfPayPeriodDescription'),\n        payrollDeadline: t('scheduleForm.payrollDeadline'),\n      }}\n      companyId={ensureRequired(companyId)}\n      payScheduleId={payScheduleId}\n      defaultValues={defaultValues}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["PayScheduleOverviewContextual","companyId","onEvent","enableAutoPilot","enableMultipleSchedules","successAlert","autoPilotSchedule","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","PayScheduleOverview","ensureRequired","AutoPilotDialog","PayScheduleAssignmentContextual","PayScheduleAssignment","PayScheduleEditFormContextual","payScheduleId","defaultValues","PayScheduleForm"],"mappings":";;;;;;;;;;;AA6BO,SAASA,IAAgC;AAC9C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACEC,EAAA,GACE,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAR,IACC,gBAAAS;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUH,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAH,EAAQa,EAAgB,yCAAyC,IAAI;AAAA,QACvE;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,IACJ,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWC,EAAehB,CAAS;AAAA,QACnC,SAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,yBAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDE,IACC,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWD,EAAehB,CAAS;AAAA,QACnC,UAAUK;AAAA,QACV,SAAAJ;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,EAAA,GACN;AAEJ;AAGO,SAASiB,IAAkC;AAChD,QAAM,EAAE,WAAAlB,GAAW,SAAAC,EAAA,IAAYK,EAAA;AAE/B,2BAAQa,GAAA,EAAsB,WAAWH,EAAehB,CAAS,GAAG,SAAAC,GAAkB;AACxF;AAGO,SAASmB,IAAgC;AAC9C,QAAM,EAAE,GAAAb,EAAA,IAAMC,EAAe,gCAAgC,GACvD,EAAE,WAAAR,GAAW,eAAAqB,GAAe,eAAAC,GAAe,SAAArB,EAAA,IAC/CK,EAAA;AAEF,SACE,gBAAAO;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM;AAAA,QACJ,iCAAiChB,EAAE,8CAA8C;AAAA,QACjF,iBAAiBA,EAAE,8BAA8B;AAAA,MAAA;AAAA,MAEnD,WAAWS,EAAehB,CAAS;AAAA,MACnC,eAAAqB;AAAA,MACA,eAAAC;AAAA,MACA,SAAArB;AAAA,IAAA;AAAA,EAAA;AAGN;"}