@gusto/embedded-react-sdk 0.44.2 → 0.46.0

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentsListPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupWithBlockers } from '@gusto/embedded-api/models/components/contractorpaymentgroupwithblockers'\nimport type { InternalAlert } from '../types'\nimport styles from './PaymentsListPresentation.module.scss'\nimport { DataView, Flex, EmptyData, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport EyeIcon from '@/assets/icons/eye.svg?react'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { ConfirmWireDetails } from '@/components/Payroll/ConfirmWireDetails'\nimport type { EventType } from '@/shared/constants'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ninterface ContractorPaymentPaymentsListPresentationProps {\n  numberOfMonths: number\n  contractorPayments: ContractorPaymentGroupWithBlockers[]\n  onCreatePayment: () => void\n  onDateRangeChange: (numberOfMonths: number) => void\n  onViewPayment: (paymentId: string) => void\n  alerts?: InternalAlert[]\n  companyId: string\n  hasUnresolvedWireInRequests: boolean\n  onEvent: (type: EventType, data?: unknown) => void\n  paginationProps?: PaginationControlProps\n}\n\nexport const PaymentsListPresentation = ({\n  contractorPayments,\n  numberOfMonths,\n  onCreatePayment,\n  onDateRangeChange,\n  onViewPayment,\n  alerts = [],\n  companyId,\n  hasUnresolvedWireInRequests,\n  onEvent,\n  paginationProps,\n}: ContractorPaymentPaymentsListPresentationProps) => {\n  const { Button, Heading, Select, ButtonIcon, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentsList')\n  const { t } = useTranslation('Contractor.Payments.PaymentsList')\n  const currencyFormatter = useNumberFormatter('currency')\n  const { formatLongWithYear } = useDateFormatter()\n\n  const dateRangeOptions = [\n    { value: '3', label: t('dateRanges.last3Months') },\n    { value: '6', label: t('dateRanges.last6Months') },\n  ]\n  const { ...dataViewProps } = useDataView({\n    data: contractorPayments,\n    columns: [\n      {\n        title: t('paymentDateColumnLabel'),\n        render: ({ checkDate }) => formatLongWithYear(checkDate) || 'N/A',\n      },\n      {\n        title: t('wageTotalColumnLabel'),\n        render: ({ totals }) => currencyFormatter(Number(totals?.wageAmount || 0)),\n      },\n      {\n        title: t('reimbursementTotalColumnLabel'),\n        render: ({ totals }) => currencyFormatter(Number(totals?.reimbursementAmount) || 0),\n      },\n    ],\n    itemMenu: ({ uuid }) => (\n      <ButtonIcon\n        aria-label={t('viewPaymentCta')}\n        variant=\"tertiary\"\n        onClick={() => {\n          onViewPayment(uuid || '')\n        }}\n      >\n        <EyeIcon aria-hidden />\n      </ButtonIcon>\n    ),\n    emptyState: () => (\n      <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button variant=\"primary\" onClick={onCreatePayment}>\n            {t('createPaymentCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n    pagination: paginationProps,\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h1\">{t('title')}</Heading>\n      </Flex>\n\n      {hasUnresolvedWireInRequests && (\n        <ConfirmWireDetails companyId={companyId} onEvent={onEvent} />\n      )}\n\n      {alerts.length > 0 && (\n        <Flex flexDirection=\"column\" gap={16}>\n          {alerts.map((alert, index) => (\n            <Alert\n              key={`${alert.type}-${alert.title}-${index}`}\n              label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n              status={alert.type}\n              onDismiss={alert.onDismiss}\n            >\n              <Flex flexDirection=\"column\" gap={12}>\n                {typeof alert.content === 'string'\n                  ? t(`alerts.${alert.content}` as never)\n                  : (alert.content ?? null)}\n                {alert.onAction && alert.actionLabel && (\n                  <div>\n                    <Button variant=\"secondary\" onClick={alert.onAction}>\n                      {t(`alerts.${alert.actionLabel}` as never)}\n                    </Button>\n                  </div>\n                )}\n              </Flex>\n            </Alert>\n          ))}\n        </Flex>\n      )}\n\n      <Flex\n        flexDirection={{\n          base: 'column',\n          small: 'row',\n        }}\n        gap={16}\n        alignItems={{\n          base: 'stretch',\n          small: 'flex-end',\n        }}\n        justifyContent=\"space-between\"\n      >\n        <Heading as=\"h2\">{t('subtitle')}</Heading>\n        <div className={styles.actionsContainer}>\n          <Select\n            id=\"date-range-select\"\n            value={numberOfMonths.toString()}\n            onChange={value => {\n              onDateRangeChange(Number(value))\n            }}\n            options={dateRangeOptions}\n            isRequired\n            label={t('startDate')}\n            shouldVisuallyHideLabel\n          />\n          <Button onClick={onCreatePayment} variant=\"secondary\" className={styles.nowrap}>\n            {t('createPaymentCta')}\n          </Button>\n        </div>\n      </Flex>\n\n      <DataView label={t('subtitle')} {...dataViewProps} />\n    </Flex>\n  )\n}\n"],"names":["PaymentsListPresentation","contractorPayments","numberOfMonths","onCreatePayment","onDateRangeChange","onViewPayment","alerts","companyId","hasUnresolvedWireInRequests","onEvent","paginationProps","Button","Heading","Select","ButtonIcon","Alert","useComponentContext","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","dateRangeOptions","dataViewProps","useDataView","checkDate","totals","uuid","jsx","EyeIcon","EmptyData","ActionsLayout","jsxs","Flex","ConfirmWireDetails","alert","index","styles","value","DataView"],"mappings":"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"}
+{"version":3,"file":"PaymentsListPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupWithBlockers } from '@gusto/embedded-api/models/components/contractorpaymentgroupwithblockers'\nimport type { InternalAlert } from '../types'\nimport styles from './PaymentsListPresentation.module.scss'\nimport { DataView, Flex, EmptyData, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport EyeIcon from '@/assets/icons/eye.svg?react'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { ConfirmWireDetails } from '@/components/Payroll/ConfirmWireDetails'\nimport type { EventType } from '@/shared/constants'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ninterface ContractorPaymentPaymentsListPresentationProps {\n  numberOfMonths: number\n  contractorPayments: ContractorPaymentGroupWithBlockers[]\n  onCreatePayment: () => void\n  onDateRangeChange: (numberOfMonths: number) => void\n  onViewPayment: (paymentId: string) => void\n  alerts?: InternalAlert[]\n  companyId: string\n  hasUnresolvedWireInRequests: boolean\n  onEvent: (type: EventType, data?: unknown) => void\n  paginationProps?: PaginationControlProps\n}\n\nexport const PaymentsListPresentation = ({\n  contractorPayments,\n  numberOfMonths,\n  onCreatePayment,\n  onDateRangeChange,\n  onViewPayment,\n  alerts = [],\n  companyId,\n  hasUnresolvedWireInRequests,\n  onEvent,\n  paginationProps,\n}: ContractorPaymentPaymentsListPresentationProps) => {\n  const { Button, Heading, Select, ButtonIcon, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentsList')\n  const { t } = useTranslation('Contractor.Payments.PaymentsList')\n  const currencyFormatter = useNumberFormatter('currency')\n  const { formatLongWithYear } = useDateFormatter()\n\n  const dateRangeOptions = [\n    { value: '3', label: t('dateRanges.last3Months') },\n    { value: '6', label: t('dateRanges.last6Months') },\n  ]\n  const { ...dataViewProps } = useDataView({\n    data: contractorPayments,\n    columns: [\n      {\n        title: t('paymentDateColumnLabel'),\n        render: ({ checkDate }) => formatLongWithYear(checkDate) || 'N/A',\n      },\n      {\n        title: t('wageTotalColumnLabel'),\n        render: ({ totals }) => currencyFormatter(Number(totals?.wageAmount || 0)),\n      },\n      {\n        title: t('reimbursementTotalColumnLabel'),\n        render: ({ totals }) => currencyFormatter(Number(totals?.reimbursementAmount) || 0),\n      },\n    ],\n    itemMenu: ({ uuid }) => (\n      <ButtonIcon\n        aria-label={t('viewPaymentCta')}\n        variant=\"tertiary\"\n        onClick={() => {\n          onViewPayment(uuid || '')\n        }}\n      >\n        <EyeIcon aria-hidden />\n      </ButtonIcon>\n    ),\n    emptyState: () => (\n      <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button variant=\"primary\" onClick={onCreatePayment}>\n            {t('createPaymentCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n    pagination: paginationProps,\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h1\" styledAs=\"h2\">\n          {t('title')}\n        </Heading>\n      </Flex>\n\n      {hasUnresolvedWireInRequests && (\n        <ConfirmWireDetails companyId={companyId} onEvent={onEvent} />\n      )}\n\n      {alerts.length > 0 && (\n        <Flex flexDirection=\"column\" gap={16}>\n          {alerts.map((alert, index) => (\n            <Alert\n              key={`${alert.type}-${alert.title}-${index}`}\n              label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n              status={alert.type}\n              onDismiss={alert.onDismiss}\n            >\n              <Flex flexDirection=\"column\" gap={12}>\n                {typeof alert.content === 'string'\n                  ? t(`alerts.${alert.content}` as never)\n                  : (alert.content ?? null)}\n                {alert.onAction && alert.actionLabel && (\n                  <div>\n                    <Button variant=\"secondary\" onClick={alert.onAction}>\n                      {t(`alerts.${alert.actionLabel}` as never)}\n                    </Button>\n                  </div>\n                )}\n              </Flex>\n            </Alert>\n          ))}\n        </Flex>\n      )}\n\n      <Flex\n        flexDirection={{\n          base: 'column',\n          small: 'row',\n        }}\n        gap={16}\n        alignItems={{\n          base: 'stretch',\n          small: 'flex-end',\n        }}\n        justifyContent=\"space-between\"\n      >\n        <Heading as=\"h2\" styledAs=\"h4\">\n          {t('subtitle')}\n        </Heading>\n        <div className={styles.actionsContainer}>\n          <Select\n            id=\"date-range-select\"\n            value={numberOfMonths.toString()}\n            onChange={value => {\n              onDateRangeChange(Number(value))\n            }}\n            options={dateRangeOptions}\n            isRequired\n            label={t('startDate')}\n            shouldVisuallyHideLabel\n          />\n          <Button onClick={onCreatePayment} variant=\"secondary\" className={styles.nowrap}>\n            {t('createPaymentCta')}\n          </Button>\n        </div>\n      </Flex>\n\n      <DataView label={t('subtitle')} {...dataViewProps} />\n    </Flex>\n  )\n}\n"],"names":["PaymentsListPresentation","contractorPayments","numberOfMonths","onCreatePayment","onDateRangeChange","onViewPayment","alerts","companyId","hasUnresolvedWireInRequests","onEvent","paginationProps","Button","Heading","Select","ButtonIcon","Alert","useComponentContext","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","dateRangeOptions","dataViewProps","useDataView","checkDate","totals","uuid","jsx","EyeIcon","EmptyData","ActionsLayout","jsxs","Flex","ConfirmWireDetails","alert","index","styles","value","DataView"],"mappings":"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"}

