@gusto/embedded-react-sdk 0.44.2 → 0.45.0

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

@@ -0,0 +1,249 @@
+import { jsx as t, jsxs as R } from "react/jsx-runtime";
+import { useState as I } from "react";
+import T from "classnames";
+import { useTranslation as U, Trans as g } from "react-i18next";
+import { useJobForm as D } from "../../shared/useJobForm/useJobForm.js";
+import { useCompensationForm as H } from "../../shared/useCompensationForm/useCompensationForm.js";
+import O from "./EditCompensation.module.scss.js";
+import { BaseBoundaries as w, BaseLayout as v } from "../../../../Base/Base.js";
+import "../../../../Base/useBase.js";
+import { Flex as F } from "../../../../Common/Flex/Flex.js";
+import { componentEvents as E, FLSA_OVERTIME_SALARY_LIMIT as h } from "../../../../../shared/constants.js";
+import { ActionsLayout as A } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as P } from "../../../../Common/Form/Form.js";
+import { useComponentContext as _ } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as N, useI18n as j } from "../../../../../i18n/I18n.js";
+import { composeErrorHandler as L } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { composeSubmitHandler as x } from "../../../../../partner-hook-utils/form/composeSubmitHandler.js";
+import B from "../../../../../hooks/useNumberFormatter.js";
+function me({ dictionary: i, ...s }) {
+  return N("Employee.Compensation", i), /* @__PURE__ */ t(w, { componentName: "Employee.Compensation", children: /* @__PURE__ */ t(J, { ...s }) });
+}
+function J({
+  employeeId: i,
+  startDate: s,
+  currentJobId: c,
+  title: f,
+  submitCtaLabel: u,
+  onCancel: p,
+  partnerDefaultValues: e,
+  className: l,
+  onEvent: m
+}) {
+  j("Employee.Compensation");
+  const [a, n] = I(c ?? void 0), o = D({
+    employeeId: i,
+    jobId: a,
+    // The Compensation flow does not surface a hire-date field — the date is
+    // derived from the employee's `startDate` (passed via submit options
+    // below). Hiding via the hook flag also drops the field from the schema
+    // so partner forms don't silently fail validation on create.
+    withHireDateField: !1,
+    defaultValues: {
+      title: e?.title ?? ""
+    },
+    // The Compensation flow always shows a job title field, even when editing
+    // an existing job. The hook's schema only requires `title` on create; we
+    // require it on update too to preserve the existing UX.
+    optionalFieldsToRequire: { update: ["title"] },
+    shouldFocusError: !1
+  }), y = o.isLoading ? void 0 : o.data.currentJob?.currentCompensationUuid ?? void 0, d = H({
+    employeeId: i,
+    jobId: a,
+    compensationId: y,
+    // No effective-date field is surfaced, and no `effectiveDate` is
+    // threaded into `actions.onSubmit` either: the server initializes
+    // `effective_date` on the auto-stub created by the parent job POST,
+    // and subsequent updates omit it from the PUT body so the existing
+    // value is preserved (e.g. a deliberately-set future-dated comp
+    // wouldn't be silently overwritten on an unrelated edit).
+    withEffectiveDateField: !1,
+    // The Compensation flow always presents flsaStatus, rate, and paymentUnit
+    // as required, even when editing an existing compensation. The hook's
+    // schema marks them `'create'`-only by default; we promote them on update
+    // here to preserve the existing UX (no "(optional)" labels).
+    optionalFieldsToRequire: { update: ["flsaStatus", "rate", "paymentUnit"] },
+    defaultValues: {
+      flsaStatus: e?.flsaStatus,
+      rate: typeof e?.rate == "number" ? e.rate : e?.rate ? Number(e.rate) : void 0,
+      paymentUnit: e?.paymentUnit
+    },
+    shouldFocusError: !1
+  });
+  if (o.isLoading || d.isLoading) {
+    const r = L([o, d]);
+    return /* @__PURE__ */ t(v, { isLoading: !0, error: r.errors });
+  }
+  const b = x([o, d], async () => {
+    const r = await o.actions.onSubmit({ employeeId: i, hireDate: s });
+    if (!r) return;
+    m(
+      r.mode === "create" ? E.EMPLOYEE_JOB_CREATED : E.EMPLOYEE_JOB_UPDATED,
+      r.data
+    );
+    const M = r.data.compensations?.find(
+      (W) => W.uuid === r.data.currentCompensationUuid
+    ), C = await d.actions.onSubmit({
+      jobId: r.data.uuid,
+      compensationId: r.data.currentCompensationUuid ?? void 0,
+      compensationVersion: M?.version ?? void 0
+    });
+    if (!C) {
+      c || n(r.data.uuid);
+      return;
+    }
+    m(E.EMPLOYEE_COMPENSATION_UPDATED, C.data);
+  }), S = L([b]), k = o.status.isPending || d.status.isPending;
+  return /* @__PURE__ */ t("section", { className: T(O.container, l), children: /* @__PURE__ */ t(v, { error: S.errors, children: /* @__PURE__ */ t(P, { onSubmit: b.handleSubmit, children: /* @__PURE__ */ t(
+    Q,
+    {
+      jobForm: o,
+      compensationForm: d,
+      title: f,
+      submitCtaLabel: u,
+      isPending: k,
+      onCancel: p
+    }
+  ) }) }) });
+}
+function Q({
+  jobForm: i,
+  compensationForm: s,
+  title: c,
+  submitCtaLabel: f,
+  isPending: u,
+  onCancel: p
+}) {
+  const { t: e } = U("Employee.Compensation"), l = _(), m = B("currency"), a = i.form.Fields, n = s.form.Fields;
+  return /* @__PURE__ */ R(F, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ t(l.Heading, { as: "h2", children: c }),
+    s.status.willDeleteSecondaryJobs && /* @__PURE__ */ t(
+      l.Alert,
+      {
+        label: e("validations.classificationChangeNotification"),
+        status: "warning"
+      }
+    ),
+    /* @__PURE__ */ t(
+      a.Title,
+      {
+        label: e("jobTitle"),
+        validationMessages: { REQUIRED: e("validations.title") },
+        formHookResult: i
+      }
+    ),
+    n.FlsaStatus && /* @__PURE__ */ t(
+      n.FlsaStatus,
+      {
+        label: e("employeeClassification"),
+        description: /* @__PURE__ */ t(
+          g,
+          {
+            t: e,
+            i18nKey: "classificationLink",
+            components: { ClassificationLink: /* @__PURE__ */ t(l.Link, {}) }
+          }
+        ),
+        validationMessages: {
+          REQUIRED: e("validations.exemptThreshold", {
+            limit: m(h)
+          })
+        },
+        getOptionLabel: (o) => e(`flsaStatusLabels.${o}`),
+        formHookResult: s
+      }
+    ),
+    /* @__PURE__ */ t(
+      n.Rate,
+      {
+        label: e("amount"),
+        validationMessages: {
+          REQUIRED: e("validations.rate"),
+          RATE_MINIMUM: e("validations.nonZeroRate"),
+          RATE_EXEMPT_THRESHOLD: e("validations.rateExemptThreshold", {
+            limit: m(h)
+          })
+        },
+        formHookResult: s
+      }
+    ),
+    /* @__PURE__ */ t(
+      n.PaymentUnit,
+      {
+        label: e("paymentUnitLabel"),
+        description: e("paymentUnitDescription"),
+        validationMessages: { REQUIRED: e("validations.paymentUnit") },
+        getOptionLabel: (o) => e(`paymentUnitOptions.${o}`),
+        formHookResult: s
+      }
+    ),
+    n.AdjustForMinimumWage && /* @__PURE__ */ t(
+      n.AdjustForMinimumWage,
+      {
+        label: e("adjustForMinimumWage"),
+        description: e("adjustForMinimumWageDescription"),
+        formHookResult: s
+      }
+    ),
+    n.MinimumWageId && /* @__PURE__ */ t(
+      n.MinimumWageId,
+      {
+        label: e("minimumWageLabel"),
+        description: e("minimumWageDescription"),
+        validationMessages: { REQUIRED: e("validations.minimumWage") },
+        getOptionLabel: (o) => `${m(Number(o.wage))} - ${o.authority}: ${o.notes ?? ""}`,
+        formHookResult: s
+      }
+    ),
+    a.TwoPercentShareholder && /* @__PURE__ */ t(
+      a.TwoPercentShareholder,
+      {
+        label: e("twoPercentStakeholderLabel"),
+        formHookResult: i
+      }
+    ),
+    a.StateWcCovered && /* @__PURE__ */ t(
+      a.StateWcCovered,
+      {
+        label: e("stateWcCoveredLabel"),
+        description: /* @__PURE__ */ t(
+          g,
+          {
+            t: e,
+            i18nKey: "stateWcCoveredDescription",
+            components: {
+              wcLink: /* @__PURE__ */ t(
+                l.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: (o) => e(o ? "stateWcCoveredOptions.yes" : "stateWcCoveredOptions.no"),
+        formHookResult: i
+      }
+    ),
+    a.StateWcClassCode && /* @__PURE__ */ t(
+      a.StateWcClassCode,
+      {
+        label: e("stateWcClassCodeLabel"),
+        description: e("stateWcClassCodeDescription"),
+        placeholder: e("stateWcClassCodeLabel"),
+        validationMessages: { REQUIRED: e("validations.stateWcClassCode") },
+        formHookResult: i
+      }
+    ),
+    /* @__PURE__ */ R(A, { children: [
+      p && /* @__PURE__ */ t(l.Button, { variant: "secondary", onClick: p, isDisabled: u, children: e("cancelNewJobCta") }),
+      /* @__PURE__ */ t(l.Button, { type: "submit", isLoading: u, children: f })
+    ] })
+  ] });
+}
+export {
+  me as EditCompensation
+};
+//# sourceMappingURL=EditCompensation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditCompensation.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/EditCompensation/EditCompensation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport 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 type { CompensationDefaultValues } from '../Compensation'\nimport { useJobForm, type UseJobFormReady } from '../../shared/useJobForm'\nimport {\n  useCompensationForm,\n  type UseCompensationFormReady,\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'\n\nexport interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  startDate: string\n  currentJobId?: string | null\n  title: string\n  submitCtaLabel: string\n  onCancel?: () => void\n  partnerDefaultValues?: CompensationDefaultValues\n  /**\n   * Receives the broadcast events: `EMPLOYEE_JOB_CREATED` / `EMPLOYEE_JOB_UPDATED`\n   * (with the saved `Job`), then `EMPLOYEE_COMPENSATION_UPDATED` (with the saved\n   * `Compensation`) on a successful submit chain. Use `EMPLOYEE_COMPENSATION_UPDATED`\n   * for \"save complete\" branching.\n   */\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\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  employeeId,\n  startDate,\n  currentJobId,\n  title,\n  submitCtaLabel,\n  onCancel,\n  partnerDefaultValues,\n  className,\n  onEvent,\n}: EditCompensationProps) {\n  useI18n('Employee.Compensation')\n\n  // Track jobId locally so a partial-failure submit chain (job POST succeeds,\n  // comp PUT fails) doesn't re-POST and create a duplicate job on retry. We\n  // initialize from the prop and only write back when the partner-supplied\n  // `currentJobId` was nullish (i.e. add-job flow) — see the submit handler.\n  const [resolvedJobId, setResolvedJobId] = useState<string | undefined>(currentJobId ?? undefined)\n\n  const jobForm = useJobForm({\n    employeeId,\n    jobId: resolvedJobId,\n    // The Compensation flow does not surface a hire-date field — the date is\n    // derived from the employee's `startDate` (passed via submit options\n    // below). Hiding via the hook flag also drops the field from the schema\n    // so partner forms don't silently fail validation on create.\n    withHireDateField: false,\n    defaultValues: {\n      title: partnerDefaultValues?.title ?? '',\n    },\n    // The Compensation flow always shows a job title field, even when editing\n    // an existing job. The hook's schema only requires `title` on create; we\n    // require it on update too to preserve the existing UX.\n    optionalFieldsToRequire: { update: ['title'] },\n    shouldFocusError: false,\n  })\n\n  // Resolve the compensationId from the job we just loaded so the comp form can\n  // seed from the existing comp on edit. While the job form is still loading we\n  // pass undefined (compensation form starts in create mode); once the job\n  // resolves the prop change re-renders the comp form into update mode with the\n  // existing compensation as the seed.\n  const resolvedCompensationId = jobForm.isLoading\n    ? undefined\n    : (jobForm.data.currentJob?.currentCompensationUuid ?? undefined)\n\n  const compensationForm = useCompensationForm({\n    employeeId,\n    jobId: resolvedJobId,\n    compensationId: resolvedCompensationId,\n    // No effective-date field is surfaced, and no `effectiveDate` is\n    // threaded into `actions.onSubmit` either: the server initializes\n    // `effective_date` on the auto-stub created by the parent job POST,\n    // and subsequent updates omit it from the PUT body so the existing\n    // value is preserved (e.g. a deliberately-set future-dated comp\n    // wouldn't be silently overwritten on an unrelated edit).\n    withEffectiveDateField: false,\n    // The Compensation flow always presents flsaStatus, rate, and paymentUnit\n    // as required, even when editing an existing compensation. The hook's\n    // schema marks them `'create'`-only by default; we promote them on update\n    // here to preserve the existing UX (no \"(optional)\" labels).\n    optionalFieldsToRequire: { update: ['flsaStatus', 'rate', 'paymentUnit'] },\n    defaultValues: {\n      flsaStatus: partnerDefaultValues?.flsaStatus,\n      rate:\n        typeof partnerDefaultValues?.rate === 'number'\n          ? partnerDefaultValues.rate\n          : partnerDefaultValues?.rate\n            ? Number(partnerDefaultValues.rate)\n            : undefined,\n      paymentUnit: partnerDefaultValues?.paymentUnit,\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  const submitResult = composeSubmitHandler([jobForm, compensationForm], async () => {\n    const jobResult = await jobForm.actions.onSubmit({ employeeId, hireDate: startDate })\n    if (!jobResult) return\n\n    onEvent(\n      jobResult.mode === 'create'\n        ? componentEvents.EMPLOYEE_JOB_CREATED\n        : componentEvents.EMPLOYEE_JOB_UPDATED,\n      jobResult.data,\n    )\n\n    // Always thread through the freshly returned job's currentCompensationUuid +\n    // its version so we PUT against the latest comp regardless of whether the job\n    // POST just auto-created the stub or the job PUT bumped a version.\n    const stubCompensation = jobResult.data.compensations?.find(\n      c => c.uuid === jobResult.data.currentCompensationUuid,\n    )\n\n    const compensationResult = await compensationForm.actions.onSubmit({\n      jobId: jobResult.data.uuid,\n      compensationId: jobResult.data.currentCompensationUuid ?? undefined,\n      compensationVersion: stubCompensation?.version ?? undefined,\n    })\n    if (!compensationResult) {\n      if (!currentJobId) setResolvedJobId(jobResult.data.uuid)\n      return\n    }\n\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensationResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([submitResult])\n\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            title={title}\n            submitCtaLabel={submitCtaLabel}\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  title: string\n  submitCtaLabel: string\n  isPending: boolean\n  onCancel?: () => void\n}\n\nfunction FormBody({\n  jobForm,\n  compensationForm,\n  title,\n  submitCtaLabel,\n  isPending,\n  onCancel,\n}: 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\">{title}</Components.Heading>\n\n      {compensationForm.status.willDeleteSecondaryJobs && (\n        <Components.Alert\n          label={t('validations.classificationChangeNotification')}\n          status=\"warning\"\n        />\n      )}\n\n      <JobFields.Title\n        label={t('jobTitle')}\n        validationMessages={{ REQUIRED: t('validations.title') }}\n        formHookResult={jobForm}\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('amount')}\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('paymentUnitLabel')}\n        description={t('paymentUnitDescription')}\n        validationMessages={{ REQUIRED: t('validations.paymentUnit') }}\n        getOptionLabel={(unit: PaymentUnit) => t(`paymentUnitOptions.${unit}`)}\n        formHookResult={compensationForm}\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('twoPercentStakeholderLabel')}\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('cancelNewJobCta')}\n          </Components.Button>\n        )}\n        <Components.Button type=\"submit\" isLoading={isPending}>\n          {submitCtaLabel}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["EditCompensation","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","startDate","currentJobId","title","submitCtaLabel","onCancel","partnerDefaultValues","className","onEvent","useI18n","resolvedJobId","setResolvedJobId","useState","jobForm","useJobForm","resolvedCompensationId","compensationForm","useCompensationForm","loadingErrorHandling","composeErrorHandler","BaseLayout","submitResult","composeSubmitHandler","jobResult","componentEvents","stubCompensation","c","compensationResult","errorHandling","isPending","classNames","styles","Form","FormBody","t","useTranslation","Components","useComponentContext","format","useNumberFormatter","JobFields","CompFields","jsxs","Flex","Trans","FLSA_OVERTIME_SALARY_LIMIT","status","unit","wage","covered","ActionsLayout"],"mappings":";;;;;;;;;;;;;;;;;;AAyCO,SAASA,GAAiB,EAAE,YAAAC,GAAY,GAAGC,KAAgC;AAChF,SAAAC,EAAuB,yBAAyBF,CAAU,GAExD,gBAAAG,EAACC,KAAe,eAAc,yBAC5B,4BAACC,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK;AAAA,EACZ,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACF,GAA0B;AACxB,EAAAC,EAAQ,uBAAuB;AAM/B,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAA6BV,KAAgB,MAAS,GAE1FW,IAAUC,EAAW;AAAA,IACzB,YAAAd;AAAA,IACA,OAAOU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,mBAAmB;AAAA,IACnB,eAAe;AAAA,MACb,OAAOJ,GAAsB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKxC,yBAAyB,EAAE,QAAQ,CAAC,OAAO,EAAA;AAAA,IAC3C,kBAAkB;AAAA,EAAA,CACnB,GAOKS,IAAyBF,EAAQ,YACnC,SACCA,EAAQ,KAAK,YAAY,2BAA2B,QAEnDG,IAAmBC,EAAoB;AAAA,IAC3C,YAAAjB;AAAA,IACA,OAAOU;AAAA,IACP,gBAAgBK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOhB,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxB,yBAAyB,EAAE,QAAQ,CAAC,cAAc,QAAQ,aAAa,EAAA;AAAA,IACvE,eAAe;AAAA,MACb,YAAYT,GAAsB;AAAA,MAClC,MACE,OAAOA,GAAsB,QAAS,WAClCA,EAAqB,OACrBA,GAAsB,OACpB,OAAOA,EAAqB,IAAI,IAChC;AAAA,MACR,aAAaA,GAAsB;AAAA,IAAA;AAAA,IAErC,kBAAkB;AAAA,EAAA,CACnB;AAED,MAAIO,EAAQ,aAAaG,EAAiB,WAAW;AACnD,UAAME,IAAuBC,EAAoB,CAACN,GAASG,CAAgB,CAAC;AAC5E,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAqB,QAAQ;AAAA,EACnE;AAEA,QAAMG,IAAeC,EAAqB,CAACT,GAASG,CAAgB,GAAG,YAAY;AACjF,UAAMO,IAAY,MAAMV,EAAQ,QAAQ,SAAS,EAAE,YAAAb,GAAY,UAAUC,GAAW;AACpF,QAAI,CAACsB,EAAW;AAEhB,IAAAf;AAAA,MACEe,EAAU,SAAS,WACfC,EAAgB,uBAChBA,EAAgB;AAAA,MACpBD,EAAU;AAAA,IAAA;AAMZ,UAAME,IAAmBF,EAAU,KAAK,eAAe;AAAA,MACrD,CAAAG,MAAKA,EAAE,SAASH,EAAU,KAAK;AAAA,IAAA,GAG3BI,IAAqB,MAAMX,EAAiB,QAAQ,SAAS;AAAA,MACjE,OAAOO,EAAU,KAAK;AAAA,MACtB,gBAAgBA,EAAU,KAAK,2BAA2B;AAAA,MAC1D,qBAAqBE,GAAkB,WAAW;AAAA,IAAA,CACnD;AACD,QAAI,CAACE,GAAoB;AACvB,MAAKzB,KAAcS,EAAiBY,EAAU,KAAK,IAAI;AACvD;AAAA,IACF;AAEA,IAAAf,EAAQgB,EAAgB,+BAA+BG,EAAmB,IAAI;AAAA,EAChF,CAAC,GAEKC,IAAgBT,EAAoB,CAACE,CAAY,CAAC,GAElDQ,IAAYhB,EAAQ,OAAO,aAAaG,EAAiB,OAAO;AAEtE,2BACG,WAAA,EAAQ,WAAWc,EAAWC,EAAO,WAAWxB,CAAS,GACxD,UAAA,gBAAAV,EAACuB,GAAA,EAAW,OAAOQ,EAAc,QAC/B,4BAACI,GAAA,EAAK,UAAUX,EAAa,cAC3B,UAAA,gBAAAxB;AAAA,IAACoC;AAAA,IAAA;AAAA,MACC,SAAApB;AAAA,MACA,kBAAAG;AAAA,MACA,OAAAb;AAAA,MACA,gBAAAC;AAAA,MACA,WAAAyB;AAAA,MACA,UAAAxB;AAAA,IAAA;AAAA,EAAA,EACF,CACF,GACF,GACF;AAEJ;AAWA,SAAS4B,EAAS;AAAA,EAChB,SAAApB;AAAA,EACA,kBAAAG;AAAA,EACA,OAAAb;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAyB;AAAA,EACA,UAAAxB;AACF,GAAkB;AAChB,QAAM,EAAE,GAAA6B,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA,GACbC,IAASC,EAAmB,UAAU,GAEtCC,IAAY3B,EAAQ,KAAK,QACzB4B,IAAazB,EAAiB,KAAK;AAEzC,SACE,gBAAA0B,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAA9C,EAACuC,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAjC,GAAM;AAAA,IAElCa,EAAiB,OAAO,2BACvB,gBAAAnB;AAAA,MAACuC,EAAW;AAAA,MAAX;AAAA,QACC,OAAOF,EAAE,8CAA8C;AAAA,QACvD,QAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAIX,gBAAArC;AAAA,MAAC2C,EAAU;AAAA,MAAV;AAAA,QACC,OAAON,EAAE,UAAU;AAAA,QACnB,oBAAoB,EAAE,UAAUA,EAAE,mBAAmB,EAAA;AAAA,QACrD,gBAAgBrB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGjB4B,EAAW,cACV,gBAAA5C;AAAA,MAAC4C,EAAW;AAAA,MAAX;AAAA,QACC,OAAOP,EAAE,wBAAwB;AAAA,QACjC,aACE,gBAAArC;AAAA,UAAC+C;AAAA,UAAA;AAAA,YACC,GAAAV;AAAA,YACA,SAAQ;AAAA,YACR,YAAY,EAAE,sCAAqBE,EAAW,MAAX,CAAA,CAAgB,EAAA;AAAA,UAAG;AAAA,QAAA;AAAA,QAG1D,oBAAoB;AAAA,UAClB,UAAUF,EAAE,+BAA+B;AAAA,YACzC,OAAOI,EAAOO,CAA0B;AAAA,UAAA,CACzC;AAAA,QAAA;AAAA,QAEH,gBAAgB,CAACC,MAA2BZ,EAAE,oBAAoBY,CAAM,EAAE;AAAA,QAC1E,gBAAgB9B;AAAA,MAAA;AAAA,IAAA;AAAA,IAIpB,gBAAAnB;AAAA,MAAC4C,EAAW;AAAA,MAAX;AAAA,QACC,OAAOP,EAAE,QAAQ;AAAA,QACjB,oBAAoB;AAAA,UAClB,UAAUA,EAAE,kBAAkB;AAAA,UAC9B,cAAcA,EAAE,yBAAyB;AAAA,UACzC,uBAAuBA,EAAE,mCAAmC;AAAA,YAC1D,OAAOI,EAAOO,CAA0B;AAAA,UAAA,CACzC;AAAA,QAAA;AAAA,QAEH,gBAAgB7B;AAAA,MAAA;AAAA,IAAA;AAAA,IAGlB,gBAAAnB;AAAA,MAAC4C,EAAW;AAAA,MAAX;AAAA,QACC,OAAOP,EAAE,kBAAkB;AAAA,QAC3B,aAAaA,EAAE,wBAAwB;AAAA,QACvC,oBAAoB,EAAE,UAAUA,EAAE,yBAAyB,EAAA;AAAA,QAC3D,gBAAgB,CAACa,MAAsBb,EAAE,sBAAsBa,CAAI,EAAE;AAAA,QACrE,gBAAgB/B;AAAA,MAAA;AAAA,IAAA;AAAA,IAGjByB,EAAW,wBACV,gBAAA5C;AAAA,MAAC4C,EAAW;AAAA,MAAX;AAAA,QACC,OAAOP,EAAE,sBAAsB;AAAA,QAC/B,aAAaA,EAAE,iCAAiC;AAAA,QAChD,gBAAgBlB;AAAA,MAAA;AAAA,IAAA;AAAA,IAInByB,EAAW,iBACV,gBAAA5C;AAAA,MAAC4C,EAAW;AAAA,MAAX;AAAA,QACC,OAAOP,EAAE,kBAAkB;AAAA,QAC3B,aAAaA,EAAE,wBAAwB;AAAA,QACvC,oBAAoB,EAAE,UAAUA,EAAE,yBAAyB,EAAA;AAAA,QAC3D,gBAAgB,CAACc,MACf,GAAGV,EAAO,OAAOU,EAAK,IAAI,CAAC,CAAC,MAAMA,EAAK,SAAS,KAAKA,EAAK,SAAS,EAAE;AAAA,QAEvE,gBAAgBhC;AAAA,MAAA;AAAA,IAAA;AAAA,IAInBwB,EAAU,yBACT,gBAAA3C;AAAA,MAAC2C,EAAU;AAAA,MAAV;AAAA,QACC,OAAON,EAAE,4BAA4B;AAAA,QACrC,gBAAgBrB;AAAA,MAAA;AAAA,IAAA;AAAA,IAInB2B,EAAU,kBACT,gBAAA3C;AAAA,MAAC2C,EAAU;AAAA,MAAV;AAAA,QACC,OAAON,EAAE,qBAAqB;AAAA,QAC9B,aACE,gBAAArC;AAAA,UAAC+C;AAAA,UAAA;AAAA,YACC,GAAAV;AAAA,YACA,SAAQ;AAAA,YACR,YAAY;AAAA,cACV,QACE,gBAAArC;AAAA,gBAACuC,EAAW;AAAA,gBAAX;AAAA,kBACC,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,KAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YACN;AAAA,UAEJ;AAAA,QAAA;AAAA,QAGJ,gBAAgB,CAACa,MACLf,EAAVe,IAAY,8BAAiC,0BAAN;AAAA,QAEzC,gBAAgBpC;AAAA,MAAA;AAAA,IAAA;AAAA,IAInB2B,EAAU,oBACT,gBAAA3C;AAAA,MAAC2C,EAAU;AAAA,MAAV;AAAA,QACC,OAAON,EAAE,uBAAuB;AAAA,QAChC,aAAaA,EAAE,6BAA6B;AAAA,QAC5C,aAAaA,EAAE,uBAAuB;AAAA,QACtC,oBAAoB,EAAE,UAAUA,EAAE,8BAA8B,EAAA;AAAA,QAChE,gBAAgBrB;AAAA,MAAA;AAAA,IAAA;AAAA,sBAInBqC,GAAA,EACE,UAAA;AAAA,MAAA7C,KACC,gBAAAR,EAACuC,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAS/B,GAAU,YAAYwB,GACnE,UAAAK,EAAE,iBAAiB,EAAA,CACtB;AAAA,MAEF,gBAAArC,EAACuC,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWP,GACzC,UAAAzB,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Employee/Compensation/onboarding/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/onboarding/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/onboarding/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/{JobsList → onboarding/JobsList}/JobsList.d.ts

@@ -1,4 +1,4 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+import { BaseComponentInterface, CommonComponentInterface } from '../../../../Base';
 export interface JobsListProps extends CommonComponentInterface<'Employee.Compensation'> {
     employeeId: string;
 }

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

@@ -0,0 +1,43 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useMemo as r } from "react";
+import { useJobsAndCompensationsGetJobsSuspense as f } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
+import { useJobsAndCompensationsDeleteMutation as D } from "@gusto/embedded-api/react-query/jobsAndCompensationsDelete";
+import { derivePrimaryFlsaStatus as b } from "../../shared/derivePrimaryFlsaStatus.js";
+import { JobsListPresentation as y } from "./JobsListPresentation.js";
+import { BaseComponent as C } from "../../../../Base/Base.js";
+import { useBase as J } from "../../../../Base/useBase.js";
+import { useComponentDictionary as O, useI18n as P } from "../../../../../i18n/I18n.js";
+import { componentEvents as t } from "../../../../../shared/constants.js";
+function N(o) {
+  return O("Employee.Compensation", o.dictionary), /* @__PURE__ */ s(C, { ...o, children: /* @__PURE__ */ s(_, { ...o }) });
+}
+function _({ employeeId: o, className: a }) {
+  P("Employee.Compensation");
+  const { onEvent: n } = J(), { data: m } = f({ employeeId: o }), i = r(() => m.jobs ?? [], [m.jobs]), { mutateAsync: E, isPending: d } = D(), u = r(() => b(i), [i]), p = () => {
+    n(t.EMPLOYEE_JOB_ADD);
+  }, c = (e) => {
+    n(t.EMPLOYEE_JOB_EDIT, { uuid: e });
+  }, l = async (e) => {
+    await E({ request: { jobId: e } }), n(t.EMPLOYEE_JOB_DELETED);
+  };
+  return /* @__PURE__ */ s("section", { className: a, children: /* @__PURE__ */ s(
+    y,
+    {
+      jobs: i,
+      primaryFlsaStatus: u,
+      isPending: d,
+      onAdd: p,
+      onEdit: c,
+      onDelete: (e) => {
+        l(e);
+      },
+      onContinue: () => {
+        n(t.EMPLOYEE_COMPENSATION_DONE);
+      }
+    }
+  ) });
+}
+export {
+  N as JobsList
+};
+//# sourceMappingURL=JobsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JobsList.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/JobsList/JobsList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { useJobsAndCompensationsDeleteMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsDelete'\nimport { derivePrimaryFlsaStatus } from '../../shared/derivePrimaryFlsaStatus'\nimport { JobsListPresentation } from './JobsListPresentation'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n  useBase,\n} from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface JobsListProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n}\n\nexport function JobsList(props: JobsListProps & BaseComponentInterface) {\n  useComponentDictionary('Employee.Compensation', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className }: JobsListProps) {\n  useI18n('Employee.Compensation')\n  const { onEvent } = useBase()\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n  const employeeJobs = useMemo(() => jobsData.jobs ?? [], [jobsData.jobs])\n\n  const { mutateAsync: deleteEmployeeJob, isPending: isDeleting } =\n    useJobsAndCompensationsDeleteMutation()\n\n  const primaryFlsaStatus = useMemo(() => derivePrimaryFlsaStatus(employeeJobs), [employeeJobs])\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_JOB_ADD)\n  }\n\n  const handleEdit = (jobId: string) => {\n    onEvent(componentEvents.EMPLOYEE_JOB_EDIT, { uuid: jobId })\n  }\n\n  const handleDelete = async (jobId: string) => {\n    await deleteEmployeeJob({ request: { jobId } })\n    onEvent(componentEvents.EMPLOYEE_JOB_DELETED)\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <JobsListPresentation\n        jobs={employeeJobs}\n        primaryFlsaStatus={primaryFlsaStatus}\n        isPending={isDeleting}\n        onAdd={handleAdd}\n        onEdit={handleEdit}\n        onDelete={(jobId: string) => {\n          void handleDelete(jobId)\n        }}\n        onContinue={handleContinue}\n      />\n    </section>\n  )\n}\n"],"names":["JobsList","props","useComponentDictionary","jsx","BaseComponent","Root","employeeId","className","useI18n","onEvent","useBase","jobsData","useJobsAndCompensationsGetJobsSuspense","employeeJobs","useMemo","deleteEmployeeJob","isDeleting","useJobsAndCompensationsDeleteMutation","primaryFlsaStatus","derivePrimaryFlsaStatus","handleAdd","componentEvents","handleEdit","jobId","handleDelete","JobsListPresentation"],"mappings":";;;;;;;;;;AAkBO,SAASA,EAASC,GAA+C;AACtE,SAAAC,EAAuB,yBAAyBD,EAAM,UAAU,GAE9D,gBAAAE,EAACC,KAAe,GAAGH,GACjB,4BAACI,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK,EAAE,YAAAC,GAAY,WAAAC,KAA4B;AACtD,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAMC,EAAA,IAAaC,EAAuC,EAAE,YAAAN,GAAY,GAC1EO,IAAeC,EAAQ,MAAMH,EAAS,QAAQ,IAAI,CAACA,EAAS,IAAI,CAAC,GAEjE,EAAE,aAAaI,GAAmB,WAAWC,EAAA,IACjDC,EAAA,GAEIC,IAAoBJ,EAAQ,MAAMK,EAAwBN,CAAY,GAAG,CAACA,CAAY,CAAC,GAEvFO,IAAY,MAAM;AACtB,IAAAX,EAAQY,EAAgB,gBAAgB;AAAA,EAC1C,GAEMC,IAAa,CAACC,MAAkB;AACpC,IAAAd,EAAQY,EAAgB,mBAAmB,EAAE,MAAME,GAAO;AAAA,EAC5D,GAEMC,IAAe,OAAOD,MAAkB;AAC5C,UAAMR,EAAkB,EAAE,SAAS,EAAE,OAAAQ,EAAA,GAAS,GAC9Cd,EAAQY,EAAgB,oBAAoB;AAAA,EAC9C;AAMA,SACE,gBAAAlB,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,mBAAAK;AAAA,MACA,WAAWF;AAAA,MACX,OAAOI;AAAA,MACP,QAAQE;AAAA,MACR,UAAU,CAACC,MAAkB;AAC3B,QAAKC,EAAaD,CAAK;AAAA,MACzB;AAAA,MACA,YAfiB,MAAM;AAC3B,QAAAd,EAAQY,EAAgB,0BAA0B;AAAA,MACpD;AAAA,IAakB;AAAA,EAAA,GAEhB;AAEJ;"}

package/dist/components/Employee/Compensation/{JobsList → onboarding/JobsList}/JobsListPresentation.js

@@ -1,16 +1,16 @@
 import { jsx as o, jsxs as r } from "react/jsx-runtime";
 import { useTranslation as h } from "react-i18next";
-import b from "../../../../assets/icons/pencil.svg.js";
-import y from "../../../../assets/icons/trashcan.svg.js";
-import { Flex as g } from "../../../Common/Flex/Flex.js";
+import b from "../../../../../assets/icons/pencil.svg.js";
+import y from "../../../../../assets/icons/trashcan.svg.js";
+import { Flex as g } from "../../../../Common/Flex/Flex.js";
 import "classnames";
-import { FlsaStatus as k } from "../../../../shared/constants.js";
-import { ActionsLayout as S } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as L } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as x } from "../../../../i18n/I18n.js";
-import { HamburgerMenu as v } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useDataView as w } from "../../../Common/DataView/useDataView.js";
-import { DataView as A } from "../../../Common/DataView/DataView.js";
+import { FlsaStatus as k } from "../../../../../shared/constants.js";
+import { ActionsLayout as S } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as L } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as x } from "../../../../../i18n/I18n.js";
+import { HamburgerMenu as v } from "../../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useDataView as w } from "../../../../Common/DataView/useDataView.js";
+import { DataView as A } from "../../../../Common/DataView/DataView.js";
 function O({
   jobs: l,
   primaryFlsaStatus: s,

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

@@ -0,0 +1 @@
+{"version":3,"file":"JobsListPresentation.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { ActionsLayout, DataView, Flex, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { FlsaStatus } from '@/shared/constants'\n\nexport interface JobsListPresentationProps {\n  jobs: Job[]\n  primaryFlsaStatus: string | undefined\n  isPending: boolean\n  onAdd: () => void\n  onEdit: (jobId: string) => void\n  onDelete: (jobId: string) => void\n  onContinue: () => void\n}\n\nexport function JobsListPresentation({\n  jobs,\n  primaryFlsaStatus,\n  isPending,\n  onAdd,\n  onEdit,\n  onDelete,\n  onContinue,\n}: JobsListPresentationProps) {\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n  const Components = useComponentContext()\n\n  const showAddAnotherJob = primaryFlsaStatus === FlsaStatus.NONEXEMPT\n\n  const dataViewProps = useDataView({\n    data: jobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => job.title || '',\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\n        render: (job: Job) => {\n          const flsaStatus = job.compensations?.find(\n            comp => comp.uuid === job.currentCompensationUuid,\n          )?.flsaStatus\n          return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              onEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    onDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n      <DataView\n        data-testid=\"data-view\"\n        label={t('allCompensations.tableLabel')}\n        {...dataViewProps}\n      />\n      <ActionsLayout>\n        {showAddAnotherJob && (\n          <Components.Button variant=\"secondary\" onClick={onAdd} isDisabled={isPending}>\n            {t('addAnotherJobCta')}\n          </Components.Button>\n        )}\n        <Components.Button onClick={onContinue} isLoading={isPending}>\n          {t('submitCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["JobsListPresentation","jobs","primaryFlsaStatus","isPending","onAdd","onEdit","onDelete","onContinue","useI18n","useTranslation","Components","useComponentContext","showAddAnotherJob","FlsaStatus","dataViewProps","useDataView","job","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","jsxs","Flex","DataView","ActionsLayout"],"mappings":";;;;;;;;;;;;;AAoBO,SAASA,EAAqB;AAAA,EACnC,MAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA,GAEbC,IAAoBV,MAAsBW,EAAW,WAErDC,IAAgBC,EAAY;AAAA,IAChC,MAAMd;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACe,MAAaA,EAAI,SAAS;AAAA,MAAA;AAAA,MAErC;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACA,MAAa;AACpB,gBAAMC,IAAaD,EAAI,eAAe;AAAA,YACpC,CAAAE,MAAQA,EAAK,SAASF,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOC,MAAe,SAAY,EAAE,oBAAoBA,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACD,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACA,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAc,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAD,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAhB,EAAOW,EAAI,IAAI;AAAA,YACjB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAO,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAG,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAhB,EAASU,EAAI,IAAI;AAAA,cACnB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWb;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,SACE,gBAAAoB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACT,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,IACxC,gBAAAS;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,OAAO,EAAE,6BAA6B;AAAA,QACrC,GAAGX;AAAA,MAAA;AAAA,IAAA;AAAA,sBAELY,GAAA,EACE,UAAA;AAAA,MAAAd,KACC,gBAAAO,EAACT,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASN,GAAO,YAAYD,GAChE,UAAA,EAAE,kBAAkB,EAAA,CACvB;AAAA,MAEF,gBAAAgB,EAACT,EAAW,QAAX,EAAkB,SAASH,GAAY,WAAWJ,GAChD,UAAA,EAAE,WAAW,EAAA,CAChB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Employee/Compensation/{compensationStateMachine.js → onboarding/compensationStateMachine.js}

@@ -1,6 +1,6 @@
 import { state as e, transition as n, reduce as E } from "robot3";
 import { JobsListContextual as O, EditCompensationContextual as i } from "./CompensationFlowComponents.js";
-import { componentEvents as t } from "../../../shared/constants.js";
+import { componentEvents as t } from "../../../../shared/constants.js";
 const c = {
   initialEditJob: e(
     n(t.EMPLOYEE_COMPENSATION_DONE, "done"),

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

@@ -0,0 +1 @@
+{"version":3,"file":"compensationStateMachine.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/compensationStateMachine.ts"],"sourcesContent":["import { reduce, state, state as final, transition } from 'robot3'\nimport {\n  EditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n  type EventPayloads,\n} from './CompensationFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nexport const compensationStateMachine = {\n  initialEditJob: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_COMPENSATION_DONE, 'done'),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,\n      'viewJobs',\n      reduce(\n        (ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: JobsListContextual,\n          currentJobId: null,\n        }),\n      ),\n    ),\n  ),\n  viewJobs: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_JOB_ADD,\n      'editJob',\n      reduce(\n        (ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: EditCompensationContextual,\n          currentJobId: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_JOB_EDIT,\n      'editJob',\n      reduce(\n        (\n          ctx: CompensationFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_JOB_EDIT>,\n        ): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: EditCompensationContextual,\n          currentJobId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_COMPENSATION_DONE, 'done'),\n  ),\n  editJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,\n      'viewJobs',\n      reduce(\n        (ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: JobsListContextual,\n          currentJobId: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_CANCEL,\n      'viewJobs',\n      reduce(\n        (ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: JobsListContextual,\n          currentJobId: null,\n        }),\n      ),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["compensationStateMachine","state","transition","componentEvents","reduce","ctx","JobsListContextual","EditCompensationContextual","ev","final"],"mappings":";;;AAUO,MAAMA,IAA2B;AAAA,EACtC,gBAAgBC;AAAA,IACdC,EAAWC,EAAgB,4BAA4B,MAAM;AAAA,IAC7DD;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA6E;AAAA,UAC5E,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,UAAUL;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA6E;AAAA,UAC5E,GAAGA;AAAA,UACH,WAAWE;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAG,OACsC;AAAA,UACtC,GAAGH;AAAA,UACH,WAAWE;AAAA,UACX,cAAcC,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC3B;AAAA,IACF;AAAA,IAEFN,EAAWC,EAAgB,4BAA4B,MAAM;AAAA,EAAA;AAAA,EAE/D,SAASF;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA6E;AAAA,UAC5E,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA6E;AAAA,UAC5E,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,MAAMG,EAAA;AACR;"}

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

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

package/dist/components/Employee/Compensation/shared/derivePrimaryFlsaStatus.d.ts

@@ -0,0 +1,9 @@
+import { Job } from '@gusto/embedded-api/models/components/job';
+/**
+ * Returns the FLSA status of the employee's primary job's current compensation,
+ * or `undefined` when there is no primary job or no resolvable current compensation.
+ *
+ * The primary job is the one with `primary === true`; "current compensation" is the
+ * entry in `job.compensations` whose `uuid` matches `job.currentCompensationUuid`.
+ */
+export declare function derivePrimaryFlsaStatus(jobs: Job[] | undefined): string | undefined;

package/dist/components/Employee/Compensation/shared/derivePrimaryFlsaStatus.js

@@ -0,0 +1,10 @@
+function u(e) {
+  return (e ?? []).reduce((t, r) => {
+    const n = r.compensations?.find((i) => i.uuid === r.currentCompensationUuid);
+    return !r.primary || !n ? t : n.flsaStatus ?? t;
+  }, void 0);
+}
+export {
+  u as derivePrimaryFlsaStatus
+};
+//# sourceMappingURL=derivePrimaryFlsaStatus.js.map

package/dist/components/Employee/Compensation/shared/derivePrimaryFlsaStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"derivePrimaryFlsaStatus.js","sources":["../../../../../src/components/Employee/Compensation/shared/derivePrimaryFlsaStatus.ts"],"sourcesContent":["import type { Job } from '@gusto/embedded-api/models/components/job'\n\n/**\n * Returns the FLSA status of the employee's primary job's current compensation,\n * or `undefined` when there is no primary job or no resolvable current compensation.\n *\n * The primary job is the one with `primary === true`; \"current compensation\" is the\n * entry in `job.compensations` whose `uuid` matches `job.currentCompensationUuid`.\n */\nexport function derivePrimaryFlsaStatus(jobs: Job[] | undefined): string | undefined {\n  return (jobs ?? []).reduce<string | undefined>((acc, job) => {\n    const comp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n    if (!job.primary || !comp) return acc\n    return comp.flsaStatus ?? acc\n  }, undefined)\n}\n"],"names":["derivePrimaryFlsaStatus","jobs","acc","job","comp","c"],"mappings":"AASO,SAASA,EAAwBC,GAA6C;AACnF,UAAQA,KAAQ,CAAA,GAAI,OAA2B,CAACC,GAAKC,MAAQ;AAC3D,UAAMC,IAAOD,EAAI,eAAe,KAAK,OAAKE,EAAE,SAASF,EAAI,uBAAuB;AAChF,WAAI,CAACA,EAAI,WAAW,CAACC,IAAaF,IAC3BE,EAAK,cAAcF;AAAA,EAC5B,GAAG,MAAS;AACd;"}

package/dist/components/Employee/Compensation/shared/useCompensationForm/compensationSchema.d.ts

@@ -83,6 +83,13 @@ export interface CompensationSchemaOptions {
      * `EFFECTIVE_DATE_BEFORE_HIRE` issue when violated.
      */
     hireDate?: string | null;
+    /**
+     * When `false`, drops `effectiveDate` from the validated shape — the field
+     * becomes hook-managed (e.g. seeded from the parent job's `hireDate` during
+     * onboarding). Partners may still supply the value at submit time via
+     * `CompensationSubmitOptions.effectiveDate`. Defaults to `true`.
+     */
+    withEffectiveDateField?: boolean;
 }
 export declare function createCompensationSchema(options?: CompensationSchemaOptions): import('../../../../../partner-hook-utils/form/buildFormSchema').BuildFormSchemaResult<{
     /**

package/dist/components/Employee/Compensation/shared/useCompensationForm/compensationSchema.js

@@ -1,9 +1,9 @@
 import { z as e } from "zod";
 import { buildFormSchema as _ } from "../../../../../partner-hook-utils/form/buildFormSchema.js";
 import { coerceToISODate as N, coerceNaN as T } from "../../../../../partner-hook-utils/form/preprocessors.js";
-import { PAY_PERIODS as I, FlsaStatus as E, FLSA_OVERTIME_SALARY_LIMIT as d } from "../../../../../shared/constants.js";
-import { yearlyRate as O } from "../../../../../helpers/payRateCalculator.js";
-const o = {
+import { PAY_PERIODS as o, FlsaStatus as E, FLSA_OVERTIME_SALARY_LIMIT as O } from "../../../../../shared/constants.js";
+import { yearlyRate as m } from "../../../../../helpers/payRateCalculator.js";
+const a = {
   REQUIRED: "REQUIRED",
   RATE_MINIMUM: "RATE_MINIMUM",
   RATE_EXEMPT_THRESHOLD: "RATE_EXEMPT_THRESHOLD",
@@ -11,7 +11,7 @@ const o = {
   PAYMENT_UNIT_COMMISSION: "PAYMENT_UNIT_COMMISSION",
   RATE_COMMISSION_ZERO: "RATE_COMMISSION_ZERO",
   EFFECTIVE_DATE_BEFORE_HIRE: "EFFECTIVE_DATE_BEFORE_HIRE"
-}, m = {
+}, u = {
   /**
    * Optional in both modes. Setting title here scopes the change to this
    * compensation's `effectiveDate` — pair it with a future-dated comp to
@@ -33,11 +33,11 @@ const o = {
     E.COMMISSION_ONLY_NONEXEMPT
   ]).optional(),
   paymentUnit: e.enum([
-    I.HOUR,
-    I.WEEK,
-    I.MONTH,
-    I.YEAR,
-    I.PAYCHECK
+    o.HOUR,
+    o.WEEK,
+    o.MONTH,
+    o.YEAR,
+    o.PAYCHECK
   ]),
   rate: e.preprocess(T(0), e.number()),
   /**
@@ -61,54 +61,60 @@ const o = {
   paymentUnit: "create",
   rate: "create",
   effectiveDate: "create",
-  minimumWageId: (i) => i.adjustForMinimumWage
+  minimumWageId: (M) => M.adjustForMinimumWage
 };
-function u(i, s) {
-  const { flsaStatus: t, paymentUnit: M, rate: a } = i;
-  t === E.EXEMPT || t === E.SALARIED_NONEXEMPT || t === E.NONEXEMPT ? t === E.EXEMPT && O(a, M) < d ? s.addIssue({
+function n(M, t) {
+  const { flsaStatus: s, paymentUnit: I, rate: i } = M;
+  s === E.EXEMPT || s === E.SALARIED_NONEXEMPT || s === E.NONEXEMPT ? s === E.EXEMPT && m(i, I) < O ? t.addIssue({
     code: e.ZodIssueCode.custom,
     path: ["rate"],
-    message: o.RATE_EXEMPT_THRESHOLD
-  }) : a < 1 && s.addIssue({
+    message: a.RATE_EXEMPT_THRESHOLD
+  }) : i < 1 && t.addIssue({
     code: e.ZodIssueCode.custom,
     path: ["rate"],
-    message: o.RATE_MINIMUM
-  }) : t === E.OWNER ? (M !== I.PAYCHECK && s.addIssue({
+    message: a.RATE_MINIMUM
+  }) : s === E.OWNER ? (I !== o.PAYCHECK && t.addIssue({
     code: e.ZodIssueCode.custom,
     path: ["paymentUnit"],
-    message: o.PAYMENT_UNIT_OWNER
-  }), a < 1 && s.addIssue({
+    message: a.PAYMENT_UNIT_OWNER
+  }), i < 1 && t.addIssue({
     code: e.ZodIssueCode.custom,
     path: ["rate"],
-    message: o.RATE_MINIMUM
-  })) : (t === E.COMMISSION_ONLY_EXEMPT || t === E.COMMISSION_ONLY_NONEXEMPT) && (M !== I.YEAR && s.addIssue({
+    message: a.RATE_MINIMUM
+  })) : (s === E.COMMISSION_ONLY_EXEMPT || s === E.COMMISSION_ONLY_NONEXEMPT) && (I !== o.YEAR && t.addIssue({
     code: e.ZodIssueCode.custom,
     path: ["paymentUnit"],
-    message: o.PAYMENT_UNIT_COMMISSION
-  }), a !== 0 && s.addIssue({
+    message: a.PAYMENT_UNIT_COMMISSION
+  }), i !== 0 && t.addIssue({
     code: e.ZodIssueCode.custom,
     path: ["rate"],
-    message: o.RATE_COMMISSION_ZERO
+    message: a.RATE_COMMISSION_ZERO
   }));
 }
-function C(i = {}) {
-  const { mode: s = "create", optionalFieldsToRequire: t, hireDate: M } = i;
-  return _(m, {
+function l(M = {}) {
+  const {
+    mode: t = "create",
+    optionalFieldsToRequire: s,
+    hireDate: I,
+    withEffectiveDateField: i = !0
+  } = M;
+  return _(u, {
     requiredFieldsConfig: R,
-    requiredErrorCode: o.REQUIRED,
-    mode: s,
-    optionalFieldsToRequire: t,
-    superRefine: (a, r) => {
-      u(a, r), s === "create" && M && a.effectiveDate && a.effectiveDate < M && r.addIssue({
+    requiredErrorCode: a.REQUIRED,
+    mode: t,
+    optionalFieldsToRequire: s,
+    excludeFields: i ? [] : ["effectiveDate"],
+    superRefine: (r, d) => {
+      n(r, d), t === "create" && I && r.effectiveDate && r.effectiveDate < I && d.addIssue({
         code: e.ZodIssueCode.custom,
         path: ["effectiveDate"],
-        message: o.EFFECTIVE_DATE_BEFORE_HIRE
+        message: a.EFFECTIVE_DATE_BEFORE_HIRE
       });
     }
   });
 }
 export {
-  o as CompensationErrorCodes,
-  C as createCompensationSchema
+  a as CompensationErrorCodes,
+  l as createCompensationSchema
 };
 //# sourceMappingURL=compensationSchema.js.map