@gusto/embedded-react-sdk 0.56.7 → 0.57.1

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

@@ -1,81 +1,87 @@
-import { state as a, transition as n, reduce as s } from "robot3";
-import { AssignmentScheduleStep as i, AssignmentTypeStep as E, AssignmentCreateScheduleStep as o, AssignmentReviewStep as c } from "./PayScheduleAssignmentComponents.js";
+import { state as i, transition as n, reduce as a } from "robot3";
+import { AssignmentScheduleStep as d, AssignmentTypeStep as u, AssignmentCreateScheduleStep as m, AssignmentReviewStep as E } from "./PayScheduleAssignmentComponents.js";
 import { componentEvents as t } from "../../../../../shared/constants.js";
-const m = s(
+const o = a(
   (e) => ({
     ...e,
-    component: i
+    component: d
   })
-), l = {
-  assignmentType: a(
+), y = {
+  assignmentType: i(
     n(
       t.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED,
       "assignmentSchedule",
-      s(
-        (e, S) => ({
-          ...e,
-          component: i,
-          assignmentType: S.payload.type
-        })
+      a(
+        (e, s) => {
+          const S = e.assignmentType === s.payload.type;
+          return {
+            ...e,
+            component: d,
+            assignmentType: s.payload.type,
+            defaultPayScheduleUuid: S ? e.defaultPayScheduleUuid : void 0,
+            hourlyPayScheduleUuid: S ? e.hourlyPayScheduleUuid : void 0,
+            salariedPayScheduleUuid: S ? e.salariedPayScheduleUuid : void 0
+          };
+        }
       )
     )
   ),
-  assignmentSchedule: a(
+  assignmentSchedule: i(
     n(
       t.PAY_SCHEDULE_ASSIGNMENT_BACK,
       "assignmentType",
-      s(
+      a(
         (e) => ({
           ...e,
-          component: E
+          component: u
         })
       )
     ),
     n(
       t.PAY_SCHEDULE_CREATE,
       "assignmentCreateSchedule",
-      s(
+      a(
         (e) => ({
           ...e,
-          component: o
+          component: m
         })
       )
     ),
     n(
       t.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED,
       "assignmentReview",
-      s(
-        (e, S) => ({
+      a(
+        (e, s) => ({
           ...e,
-          component: c,
-          defaultPayScheduleUuid: S.payload.defaultPayScheduleUuid
+          component: E,
+          ...s.payload
         })
       )
     )
   ),
-  assignmentCreateSchedule: a(
+  assignmentCreateSchedule: i(
     n(
       t.PAY_SCHEDULE_CREATED,
       "assignmentSchedule",
-      s(
-        (e, S) => ({
+      a(
+        (e, s) => ({
           ...e,
-          component: i,
-          defaultPayScheduleUuid: S.payload.paySchedule.uuid
+          component: d,
+          defaultPayScheduleUuid: s.payload.paySchedule.uuid
         })
       )
     ),
-    n(t.CANCEL, "assignmentSchedule", m)
+    n(t.CANCEL, "assignmentSchedule", o)
   ),
-  assignmentReview: a(
+  assignmentReview: i(
     n(
       t.PAY_SCHEDULE_ASSIGNMENT_BACK,
       "assignmentSchedule",
-      m
+      o
     )
   )
 };
 export {
-  l as payScheduleAssignmentStateMachine
+  y as payScheduleAssignmentStateMachine
 };
 //# sourceMappingURL=payScheduleAssignmentStateMachine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"payScheduleAssignmentStateMachine.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/payScheduleAssignmentStateMachine.ts"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { ComponentType } from 'react'\nimport {\n  AssignmentTypeStep,\n  AssignmentScheduleStep,\n  AssignmentCreateScheduleStep,\n  AssignmentReviewStep,\n} from './PayScheduleAssignmentComponents'\nimport type { EventPayloads } from './PayScheduleAssignmentComponents'\nimport type { PayScheduleAssignmentContextInterface } from './usePayScheduleAssignment'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nconst toAssignmentSchedule = reduce(\n  (ctx: PayScheduleAssignmentContextInterface): PayScheduleAssignmentContextInterface => ({\n    ...ctx,\n    component: AssignmentScheduleStep as ComponentType,\n  }),\n)\n\n/** @internal */\nexport const payScheduleAssignmentStateMachine = {\n  assignmentType: state<MachineTransition>(\n    transition(\n      componentEvents.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED,\n      'assignmentSchedule',\n      reduce(\n        (\n          ctx: PayScheduleAssignmentContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED\n          >,\n        ): PayScheduleAssignmentContextInterface => ({\n          ...ctx,\n          component: AssignmentScheduleStep as ComponentType,\n          assignmentType: ev.payload.type,\n        }),\n      ),\n    ),\n  ),\n  assignmentSchedule: state<MachineTransition>(\n    transition(\n      componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK,\n      'assignmentType',\n      reduce(\n        (ctx: PayScheduleAssignmentContextInterface): PayScheduleAssignmentContextInterface => ({\n          ...ctx,\n          component: AssignmentTypeStep as ComponentType,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.PAY_SCHEDULE_CREATE,\n      'assignmentCreateSchedule',\n      reduce(\n        (ctx: PayScheduleAssignmentContextInterface): PayScheduleAssignmentContextInterface => ({\n          ...ctx,\n          component: AssignmentCreateScheduleStep as ComponentType,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED,\n      'assignmentReview',\n      reduce(\n        (\n          ctx: PayScheduleAssignmentContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED\n          >,\n        ): PayScheduleAssignmentContextInterface => ({\n          ...ctx,\n          component: AssignmentReviewStep as ComponentType,\n          defaultPayScheduleUuid: ev.payload.defaultPayScheduleUuid,\n        }),\n      ),\n    ),\n  ),\n  assignmentCreateSchedule: state<MachineTransition>(\n    transition(\n      componentEvents.PAY_SCHEDULE_CREATED,\n      'assignmentSchedule',\n      reduce(\n        (\n          ctx: PayScheduleAssignmentContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.PAY_SCHEDULE_CREATED>,\n        ): PayScheduleAssignmentContextInterface => ({\n          ...ctx,\n          component: AssignmentScheduleStep as ComponentType,\n          defaultPayScheduleUuid: ev.payload.paySchedule.uuid,\n        }),\n      ),\n    ),\n    transition(componentEvents.CANCEL, 'assignmentSchedule', toAssignmentSchedule),\n  ),\n  assignmentReview: state<MachineTransition>(\n    transition(\n      componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK,\n      'assignmentSchedule',\n      toAssignmentSchedule,\n    ),\n  ),\n}\n"],"names":["toAssignmentSchedule","reduce","ctx","AssignmentScheduleStep","payScheduleAssignmentStateMachine","state","transition","componentEvents","ev","AssignmentTypeStep","AssignmentCreateScheduleStep","AssignmentReviewStep"],"mappings":";;;AAaA,MAAMA,IAAuBC;AAAA,EAC3B,CAACC,OAAuF;AAAA,IACtF,GAAGA;AAAA,IACH,WAAWC;AAAA,EAAA;AAEf,GAGaC,IAAoC;AAAA,EAC/C,gBAAgBC;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN;AAAA,QACE,CACEC,GACAM,OAI2C;AAAA,UAC3C,GAAGN;AAAA,UACH,WAAWC;AAAA,UACX,gBAAgBK,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC7B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,oBAAoBH;AAAA,IAClBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN;AAAA,QACE,CAACC,OAAuF;AAAA,UACtF,GAAGA;AAAA,UACH,WAAWO;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN;AAAA,QACE,CAACC,OAAuF;AAAA,UACtF,GAAGA;AAAA,UACH,WAAWQ;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN;AAAA,QACE,CACEC,GACAM,OAI2C;AAAA,UAC3C,GAAGN;AAAA,UACH,WAAWS;AAAA,UACX,wBAAwBH,EAAG,QAAQ;AAAA,QAAA;AAAA,MACrC;AAAA,IACF;AAAA,EACF;AAAA,EAEF,0BAA0BH;AAAA,IACxBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN;AAAA,QACE,CACEC,GACAM,OAC2C;AAAA,UAC3C,GAAGN;AAAA,UACH,WAAWC;AAAA,UACX,wBAAwBK,EAAG,QAAQ,YAAY;AAAA,QAAA;AAAA,MACjD;AAAA,IACF;AAAA,IAEFF,EAAWC,EAAgB,QAAQ,sBAAsBP,CAAoB;AAAA,EAAA;AAAA,EAE/E,kBAAkBK;AAAA,IAChBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAP;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"payScheduleAssignmentStateMachine.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/payScheduleAssignmentStateMachine.ts"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { ComponentType } from 'react'\nimport {\n  AssignmentTypeStep,\n  AssignmentScheduleStep,\n  AssignmentCreateScheduleStep,\n  AssignmentReviewStep,\n} from './PayScheduleAssignmentComponents'\nimport type { EventPayloads } from './PayScheduleAssignmentComponents'\nimport type { PayScheduleAssignmentContextInterface } from './usePayScheduleAssignment'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nconst toAssignmentSchedule = reduce(\n  (ctx: PayScheduleAssignmentContextInterface): PayScheduleAssignmentContextInterface => ({\n    ...ctx,\n    component: AssignmentScheduleStep as ComponentType,\n  }),\n)\n\n/** @internal */\nexport const payScheduleAssignmentStateMachine = {\n  assignmentType: state<MachineTransition>(\n    transition(\n      componentEvents.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED,\n      'assignmentSchedule',\n      reduce(\n        (\n          ctx: PayScheduleAssignmentContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.PAY_SCHEDULE_ASSIGNMENT_TYPE_SELECTED\n          >,\n        ): PayScheduleAssignmentContextInterface => {\n          // Switching type invalidates every schedule already picked under the old one, so a\n          // Single → HourlySalaried → Back → Single round trip can't resurrect a stale uuid.\n          const isSameType = ctx.assignmentType === ev.payload.type\n\n          return {\n            ...ctx,\n            component: AssignmentScheduleStep as ComponentType,\n            assignmentType: ev.payload.type,\n            defaultPayScheduleUuid: isSameType ? ctx.defaultPayScheduleUuid : undefined,\n            hourlyPayScheduleUuid: isSameType ? ctx.hourlyPayScheduleUuid : undefined,\n            salariedPayScheduleUuid: isSameType ? ctx.salariedPayScheduleUuid : undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  assignmentSchedule: state<MachineTransition>(\n    transition(\n      componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK,\n      'assignmentType',\n      reduce(\n        (ctx: PayScheduleAssignmentContextInterface): PayScheduleAssignmentContextInterface => ({\n          ...ctx,\n          component: AssignmentTypeStep as ComponentType,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.PAY_SCHEDULE_CREATE,\n      'assignmentCreateSchedule',\n      reduce(\n        (ctx: PayScheduleAssignmentContextInterface): PayScheduleAssignmentContextInterface => ({\n          ...ctx,\n          component: AssignmentCreateScheduleStep as ComponentType,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED,\n      'assignmentReview',\n      reduce(\n        (\n          ctx: PayScheduleAssignmentContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.PAY_SCHEDULE_ASSIGNMENT_SCHEDULE_SELECTED\n          >,\n        ): PayScheduleAssignmentContextInterface => ({\n          ...ctx,\n          component: AssignmentReviewStep as ComponentType,\n          ...ev.payload,\n        }),\n      ),\n    ),\n  ),\n  assignmentCreateSchedule: state<MachineTransition>(\n    transition(\n      componentEvents.PAY_SCHEDULE_CREATED,\n      'assignmentSchedule',\n      reduce(\n        (\n          ctx: PayScheduleAssignmentContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.PAY_SCHEDULE_CREATED>,\n        ): PayScheduleAssignmentContextInterface => ({\n          ...ctx,\n          component: AssignmentScheduleStep as ComponentType,\n          defaultPayScheduleUuid: ev.payload.paySchedule.uuid,\n        }),\n      ),\n    ),\n    transition(componentEvents.CANCEL, 'assignmentSchedule', toAssignmentSchedule),\n  ),\n  assignmentReview: state<MachineTransition>(\n    transition(\n      componentEvents.PAY_SCHEDULE_ASSIGNMENT_BACK,\n      'assignmentSchedule',\n      toAssignmentSchedule,\n    ),\n  ),\n}\n"],"names":["toAssignmentSchedule","reduce","ctx","AssignmentScheduleStep","payScheduleAssignmentStateMachine","state","transition","componentEvents","ev","isSameType","AssignmentTypeStep","AssignmentCreateScheduleStep","AssignmentReviewStep"],"mappings":";;;AAaA,MAAMA,IAAuBC;AAAA,EAC3B,CAACC,OAAuF;AAAA,IACtF,GAAGA;AAAA,IACH,WAAWC;AAAA,EAAA;AAEf,GAGaC,IAAoC;AAAA,EAC/C,gBAAgBC;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN;AAAA,QACE,CACEC,GACAM,MAI0C;AAG1C,gBAAMC,IAAaP,EAAI,mBAAmBM,EAAG,QAAQ;AAErD,iBAAO;AAAA,YACL,GAAGN;AAAA,YACH,WAAWC;AAAA,YACX,gBAAgBK,EAAG,QAAQ;AAAA,YAC3B,wBAAwBC,IAAaP,EAAI,yBAAyB;AAAA,YAClE,uBAAuBO,IAAaP,EAAI,wBAAwB;AAAA,YAChE,yBAAyBO,IAAaP,EAAI,0BAA0B;AAAA,UAAA;AAAA,QAExE;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEF,oBAAoBG;AAAA,IAClBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN;AAAA,QACE,CAACC,OAAuF;AAAA,UACtF,GAAGA;AAAA,UACH,WAAWQ;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN;AAAA,QACE,CAACC,OAAuF;AAAA,UACtF,GAAGA;AAAA,UACH,WAAWS;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN;AAAA,QACE,CACEC,GACAM,OAI2C;AAAA,UAC3C,GAAGN;AAAA,UACH,WAAWU;AAAA,UACX,GAAGJ,EAAG;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,0BAA0BH;AAAA,IACxBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAN;AAAA,QACE,CACEC,GACAM,OAC2C;AAAA,UAC3C,GAAGN;AAAA,UACH,WAAWC;AAAA,UACX,wBAAwBK,EAAG,QAAQ,YAAY;AAAA,QAAA;AAAA,MACjD;AAAA,IACF;AAAA,IAEFF,EAAWC,EAAgB,QAAQ,sBAAsBP,CAAoB;AAAA,EAAA;AAAA,EAE/E,kBAAkBK;AAAA,IAChBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAP;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -0,0 +1,7 @@
+function n(e) {
+  return [e.customName, e.frequency].filter(Boolean).join(" — ");
+}
+export {
+  n as scheduleLabel
+};
+//# sourceMappingURL=scheduleLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scheduleLabel.js","sources":["../../../../../../src/components/Company/PaySchedule/management/PayScheduleAssignment/scheduleLabel.ts"],"sourcesContent":["import type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\n\n/** @internal */\nexport function scheduleLabel(schedule: PayScheduleShow): string {\n  return [schedule.customName, schedule.frequency].filter(Boolean).join(' — ')\n}\n"],"names":["scheduleLabel","schedule"],"mappings":"AAGO,SAASA,EAAcC,GAAmC;AAC/D,SAAO,CAACA,EAAS,YAAYA,EAAS,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK;AAC7E;"}

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

@@ -0,0 +1,83 @@
+import { jsxs as d, Fragment as p, jsx as o } from "react/jsx-runtime";
+import { useTranslation as b } from "react-i18next";
+import "classnames";
+import "../../../../shared/constants.js";
+import { HamburgerMenu as y } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDataView as g } from "../../../Common/DataView/useDataView.js";
+import { DataView as h } from "../../../Common/DataView/DataView.js";
+function M({
+  rows: n,
+  enableAutoPilot: i,
+  enableMultipleSchedules: r,
+  onEditSchedule: l,
+  onManageAssignment: s,
+  onEditAutoPilot: m
+}) {
+  const { t: e } = b("Company.Management.PaySchedule"), a = f(), c = g({
+    data: n,
+    columns: [
+      {
+        key: "schedule",
+        title: e("labels.schedule"),
+        render: ({ compensationType: t, schedule: u }) => /* @__PURE__ */ d(p, { children: [
+          e(`compensationTypes.${t}`),
+          /* @__PURE__ */ o(a.Text, { variant: "supporting", size: "sm", children: u.customName })
+        ] })
+      },
+      {
+        key: "frequency",
+        title: e("labels.frequency"),
+        render: ({ schedule: t }) => t.frequency
+      },
+      ...i ? [
+        {
+          key: "autoPilot",
+          title: e("autoPilot.label"),
+          render: ({ schedule: t }) => /* @__PURE__ */ o(a.Badge, { status: t.autoPayroll ? "success" : "info", children: t.autoPayroll ? e("autoPilot.enabled") : e("autoPilot.disabled") })
+        }
+      ] : []
+    ],
+    itemMenu: ({ schedule: t }) => /* @__PURE__ */ o(
+      y,
+      {
+        items: [
+          {
+            label: e("editScheduleCta"),
+            onClick: () => {
+              l(t);
+            }
+          },
+          ...i ? [
+            {
+              label: e("autoPilot.label"),
+              onClick: () => {
+                m(t);
+              }
+            }
+          ] : []
+        ],
+        triggerLabel: e("rowMenuTriggerLabel")
+      }
+    )
+  });
+  return /* @__PURE__ */ o(
+    a.Box,
+    {
+      withPadding: !1,
+      header: /* @__PURE__ */ o(
+        a.BoxHeader,
+        {
+          title: e("title"),
+          description: e("compensationDescription"),
+          action: r ? /* @__PURE__ */ o(a.Button, { variant: "secondary", onClick: s, children: e("manageCta") }) : void 0
+        }
+      ),
+      children: /* @__PURE__ */ o(h, { label: e("compensationTableLabel"), isWithinBox: !0, ...c })
+    }
+  );
+}
+export {
+  M as PayScheduleCompensationOverviewPresentation
+};
+//# sourceMappingURL=PayScheduleCompensationOverviewPresentation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayScheduleCompensationOverviewPresentation.js","sources":["../../../../../src/components/Company/PaySchedule/management/PayScheduleCompensationOverviewPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { DataView, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport type CompensationType = 'hourly' | 'salaried'\n\n/** @internal */\nexport interface PayScheduleCompensationRow {\n  compensationType: CompensationType\n  schedule: PayScheduleShow\n}\n\n/** @internal */\nexport interface PayScheduleCompensationOverviewPresentationProps {\n  /** One row per compensation type, in display order. */\n  rows: PayScheduleCompensationRow[]\n  /** Shows the AutoPilot column and its row action when `true`. */\n  enableAutoPilot?: boolean\n  /** Shows the Manage action when `true`. */\n  enableMultipleSchedules?: boolean\n  /** Fired when the user chooses Edit schedule from a row menu. */\n  onEditSchedule: (schedule: PayScheduleShow) => void\n  /** Fired when the user clicks Manage. */\n  onManageAssignment: () => void\n  /** Fired when the user chooses AutoPilot from a row menu. */\n  onEditAutoPilot: (schedule: PayScheduleShow) => void\n}\n\n/** @internal */\nexport function PayScheduleCompensationOverviewPresentation({\n  rows,\n  enableAutoPilot,\n  enableMultipleSchedules,\n  onEditSchedule,\n  onManageAssignment,\n  onEditAutoPilot,\n}: PayScheduleCompensationOverviewPresentationProps) {\n  const { t } = useTranslation('Company.Management.PaySchedule')\n  const Components = useComponentContext()\n\n  const dataViewProps = useDataView<PayScheduleCompensationRow>({\n    data: rows,\n    columns: [\n      {\n        key: 'schedule',\n        title: t('labels.schedule'),\n        render: ({ compensationType, schedule }) => (\n          <>\n            {t(`compensationTypes.${compensationType}`)}\n            <Components.Text variant=\"supporting\" size=\"sm\">\n              {schedule.customName}\n            </Components.Text>\n          </>\n        ),\n      },\n      {\n        key: 'frequency',\n        title: t('labels.frequency'),\n        render: ({ schedule }) => schedule.frequency,\n      },\n      ...(enableAutoPilot\n        ? [\n            {\n              key: 'autoPilot',\n              title: t('autoPilot.label'),\n              render: ({ schedule }: PayScheduleCompensationRow) => (\n                <Components.Badge status={schedule.autoPayroll ? 'success' : 'info'}>\n                  {schedule.autoPayroll ? t('autoPilot.enabled') : t('autoPilot.disabled')}\n                </Components.Badge>\n              ),\n            },\n          ]\n        : []),\n    ],\n    itemMenu: ({ schedule }) => (\n      <HamburgerMenu\n        items={[\n          {\n            label: t('editScheduleCta'),\n            onClick: () => {\n              onEditSchedule(schedule)\n            },\n          },\n          ...(enableAutoPilot\n            ? [\n                {\n                  label: t('autoPilot.label'),\n                  onClick: () => {\n                    onEditAutoPilot(schedule)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        triggerLabel={t('rowMenuTriggerLabel')}\n      />\n    ),\n  })\n\n  return (\n    <Components.Box\n      withPadding={false}\n      header={\n        <Components.BoxHeader\n          title={t('title')}\n          description={t('compensationDescription')}\n          action={\n            enableMultipleSchedules ? (\n              <Components.Button variant=\"secondary\" onClick={onManageAssignment}>\n                {t('manageCta')}\n              </Components.Button>\n            ) : undefined\n          }\n        />\n      }\n    >\n      <DataView label={t('compensationTableLabel')} isWithinBox {...dataViewProps} />\n    </Components.Box>\n  )\n}\n"],"names":["PayScheduleCompensationOverviewPresentation","rows","enableAutoPilot","enableMultipleSchedules","onEditSchedule","onManageAssignment","onEditAutoPilot","t","useTranslation","Components","useComponentContext","dataViewProps","useDataView","compensationType","schedule","jsxs","Fragment","jsx","HamburgerMenu","DataView"],"mappings":";;;;;;;;AAgCO,SAASA,EAA4C;AAAA,EAC1D,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,iBAAAC;AACF,GAAqD;AACnD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA,GAEbC,IAAgBC,EAAwC;AAAA,IAC5D,MAAMX;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOM,EAAE,iBAAiB;AAAA,QAC1B,QAAQ,CAAC,EAAE,kBAAAM,GAAkB,UAAAC,EAAA,MAC3B,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,UAAAT,EAAE,qBAAqBM,CAAgB,EAAE;AAAA,UAC1C,gBAAAI,EAACR,EAAW,MAAX,EAAgB,SAAQ,cAAa,MAAK,MACxC,UAAAK,EAAS,WAAA,CACZ;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAC,EAAE,UAAAO,EAAA,MAAeA,EAAS;AAAA,MAAA;AAAA,MAErC,GAAIZ,IACA;AAAA,QACE;AAAA,UACE,KAAK;AAAA,UACL,OAAOK,EAAE,iBAAiB;AAAA,UAC1B,QAAQ,CAAC,EAAE,UAAAO,QACT,gBAAAG,EAACR,EAAW,OAAX,EAAiB,QAAQK,EAAS,cAAc,YAAY,QAC1D,UAAAA,EAAS,cAAcP,EAAE,mBAAmB,IAAIA,EAAE,oBAAoB,EAAA,CACzE;AAAA,QAAA;AAAA,MAEJ,IAEF,CAAA;AAAA,IAAC;AAAA,IAEP,UAAU,CAAC,EAAE,UAAAO,EAAA,MACX,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,OAAOX,EAAE,iBAAiB;AAAA,YAC1B,SAAS,MAAM;AACb,cAAAH,EAAeU,CAAQ;AAAA,YACzB;AAAA,UAAA;AAAA,UAEF,GAAIZ,IACA;AAAA,YACE;AAAA,cACE,OAAOK,EAAE,iBAAiB;AAAA,cAC1B,SAAS,MAAM;AACb,gBAAAD,EAAgBQ,CAAQ;AAAA,cAC1B;AAAA,YAAA;AAAA,UACF,IAEF,CAAA;AAAA,QAAC;AAAA,QAEP,cAAcP,EAAE,qBAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,CAEH;AAED,SACE,gBAAAU;AAAA,IAACR,EAAW;AAAA,IAAX;AAAA,MACC,aAAa;AAAA,MACb,QACE,gBAAAQ;AAAA,QAACR,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,OAAO;AAAA,UAChB,aAAaA,EAAE,yBAAyB;AAAA,UACxC,QACEJ,IACE,gBAAAc,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,UAAAE,EAAE,WAAW,GAChB,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,MAKV,UAAA,gBAAAU,EAACE,KAAS,OAAOZ,EAAE,wBAAwB,GAAG,aAAW,IAAE,GAAGI,EAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAGnF;"}

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

@@ -1,34 +1,62 @@
-import { jsx as c } from "react/jsx-runtime";
-import { usePaySchedulesGetAllSuspense as S } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
-import { PayScheduleOverviewPresentation as m } from "./PayScheduleOverviewPresentation.js";
-import { componentEvents as t } from "../../../../shared/constants.js";
-import { ensureRequired as a } from "../../../../helpers/ensureRequired.js";
-function h({
+import { jsx as p } from "react/jsx-runtime";
+import { usePaySchedulesGetAllSuspense as f } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { usePaySchedulesGetAssignmentsSuspense as E } from "@gusto/embedded-api/react-query/paySchedulesGetAssignments";
+import { PayScheduleAssignmentType as g } from "@gusto/embedded-api/models/components/payscheduleassignment";
+import { PayScheduleOverviewPresentation as _ } from "./PayScheduleOverviewPresentation.js";
+import { PayScheduleCompensationOverviewPresentation as T } from "./PayScheduleCompensationOverviewPresentation.js";
+import { componentEvents as i } from "../../../../shared/constants.js";
+import { ensureRequired as U } from "../../../../helpers/ensureRequired.js";
+function M({
   companyId: u,
-  onEvent: e,
-  enableAutoPilot: i,
+  onEvent: s,
+  enableAutoPilot: d,
   enableMultipleSchedules: r
 }) {
-  const { data: n } = S({ companyId: u }), s = n.payScheduleShowResponse ?? [], o = a(s.find((d) => d.active) ?? s[0]);
-  return /* @__PURE__ */ c(
-    m,
+  const { data: S } = f({ companyId: u }), { data: h } = E({ companyId: u }), t = S.payScheduleShowResponse ?? [], n = h.payScheduleAssignment, a = (e) => {
+    s(i.PAY_SCHEDULE_UPDATE, { uuid: e.uuid });
+  }, c = (e) => {
+    s(i.PAY_SCHEDULE_AUTO_PILOT_EDIT, { schedule: e });
+  }, m = () => {
+    s(i.PAY_SCHEDULE_MANAGE_ASSIGNMENT);
+  };
+  if (n?.type === g.HourlySalaried) {
+    const e = [
+      { compensationType: "salaried", uuid: n.salariedPayScheduleUuid },
+      { compensationType: "hourly", uuid: n.hourlyPayScheduleUuid }
+    ].flatMap(({ compensationType: y, uuid: A }) => {
+      const l = t.find((P) => P.uuid === A);
+      return l ? [{ compensationType: y, schedule: l }] : [];
+    });
+    return /* @__PURE__ */ p(
+      T,
+      {
+        rows: e,
+        enableAutoPilot: d,
+        enableMultipleSchedules: r,
+        onEditSchedule: a,
+        onManageAssignment: m,
+        onEditAutoPilot: c
+      }
+    );
+  }
+  const o = U(t.find((e) => e.active) ?? t[0]);
+  return /* @__PURE__ */ p(
+    _,
     {
       schedule: o,
-      enableAutoPilot: i,
+      enableAutoPilot: d,
       enableMultipleSchedules: r,
       onEditSchedule: () => {
-        e(t.PAY_SCHEDULE_UPDATE, { uuid: o.uuid });
-      },
-      onManageAssignment: () => {
-        e(t.PAY_SCHEDULE_MANAGE_ASSIGNMENT);
+        a(o);
       },
+      onManageAssignment: m,
       onEditAutoPilot: () => {
-        e(t.PAY_SCHEDULE_AUTO_PILOT_EDIT, { schedule: o });
+        c(o);
       }
     }
   );
 }
 export {
-  h as PayScheduleOverview
+  M as PayScheduleOverview
 };
 //# sourceMappingURL=PayScheduleOverview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayScheduleOverview.js","sources":["../../../../../src/components/Company/PaySchedule/management/PayScheduleOverview.tsx"],"sourcesContent":["import { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { PayScheduleOverviewPresentation } from './PayScheduleOverviewPresentation'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface PayScheduleOverviewProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n  enableAutoPilot?: boolean\n  enableMultipleSchedules?: boolean\n}\n\n/** @internal */\nexport function PayScheduleOverview({\n  companyId,\n  onEvent,\n  enableAutoPilot,\n  enableMultipleSchedules,\n}: PayScheduleOverviewProps) {\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n  const schedules = paySchedules.payScheduleShowResponse ?? []\n  /**\n   * Prefer the schedule with employees assigned to it over an unassigned leftover — relevant\n   * if enableMultipleSchedules was previously on and is now off, leaving more than one schedule\n   * behind. PaySchedule.tsx only routes here once it's confirmed at least one schedule exists.\n   */\n  const schedule = ensureRequired(schedules.find(s => s.active) ?? schedules[0])\n\n  return (\n    <PayScheduleOverviewPresentation\n      schedule={schedule}\n      enableAutoPilot={enableAutoPilot}\n      enableMultipleSchedules={enableMultipleSchedules}\n      onEditSchedule={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_UPDATE, { uuid: schedule.uuid })\n      }}\n      onManageAssignment={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_MANAGE_ASSIGNMENT)\n      }}\n      onEditAutoPilot={() => {\n        onEvent(componentEvents.PAY_SCHEDULE_AUTO_PILOT_EDIT, { schedule })\n      }}\n    />\n  )\n}\n"],"names":["PayScheduleOverview","companyId","onEvent","enableAutoPilot","enableMultipleSchedules","paySchedules","usePaySchedulesGetAllSuspense","schedules","schedule","ensureRequired","s","jsx","PayScheduleOverviewPresentation","componentEvents"],"mappings":";;;;;AAeO,SAASA,EAAoB;AAAA,EAClC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,yBAAAC;AACF,GAA6B;AAC3B,QAAM,EAAE,MAAMC,EAAA,IAAiBC,EAA8B,EAAE,WAAAL,GAAW,GACpEM,IAAYF,EAAa,2BAA2B,CAAA,GAMpDG,IAAWC,EAAeF,EAAU,KAAK,CAAAG,MAAKA,EAAE,MAAM,KAAKH,EAAU,CAAC,CAAC;AAE7E,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAAJ;AAAA,MACA,iBAAAL;AAAA,MACA,yBAAAC;AAAA,MACA,gBAAgB,MAAM;AACpB,QAAAF,EAAQW,EAAgB,qBAAqB,EAAE,MAAML,EAAS,MAAM;AAAA,MACtE;AAAA,MACA,oBAAoB,MAAM;AACxB,QAAAN,EAAQW,EAAgB,8BAA8B;AAAA,MACxD;AAAA,MACA,iBAAiB,MAAM;AACrB,QAAAX,EAAQW,EAAgB,8BAA8B,EAAE,UAAAL,EAAA,CAAU;AAAA,MACpE;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayScheduleOverview.js","sources":["../../../../../src/components/Company/PaySchedule/management/PayScheduleOverview.tsx"],"sourcesContent":["import { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePaySchedulesGetAssignmentsSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAssignments'\nimport { PayScheduleAssignmentType } from '@gusto/embedded-api/models/components/payscheduleassignment'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { PayScheduleOverviewPresentation } from './PayScheduleOverviewPresentation'\nimport type { PayScheduleCompensationRow } from './PayScheduleCompensationOverviewPresentation'\nimport { PayScheduleCompensationOverviewPresentation } from './PayScheduleCompensationOverviewPresentation'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport interface PayScheduleOverviewProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n  enableAutoPilot?: boolean\n  enableMultipleSchedules?: boolean\n}\n\n/** @internal */\nexport function PayScheduleOverview({\n  companyId,\n  onEvent,\n  enableAutoPilot,\n  enableMultipleSchedules,\n}: PayScheduleOverviewProps) {\n  const { data: paySchedules } = usePaySchedulesGetAllSuspense({ companyId })\n  const { data: assignments } = usePaySchedulesGetAssignmentsSuspense({ companyId })\n  const schedules = paySchedules.payScheduleShowResponse ?? []\n  const assignment = assignments.payScheduleAssignment\n\n  const editSchedule = (schedule: PayScheduleShow) => {\n    onEvent(componentEvents.PAY_SCHEDULE_UPDATE, { uuid: schedule.uuid })\n  }\n  const editAutoPilot = (schedule: PayScheduleShow) => {\n    onEvent(componentEvents.PAY_SCHEDULE_AUTO_PILOT_EDIT, { schedule })\n  }\n  const manageAssignment = () => {\n    onEvent(componentEvents.PAY_SCHEDULE_MANAGE_ASSIGNMENT)\n  }\n\n  if (assignment?.type === PayScheduleAssignmentType.HourlySalaried) {\n    /**\n     * A uuid the assignment references but `paySchedulesGetAll` doesn't return has no schedule\n     * to name, edit, or hand to the AutoPilot dialog, so its row is dropped rather than\n     * rendered half-populated.\n     */\n    const rows = (\n      [\n        { compensationType: 'salaried', uuid: assignment.salariedPayScheduleUuid },\n        { compensationType: 'hourly', uuid: assignment.hourlyPayScheduleUuid },\n      ] as const\n    ).flatMap<PayScheduleCompensationRow>(({ compensationType, uuid }) => {\n      const schedule = schedules.find(s => s.uuid === uuid)\n      return schedule ? [{ compensationType, schedule }] : []\n    })\n\n    return (\n      <PayScheduleCompensationOverviewPresentation\n        rows={rows}\n        enableAutoPilot={enableAutoPilot}\n        enableMultipleSchedules={enableMultipleSchedules}\n        onEditSchedule={editSchedule}\n        onManageAssignment={manageAssignment}\n        onEditAutoPilot={editAutoPilot}\n      />\n    )\n  }\n\n  /**\n   * Prefer the schedule with employees assigned to it over an unassigned leftover — relevant\n   * if enableMultipleSchedules was previously on and is now off, leaving more than one schedule\n   * behind. PaySchedule.tsx only routes here once it's confirmed at least one schedule exists.\n   */\n  const schedule = ensureRequired(schedules.find(s => s.active) ?? schedules[0])\n\n  return (\n    <PayScheduleOverviewPresentation\n      schedule={schedule}\n      enableAutoPilot={enableAutoPilot}\n      enableMultipleSchedules={enableMultipleSchedules}\n      onEditSchedule={() => {\n        editSchedule(schedule)\n      }}\n      onManageAssignment={manageAssignment}\n      onEditAutoPilot={() => {\n        editAutoPilot(schedule)\n      }}\n    />\n  )\n}\n"],"names":["PayScheduleOverview","companyId","onEvent","enableAutoPilot","enableMultipleSchedules","paySchedules","usePaySchedulesGetAllSuspense","assignments","usePaySchedulesGetAssignmentsSuspense","schedules","assignment","editSchedule","schedule","componentEvents","editAutoPilot","manageAssignment","PayScheduleAssignmentType","rows","compensationType","uuid","s","jsx","PayScheduleCompensationOverviewPresentation","ensureRequired","PayScheduleOverviewPresentation"],"mappings":";;;;;;;;AAoBO,SAASA,EAAoB;AAAA,EAClC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,yBAAAC;AACF,GAA6B;AAC3B,QAAM,EAAE,MAAMC,EAAA,IAAiBC,EAA8B,EAAE,WAAAL,GAAW,GACpE,EAAE,MAAMM,EAAA,IAAgBC,EAAsC,EAAE,WAAAP,GAAW,GAC3EQ,IAAYJ,EAAa,2BAA2B,CAAA,GACpDK,IAAaH,EAAY,uBAEzBI,IAAe,CAACC,MAA8B;AAClD,IAAAV,EAAQW,EAAgB,qBAAqB,EAAE,MAAMD,EAAS,MAAM;AAAA,EACtE,GACME,IAAgB,CAACF,MAA8B;AACnD,IAAAV,EAAQW,EAAgB,8BAA8B,EAAE,UAAAD,GAAU;AAAA,EACpE,GACMG,IAAmB,MAAM;AAC7B,IAAAb,EAAQW,EAAgB,8BAA8B;AAAA,EACxD;AAEA,MAAIH,GAAY,SAASM,EAA0B,gBAAgB;AAMjE,UAAMC,IACJ;AAAA,MACE,EAAE,kBAAkB,YAAY,MAAMP,EAAW,wBAAA;AAAA,MACjD,EAAE,kBAAkB,UAAU,MAAMA,EAAW,sBAAA;AAAA,IAAsB,EAEvE,QAAoC,CAAC,EAAE,kBAAAQ,GAAkB,MAAAC,QAAW;AACpE,YAAMP,IAAWH,EAAU,KAAK,CAAAW,MAAKA,EAAE,SAASD,CAAI;AACpD,aAAOP,IAAW,CAAC,EAAE,kBAAAM,GAAkB,UAAAN,EAAAA,CAAU,IAAI,CAAA;AAAA,IACvD,CAAC;AAED,WACE,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAL;AAAA,QACA,iBAAAd;AAAA,QACA,yBAAAC;AAAA,QACA,gBAAgBO;AAAA,QAChB,oBAAoBI;AAAA,QACpB,iBAAiBD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGvB;AAOA,QAAMF,IAAWW,EAAed,EAAU,KAAK,CAAAW,MAAKA,EAAE,MAAM,KAAKX,EAAU,CAAC,CAAC;AAE7E,SACE,gBAAAY;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,UAAAZ;AAAA,MACA,iBAAAT;AAAA,MACA,yBAAAC;AAAA,MACA,gBAAgB,MAAM;AACpB,QAAAO,EAAaC,CAAQ;AAAA,MACvB;AAAA,MACA,oBAAoBG;AAAA,MACpB,iBAAiB,MAAM;AACrB,QAAAD,EAAcF,CAAQ;AAAA,MACxB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Company/StateTaxes/StateTaxesForm/Actions.js

@@ -1,16 +1,18 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { useTranslation as a } from "react-i18next";
 import { useStateTaxesForm as s } from "./context.js";
+import "classnames";
+import "../../../../shared/constants.js";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function d() {
-  const { t } = a("Company.StateTaxes", { keyPrefix: "form" }), { handleCancel: e, isPending: r } = s(), o = c();
+function y() {
+  const { t } = a("Company.StateTaxes", { keyPrefix: "form" }), { handleCancel: r, isPending: e } = s(), o = c();
   return /* @__PURE__ */ i(m, { children: [
-    /* @__PURE__ */ n(o.Button, { type: "button", variant: "secondary", onClick: e, children: t("cancelCta") }),
-    /* @__PURE__ */ n(o.Button, { variant: "primary", type: "submit", isDisabled: r, children: t("saveCta") })
+    /* @__PURE__ */ n(o.Button, { type: "button", variant: "secondary", onClick: r, children: t("cancelCta") }),
+    /* @__PURE__ */ n(o.Button, { variant: "primary", type: "submit", isDisabled: e, children: t("saveCta") })
   ] });
 }
 export {
-  d as Actions
+  y as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Company/StateTaxes/StateTaxesForm/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { handleCancel, isPending } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"button\" variant=\"secondary\" onClick={handleCancel}>\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button variant=\"primary\" type=\"submit\" isDisabled={isPending}>\n        {t('saveCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleCancel","isPending","useStateTaxesForm","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,MAAK,UAAS,SAAQ,aAAY,SAASH,GAC3D,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,IACA,gBAAAM,EAACH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { handleCancel, isPending } = useStateTaxesForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"button\" variant=\"secondary\" onClick={handleCancel}>\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button variant=\"primary\" type=\"submit\" isDisabled={isPending}>\n        {t('saveCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","handleCancel","isPending","useStateTaxesForm","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,MAAK,UAAS,SAAQ,aAAY,SAASH,GAC3D,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,IACA,gBAAAM,EAACH,EAAW,QAAX,EAAkB,SAAQ,WAAU,MAAK,UAAS,YAAYF,GAC5D,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.js

@@ -1,101 +1,128 @@
-import { jsx as t, jsxs as V, Fragment as _ } from "react/jsx-runtime";
-import { useForm as K, FormProvider as M } from "react-hook-form";
-import { zodResolver as z } from "@hookform/resolvers/zod";
-import { useTaxRequirementsUpdateStateMutation as H } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
-import { useTaxRequirementsGetSuspense as N } from "@gusto/embedded-api/react-query/taxRequirementsGet";
+import { jsx as i, jsxs as I, Fragment as K } from "react/jsx-runtime";
+import { useForm as _, FormProvider as M } from "react-hook-form";
+import { zodResolver as $ } from "@hookform/resolvers/zod";
+import { useTaxRequirementsUpdateStateMutation as z } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
+import { useTaxRequirementsGetSuspense as H } from "@gusto/embedded-api/react-query/taxRequirementsGet";
 import { z as b } from "zod";
-import { useMemo as O } from "react";
-import { useTranslation as G } from "react-i18next";
-import { getUniqueRhfKey as d } from "../shared/rhfKey.js";
-import { isRequirementApplicable as I } from "../shared/applicableIf.js";
-import { prepareRequirements as k } from "../shared/prepareRequirements.js";
+import { useMemo as N } from "react";
+import { useTranslation as O } from "react-i18next";
+import { getUniqueRhfKey as h } from "../shared/rhfKey.js";
+import { isRequirementApplicable as G } from "../shared/applicableIf.js";
+import { prepareRequirements as v } from "../shared/prepareRequirements.js";
 import { buildRequirementSchema as L } from "../shared/buildRequirementSchema.js";
 import { stringifyRequirementValue as X } from "../shared/requirementValue.js";
-import { parseRequirementSetError as Y } from "../shared/requirementSetError.js";
-import { Head as $ } from "./Head.js";
-import { StateTaxesFormProvider as J } from "./context.js";
-import { Form as Q } from "./Form.js";
-import { Actions as W } from "./Actions.js";
-import { BaseComponent as Z } from "../../../Base/Base.js";
-import { useI18n as ee } from "../../../../i18n/I18n.js";
-import { Flex as re } from "../../../Common/Flex/Flex.js";
-import { Form as te } from "../../../Common/Form/Form.js";
-import { componentEvents as v } from "../../../../shared/constants.js";
-import { useBase as oe } from "../../../Base/useBase.js";
-import { SDKInternalError as ne } from "../../../../types/sdkError.js";
-function Ue(m) {
-  return /* @__PURE__ */ t(Z, { ...m, children: /* @__PURE__ */ t(me, { ...m, children: m.children }) });
+import { parseRequirementSetErrors as Y } from "../shared/requirementSetError.js";
+import { Head as J } from "./Head.js";
+import { StateTaxesFormProvider as Q } from "./context.js";
+import { Form as W } from "./Form.js";
+import { Actions as Z } from "./Actions.js";
+import { BaseComponent as ee } from "../../../Base/Base.js";
+import { useI18n as re } from "../../../../i18n/I18n.js";
+import { Flex as te } from "../../../Common/Flex/Flex.js";
+import { Form as oe } from "../../../Common/Form/Form.js";
+import { componentEvents as g } from "../../../../shared/constants.js";
+import { useBase as ne } from "../../../Base/useBase.js";
+import { SDKInternalError as ie } from "../../../../types/sdkError.js";
+function Ue(l) {
+  return /* @__PURE__ */ i(ee, { ...l, children: /* @__PURE__ */ i(me, { ...l, children: l.children }) });
 }
-function me({ companyId: m, state: a, className: F, children: y }) {
-  ee("Company.StateTaxes");
-  const { onEvent: R, baseSubmitHandler: P } = oe(), { t: h } = G("Company.StateTaxes", { keyPrefix: "form" }), { data: E } = N({ companyUuid: m, state: a }), c = E.taxRequirementsState, { mutateAsync: g, isPending: A } = H(), { dynamicSchema: C, defaultValues: U } = O(() => {
-    const f = {}, i = {}, p = c.requirementSets ?? [];
-    return p.forEach((u, e) => {
-      if (!u.key) return;
-      const r = d(u, e, p), o = k(u.requirements ?? []), { shape: n, defaults: S } = L(o, h);
-      Object.keys(n).length > 0 && (f[r] = b.object(n), i[r] = S);
+function me({ companyId: l, state: q, className: F, children: E }) {
+  re("Company.StateTaxes");
+  const { onEvent: T, baseSubmitHandler: P } = ne(), { t: R } = O("Company.StateTaxes", { keyPrefix: "form" }), { data: k } = H({ companyUuid: l, state: q }), p = k.taxRequirementsState, { mutateAsync: A, isPending: C } = z(), { dynamicSchema: j, defaultValues: U } = N(() => {
+    const d = {}, s = {}, S = p.requirementSets ?? [];
+    return S.forEach((a, e) => {
+      if (!a.key) return;
+      const r = h(a, e, S), t = v(a.requirements ?? []), { shape: n, defaults: o } = L(t, R);
+      Object.keys(n).length > 0 && (d[r] = b.object(n), s[r] = o);
     }), {
-      dynamicSchema: b.object(f),
-      defaultValues: i
+      dynamicSchema: b.object(d),
+      defaultValues: s
     };
-  }, [c, h]), { control: j, ...x } = K({
-    resolver: z(C),
+  }, [p, R]), { control: w, ...x } = _({
+    resolver: $(j),
     defaultValues: U
-  }), w = async (f) => {
-    await P(f, async (i) => {
-      const p = i, l = c.requirementSets ?? [], u = l.map((e, r) => ({ requirementSet: e, setIndex: r })).filter(({ requirementSet: e, setIndex: r }) => {
+  }), V = ({
+    key: d,
+    effectiveFrom: s,
+    valueErrors: S
+  }) => {
+    const u = p.requirementSets ?? [], a = u.map((o, m) => ({ requirementSet: o, setIndex: m })).filter(({ requirementSet: o }) => o.key === d), e = a.find(
+      ({ requirementSet: o }) => (o.effectiveFrom ?? void 0) === s
+    ) ?? a[0];
+    if (!e) return !1;
+    const r = h(
+      e.requirementSet,
+      e.setIndex,
+      u
+    ), t = v(e.requirementSet.requirements ?? []);
+    let n = !1;
+    return S.forEach(({ requirementKey: o, message: m }) => {
+      const f = t.findIndex((y) => y.key === o);
+      if (f === -1) return;
+      const c = h(
+        t[f],
+        f,
+        t
+      );
+      x.setError(`${r}.${c}`, { type: "server", message: m }), n = !0;
+    }), n;
+  }, B = async (d) => {
+    await P(d, async (s) => {
+      const S = s, u = p.requirementSets ?? [], a = u.map((e, r) => ({ requirementSet: e, setIndex: r })).filter(({ requirementSet: e, setIndex: r }) => {
         if (!e.key) return !1;
-        const o = d(e, r, l);
-        return !!i[o];
+        const t = h(e, r, u);
+        return !!s[t];
       }).map(({ requirementSet: e, setIndex: r }) => {
-        const o = e.key, n = d(e, r, l), S = i[n], T = k(e.requirements ?? []), D = T.map((s, q) => ({ req: s, index: q })).filter(({ req: s }) => I(s, n, p));
+        const t = e.key, n = h(e, r, u), o = s[n], m = v(e.requirements ?? []), f = m.map((c, y) => ({ req: c, index: y })).filter(({ req: c }) => G(c, n, S));
         return {
-          state: a,
-          key: o,
+          state: q,
+          key: t,
           effectiveFrom: e.effectiveFrom,
-          requirements: D.map(({ req: s, index: q }) => ({
-            key: s.key,
+          requirements: f.map(({ req: c, index: y }) => ({
+            key: c.key,
             value: X(
-              S[d(s, q, T)]
+              o[h(c, y, m)]
             )
           }))
         };
       });
       try {
-        await g({
+        await A({
           request: {
-            companyUuid: m,
-            requestBody: { requirementSets: u },
-            state: a
+            companyUuid: l,
+            requestBody: { requirementSets: a },
+            state: q
           }
         });
       } catch (e) {
         const r = Y(e);
         if (!r) throw e;
-        const o = c.requirementSets?.find(
-          (n) => n.key === r.key
-        )?.label ?? r.key;
-        throw new ne(
-          h("errors.incompleteRequirementSet", {
-            section: o,
-            state: r.state ?? a
-          }),
+        const t = r.filter(V), n = t.length > 0 ? t : r, o = n.map(
+          ({ key: m }) => p.requirementSets?.find(
+            (f) => f.key === m
+          )?.label ?? m
+        ).join(", ");
+        throw new ie(
+          R(
+            t.length > 0 ? "errors.invalidRequirementSet" : "errors.incompleteRequirementSet",
+            { section: o, state: n[0].state ?? q }
+          ),
           "api_error"
         );
       }
-      R(v.COMPANY_STATE_TAX_UPDATED);
+      T(g.COMPANY_STATE_TAX_UPDATED);
     });
-  }, B = () => {
-    R(v.CANCEL);
+  }, D = () => {
+    T(g.CANCEL);
   };
-  return /* @__PURE__ */ t("section", { className: F, children: /* @__PURE__ */ t(M, { ...x, control: j, children: /* @__PURE__ */ t(te, { onSubmit: x.handleSubmit(w), children: /* @__PURE__ */ t(
-    J,
+  return /* @__PURE__ */ i("section", { className: F, children: /* @__PURE__ */ i(M, { ...x, control: w, children: /* @__PURE__ */ i(oe, { onSubmit: x.handleSubmit(B), children: /* @__PURE__ */ i(
+    Q,
     {
-      value: { stateTaxRequirements: c, isPending: A, state: a, handleCancel: B },
-      children: /* @__PURE__ */ t(re, { flexDirection: "column", gap: 32, children: y || /* @__PURE__ */ V(_, { children: [
-        /* @__PURE__ */ t($, {}),
-        /* @__PURE__ */ t(Q, {}),
-        /* @__PURE__ */ t(W, {})
+      value: { stateTaxRequirements: p, isPending: C, state: q, handleCancel: D },
+      children: /* @__PURE__ */ i(te, { flexDirection: "column", gap: 32, children: E || /* @__PURE__ */ I(K, { children: [
+        /* @__PURE__ */ i(J, {}),
+        /* @__PURE__ */ i(W, {}),
+        /* @__PURE__ */ i(Z, {})
       ] }) })
     }
   ) }) }) });