package/dist/components/Employee/Compensation/index.d.ts

@@ -1,2 +1,2 @@
 import "./types/i18next.d.ts"
-export * from './Compensation';
+export * from './onboarding';

package/dist/components/Employee/Compensation/management/EditCompensation/EditCompensation.d.ts

@@ -0,0 +1,11 @@
+import { CommonComponentInterface } from '../../../../Base';
+import { OnEventType } from '../../../../Base/useBase';
+import { EventType } from '../../../../../shared/constants';
+export interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {
+    employeeId: string;
+    jobId: string;
+    onCancel?: () => void;
+    /** Called with `EMPLOYEE_COMPENSATION_UPDATED` then `EMPLOYEE_COMPENSATION_DONE` on a successful save. Use `EMPLOYEE_COMPENSATION_DONE` to trigger navigation. */
+    onEvent: OnEventType<EventType, unknown>;
+}
+export declare function EditCompensation({ dictionary, ...props }: EditCompensationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Compensation/management/EditCompensation/EditCompensation.js

@@ -0,0 +1,230 @@
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import v from "classnames";
+import { useTranslation as R, Trans as b } from "react-i18next";
+import { useJobsAndCompensationsGetJobs as L } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
+import { useJobForm as h } from "../../shared/useJobForm/useJobForm.js";
+import { useCompensationForm as M } from "../../shared/useCompensationForm/useCompensationForm.js";
+import y from "./EditCompensation.module.scss.js";
+import { BaseBoundaries as W, BaseLayout as p } from "../../../../Base/Base.js";
+import "../../../../Base/useBase.js";
+import { Flex as S } from "../../../../Common/Flex/Flex.js";
+import { componentEvents as f, FLSA_OVERTIME_SALARY_LIMIT as C } from "../../../../../shared/constants.js";
+import { ActionsLayout as T } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as k } from "../../../../Common/Form/Form.js";
+import { useComponentContext as H } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as w, useI18n as F } from "../../../../../i18n/I18n.js";
+import { composeErrorHandler as E } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { composeSubmitHandler as O } from "../../../../../partner-hook-utils/form/composeSubmitHandler.js";
+import _ from "../../../../../hooks/useNumberFormatter.js";
+import { addDays as U } from "../../../../../helpers/dateFormatting.js";
+function oe({ dictionary: r, ...i }) {
+  return w("Employee.Compensation", r), /* @__PURE__ */ t(W, { componentName: "Employee.Compensation.Management", children: /* @__PURE__ */ t(A, { ...i }) });
+}
+function A({
+  employeeId: r,
+  jobId: i,
+  defaultValues: d,
+  ...m
+}) {
+  const e = L({ employeeId: r }, { enabled: !!r });
+  if (e.isLoading || !e.data) {
+    const a = E([e]);
+    return /* @__PURE__ */ t(p, { isLoading: !0, error: a.errors });
+  }
+  const n = e.data.jobs?.find((a) => a.uuid === i), o = n?.compensations?.find((a) => a.uuid === n.currentCompensationUuid), s = o ? {
+    title: o.title ?? n?.title ?? void 0,
+    flsaStatus: o.flsaStatus ?? void 0,
+    rate: Number(o.rate),
+    paymentUnit: o.paymentUnit ?? void 0,
+    adjustForMinimumWage: o.adjustForMinimumWage ?? !1,
+    minimumWageId: o.minimumWages?.[0]?.uuid ?? ""
+    // effectiveDate intentionally omitted — user must choose a future date
+  } : void 0;
+  return /* @__PURE__ */ t(I, { employeeId: r, jobId: i, defaultValues: s, ...m });
+}
+function I({ employeeId: r, jobId: i, defaultValues: d, onCancel: m, className: e, onEvent: n }) {
+  F("Employee.Compensation");
+  const o = h({
+    employeeId: r,
+    jobId: i,
+    withTitleField: !1,
+    withHireDateField: !1,
+    shouldFocusError: !1
+  }), s = M({
+    employeeId: r,
+    jobId: i,
+    defaultValues: d,
+    withEffectiveDateField: !0,
+    optionalFieldsToRequire: {
+      create: ["title"]
+    },
+    shouldFocusError: !1
+  });
+  if (o.isLoading || s.isLoading) {
+    const u = E([o, s]);
+    return /* @__PURE__ */ t(p, { isLoading: !0, error: u.errors });
+  }
+  const a = O([o, s], async () => {
+    const u = await o.actions.onSubmit();
+    if (!u) return;
+    n(f.EMPLOYEE_JOB_UPDATED, u.data);
+    const c = await s.actions.onSubmit();
+    c && (n(f.EMPLOYEE_COMPENSATION_UPDATED, c.data), n(f.EMPLOYEE_COMPENSATION_DONE, c.data));
+  }), l = E([a]), D = o.status.isPending || s.status.isPending;
+  return /* @__PURE__ */ t("section", { className: v(y.container, e), children: /* @__PURE__ */ t(p, { error: l.errors, children: /* @__PURE__ */ t(k, { onSubmit: a.handleSubmit, children: /* @__PURE__ */ t(
+    P,
+    {
+      jobForm: o,
+      compensationForm: s,
+      isPending: D,
+      onCancel: m
+    }
+  ) }) }) });
+}
+function P({ jobForm: r, compensationForm: i, isPending: d, onCancel: m }) {
+  const { t: e } = R("Employee.Compensation"), n = H(), o = _("currency"), s = r.form.Fields, a = i.form.Fields;
+  return /* @__PURE__ */ g(S, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ t(n.Heading, { as: "h2", children: e("management.editCompensationTitle") }),
+    i.status.willDeleteSecondaryJobs && /* @__PURE__ */ t(
+      n.Alert,
+      {
+        label: e("management.scheduledClassificationChangeNotification"),
+        status: "warning"
+      }
+    ),
+    /* @__PURE__ */ t(
+      a.Title,
+      {
+        label: e("management.jobTitleLabel"),
+        validationMessages: { REQUIRED: e("validations.jobTitleSentence") },
+        formHookResult: i
+      }
+    ),
+    a.FlsaStatus && /* @__PURE__ */ t(
+      a.FlsaStatus,
+      {
+        label: e("employeeClassification"),
+        description: /* @__PURE__ */ t(
+          b,
+          {
+            t: e,
+            i18nKey: "classificationLink",
+            components: { ClassificationLink: /* @__PURE__ */ t(n.Link, {}) }
+          }
+        ),
+        validationMessages: {
+          REQUIRED: e("validations.exemptThreshold", {
+            limit: o(C)
+          })
+        },
+        getOptionLabel: (l) => e(`flsaStatusLabels.${l}`),
+        formHookResult: i
+      }
+    ),
+    /* @__PURE__ */ t(
+      a.Rate,
+      {
+        label: e("management.wageLabel"),
+        validationMessages: {
+          REQUIRED: e("validations.rate"),
+          RATE_MINIMUM: e("validations.nonZeroRate"),
+          RATE_EXEMPT_THRESHOLD: e("validations.rateExemptThreshold", {
+            limit: o(C)
+          })
+        },
+        formHookResult: i
+      }
+    ),
+    /* @__PURE__ */ t(
+      a.PaymentUnit,
+      {
+        label: e("management.wageFrequencyLabel"),
+        description: e("paymentUnitDescription"),
+        validationMessages: { REQUIRED: e("validations.paymentUnit") },
+        getOptionLabel: (l) => e(`management.wageFrequencyOptions.${l}`),
+        formHookResult: i
+      }
+    ),
+    a.EffectiveDate && /* @__PURE__ */ t(
+      a.EffectiveDate,
+      {
+        label: e("effectiveDateLabel"),
+        minDate: U(/* @__PURE__ */ new Date(), 1),
+        maxDate: i.data.maximumEffectiveDate ? new Date(i.data.maximumEffectiveDate) : void 0,
+        validationMessages: {
+          REQUIRED: e("validations.effectiveDate"),
+          EFFECTIVE_DATE_BEFORE_HIRE: e("validations.effectiveDateBeforeHire")
+        },
+        formHookResult: i
+      }
+    ),
+    a.AdjustForMinimumWage && /* @__PURE__ */ t(
+      a.AdjustForMinimumWage,
+      {
+        label: e("adjustForMinimumWage"),
+        description: e("adjustForMinimumWageDescription"),
+        formHookResult: i
+      }
+    ),
+    a.MinimumWageId && /* @__PURE__ */ t(
+      a.MinimumWageId,
+      {
+        label: e("minimumWageLabel"),
+        description: e("minimumWageDescription"),
+        validationMessages: { REQUIRED: e("validations.minimumWage") },
+        getOptionLabel: (l) => `${o(Number(l.wage))} - ${l.authority}: ${l.notes ?? ""}`,
+        formHookResult: i
+      }
+    ),
+    s.TwoPercentShareholder && /* @__PURE__ */ t(
+      s.TwoPercentShareholder,
+      {
+        label: e("management.twoPercentShareholderLabel"),
+        formHookResult: r
+      }
+    ),
+    s.StateWcCovered && /* @__PURE__ */ t(
+      s.StateWcCovered,
+      {
+        label: e("stateWcCoveredLabel"),
+        description: /* @__PURE__ */ t(
+          b,
+          {
+            t: e,
+            i18nKey: "stateWcCoveredDescription",
+            components: {
+              wcLink: /* @__PURE__ */ t(
+                n.Link,
+                {
+                  href: "https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/",
+                  target: "_blank",
+                  rel: "noopener noreferrer"
+                }
+              )
+            }
+          }
+        ),
+        getOptionLabel: (l) => e(l ? "stateWcCoveredOptions.yes" : "stateWcCoveredOptions.no"),
+        formHookResult: r
+      }
+    ),
+    s.StateWcClassCode && /* @__PURE__ */ t(
+      s.StateWcClassCode,
+      {
+        label: e("stateWcClassCodeLabel"),
+        description: e("stateWcClassCodeDescription"),
+        placeholder: e("stateWcClassCodeLabel"),
+        validationMessages: { REQUIRED: e("validations.stateWcClassCode") },
+        formHookResult: r
+      }
+    ),
+    /* @__PURE__ */ g(T, { children: [
+      m && /* @__PURE__ */ t(n.Button, { variant: "secondary", onClick: m, isDisabled: d, children: e("cancelCta") }),
+      /* @__PURE__ */ t(n.Button, { type: "submit", isLoading: d, children: e("management.saveCta") })
+    ] })
+  ] });
+}
+export {
+  oe as EditCompensation
+};
+//# sourceMappingURL=EditCompensation.js.map

