@gusto/embedded-react-sdk 0.46.2 → 0.46.3

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

@@ -1,22 +1,22 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { useTranslation as R, Trans as u } from "react-i18next";
-import { Flex as g } from "../../../Common/Flex/Flex.js";
+import { useTranslation as R, Trans as f } from "react-i18next";
+import { Flex as v } from "../../../Common/Flex/Flex.js";
 import "classnames";
-import { FLSA_OVERTIME_SALARY_LIMIT as f } from "../../../../shared/constants.js";
-import { ActionsLayout as v } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { FLSA_OVERTIME_SALARY_LIMIT as u } from "../../../../shared/constants.js";
+import { ActionsLayout as g } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as b } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import C from "../../../../hooks/useNumberFormatter.js";
 function H({
   jobForm: l,
   compensationForm: i,
-  title: E,
-  submitCtaLabel: p,
-  isPending: m,
-  onCancel: d
+  title: p,
+  submitCtaLabel: E,
+  isPending: d,
+  onCancel: m
 }) {
   const { t: e } = R("Employee.Compensation"), n = b(), r = C("currency"), s = l.form.Fields, a = i.form.Fields;
-  return /* @__PURE__ */ c(g, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ t(n.Heading, { as: "h2", children: E }),
+  return /* @__PURE__ */ c(v, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ t(n.Heading, { as: "h2", children: p }),
     i.status.willDeleteSecondaryJobs && /* @__PURE__ */ t(
       n.Alert,
       {
@@ -47,7 +47,7 @@ function H({
       {
         label: e("employeeClassification"),
         description: /* @__PURE__ */ t(
-          u,
+          f,
           {
             t: e,
             i18nKey: "classificationLink",
@@ -56,7 +56,7 @@ function H({
         ),
         validationMessages: {
           REQUIRED: e("validations.exemptThreshold", {
-            limit: r(f)
+            limit: r(u)
           })
         },
         getOptionLabel: (o) => e(`flsaStatusLabels.${o}`),
@@ -71,7 +71,7 @@ function H({
           REQUIRED: e("validations.rate"),
           RATE_MINIMUM: e("validations.nonZeroRate"),
           RATE_EXEMPT_THRESHOLD: e("validations.rateExemptThreshold", {
-            limit: r(f)
+            limit: r(u)
           })
         },
         formHookResult: i
@@ -83,7 +83,7 @@ function H({
         label: e("management.wageFrequencyLabel"),
         description: e("paymentUnitDescription"),
         validationMessages: { REQUIRED: e("validations.paymentUnit") },
-        getOptionLabel: (o) => e(`management.wageFrequencyOptions.${o}`),
+        getOptionLabel: (o) => e(`paymentUnitOptions.${o}`),
         formHookResult: i
       }
     ),
@@ -129,7 +129,7 @@ function H({
       {
         label: e("stateWcCoveredLabel"),
         description: /* @__PURE__ */ t(
-          u,
+          f,
           {
             t: e,
             i18nKey: "stateWcCoveredDescription",
@@ -159,9 +159,9 @@ function H({
         formHookResult: l
       }
     ),
-    /* @__PURE__ */ c(v, { children: [
-      d && /* @__PURE__ */ t(n.Button, { variant: "secondary", onClick: d, isDisabled: m, children: e("cancelCta") }),
-      /* @__PURE__ */ t(n.Button, { type: "submit", isLoading: m, children: p })
+    /* @__PURE__ */ c(g, { 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 })
     ] })
   ] });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ManagementCompensationFormBody.js","sources":["../../../../../src/components/Employee/Compensation/management/ManagementCompensationFormBody.tsx"],"sourcesContent":["import { 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 { UseJobFormReady } from '../shared/useJobForm'\nimport type { UseCompensationFormReady } from '../shared/useCompensationForm'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FLSA_OVERTIME_SALARY_LIMIT } from '@/shared/constants'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\nexport interface ManagementCompensationFormBodyProps {\n  jobForm: UseJobFormReady\n  compensationForm: UseCompensationFormReady\n  title: string\n  submitCtaLabel: string\n  isPending: boolean\n  onCancel?: () => void\n}\n\n/**\n * Renders the shared field layout used by both `EditCompensation` (schedule a future comp\n * change for a present job) and `EditPendingCompensation` (update an existing future comp).\n * Field visibility is driven entirely by hook configuration — the hooks expose `undefined`\n * for fields that should not render — so this component renders the correct subset for each\n * use case without extra conditional props.\n */\nexport function ManagementCompensationFormBody({\n  jobForm,\n  compensationForm,\n  title,\n  submitCtaLabel,\n  isPending,\n  onCancel,\n}: ManagementCompensationFormBodyProps) {\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      <CompFields.Title\n        label={t('management.jobTitleLabel')}\n        validationMessages={{ REQUIRED: t('validations.jobTitleSentence') }}\n        formHookResult={compensationForm}\n      />\n\n      {JobFields.HireDate && (\n        <JobFields.HireDate\n          label={t('management.hireDateLabel')}\n          validationMessages={{\n            REQUIRED: t('validations.hireDate'),\n          }}\n          formHookResult={jobForm}\n        />\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          validationMessages={{\n            REQUIRED: t('validations.effectiveDate'),\n            EFFECTIVE_DATE_BEFORE_HIRE: t('validations.effectiveDateBeforeHire'),\n            EFFECTIVE_DATE_BEFORE_MIN: t('validations.effectiveDateBeforeMin'),\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          {submitCtaLabel}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["ManagementCompensationFormBody","jobForm","compensationForm","title","submitCtaLabel","isPending","onCancel","t","useTranslation","Components","useComponentContext","format","useNumberFormatter","JobFields","CompFields","jsxs","Flex","jsx","Trans","FLSA_OVERTIME_SALARY_LIMIT","status","unit","wage","covered","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"ManagementCompensationFormBody.js","sources":["../../../../../src/components/Employee/Compensation/management/ManagementCompensationFormBody.tsx"],"sourcesContent":["import { 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 { UseJobFormReady } from '../shared/useJobForm'\nimport type { UseCompensationFormReady } from '../shared/useCompensationForm'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FLSA_OVERTIME_SALARY_LIMIT } from '@/shared/constants'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\nexport interface ManagementCompensationFormBodyProps {\n  jobForm: UseJobFormReady\n  compensationForm: UseCompensationFormReady\n  title: string\n  submitCtaLabel: string\n  isPending: boolean\n  onCancel?: () => void\n}\n\n/**\n * Renders the shared field layout used by both `EditCompensation` (schedule a future comp\n * change for a present job) and `EditPendingCompensation` (update an existing future comp).\n * Field visibility is driven entirely by hook configuration — the hooks expose `undefined`\n * for fields that should not render — so this component renders the correct subset for each\n * use case without extra conditional props.\n */\nexport function ManagementCompensationFormBody({\n  jobForm,\n  compensationForm,\n  title,\n  submitCtaLabel,\n  isPending,\n  onCancel,\n}: ManagementCompensationFormBodyProps) {\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      <CompFields.Title\n        label={t('management.jobTitleLabel')}\n        validationMessages={{ REQUIRED: t('validations.jobTitleSentence') }}\n        formHookResult={compensationForm}\n      />\n\n      {JobFields.HireDate && (\n        <JobFields.HireDate\n          label={t('management.hireDateLabel')}\n          validationMessages={{\n            REQUIRED: t('validations.hireDate'),\n          }}\n          formHookResult={jobForm}\n        />\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) => t(`paymentUnitOptions.${unit}` as const)}\n        formHookResult={compensationForm}\n      />\n\n      {CompFields.EffectiveDate && (\n        <CompFields.EffectiveDate\n          label={t('effectiveDateLabel')}\n          validationMessages={{\n            REQUIRED: t('validations.effectiveDate'),\n            EFFECTIVE_DATE_BEFORE_HIRE: t('validations.effectiveDateBeforeHire'),\n            EFFECTIVE_DATE_BEFORE_MIN: t('validations.effectiveDateBeforeMin'),\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          {submitCtaLabel}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["ManagementCompensationFormBody","jobForm","compensationForm","title","submitCtaLabel","isPending","onCancel","t","useTranslation","Components","useComponentContext","format","useNumberFormatter","JobFields","CompFields","jsxs","Flex","jsx","Trans","FLSA_OVERTIME_SALARY_LIMIT","status","unit","wage","covered","ActionsLayout"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
-import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { jsx as o, jsxs as s } 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 y from "../../../../../assets/icons/pencil.svg.js";
+import b 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";
@@ -13,61 +13,61 @@ import { useDataView as w } from "../../../../Common/DataView/useDataView.js";
 import { DataView as A } from "../../../../Common/DataView/DataView.js";
 function O({
   jobs: l,
-  primaryFlsaStatus: s,
+  primaryFlsaStatus: m,
   isPending: n,
-  onAdd: m,
-  onEdit: u,
-  onDelete: p,
-  onContinue: d
+  onAdd: u,
+  onEdit: p,
+  onDelete: d,
+  onContinue: c
 }) {
   x("Employee.Compensation");
-  const { t } = h("Employee.Compensation"), a = L(), c = s === k.NONEXEMPT, C = w({
+  const { t: e } = h("Employee.Compensation"), i = L(), C = m === k.NONEXEMPT, f = w({
     data: l,
     columns: [
       {
         key: "title",
-        title: t("allCompensations.jobColumn"),
-        render: (e) => e.title || ""
+        title: e("allCompensations.jobColumn"),
+        render: (t) => t.compensations?.find((r) => r.uuid === t.currentCompensationUuid)?.title || ""
       },
       {
         key: "flsaStatus",
-        title: t("allCompensations.typeColumn"),
-        render: (e) => {
-          const i = e.compensations?.find(
-            (f) => f.uuid === e.currentCompensationUuid
+        title: e("allCompensations.typeColumn"),
+        render: (t) => {
+          const a = t.compensations?.find(
+            (r) => r.uuid === t.currentCompensationUuid
           )?.flsaStatus;
-          return i !== void 0 ? t(`flsaStatusLabels.${i}`) : null;
+          return a !== void 0 ? e(`flsaStatusLabels.${a}`) : null;
         }
       },
       {
         key: "rate",
-        title: t("allCompensations.amountColumn"),
-        render: (e) => e.rate?.toString() || ""
+        title: e("allCompensations.amountColumn"),
+        render: (t) => t.rate?.toString() || ""
       },
       {
         key: "paymentUnit",
-        title: t("allCompensations.perColumn"),
-        render: (e) => e.paymentUnit || ""
+        title: e("allCompensations.perColumn"),
+        render: (t) => t.paymentUnit || ""
       }
     ],
-    itemMenu: (e) => /* @__PURE__ */ o(
+    itemMenu: (t) => /* @__PURE__ */ o(
       v,
       {
-        triggerLabel: t("hamburgerTitle"),
+        triggerLabel: e("hamburgerTitle"),
         items: [
           {
-            label: t("allCompensations.editCta"),
-            icon: /* @__PURE__ */ o(b, { "aria-hidden": !0 }),
+            label: e("allCompensations.editCta"),
+            icon: /* @__PURE__ */ o(y, { "aria-hidden": !0 }),
             onClick: () => {
-              u(e.uuid);
+              p(t.uuid);
             }
           },
-          ...e.primary ? [] : [
+          ...t.primary ? [] : [
             {
-              label: t("allCompensations.deleteCta"),
-              icon: /* @__PURE__ */ o(y, { "aria-hidden": !0 }),
+              label: e("allCompensations.deleteCta"),
+              icon: /* @__PURE__ */ o(b, { "aria-hidden": !0 }),
               onClick: () => {
-                p(e.uuid);
+                d(t.uuid);
               }
             }
           ]
@@ -76,19 +76,19 @@ function O({
       }
     )
   });
-  return /* @__PURE__ */ r(g, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ o(a.Heading, { as: "h2", children: t("title") }),
+  return /* @__PURE__ */ s(g, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ o(i.Heading, { as: "h2", children: e("title") }),
     /* @__PURE__ */ o(
       A,
       {
         "data-testid": "data-view",
-        label: t("allCompensations.tableLabel"),
-        ...C
+        label: e("allCompensations.tableLabel"),
+        ...f
       }
     ),
-    /* @__PURE__ */ r(S, { children: [
-      c && /* @__PURE__ */ o(a.Button, { variant: "secondary", onClick: m, isDisabled: n, children: t("addAnotherJobCta") }),
-      /* @__PURE__ */ o(a.Button, { onClick: d, isLoading: n, children: t("submitCta") })
+    /* @__PURE__ */ s(S, { children: [
+      C && /* @__PURE__ */ o(i.Button, { variant: "secondary", onClick: u, isDisabled: n, children: e("addAnotherJobCta") }),
+      /* @__PURE__ */ o(i.Button, { onClick: c, isLoading: n, children: e("submitCta") })
     ] })
   ] });
 }

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

@@ -1 +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;"}
+{"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) => {\n          const currentComp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n          return currentComp?.title || ''\n        },\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","t","useTranslation","Components","useComponentContext","showAddAnotherJob","FlsaStatus","dataViewProps","useDataView","job","c","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,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA,GAEbC,IAAoBX,MAAsBY,EAAW,WAErDC,IAAgBC,EAAY;AAAA,IAChC,MAAMf;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOQ,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACQ,MACaA,EAAI,eAAe,KAAK,OAAKC,EAAE,SAASD,EAAI,uBAAuB,GACnE,SAAS;AAAA,MAC/B;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACQ,MAAa;AACpB,gBAAME,IAAaF,EAAI,eAAe;AAAA,YACpC,CAAAG,MAAQA,EAAK,SAASH,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOE,MAAe,SAAYV,EAAE,oBAAoBU,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOV,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACQ,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACQ,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAcb,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAOA,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAY,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAlB,EAAOY,EAAI,IAAI;AAAA,YACjB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAOR,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAY,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAlB,EAASW,EAAI,IAAI;AAAA,cACnB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWd;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,SACE,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACV,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,IACxC,gBAAAY;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,OAAOlB,EAAE,6BAA6B;AAAA,QACrC,GAAGM;AAAA,MAAA;AAAA,IAAA;AAAA,sBAELa,GAAA,EACE,UAAA;AAAA,MAAAf,KACC,gBAAAQ,EAACV,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASP,GAAO,YAAYD,GAChE,UAAAM,EAAE,kBAAkB,EAAA,CACvB;AAAA,MAEF,gBAAAY,EAACV,EAAW,QAAX,EAAkB,SAASJ,GAAY,WAAWJ,GAChD,UAAAM,EAAE,WAAW,EAAA,CAChB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,11 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
-import { TextInputHookField as n } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+import { DatePickerHookField as n } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
 import { SelectHookField as i } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
 import { CheckboxHookField as r } from "../../../../../partner-hook-utils/form/fields/CheckboxHookField.js";
 import { NumberInputHookField as o } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
-import { DatePickerHookField as m } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
+import { TextInputHookField as m } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
 function c(e) {
-  return /* @__PURE__ */ t(n, { ...e, name: "title" });
+  return /* @__PURE__ */ t(m, { ...e, name: "title" });
 }
 function p(e) {
   return /* @__PURE__ */ t(i, { ...e, name: "flsaStatus" });
@@ -23,7 +23,7 @@ function g(e) {
   return /* @__PURE__ */ t(i, { ...e, name: "minimumWageId" });
 }
 function x(e) {
-  return /* @__PURE__ */ t(m, { ...e, name: "effectiveDate" });
+  return /* @__PURE__ */ t(n, { ...e, name: "effectiveDate" });
 }
 export {
   H as AdjustForMinimumWageField,