package/dist/components/Employee/Compensation/management/EditCompensation/EditCompensation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditCompensation.js","sources":["../../../../../../src/components/Employee/Compensation/management/EditCompensation/EditCompensation.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { Trans, useTranslation } from 'react-i18next'\nimport type { PaymentUnit } from '@gusto/embedded-api/models/components/compensation'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage'\nimport { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { useJobForm, type UseJobFormReady } from '../../shared/useJobForm'\nimport {\n  useCompensationForm,\n  type UseCompensationFormReady,\n  type CompensationFormData,\n} from '../../shared/useCompensationForm'\nimport styles from './EditCompensation.module.scss'\nimport { BaseBoundaries, BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { componentEvents, FLSA_OVERTIME_SALARY_LIMIT, type EventType } from '@/shared/constants'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { addDays } from '@/helpers/dateFormatting'\n\nexport interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  jobId: string\n  onCancel?: () => void\n  /** Called with `EMPLOYEE_COMPENSATION_UPDATED` then `EMPLOYEE_COMPENSATION_DONE` on a successful save. Use `EMPLOYEE_COMPENSATION_DONE` to trigger navigation. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function EditCompensation({ dictionary, ...props }: EditCompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Compensation.Management\">\n      <CompensationDefaultsLoader {...props} />\n    </BaseBoundaries>\n  )\n}\n\ntype LoaderProps = Omit<EditCompensationProps, 'dictionary'>\n\n// Fetches the current job's compensation data to pre-populate the form as\n// defaultValues before rendering Root. Uses the same non-suspense query that\n// useCompensationForm uses internally — React Query dedupes the request so no\n// extra network call is made once Root mounts.\n// defaultValues from CommonComponentInterface (unknown) is excluded from the\n// spread so it doesn't conflict with Root's typed defaultValues prop.\nfunction CompensationDefaultsLoader({\n  employeeId,\n  jobId,\n  defaultValues: _baseDefaults,\n  ...rest\n}: LoaderProps) {\n  const jobsQuery = useJobsAndCompensationsGetJobs({ employeeId }, { enabled: !!employeeId })\n\n  if (jobsQuery.isLoading || !jobsQuery.data) {\n    const errorHandling = composeErrorHandler([jobsQuery])\n    return <BaseLayout isLoading error={errorHandling.errors} />\n  }\n\n  const job = jobsQuery.data.jobs?.find(j => j.uuid === jobId)\n  const currentComp = job?.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n\n  const defaultValues: Partial<CompensationFormData> | undefined = currentComp\n    ? {\n        title: currentComp.title ?? job?.title ?? undefined,\n        flsaStatus: currentComp.flsaStatus ?? undefined,\n        rate: Number(currentComp.rate),\n        paymentUnit: currentComp.paymentUnit ?? undefined,\n        adjustForMinimumWage: currentComp.adjustForMinimumWage ?? false,\n        minimumWageId: currentComp.minimumWages?.[0]?.uuid ?? '',\n        // effectiveDate intentionally omitted — user must choose a future date\n      }\n    : undefined\n\n  return <Root employeeId={employeeId} jobId={jobId} defaultValues={defaultValues} {...rest} />\n}\n\ninterface RootProps extends LoaderProps {\n  defaultValues?: Partial<CompensationFormData>\n}\n\nfunction Root({ employeeId, jobId, defaultValues, onCancel, className, onEvent }: RootProps) {\n  useI18n('Employee.Compensation')\n\n  // Job form handles the non-effective-dated fields: 2% shareholder + WA WC.\n  // Title is suppressed here because the compensation form owns title\n  // (effective-dated alongside rate/unit/FLSA on the future-dated row).\n  // Hire-date is suppressed because this surface never edits it.\n  const jobForm = useJobForm({\n    employeeId,\n    jobId,\n    withTitleField: false,\n    withHireDateField: false,\n    shouldFocusError: false,\n  })\n\n  // Compensation form runs in create mode (no compensationId) → POST\n  // /v1/jobs/:jobId/compensations, creating a new future-dated compensation.\n  // The form is pre-populated with the current comp's values via defaultValues\n  // (fetched by CompensationDefaultsLoader) so the user can edit from the\n  // current state, and picks a future effectiveDate to schedule the change.\n  const compensationForm = useCompensationForm({\n    employeeId,\n    jobId,\n    defaultValues,\n    withEffectiveDateField: true,\n    optionalFieldsToRequire: {\n      create: ['title'],\n    },\n    shouldFocusError: false,\n  })\n\n  if (jobForm.isLoading || compensationForm.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([jobForm, compensationForm])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  // PUT job first (immediate mutation of 2% shareholder / WC), then POST\n  // the new compensation (the future-dated change). composeSubmitHandler\n  // validates both forms in parallel and short-circuits before any network\n  // I/O if either fails.\n  const submitResult = composeSubmitHandler([jobForm, compensationForm], async () => {\n    const jobResult = await jobForm.actions.onSubmit()\n    if (!jobResult) return\n\n    onEvent(componentEvents.EMPLOYEE_JOB_UPDATED, jobResult.data)\n\n    const compensationResult = await compensationForm.actions.onSubmit()\n    if (!compensationResult) return\n\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensationResult.data)\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE, compensationResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([submitResult])\n  const isPending = jobForm.status.isPending || compensationForm.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <FormBody\n            jobForm={jobForm}\n            compensationForm={compensationForm}\n            isPending={isPending}\n            onCancel={onCancel}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n\ninterface FormBodyProps {\n  jobForm: UseJobFormReady\n  compensationForm: UseCompensationFormReady\n  isPending: boolean\n  onCancel?: () => void\n}\n\nfunction FormBody({ jobForm, compensationForm, isPending, onCancel }: FormBodyProps) {\n  const { t } = useTranslation('Employee.Compensation')\n  const Components = useComponentContext()\n  const format = useNumberFormatter('currency')\n\n  const JobFields = jobForm.form.Fields\n  const CompFields = compensationForm.form.Fields\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Components.Heading as=\"h2\">{t('management.editCompensationTitle')}</Components.Heading>\n\n      {compensationForm.status.willDeleteSecondaryJobs && (\n        <Components.Alert\n          label={t('management.scheduledClassificationChangeNotification')}\n          status=\"warning\"\n        />\n      )}\n\n      <CompFields.Title\n        label={t('management.jobTitleLabel')}\n        validationMessages={{ REQUIRED: t('validations.jobTitleSentence') }}\n        formHookResult={compensationForm}\n      />\n\n      {CompFields.FlsaStatus && (\n        <CompFields.FlsaStatus\n          label={t('employeeClassification')}\n          description={\n            <Trans\n              t={t}\n              i18nKey=\"classificationLink\"\n              components={{ ClassificationLink: <Components.Link /> }}\n            />\n          }\n          validationMessages={{\n            REQUIRED: t('validations.exemptThreshold', {\n              limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n            }),\n          }}\n          getOptionLabel={(status: FlsaStatusType) => t(`flsaStatusLabels.${status}`)}\n          formHookResult={compensationForm}\n        />\n      )}\n\n      <CompFields.Rate\n        label={t('management.wageLabel')}\n        validationMessages={{\n          REQUIRED: t('validations.rate'),\n          RATE_MINIMUM: t('validations.nonZeroRate'),\n          RATE_EXEMPT_THRESHOLD: t('validations.rateExemptThreshold', {\n            limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n          }),\n        }}\n        formHookResult={compensationForm}\n      />\n\n      <CompFields.PaymentUnit\n        label={t('management.wageFrequencyLabel')}\n        description={t('paymentUnitDescription')}\n        validationMessages={{ REQUIRED: t('validations.paymentUnit') }}\n        getOptionLabel={(unit: PaymentUnit) =>\n          t(`management.wageFrequencyOptions.${unit}` as const)\n        }\n        formHookResult={compensationForm}\n      />\n\n      {CompFields.EffectiveDate && (\n        <CompFields.EffectiveDate\n          label={t('effectiveDateLabel')}\n          minDate={addDays(new Date(), 1)}\n          maxDate={\n            compensationForm.data.maximumEffectiveDate\n              ? new Date(compensationForm.data.maximumEffectiveDate)\n              : undefined\n          }\n          validationMessages={{\n            REQUIRED: t('validations.effectiveDate'),\n            EFFECTIVE_DATE_BEFORE_HIRE: t('validations.effectiveDateBeforeHire'),\n          }}\n          formHookResult={compensationForm}\n        />\n      )}\n\n      {CompFields.AdjustForMinimumWage && (\n        <CompFields.AdjustForMinimumWage\n          label={t('adjustForMinimumWage')}\n          description={t('adjustForMinimumWageDescription')}\n          formHookResult={compensationForm}\n        />\n      )}\n\n      {CompFields.MinimumWageId && (\n        <CompFields.MinimumWageId\n          label={t('minimumWageLabel')}\n          description={t('minimumWageDescription')}\n          validationMessages={{ REQUIRED: t('validations.minimumWage') }}\n          getOptionLabel={(wage: MinimumWage) =>\n            `${format(Number(wage.wage))} - ${wage.authority}: ${wage.notes ?? ''}`\n          }\n          formHookResult={compensationForm}\n        />\n      )}\n\n      {JobFields.TwoPercentShareholder && (\n        <JobFields.TwoPercentShareholder\n          label={t('management.twoPercentShareholderLabel')}\n          formHookResult={jobForm}\n        />\n      )}\n\n      {JobFields.StateWcCovered && (\n        <JobFields.StateWcCovered\n          label={t('stateWcCoveredLabel')}\n          description={\n            <Trans\n              t={t}\n              i18nKey=\"stateWcCoveredDescription\"\n              components={{\n                wcLink: (\n                  <Components.Link\n                    href=\"https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                  />\n                ),\n              }}\n            />\n          }\n          getOptionLabel={(covered: boolean) =>\n            covered ? t('stateWcCoveredOptions.yes') : t('stateWcCoveredOptions.no')\n          }\n          formHookResult={jobForm}\n        />\n      )}\n\n      {JobFields.StateWcClassCode && (\n        <JobFields.StateWcClassCode\n          label={t('stateWcClassCodeLabel')}\n          description={t('stateWcClassCodeDescription')}\n          placeholder={t('stateWcClassCodeLabel')}\n          validationMessages={{ REQUIRED: t('validations.stateWcClassCode') }}\n          formHookResult={jobForm}\n        />\n      )}\n\n      <ActionsLayout>\n        {onCancel && (\n          <Components.Button variant=\"secondary\" onClick={onCancel} isDisabled={isPending}>\n            {t('cancelCta')}\n          </Components.Button>\n        )}\n        <Components.Button type=\"submit\" isLoading={isPending}>\n          {t('management.saveCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["EditCompensation","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","CompensationDefaultsLoader","employeeId","jobId","_baseDefaults","rest","jobsQuery","useJobsAndCompensationsGetJobs","errorHandling","composeErrorHandler","BaseLayout","job","j","currentComp","c","defaultValues","Root","onCancel","className","onEvent","useI18n","jobForm","useJobForm","compensationForm","useCompensationForm","loadingErrorHandling","submitResult","composeSubmitHandler","jobResult","componentEvents","compensationResult","isPending","classNames","styles","Form","FormBody","t","useTranslation","Components","useComponentContext","format","useNumberFormatter","JobFields","CompFields","jsxs","Flex","Trans","FLSA_OVERTIME_SALARY_LIMIT","status","unit","addDays","wage","covered","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Compensation/management/EditCompensation/EditCompensation.module.scss.js

@@ -0,0 +1,8 @@
+const n = "_container_18572_1", t = {
+  container: n
+};
+export {
+  n as container,
+  t as default
+};
+//# sourceMappingURL=EditCompensation.module.scss.js.map

package/dist/components/Employee/Compensation/management/EditCompensation/EditCompensation.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditCompensation.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Employee/Compensation/management/EditCompensation/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { EditCompensation } from './EditCompensation';
+export type { EditCompensationProps } from './EditCompensation';

package/dist/components/Employee/Compensation/management/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { EditCompensation as ManagementEditCompensation } from './EditCompensation';
+export type { EditCompensationProps as ManagementEditCompensationProps } from './EditCompensation';

package/dist/components/Employee/Compensation/{Compensation.d.ts → onboarding/Compensation.d.ts}

@@ -1,8 +1,8 @@
 import { Job } from '@gusto/embedded-api/models/components/job';
 import { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype';
-import { RequireAtLeastOne } from '../../../types/Helpers';
-import { PAY_PERIODS } from '../../../shared/constants';
-import { BaseComponentInterface } from '../../Base';
+import { RequireAtLeastOne } from '../../../../types/Helpers';
+import { PAY_PERIODS } from '../../../../shared/constants';
+import { BaseComponentInterface } from '../../../Base';
 export type CompensationDefaultValues = RequireAtLeastOne<{
     rate?: Job['rate'];
     title?: Job['title'];

package/dist/components/Employee/Compensation/onboarding/Compensation.js

@@ -0,0 +1,88 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useState as c, useMemo as f } from "react";
+import { createMachine as d } from "robot3";
+import { useTranslation as C } from "react-i18next";
+import { useJobsAndCompensationsGetJobsSuspense as b } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
+import { JobsListContextual as J, InitialEditCompensationContextual as E } from "./CompensationFlowComponents.js";
+import { compensationStateMachine as S } from "./compensationStateMachine.js";
+import { FlsaStatus as w } from "../../../../shared/constants.js";
+import { useComponentDictionary as I } from "../../../../i18n/I18n.js";
+import { BaseComponent as h } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { Flow as v } from "../../../Flow/Flow.js";
+import { useFlow as x } from "../../../Flow/useFlow.js";
+import { JobsList as F } from "./JobsList/JobsList.js";
+import { EditCompensation as T } from "./EditCompensation/EditCompensation.js";
+const g = {
+  initialEditJob: E,
+  viewJobs: J
+};
+function M(t) {
+  if (t.length === 0)
+    return { initialState: "initialEditJob", currentJobId: null };
+  const o = t.length === 1 ? t[0] ?? null : null, n = N(o);
+  return o && n?.flsaStatus !== w.NONEXEMPT ? { initialState: "initialEditJob", currentJobId: o.uuid } : { initialState: "viewJobs", currentJobId: null };
+}
+function s(t) {
+  return /* @__PURE__ */ i(h, { ...t, children: /* @__PURE__ */ i(D, { ...t }) });
+}
+const N = (t) => t?.compensations?.find((o) => o.uuid === t.currentCompensationUuid);
+function D({
+  employeeId: t,
+  startDate: o,
+  defaultValues: n,
+  dictionary: e,
+  onEvent: r
+}) {
+  I("Employee.Compensation", e);
+  const { data: u } = b({ employeeId: t }), [{ initialState: a, currentJobId: m }] = c(
+    () => M(u.jobs ?? [])
+  ), l = f(
+    () => d(
+      a,
+      S,
+      (p) => ({
+        ...p,
+        component: g[a],
+        employeeId: t,
+        startDate: o,
+        partnerDefaultValues: n,
+        currentJobId: m
+      })
+    ),
+    // `defaultValues` is intentionally omitted: a partner-supplied prop that may
+    // arrive as a fresh object reference each render and only seeds the form
+    // once. `initialState` and `currentJobId` are stable values from useState
+    // above, so they're listed here as honest deps but never trigger recompute.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [t, o, a, m]
+  );
+  return /* @__PURE__ */ i(v, { machine: l, onEvent: r });
+}
+const z = () => {
+  const { employeeId: t, onEvent: o, startDate: n, defaultValues: e } = x(), { t: r } = C("common");
+  if (!t || !n)
+    throw new Error(
+      r("errors.missingParamsOrContext", {
+        component: "Compensation",
+        param: t ? "startDate" : "employeeId",
+        provider: "FlowProvider"
+      })
+    );
+  return /* @__PURE__ */ i(
+    s,
+    {
+      employeeId: t,
+      startDate: n,
+      onEvent: o,
+      defaultValues: e?.compensation
+    }
+  );
+};
+s.JobsList = F;
+s.EditCompensation = T;
+export {
+  s as Compensation,
+  z as CompensationContextual
+};
+//# sourceMappingURL=Compensation.js.map

package/dist/components/Employee/Compensation/onboarding/Compensation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/Compensation.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  InitialEditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n} from './CompensationFlowComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\nimport { JobsList } from './JobsList'\nimport { EditCompensation } from './EditCompensation'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { PAY_PERIODS } from '@/shared/constants'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ntype CompensationInitialState = 'initialEditJob' | 'viewJobs'\n\ninterface InitialFlowConfig {\n  initialState: CompensationInitialState\n  currentJobId: string | null\n}\n\nconst INITIAL_COMPONENT_BY_STATE: Record<\n  CompensationInitialState,\n  React.ComponentType<CommonComponentInterface>\n> = {\n  initialEditJob: InitialEditCompensationContextual,\n  viewJobs: JobsListContextual,\n}\n\nfunction deriveInitialFlowConfig(employeeJobs: Job[]): InitialFlowConfig {\n  if (employeeJobs.length === 0) {\n    return { initialState: 'initialEditJob', currentJobId: null }\n  }\n\n  const onlyJob = employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null\n  const onlyJobCompensation = findCurrentCompensation(onlyJob)\n\n  if (onlyJob && onlyJobCompensation?.flsaStatus !== FlsaStatus.NONEXEMPT) {\n    return { initialState: 'initialEditJob', currentJobId: onlyJob.uuid }\n  }\n\n  return { initialState: 'viewJobs', currentJobId: null }\n}\n\nexport type CompensationDefaultValues = RequireAtLeastOne<{\n  rate?: Job['rate']\n  title?: Job['title']\n  paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS]\n  flsaStatus?: FlsaStatusType\n}>\n\nexport interface CompensationProps extends BaseComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  startDate: string\n  defaultValues?: CompensationDefaultValues\n}\n\nexport function Compensation(props: CompensationProps) {\n  return (\n    <BaseComponent {...props}>\n      <CompensationFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nconst findCurrentCompensation = (job?: Job | null) => {\n  return job?.compensations?.find(comp => comp.uuid === job.currentCompensationUuid)\n}\n\nfunction CompensationFlow({\n  employeeId,\n  startDate,\n  defaultValues,\n  dictionary,\n  onEvent,\n}: CompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n\n  // Capture the routing decision from the first jobsData snapshot only. Suspense\n  // guarantees that snapshot is fresh on first render. Subsequent refetches (e.g.\n  // the getJobs invalidation that fires between EditCompensation's awaited job +\n  // compensation mutations) must NOT re-seat the machine and reset the user's\n  // place in the flow. Callers needing to re-derive routing for a different\n  // employee should remount via `key`, matching the contract used by\n  // OnboardingFlow / PayrollExecutionFlow / DismissalFlow.\n  const [{ initialState, currentJobId }] = useState<InitialFlowConfig>(() =>\n    deriveInitialFlowConfig(jobsData.jobs ?? []),\n  )\n\n  const manageCompensation = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        compensationStateMachine,\n        (initialContext: CompensationFlowContextInterface) => ({\n          ...initialContext,\n          component: INITIAL_COMPONENT_BY_STATE[initialState],\n          employeeId,\n          startDate,\n          partnerDefaultValues: defaultValues,\n          currentJobId,\n        }),\n      ),\n    // `defaultValues` is intentionally omitted: a partner-supplied prop that may\n    // arrive as a fresh object reference each render and only seeds the form\n    // once. `initialState` and `currentJobId` are stable values from useState\n    // above, so they're listed here as honest deps but never trigger recompute.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [employeeId, startDate, initialState, currentJobId],\n  )\n\n  return <Flow machine={manageCompensation} onEvent={onEvent} />\n}\n\nexport const CompensationContextual = () => {\n  const { employeeId, onEvent, startDate, defaultValues } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId || !startDate) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Compensation',\n        param: !employeeId ? 'employeeId' : 'startDate',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return (\n    <Compensation\n      employeeId={employeeId}\n      startDate={startDate}\n      onEvent={onEvent}\n      defaultValues={defaultValues?.compensation}\n    />\n  )\n}\n\nCompensation.JobsList = JobsList\nCompensation.EditCompensation = EditCompensation\n"],"names":["INITIAL_COMPONENT_BY_STATE","InitialEditCompensationContextual","JobsListContextual","deriveInitialFlowConfig","employeeJobs","onlyJob","onlyJobCompensation","findCurrentCompensation","FlsaStatus","Compensation","props","jsx","BaseComponent","CompensationFlow","job","comp","employeeId","startDate","defaultValues","dictionary","onEvent","useComponentDictionary","jobsData","useJobsAndCompensationsGetJobsSuspense","initialState","currentJobId","useState","manageCompensation","useMemo","createMachine","compensationStateMachine","initialContext","Flow","CompensationContextual","useFlow","t","useTranslation","JobsList","EditCompensation"],"mappings":";;;;;;;;;;;;;;;AAkCA,MAAMA,IAGF;AAAA,EACF,gBAAgBC;AAAA,EAChB,UAAUC;AACZ;AAEA,SAASC,EAAwBC,GAAwC;AACvE,MAAIA,EAAa,WAAW;AAC1B,WAAO,EAAE,cAAc,kBAAkB,cAAc,KAAA;AAGzD,QAAMC,IAAUD,EAAa,WAAW,IAAKA,EAAa,CAAC,KAAK,OAAQ,MAClEE,IAAsBC,EAAwBF,CAAO;AAE3D,SAAIA,KAAWC,GAAqB,eAAeE,EAAW,YACrD,EAAE,cAAc,kBAAkB,cAAcH,EAAQ,KAAA,IAG1D,EAAE,cAAc,YAAY,cAAc,KAAA;AACnD;AAeO,SAASI,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAkB,GAAGH,GAAO,EAAA,CAC/B;AAEJ;AAEA,MAAMH,IAA0B,CAACO,MACxBA,GAAK,eAAe,KAAK,OAAQC,EAAK,SAASD,EAAI,uBAAuB;AAGnF,SAASD,EAAiB;AAAA,EACxB,YAAAG;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAM,EAAE,MAAMG,EAAA,IAAaC,EAAuC,EAAE,YAAAP,GAAY,GAS1E,CAAC,EAAE,cAAAQ,GAAc,cAAAC,EAAA,CAAc,IAAIC;AAAA,IAA4B,MACnEvB,EAAwBmB,EAAS,QAAQ,CAAA,CAAE;AAAA,EAAA,GAGvCK,IAAqBC;AAAA,IACzB,MACEC;AAAA,MACEL;AAAA,MACAM;AAAA,MACA,CAACC,OAAsD;AAAA,QACrD,GAAGA;AAAA,QACH,WAAW/B,EAA2BwB,CAAY;AAAA,QAClD,YAAAR;AAAA,QACA,WAAAC;AAAA,QACA,sBAAsBC;AAAA,QACtB,cAAAO;AAAA,MAAA;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOJ,CAACT,GAAYC,GAAWO,GAAcC,CAAY;AAAA,EAAA;AAGpD,SAAO,gBAAAd,EAACqB,GAAA,EAAK,SAASL,GAAoB,SAAAP,EAAA,CAAkB;AAC9D;AAEO,MAAMa,IAAyB,MAAM;AAC1C,QAAM,EAAE,YAAAjB,GAAY,SAAAI,GAAS,WAAAH,GAAW,eAAAC,EAAA,IAAkBgB,EAAA,GACpD,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AAErC,MAAI,CAACpB,KAAc,CAACC;AAClB,UAAM,IAAI;AAAA,MACRkB,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAQnB,IAA4B,cAAf;AAAA,QACrB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGL,SACE,gBAAAL;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,YAAAO;AAAA,MACA,WAAAC;AAAA,MACA,SAAAG;AAAA,MACA,eAAeF,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEAT,EAAa,WAAW4B;AACxB5B,EAAa,mBAAmB6B;"}

package/dist/components/Employee/Compensation/{CompensationFlowComponents.d.ts → onboarding/CompensationFlowComponents.d.ts}

@@ -1,8 +1,8 @@
 import { Job } from '@gusto/embedded-api/models/components/job';
 import { Compensation } from '@gusto/embedded-api/models/components/compensation';
 import { CompensationDefaultValues } from './Compensation';
-import { FlowContextInterface } from '../../Flow/useFlow';
-import { componentEvents } from '../../../shared/constants';
+import { FlowContextInterface } from '../../../Flow/useFlow';
+import { componentEvents } from '../../../../shared/constants';
 export type EventPayloads = {
     [componentEvents.EMPLOYEE_JOB_ADD]: undefined;
     [componentEvents.EMPLOYEE_JOB_EDIT]: {
@@ -11,7 +11,7 @@ export type EventPayloads = {
     [componentEvents.EMPLOYEE_JOB_CREATED]: Job;
     [componentEvents.EMPLOYEE_JOB_UPDATED]: Job;
     [componentEvents.EMPLOYEE_JOB_DELETED]: undefined;
-    [componentEvents.EMPLOYEE_COMPENSATION_UPDATED]: Compensation | undefined;
+    [componentEvents.EMPLOYEE_COMPENSATION_UPDATED]: Compensation;
     [componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST]: undefined;
     [componentEvents.EMPLOYEE_COMPENSATION_CANCEL]: undefined;
     [componentEvents.EMPLOYEE_COMPENSATION_DONE]: undefined;

package/dist/components/Employee/Compensation/onboarding/CompensationFlowComponents.js

@@ -0,0 +1,59 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useTranslation as C } from "react-i18next";
+import { useFlow as u } from "../../../Flow/useFlow.js";
+import { useI18n as O } from "../../../../i18n/I18n.js";
+import { componentEvents as o, FlsaStatus as I } from "../../../../shared/constants.js";
+import { ensureRequired as a } from "../../../../helpers/ensureRequired.js";
+import { JobsList as T } from "./JobsList/JobsList.js";
+import { EditCompensation as N } from "./EditCompensation/EditCompensation.js";
+function y() {
+  const { employeeId: n, onEvent: E } = u();
+  return /* @__PURE__ */ p(T, { employeeId: a(n), onEvent: E });
+}
+function S() {
+  const { employeeId: n, startDate: E, currentJobId: i, partnerDefaultValues: r, onEvent: t } = u();
+  O("Employee.Compensation");
+  const { t: e } = C("Employee.Compensation"), l = (s, m) => {
+    t(s, m), s === o.EMPLOYEE_COMPENSATION_UPDATED && (m.flsaStatus !== I.NONEXEMPT ? t(o.EMPLOYEE_COMPENSATION_DONE) : t(o.EMPLOYEE_COMPENSATION_RETURN_TO_LIST));
+  };
+  return /* @__PURE__ */ p(
+    N,
+    {
+      employeeId: a(n),
+      startDate: a(E),
+      currentJobId: i,
+      title: e("title"),
+      submitCtaLabel: e("submitCta"),
+      partnerDefaultValues: r,
+      onEvent: l
+    }
+  );
+}
+function A() {
+  const { employeeId: n, startDate: E, currentJobId: i, partnerDefaultValues: r, onEvent: t } = u();
+  O("Employee.Compensation");
+  const { t: e } = C("Employee.Compensation"), l = (s, m) => {
+    t(s, m), s === o.EMPLOYEE_COMPENSATION_UPDATED && t(o.EMPLOYEE_COMPENSATION_RETURN_TO_LIST);
+  };
+  return /* @__PURE__ */ p(
+    N,
+    {
+      employeeId: a(n),
+      startDate: a(E),
+      currentJobId: i,
+      title: e(i ? "editTitle" : "addTitle"),
+      submitCtaLabel: e("saveNewJobCta"),
+      onCancel: () => {
+        t(o.EMPLOYEE_COMPENSATION_CANCEL);
+      },
+      partnerDefaultValues: r,
+      onEvent: l
+    }
+  );
+}
+export {
+  A as EditCompensationContextual,
+  S as InitialEditCompensationContextual,
+  y as JobsListContextual
+};
+//# sourceMappingURL=CompensationFlowComponents.js.map

package/dist/components/Employee/Compensation/onboarding/CompensationFlowComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompensationFlowComponents.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/CompensationFlowComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { Compensation } from '@gusto/embedded-api/models/components/compensation'\nimport type { CompensationDefaultValues } from './Compensation'\nimport { JobsList } from './JobsList'\nimport { EditCompensation } from './EditCompensation'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, FlsaStatus, type EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_JOB_ADD]: undefined\n  [componentEvents.EMPLOYEE_JOB_EDIT]: { uuid: string }\n  [componentEvents.EMPLOYEE_JOB_CREATED]: Job\n  [componentEvents.EMPLOYEE_JOB_UPDATED]: Job\n  [componentEvents.EMPLOYEE_JOB_DELETED]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_UPDATED]: Compensation\n  [componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_CANCEL]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_DONE]: undefined\n}\n\nexport interface CompensationFlowContextInterface extends FlowContextInterface {\n  employeeId: string\n  startDate: string\n  currentJobId?: string | null\n  partnerDefaultValues?: CompensationDefaultValues\n}\n\nexport function JobsListContextual() {\n  const { employeeId, onEvent } = useFlow<CompensationFlowContextInterface>()\n  return <JobsList employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function InitialEditCompensationContextual() {\n  const { employeeId, startDate, currentJobId, partnerDefaultValues, onEvent } =\n    useFlow<CompensationFlowContextInterface>()\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n\n  const handleEvent: OnEventType<EventType, unknown> = (event, data) => {\n    onEvent(event, data)\n    if (event === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n      const compensation = data as Compensation\n      if (compensation.flsaStatus !== FlsaStatus.NONEXEMPT) {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n      } else {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST)\n      }\n    }\n  }\n\n  return (\n    <EditCompensation\n      employeeId={ensureRequired(employeeId)}\n      startDate={ensureRequired(startDate)}\n      currentJobId={currentJobId}\n      title={t('title')}\n      submitCtaLabel={t('submitCta')}\n      partnerDefaultValues={partnerDefaultValues}\n      onEvent={handleEvent}\n    />\n  )\n}\n\nexport function EditCompensationContextual() {\n  const { employeeId, startDate, currentJobId, partnerDefaultValues, onEvent } =\n    useFlow<CompensationFlowContextInterface>()\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n\n  const handleEvent: OnEventType<EventType, unknown> = (event, data) => {\n    onEvent(event, data)\n    if (event === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n      onEvent(componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST)\n    }\n  }\n\n  return (\n    <EditCompensation\n      employeeId={ensureRequired(employeeId)}\n      startDate={ensureRequired(startDate)}\n      currentJobId={currentJobId}\n      title={currentJobId ? t('editTitle') : t('addTitle')}\n      submitCtaLabel={t('saveNewJobCta')}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_CANCEL)\n      }}\n      partnerDefaultValues={partnerDefaultValues}\n      onEvent={handleEvent}\n    />\n  )\n}\n"],"names":["JobsListContextual","employeeId","onEvent","useFlow","JobsList","ensureRequired","InitialEditCompensationContextual","startDate","currentJobId","partnerDefaultValues","useI18n","t","useTranslation","handleEvent","event","data","componentEvents","FlsaStatus","jsx","EditCompensation","EditCompensationContextual"],"mappings":";;;;;;;;AA+BO,SAASA,IAAqB;AACnC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAS,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAC7E;AAEO,SAASI,IAAoC;AAClD,QAAM,EAAE,YAAAL,GAAY,WAAAM,GAAW,cAAAC,GAAc,sBAAAC,GAAsB,SAAAP,EAAA,IACjEC,EAAA;AACF,EAAAO,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAE9CC,IAA+C,CAACC,GAAOC,MAAS;AACpE,IAAAb,EAAQY,GAAOC,CAAI,GACfD,MAAUE,EAAgB,kCACPD,EACJ,eAAeE,EAAW,YACzCf,EAAQc,EAAgB,0BAA0B,IAElDd,EAAQc,EAAgB,oCAAoC;AAAA,EAGlE;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYd,EAAeJ,CAAU;AAAA,MACrC,WAAWI,EAAeE,CAAS;AAAA,MACnC,cAAAC;AAAA,MACA,OAAOG,EAAE,OAAO;AAAA,MAChB,gBAAgBA,EAAE,WAAW;AAAA,MAC7B,sBAAAF;AAAA,MACA,SAASI;AAAA,IAAA;AAAA,EAAA;AAGf;AAEO,SAASO,IAA6B;AAC3C,QAAM,EAAE,YAAAnB,GAAY,WAAAM,GAAW,cAAAC,GAAc,sBAAAC,GAAsB,SAAAP,EAAA,IACjEC,EAAA;AACF,EAAAO,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAE9CC,IAA+C,CAACC,GAAOC,MAAS;AACpE,IAAAb,EAAQY,GAAOC,CAAI,GACfD,MAAUE,EAAgB,iCAC5Bd,EAAQc,EAAgB,oCAAoC;AAAA,EAEhE;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYd,EAAeJ,CAAU;AAAA,MACrC,WAAWI,EAAeE,CAAS;AAAA,MACnC,cAAAC;AAAA,MACA,OAAsBG,EAAfH,IAAiB,cAAiB,UAAN;AAAA,MACnC,gBAAgBG,EAAE,eAAe;AAAA,MACjC,UAAU,MAAM;AACd,QAAAT,EAAQc,EAAgB,4BAA4B;AAAA,MACtD;AAAA,MACA,sBAAAP;AAAA,MACA,SAASI;AAAA,IAAA;AAAA,EAAA;AAGf;"}

package/dist/components/Employee/Compensation/onboarding/EditCompensation/EditCompensation.d.ts

@@ -0,0 +1,21 @@
+import { CompensationDefaultValues } from '../Compensation';
+import { CommonComponentInterface } from '../../../../Base';
+import { OnEventType } from '../../../../Base/useBase';
+import { EventType } from '../../../../../shared/constants';
+export interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {
+    employeeId: string;
+    startDate: string;
+    currentJobId?: string | null;
+    title: string;
+    submitCtaLabel: string;
+    onCancel?: () => void;
+    partnerDefaultValues?: CompensationDefaultValues;
+    /**
+     * Receives the broadcast events: `EMPLOYEE_JOB_CREATED` / `EMPLOYEE_JOB_UPDATED`
+     * (with the saved `Job`), then `EMPLOYEE_COMPENSATION_UPDATED` (with the saved
+     * `Compensation`) on a successful submit chain. Use `EMPLOYEE_COMPENSATION_UPDATED`
+     * for "save complete" branching.
+     */
+    onEvent: OnEventType<EventType, unknown>;
+}
+export declare function EditCompensation({ dictionary, ...props }: EditCompensationProps): import("react/jsx-runtime").JSX.Element;