@gusto/embedded-react-sdk 0.37.0 → 0.38.0-rc.2

package/dist/components/Contractor/Submit/Submit.js

@@ -1,78 +1,76 @@
-import { jsx as t, jsxs as a, Fragment as g } from "react/jsx-runtime";
+import { jsx as t, jsxs as a, Fragment as _ } from "react/jsx-runtime";
 import { useTranslation as O } from "react-i18next";
-import { useContractorsUpdateOnboardingStatusMutation as _ } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
-import { useContractorsGetOnboardingStatusSuspense as R } from "@gusto/embedded-api/react-query/contractorsGetOnboardingStatus";
-import { useContractorsGetSuspense as A } from "@gusto/embedded-api/react-query/contractorsGet";
-import { SubmitDone as E } from "./SubmitDone.js";
+import { useContractorsUpdateOnboardingStatusMutation as R } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
+import { useContractorsGetOnboardingStatusSuspense as A } from "@gusto/embedded-api/react-query/contractorsGetOnboardingStatus";
+import { useContractorsGetSuspense as E } from "@gusto/embedded-api/react-query/contractorsGet";
+import { SubmitDone as I } from "./SubmitDone.js";
 import { Flex as C } from "../../Common/Flex/Flex.js";
-import "classnames";
-import { ContractorOnboardingStatus as d, componentEvents as s } from "../../../shared/constants.js";
 import { useComponentContext as b } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { useI18n as I } from "../../../i18n/I18n.js";
-import { BaseComponent as B } from "../../Base/Base.js";
-import { useBase as v } from "../../Base/useBase.js";
-import { firstLastName as x } from "../../../helpers/formattedStrings.js";
-function W(o) {
-  return /* @__PURE__ */ t(B, { ...o, children: /* @__PURE__ */ t(U, { ...o, children: o.children }) });
+import { useI18n as B, useComponentDictionary as v } from "../../../i18n/I18n.js";
+import { BaseComponent as x } from "../../Base/Base.js";
+import { useBase as U } from "../../Base/useBase.js";
+import { ContractorOnboardingStatus as d, componentEvents as s } from "../../../shared/constants.js";
+import { firstLastName as M } from "../../../helpers/formattedStrings.js";
+function W(n) {
+  return /* @__PURE__ */ t(x, { ...n, children: /* @__PURE__ */ t(y, { ...n, children: n.children }) });
 }
-const U = ({ contractorId: o, selfOnboarding: c }) => {
-  I("Contractor.Submit");
-  const { Alert: e, Button: m, UnorderedList: u } = b(), { t: n } = O("Contractor.Submit"), { onEvent: r, baseSubmitHandler: i } = v(), S = Object.values(n("warningItems", { returnObjects: !0 })), { data: T } = R({
-    contractorUuid: o
-  }), l = T.contractorOnboardingStatus?.onboardingStatus, { mutateAsync: f } = _(), D = async () => {
-    await i(null, async () => {
-      const p = await f({
+const y = ({ contractorId: n, selfOnboarding: c, dictionary: r }) => {
+  B("Contractor.Submit"), v("Contractor.Submit", r);
+  const { Alert: m, Button: u, UnorderedList: i } = b(), { t: e } = O("Contractor.Submit"), { onEvent: o, baseSubmitHandler: S } = U(), T = Object.values(e("warningItems", { returnObjects: !0 })), { data: f } = A({
+    contractorUuid: n
+  }), l = f.contractorOnboardingStatus?.onboardingStatus, { mutateAsync: D } = R(), N = async () => {
+    await S(null, async () => {
+      const p = await D({
         request: {
-          contractorUuid: o,
+          contractorUuid: n,
           requestBody: { onboardingStatus: d.ONBOARDING_COMPLETED }
         }
       });
-      r(
+      o(
         s.CONTRACTOR_ONBOARDING_STATUS_UPDATED,
         p.contractorOnboardingStatus
-      ), r(s.CONTRACTOR_SUBMIT_DONE, { message: n("submitDone.successMessage") });
-    });
-  }, N = () => {
-    r(s.CONTRACTOR_INVITE_CONTRACTOR, { contractorId: o }), r(s.CONTRACTOR_SUBMIT_DONE, {
-      message: n("inviteContractor.successMessage")
+      ), o(s.CONTRACTOR_SUBMIT_DONE, { message: e("submitDone.successMessage") });
     });
   }, h = () => {
-    r(s.CONTRACTOR_SUBMIT_DONE, {
+    o(s.CONTRACTOR_INVITE_CONTRACTOR, { contractorId: n }), o(s.CONTRACTOR_SUBMIT_DONE, {
+      message: e("inviteContractor.successMessage")
+    });
+  }, g = () => {
+    o(s.CONTRACTOR_SUBMIT_DONE, {
       onboardingStatus: l,
-      message: n("submitDone.successMessage")
+      message: e("submitDone.successMessage")
     });
   };
-  return l === d.ONBOARDING_COMPLETED ? /* @__PURE__ */ t(E, { onDone: h }) : l === d.SELF_ONBOARDING_NOT_INVITED && c ? /* @__PURE__ */ t(M, { onSubmit: N, contractorId: o }) : /* @__PURE__ */ a(g, { children: [
-    /* @__PURE__ */ t(e, { label: n("title"), status: "warning", children: /* @__PURE__ */ t(u, { items: S }) }),
-    /* @__PURE__ */ t(C, { flexDirection: "column", alignItems: "flex-end", children: /* @__PURE__ */ t(m, { title: n("submitCta"), onClick: D, children: n("submitCta") }) })
+  return l === d.ONBOARDING_COMPLETED ? /* @__PURE__ */ t(I, { onDone: g }) : l === d.SELF_ONBOARDING_NOT_INVITED && c ? /* @__PURE__ */ t(G, { onSubmit: h, contractorId: n }) : /* @__PURE__ */ a(_, { children: [
+    /* @__PURE__ */ t(m, { label: e("title"), status: "warning", children: /* @__PURE__ */ t(i, { items: T }) }),
+    /* @__PURE__ */ t(C, { flexDirection: "column", alignItems: "flex-end", children: /* @__PURE__ */ t(u, { title: e("submitCta"), onClick: N, children: e("submitCta") }) })
   ] });
-}, M = ({
-  onSubmit: o,
+}, G = ({
+  onSubmit: n,
   contractorId: c
 }) => {
-  const { t: e } = O("Contractor.Submit", { keyPrefix: "inviteContractor" }), { Button: m, Heading: u, Text: n } = b(), { data: r } = A({ contractorUuid: c }), i = r.contractor;
+  const { t: r } = O("Contractor.Submit", { keyPrefix: "inviteContractor" }), { Button: m, Heading: u, Text: i } = b(), { data: e } = E({ contractorUuid: c }), o = e.contractor;
   return /* @__PURE__ */ a(C, { flexDirection: "column", children: [
-    /* @__PURE__ */ t(u, { as: "h2", children: e("title") }),
-    /* @__PURE__ */ t(n, { children: e("description") }),
+    /* @__PURE__ */ t(u, { as: "h2", children: r("title") }),
+    /* @__PURE__ */ t(i, { children: r("description") }),
     /* @__PURE__ */ a(C, { flexDirection: "column", children: [
       /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ t(n, { children: x({
-          first_name: i?.firstName,
-          last_name: i?.lastName
+        /* @__PURE__ */ t(i, { children: M({
+          first_name: o?.firstName,
+          last_name: o?.lastName
         }) }),
-        /* @__PURE__ */ t(n, { children: i?.email })
+        /* @__PURE__ */ t(i, { children: o?.email })
       ] }),
       /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ t(n, { children: e("startDateLabel") }),
-        /* @__PURE__ */ t(n, { children: i?.startDate })
+        /* @__PURE__ */ t(i, { children: r("startDateLabel") }),
+        /* @__PURE__ */ t(i, { children: o?.startDate })
       ] })
     ] }),
-    /* @__PURE__ */ t(m, { title: e("inviteCta"), onClick: o, children: e("inviteCta") })
+    /* @__PURE__ */ t(m, { title: r("inviteCta"), onClick: n, children: r("inviteCta") })
   ] });
 };
 export {
   W as ContractorSubmit,
-  U as Root
+  y as Root
 };
 //# sourceMappingURL=Submit.js.map

package/dist/components/Contractor/Submit/Submit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Submit.js","sources":["../../../../src/components/Contractor/Submit/Submit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/contractorsGetOnboardingStatus'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { SubmitDone } from './SubmitDone'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\nexport interface ContractorSubmitProps extends CommonComponentInterface<'Contractor.ContractorList'> {\n  contractorId: string\n  selfOnboarding?: boolean\n}\n\nexport function ContractorSubmit(props: ContractorSubmitProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ contractorId, selfOnboarding }: ContractorSubmitProps) => {\n  useI18n('Contractor.Submit')\n  const { Alert, Button, UnorderedList } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const items = Object.values(t('warningItems', { returnObjects: true }))\n\n  const { data } = useContractorsGetOnboardingStatusSuspense({\n    contractorUuid: contractorId,\n  })\n  const onboardingStatus = data.contractorOnboardingStatus?.onboardingStatus\n\n  const { mutateAsync } = useContractorsUpdateOnboardingStatusMutation()\n\n  const onSubmit = async () => {\n    await baseSubmitHandler(null, async () => {\n      const response = await mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: { onboardingStatus: ContractorOnboardingStatus.ONBOARDING_COMPLETED },\n        },\n      })\n      onEvent(\n        componentEvents.CONTRACTOR_ONBOARDING_STATUS_UPDATED,\n        response.contractorOnboardingStatus,\n      )\n      onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, { message: t('submitDone.successMessage') })\n    })\n  }\n  const handleInviteContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_INVITE_CONTRACTOR, { contractorId })\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      message: t('inviteContractor.successMessage'),\n    })\n  }\n\n  const handleSubmitDone = () => {\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      onboardingStatus,\n      message: t('submitDone.successMessage'),\n    })\n  }\n\n  if (onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED) {\n    return <SubmitDone onDone={handleSubmitDone} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return <InviteContractor onSubmit={handleInviteContractor} contractorId={contractorId} />\n  }\n\n  return (\n    <>\n      <Alert label={t('title')} status=\"warning\">\n        <UnorderedList items={items} />\n      </Alert>\n      <Flex flexDirection=\"column\" alignItems=\"flex-end\">\n        <Button title={t('submitCta')} onClick={onSubmit}>\n          {t('submitCta')}\n        </Button>\n      </Flex>\n    </>\n  )\n}\n\nconst InviteContractor = ({\n  onSubmit,\n  contractorId,\n}: {\n  onSubmit: () => void\n  contractorId: string\n}) => {\n  const { t } = useTranslation('Contractor.Submit', { keyPrefix: 'inviteContractor' })\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n      <Text>{t('description')}</Text>\n      <Flex flexDirection=\"column\">\n        <div>\n          <Text>\n            {firstLastName({\n              first_name: contractor?.firstName,\n              last_name: contractor?.lastName,\n            })}\n          </Text>\n          <Text>{contractor?.email}</Text>\n        </div>\n        <div>\n          <Text>{t('startDateLabel')}</Text>\n          <Text>{contractor?.startDate}</Text>\n        </div>\n      </Flex>\n      <Button title={t('inviteCta')} onClick={onSubmit}>\n        {t('inviteCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["ContractorSubmit","props","jsx","BaseComponent","Root","contractorId","selfOnboarding","useI18n","Alert","Button","UnorderedList","useComponentContext","t","useTranslation","onEvent","baseSubmitHandler","useBase","items","data","useContractorsGetOnboardingStatusSuspense","onboardingStatus","mutateAsync","useContractorsUpdateOnboardingStatusMutation","onSubmit","response","ContractorOnboardingStatus","componentEvents","handleInviteContractor","handleSubmitDone","SubmitDone","InviteContractor","jsxs","Fragment","Flex","Heading","Text","contractorData","useContractorsGetSuspense","contractor","firstLastName"],"mappings":"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"}
+{"version":3,"file":"Submit.js","sources":["../../../../src/components/Contractor/Submit/Submit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/contractorsGetOnboardingStatus'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { SubmitDone } from './SubmitDone'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\nexport interface ContractorSubmitProps extends CommonComponentInterface<'Contractor.Submit'> {\n  contractorId: string\n  selfOnboarding?: boolean\n}\n\nexport function ContractorSubmit(props: ContractorSubmitProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ contractorId, selfOnboarding, dictionary }: ContractorSubmitProps) => {\n  useI18n('Contractor.Submit')\n  useComponentDictionary('Contractor.Submit', dictionary)\n  const { Alert, Button, UnorderedList } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const items = Object.values(t('warningItems', { returnObjects: true }))\n\n  const { data } = useContractorsGetOnboardingStatusSuspense({\n    contractorUuid: contractorId,\n  })\n  const onboardingStatus = data.contractorOnboardingStatus?.onboardingStatus\n\n  const { mutateAsync } = useContractorsUpdateOnboardingStatusMutation()\n\n  const onSubmit = async () => {\n    await baseSubmitHandler(null, async () => {\n      const response = await mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: { onboardingStatus: ContractorOnboardingStatus.ONBOARDING_COMPLETED },\n        },\n      })\n      onEvent(\n        componentEvents.CONTRACTOR_ONBOARDING_STATUS_UPDATED,\n        response.contractorOnboardingStatus,\n      )\n      onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, { message: t('submitDone.successMessage') })\n    })\n  }\n  const handleInviteContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_INVITE_CONTRACTOR, { contractorId })\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      message: t('inviteContractor.successMessage'),\n    })\n  }\n\n  const handleSubmitDone = () => {\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      onboardingStatus,\n      message: t('submitDone.successMessage'),\n    })\n  }\n\n  if (onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED) {\n    return <SubmitDone onDone={handleSubmitDone} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return <InviteContractor onSubmit={handleInviteContractor} contractorId={contractorId} />\n  }\n\n  return (\n    <>\n      <Alert label={t('title')} status=\"warning\">\n        <UnorderedList items={items} />\n      </Alert>\n      <Flex flexDirection=\"column\" alignItems=\"flex-end\">\n        <Button title={t('submitCta')} onClick={onSubmit}>\n          {t('submitCta')}\n        </Button>\n      </Flex>\n    </>\n  )\n}\n\nconst InviteContractor = ({\n  onSubmit,\n  contractorId,\n}: {\n  onSubmit: () => void\n  contractorId: string\n}) => {\n  const { t } = useTranslation('Contractor.Submit', { keyPrefix: 'inviteContractor' })\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n      <Text>{t('description')}</Text>\n      <Flex flexDirection=\"column\">\n        <div>\n          <Text>\n            {firstLastName({\n              first_name: contractor?.firstName,\n              last_name: contractor?.lastName,\n            })}\n          </Text>\n          <Text>{contractor?.email}</Text>\n        </div>\n        <div>\n          <Text>{t('startDateLabel')}</Text>\n          <Text>{contractor?.startDate}</Text>\n        </div>\n      </Flex>\n      <Button title={t('inviteCta')} onClick={onSubmit}>\n        {t('inviteCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["ContractorSubmit","props","jsx","BaseComponent","Root","contractorId","selfOnboarding","dictionary","useI18n","useComponentDictionary","Alert","Button","UnorderedList","useComponentContext","t","useTranslation","onEvent","baseSubmitHandler","useBase","items","data","useContractorsGetOnboardingStatusSuspense","onboardingStatus","mutateAsync","useContractorsUpdateOnboardingStatusMutation","onSubmit","response","ContractorOnboardingStatus","componentEvents","handleInviteContractor","handleSubmitDone","SubmitDone","InviteContractor","jsxs","Fragment","Flex","Heading","Text","contractorData","useContractorsGetSuspense","contractor","firstLastName"],"mappings":"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"}

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

@@ -1,17 +1,15 @@
-import { jsxs as A, jsx as e } from "react/jsx-runtime";
+import { jsxs as A, jsx as i } from "react/jsx-runtime";
 import { useFormContext as l, useWatch as d } from "react-hook-form";
 import { useTranslation as T } from "react-i18next";
 import { useCompensation as O } from "./useCompensation.js";
 import { FlsaStatus as a } from "../../../shared/constants.js";
-import "classnames";
-import { ActionsLayout as p } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-const b = () => {
-  const { isPending: s, mode: t, submitWithEffect: o, handleAdd: D, handleCancelAddJob: m, primaryFlsaStatus: r } = O(), { t: n } = T("Employee.Compensation"), { control: I } = l(), c = d({ control: I, name: "flsaStatus" }), i = u();
-  return /* @__PURE__ */ A(p, { children: [
-    r === a.NONEXEMPT && t === "LIST" && /* @__PURE__ */ e(
-      i.Button,
+import { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+const B = () => {
+  const { isPending: s, mode: t, submitWithEffect: o, handleAdd: D, handleCancelAddJob: I, primaryFlsaStatus: r } = O(), { t: n } = T("Employee.Compensation"), { control: m } = l(), c = d({ control: m, name: "flsaStatus" }), e = C();
+  return /* @__PURE__ */ A(u, { children: [
+    r === a.NONEXEMPT && t === "LIST" && /* @__PURE__ */ i(
+      e.Button,
       {
         variant: "secondary",
         onClick: () => {
@@ -21,9 +19,9 @@ const b = () => {
         children: n("addAnotherJobCta")
       }
     ),
-    (r === a.NONEXEMPT && t === "ADD_ADDITIONAL_JOB" || t === "EDIT_ADDITIONAL_JOB") && /* @__PURE__ */ e(i.Button, { variant: "secondary", onClick: m, isDisabled: s, children: n("cancelNewJobCta") }),
-    /* @__PURE__ */ e(
-      i.Button,
+    (r === a.NONEXEMPT && t === "ADD_ADDITIONAL_JOB" || t === "EDIT_ADDITIONAL_JOB") && /* @__PURE__ */ i(e.Button, { variant: "secondary", onClick: I, isDisabled: s, children: n("cancelNewJobCta") }),
+    /* @__PURE__ */ i(
+      e.Button,
       {
         onClick: () => {
           t === "LIST" && o("PROCEED"), (t === "ADD_ADDITIONAL_JOB" || t === "EDIT_ADDITIONAL_JOB") && o("LIST"), (t === "ADD_INITIAL_JOB" || t === "EDIT_INITIAL_JOB") && (c === a.NONEXEMPT ? o("LIST") : o("PROCEED"));
@@ -35,6 +33,6 @@ const b = () => {
   ] });
 };
 export {
-  b as Actions
+  B as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Compensation/Actions.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useCompensation, type CompensationInputs } from './useCompensation'\nimport { ActionsLayout } from '@/components/Common'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { isPending, mode, submitWithEffect, handleAdd, handleCancelAddJob, primaryFlsaStatus } =\n    useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n  const { control } = useFormContext<CompensationInputs>()\n  const watchedFlsaStatus = useWatch({ control, name: 'flsaStatus' })\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {primaryFlsaStatus === FlsaStatus.NONEXEMPT && mode === 'LIST' && (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            handleAdd()\n          }}\n          isDisabled={isPending}\n        >\n          {t('addAnotherJobCta')}\n        </Components.Button>\n      )}\n      {((primaryFlsaStatus === FlsaStatus.NONEXEMPT && mode === 'ADD_ADDITIONAL_JOB') ||\n        mode === 'EDIT_ADDITIONAL_JOB') && (\n        <Components.Button variant=\"secondary\" onClick={handleCancelAddJob} isDisabled={isPending}>\n          {t('cancelNewJobCta')}\n        </Components.Button>\n      )}\n      <Components.Button\n        onClick={() => {\n          if (mode === 'LIST') {\n            submitWithEffect('PROCEED')\n          }\n\n          if (mode === 'ADD_ADDITIONAL_JOB' || mode === 'EDIT_ADDITIONAL_JOB') {\n            submitWithEffect('LIST')\n          }\n\n          if (mode === 'ADD_INITIAL_JOB' || mode === 'EDIT_INITIAL_JOB') {\n            if (watchedFlsaStatus === FlsaStatus.NONEXEMPT) {\n              submitWithEffect('LIST')\n            } else {\n              submitWithEffect('PROCEED')\n            }\n          }\n        }}\n        isLoading={isPending}\n      >\n        {mode === 'EDIT_ADDITIONAL_JOB' || mode === 'ADD_ADDITIONAL_JOB'\n          ? t('saveNewJobCta')\n          : t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","isPending","mode","submitWithEffect","handleAdd","handleCancelAddJob","primaryFlsaStatus","useCompensation","t","useTranslation","control","useFormContext","watchedFlsaStatus","useWatch","Components","useComponentContext","ActionsLayout","FlsaStatus","jsx"],"mappings":";;;;;;;;;AAOO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,kBAAAC,GAAkB,WAAAC,GAAW,oBAAAC,GAAoB,mBAAAC,EAAA,IACxEC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAoBC,EAAS,EAAE,SAAAH,GAAS,MAAM,cAAc,GAC5DI,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAV,MAAsBW,EAAW,aAAaf,MAAS,UACtD,gBAAAgB;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAV,EAAA;AAAA,QACF;AAAA,QACA,YAAYH;AAAA,QAEX,YAAE,kBAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,KAGtBK,MAAsBW,EAAW,aAAaf,MAAS,wBACxDA,MAAS,0BACT,gBAAAgB,EAACJ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAST,GAAoB,YAAYJ,GAC7E,UAAAO,EAAE,iBAAiB,GACtB;AAAA,IAEF,gBAAAU;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAS,MAAM;AACb,UAAIZ,MAAS,UACXC,EAAiB,SAAS,IAGxBD,MAAS,wBAAwBA,MAAS,0BAC5CC,EAAiB,MAAM,IAGrBD,MAAS,qBAAqBA,MAAS,wBACrCU,MAAsBK,EAAW,YACnCd,EAAiB,MAAM,IAEvBA,EAAiB,SAAS;AAAA,QAGhC;AAAA,QACA,WAAWF;AAAA,QAEV,UACGO,EADHN,MAAS,yBAAyBA,MAAS,uBACtC,kBACA,WADe;AAAA,MACJ;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Compensation/Actions.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useCompensation, type CompensationInputs } from './useCompensation'\nimport { ActionsLayout } from '@/components/Common'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { isPending, mode, submitWithEffect, handleAdd, handleCancelAddJob, primaryFlsaStatus } =\n    useCompensation()\n  const { t } = useTranslation('Employee.Compensation')\n  const { control } = useFormContext<CompensationInputs>()\n  const watchedFlsaStatus = useWatch({ control, name: 'flsaStatus' })\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {primaryFlsaStatus === FlsaStatus.NONEXEMPT && mode === 'LIST' && (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            handleAdd()\n          }}\n          isDisabled={isPending}\n        >\n          {t('addAnotherJobCta')}\n        </Components.Button>\n      )}\n      {((primaryFlsaStatus === FlsaStatus.NONEXEMPT && mode === 'ADD_ADDITIONAL_JOB') ||\n        mode === 'EDIT_ADDITIONAL_JOB') && (\n        <Components.Button variant=\"secondary\" onClick={handleCancelAddJob} isDisabled={isPending}>\n          {t('cancelNewJobCta')}\n        </Components.Button>\n      )}\n      <Components.Button\n        onClick={() => {\n          if (mode === 'LIST') {\n            submitWithEffect('PROCEED')\n          }\n\n          if (mode === 'ADD_ADDITIONAL_JOB' || mode === 'EDIT_ADDITIONAL_JOB') {\n            submitWithEffect('LIST')\n          }\n\n          if (mode === 'ADD_INITIAL_JOB' || mode === 'EDIT_INITIAL_JOB') {\n            if (watchedFlsaStatus === FlsaStatus.NONEXEMPT) {\n              submitWithEffect('LIST')\n            } else {\n              submitWithEffect('PROCEED')\n            }\n          }\n        }}\n        isLoading={isPending}\n      >\n        {mode === 'EDIT_ADDITIONAL_JOB' || mode === 'ADD_ADDITIONAL_JOB'\n          ? t('saveNewJobCta')\n          : t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","isPending","mode","submitWithEffect","handleAdd","handleCancelAddJob","primaryFlsaStatus","useCompensation","t","useTranslation","control","useFormContext","watchedFlsaStatus","useWatch","Components","useComponentContext","ActionsLayout","FlsaStatus","jsx"],"mappings":";;;;;;;AAOO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,kBAAAC,GAAkB,WAAAC,GAAW,oBAAAC,GAAoB,mBAAAC,EAAA,IACxEC,EAAA,GACI,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9C,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAoBC,EAAS,EAAE,SAAAH,GAAS,MAAM,cAAc,GAC5DI,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAV,MAAsBW,EAAW,aAAaf,MAAS,UACtD,gBAAAgB;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAV,EAAA;AAAA,QACF;AAAA,QACA,YAAYH;AAAA,QAEX,YAAE,kBAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,KAGtBK,MAAsBW,EAAW,aAAaf,MAAS,wBACxDA,MAAS,0BACT,gBAAAgB,EAACJ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAST,GAAoB,YAAYJ,GAC7E,UAAAO,EAAE,iBAAiB,GACtB;AAAA,IAEF,gBAAAU;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,SAAS,MAAM;AACb,UAAIZ,MAAS,UACXC,EAAiB,SAAS,IAGxBD,MAAS,wBAAwBA,MAAS,0BAC5CC,EAAiB,MAAM,IAGrBD,MAAS,qBAAqBA,MAAS,wBACrCU,MAAsBK,EAAW,YACnCd,EAAiB,MAAM,IAEvBA,EAAiB,SAAS;AAAA,QAGhC;AAAA,QACA,WAAWF;AAAA,QAEV,UACGO,EADHN,MAAS,yBAAyBA,MAAS,uBACtC,kBACA,WADe;AAAA,MACJ;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;"}

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

@@ -1,55 +1,58 @@
-import { jsx as s, jsxs as z, Fragment as K } from "react/jsx-runtime";
-import { zodResolver as Q } from "@hookform/resolvers/zod";
-import { useState as W, useMemo as F, useEffect as Z } from "react";
-import { useForm as $, FormProvider as ee } from "react-hook-form";
-import { useTranslation as te } from "react-i18next";
-import { useJobsAndCompensationsGetJobsSuspense as oe } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
-import { useJobsAndCompensationsCreateJobMutation as ne } from "@gusto/embedded-api/react-query/jobsAndCompensationsCreateJob";
-import { useJobsAndCompensationsUpdateMutation as se } from "@gusto/embedded-api/react-query/jobsAndCompensationsUpdate";
-import { useJobsAndCompensationsDeleteMutation as ae } from "@gusto/embedded-api/react-query/jobsAndCompensationsDelete";
-import { useJobsAndCompensationsUpdateCompensationMutation as re } from "@gusto/embedded-api/react-query/jobsAndCompensationsUpdateCompensation";
-import { useLocationsGetMinimumWagesSuspense as ie } from "@gusto/embedded-api/react-query/locationsGetMinimumWages";
-import { useEmployeeAddressesGetWorkAddressesSuspense as me } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
-import { useFederalTaxDetailsGetSuspense as ue } from "@gusto/embedded-api/react-query/federalTaxDetailsGet";
-import { useEmployeesGetSuspense as de } from "@gusto/embedded-api/react-query/employeesGet";
-import { List as le } from "./List.js";
-import { Head as ce } from "./Head.js";
+import { jsx as s, jsxs as K, Fragment as Q } from "react/jsx-runtime";
+import { zodResolver as Z } from "@hookform/resolvers/zod";
+import { useState as T, useMemo as j, useEffect as $ } from "react";
+import { useForm as ee, FormProvider as te } from "react-hook-form";
+import { useTranslation as oe } from "react-i18next";
+import { useJobsAndCompensationsGetJobsSuspense as ne } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
+import { useJobsAndCompensationsCreateJobMutation as se } from "@gusto/embedded-api/react-query/jobsAndCompensationsCreateJob";
+import { useJobsAndCompensationsUpdateMutation as ae } from "@gusto/embedded-api/react-query/jobsAndCompensationsUpdate";
+import { useJobsAndCompensationsDeleteMutation as re } from "@gusto/embedded-api/react-query/jobsAndCompensationsDelete";
+import { useJobsAndCompensationsUpdateCompensationMutation as ie } from "@gusto/embedded-api/react-query/jobsAndCompensationsUpdateCompensation";
+import { useLocationsGetMinimumWagesSuspense as me } from "@gusto/embedded-api/react-query/locationsGetMinimumWages";
+import { useEmployeeAddressesGetWorkAddressesSuspense as ue } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
+import { useFederalTaxDetailsGetSuspense as de } from "@gusto/embedded-api/react-query/federalTaxDetailsGet";
+import { useEmployeesGetSuspense as le } from "@gusto/embedded-api/react-query/employeesGet";
+import { List as ce } from "./List.js";
+import { Head as fe } from "./Head.js";
 import { Edit as pe } from "./Edit.js";
-import { Actions as fe } from "./Actions.js";
-import { CompensationSchema as Ce, CompensationProvider as Ee } from "./useCompensation.js";
-import { Form as he } from "../../Common/Form/Form.js";
-import { FlsaStatus as h, componentEvents as C } from "../../../shared/constants.js";
-import { useComponentDictionary as Ae, useI18n as De } from "../../../i18n/I18n.js";
-import { BaseComponent as Se } from "../../Base/Base.js";
-import { useBase as Oe } from "../../Base/useBase.js";
+import { Actions as Ee } from "./Actions.js";
+import { CompensationSchema as Ce, CompensationProvider as he } from "./useCompensation.js";
+import { Form as Ae } from "../../Common/Form/Form.js";
+import { FlsaStatus as h, componentEvents as E } from "../../../shared/constants.js";
+import { useComponentDictionary as De, useI18n as Se } from "../../../i18n/I18n.js";
+import { BaseComponent as Oe } from "../../Base/Base.js";
+import { useBase as be } from "../../Base/useBase.js";
 import { useFlow as ye } from "../../Flow/useFlow.js";
 function Ie(t) {
-  return Ae("Employee.Compensation", t.dictionary), /* @__PURE__ */ s(Se, { ...t, children: /* @__PURE__ */ s(Pe, { ...t, children: t.children }) });
+  return De("Employee.Compensation", t.dictionary), /* @__PURE__ */ s(Oe, { ...t, children: /* @__PURE__ */ s(Pe, { ...t, children: t.children }) });
 }
 const B = (t) => t?.compensations?.find((d) => d.uuid === t.currentCompensationUuid), Pe = ({ employeeId: t, startDate: d, className: A, children: D, ...m }) => {
-  De("Employee.Compensation");
-  const { baseSubmitHandler: j, onEvent: l } = Oe(), { data: V } = oe({ employeeId: t }), n = V.jobList, { data: Y } = me({ employeeId: t }), M = Y.employeeWorkAddressesList.find((e) => e.active), {
-    data: { minimumWageList: k }
-  } = ie({
-    locationUuid: M.locationUuid
-  }), x = k, {
-    data: { employee: g }
-  } = de({ employeeId: t });
-  if (!g)
+  Se("Employee.Compensation");
+  const { baseSubmitHandler: V, onEvent: l } = be(), { data: Y } = ne({ employeeId: t }), n = Y.jobs, { data: k } = ue({ employeeId: t }), g = k.employeeWorkAddressesList, b = g.find((e) => e.active) ?? g[0];
+  if (!b?.locationUuid)
+    throw new Error("No active work address with a location found for this employee");
+  const {
+    data: { minimumWageList: x }
+  } = me({
+    locationUuid: b.locationUuid
+  }), R = x, {
+    data: { employee: N }
+  } = le({ employeeId: t });
+  if (!N)
     throw new Error("Employee not found");
-  const { data: q } = ue({ companyId: g.companyUuid }), R = q.federalTaxDetails.taxPayerType === "S-Corporation", N = re(), _ = ne(), L = se(), J = ae(), [o, S] = W(
+  const { data: q } = de({ companyId: N.companyUuid }), G = q.federalTaxDetails.taxableAsScorp === !0, _ = ie(), w = se(), J = ae(), L = re(), [o, S] = T(
     n.length === 1 ? n[0] ?? null : null
-  ), [y, c] = W(() => {
+  ), [y, c] = T(() => {
     if (!n.length)
       return "ADD_INITIAL_JOB";
     const e = B(n[0]);
     return n.length === 1 && e?.flsaStatus !== h.NONEXEMPT ? "EDIT_INITIAL_JOB" : "LIST";
-  }), [G, w] = W(!1), a = B(o), I = F(() => n.reduce((e, i) => {
-    const f = i.compensations?.find(
+  }), [X, v] = T(!1), a = B(o), I = j(() => n.reduce((e, i) => {
+    const p = i.compensations?.find(
       (O) => O.uuid === i.currentCompensationUuid
     );
-    return !i.primary || !f ? e : f.flsaStatus ?? e;
-  }, void 0), [n]), p = F(() => ({
+    return !i.primary || !p ? e : p.flsaStatus ?? e;
+  }, void 0), [n]), f = j(() => ({
     jobTitle: o?.title && o.title !== "" ? o.title : m.defaultValues?.title ?? "",
     flsaStatus: a?.flsaStatus ?? I ?? m.defaultValues?.flsaStatus,
     rate: Number(a?.rate ?? m.defaultValues?.rate ?? 0),
@@ -59,79 +62,79 @@ const B = (t) => t?.compensations?.find((d) => d.uuid === t.currentCompensationU
     stateWcCovered: o?.stateWcCovered ?? !1,
     stateWcClassCode: o?.stateWcClassCode ?? "",
     twoPercentShareholder: o?.twoPercentShareholder ?? !1
-  }), [o, a, I, m.defaultValues]), v = $({
-    resolver: Q(Ce),
-    defaultValues: p
-  }), { resetField: P, setValue: b, handleSubmit: X, reset: E } = v;
-  return Z(() => {
-    E(p);
-  }, [o, p, E]), /* @__PURE__ */ s("section", { className: A, children: /* @__PURE__ */ s(
-    Ee,
+  }), [o, a, I, m.defaultValues]), U = ee({
+    resolver: Z(Ce),
+    defaultValues: f
+  }), { resetField: P, setValue: W, handleSubmit: H, reset: C } = U;
+  return $(() => {
+    C(f);
+  }, [o, f, C]), /* @__PURE__ */ s("section", { className: A, children: /* @__PURE__ */ s(
+    he,
     {
       value: {
         employeeJobs: n,
         currentJob: o,
         primaryFlsaStatus: I,
-        showFlsaChangeWarning: G,
+        showFlsaChangeWarning: X,
         mode: y,
-        minimumWages: x,
+        minimumWages: R,
         handleFlsaChange: (e) => {
-          a?.flsaStatus === h.NONEXEMPT && n.length > 1 && w(!0), e === h.OWNER ? (b("paymentUnit", "Paycheck"), P("rate", { defaultValue: Number(a?.rate) })) : e === h.COMMISSION_ONLY_NONEXEMPT || e === h.COMMISSION_ONLY_EXEMPT ? (b("paymentUnit", "Year"), b("rate", 0)) : (P("paymentUnit", { defaultValue: a?.paymentUnit }), P("rate", { defaultValue: Number(a?.rate) }));
+          a?.flsaStatus === h.NONEXEMPT && n.length > 1 && v(!0), e === h.OWNER ? (W("paymentUnit", "Paycheck"), P("rate", { defaultValue: Number(a?.rate) })) : e === h.COMMISSION_ONLY_NONEXEMPT || e === h.COMMISSION_ONLY_EXEMPT ? (W("paymentUnit", "Year"), W("rate", 0)) : (P("paymentUnit", { defaultValue: a?.paymentUnit }), P("rate", { defaultValue: Number(a?.rate) }));
         },
         handleDelete: async (e) => {
-          await J.mutateAsync({ request: { jobId: e } }), l(C.EMPLOYEE_JOB_DELETED);
+          await L.mutateAsync({ request: { jobId: e } }), l(E.EMPLOYEE_JOB_DELETED);
         },
         handleEdit: (e) => {
-          const i = n.find((f) => e === f.uuid);
+          const i = n.find((p) => e === p.uuid);
           i && (c("EDIT_ADDITIONAL_JOB"), S(i));
         },
         handleAdd: () => {
-          c("ADD_ADDITIONAL_JOB"), S(null), E(p);
+          c("ADD_ADDITIONAL_JOB"), S(null), C(f);
         },
         submitWithEffect: async (e) => {
           if (y === "LIST" && e === "PROCEED") {
-            l(C.EMPLOYEE_COMPENSATION_DONE);
+            l(E.EMPLOYEE_COMPENSATION_DONE);
             return;
           }
           if (!o && y === "LIST") {
             c("ADD_ADDITIONAL_JOB");
             return;
           }
-          await X(async (i) => {
-            await j(i, async (f) => {
-              const { jobTitle: O, twoPercentShareholder: U, ...r } = f;
+          await H(async (i) => {
+            await V(i, async (p) => {
+              const { jobTitle: O, twoPercentShareholder: F, ...r } = p;
               let u;
-              o ? (u = (await L.mutateAsync({
+              o ? (u = (await J.mutateAsync({
                 request: {
                   jobId: o.uuid,
-                  requestBody: {
+                  jobsUpdateRequestBody: {
                     title: O,
                     version: o.version,
                     hireDate: d,
                     stateWcClassCode: r.stateWcCovered ? r.stateWcClassCode : null,
                     stateWcCovered: r.stateWcCovered,
-                    twoPercentShareholder: U ?? !1
+                    twoPercentShareholder: F ?? !1
                   }
                 }
-              })).job, l(C.EMPLOYEE_JOB_UPDATED, u)) : (u = (await _.mutateAsync({
+              })).job, l(E.EMPLOYEE_JOB_UPDATED, u)) : (u = (await w.mutateAsync({
                 request: {
                   employeeId: t,
-                  requestBody: {
+                  jobsCreateRequestBody: {
                     title: O,
                     hireDate: d,
                     stateWcCovered: r.stateWcCovered,
                     stateWcClassCode: r.stateWcCovered ? r.stateWcClassCode : null,
-                    twoPercentShareholder: U ?? !1
+                    twoPercentShareholder: F ?? !1
                   }
                 }
-              })).job, l(C.EMPLOYEE_JOB_CREATED, u));
-              const { compensation: H } = await N.mutateAsync({
+              })).job, l(E.EMPLOYEE_JOB_CREATED, u));
+              const { compensation: z } = await _.mutateAsync({
                 request: {
                   compensationId: u.currentCompensationUuid,
                   compensationsUpdateRequestBody: {
                     // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
                     version: u.compensations?.find(
-                      (T) => T.uuid === u.currentCompensationUuid
+                      (M) => M.uuid === u.currentCompensationUuid
                     )?.version,
                     ...r,
                     rate: String(r.rate),
@@ -139,33 +142,33 @@ const B = (t) => t?.compensations?.find((d) => d.uuid === t.currentCompensationU
                   }
                 }
               });
-              switch (w(!1), l(C.EMPLOYEE_COMPENSATION_UPDATED, H), e) {
+              switch (v(!1), l(E.EMPLOYEE_COMPENSATION_UPDATED, z), e) {
                 case "LIST":
-                  c("LIST"), S(null), E(p);
+                  c("LIST"), S(null), C(f);
                   break;
                 default:
-                  l(C.EMPLOYEE_COMPENSATION_DONE);
+                  l(E.EMPLOYEE_COMPENSATION_DONE);
               }
             });
           })();
         },
         handleCancelAddJob: () => {
-          n.length > 0 ? c("LIST") : c("ADD_INITIAL_JOB"), S(null), E(p);
+          n.length > 0 ? c("LIST") : c("ADD_INITIAL_JOB"), S(null), C(f);
         },
-        isPending: N.isPending || _.isPending || L.isPending || J.isPending,
-        state: M.state,
-        showTwoPercentStakeholder: R
+        isPending: _.isPending || w.isPending || J.isPending || L.isPending,
+        state: b.state,
+        showTwoPercentStakeholder: G
       },
-      children: /* @__PURE__ */ s(ee, { ...v, children: /* @__PURE__ */ s(he, { children: D || /* @__PURE__ */ z(K, { children: [
+      children: /* @__PURE__ */ s(te, { ...U, children: /* @__PURE__ */ s(Ae, { children: D || /* @__PURE__ */ K(Q, { children: [
+        /* @__PURE__ */ s(fe, {}),
         /* @__PURE__ */ s(ce, {}),
-        /* @__PURE__ */ s(le, {}),
         /* @__PURE__ */ s(pe, {}),
-        /* @__PURE__ */ s(fe, {})
+        /* @__PURE__ */ s(Ee, {})
       ] }) }) })
     }
   ) });
 }, nt = () => {
-  const { employeeId: t, onEvent: d, startDate: A, defaultValues: D } = ye(), { t: m } = te("common");
+  const { employeeId: t, onEvent: d, startDate: A, defaultValues: D } = ye(), { t: m } = oe("common");
   if (!t || !A)
     throw new Error(
       m("errors.missingParamsOrContext", {

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

@@ -1 +1 @@
-{"version":3,"file":"Compensation.js","sources":["../../../../src/components/Employee/Compensation/Compensation.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { useJobsAndCompensationsCreateJobMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsCreateJob'\nimport { useJobsAndCompensationsUpdateMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsUpdate'\nimport { useJobsAndCompensationsDeleteMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsDelete'\nimport { useJobsAndCompensationsUpdateCompensationMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsUpdateCompensation'\nimport { useLocationsGetMinimumWagesSuspense } from '@gusto/embedded-api/react-query/locationsGetMinimumWages'\nimport { useEmployeeAddressesGetWorkAddressesSuspense } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport { useFederalTaxDetailsGetSuspense } from '@gusto/embedded-api/react-query/federalTaxDetailsGet'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { List } from './List'\nimport { Head } from './Head'\nimport { Edit } from './Edit'\nimport { Actions } from './Actions'\nimport {\n  type CompensationInputs,\n  type CompensationOutputs,\n  CompensationProvider,\n  CompensationSchema,\n  type MODE,\n} from './useCompensation'\nimport { Form } from '@/components/Common/Form'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { PAY_PERIODS } from '@/shared/constants'\nimport { componentEvents, FlsaStatus } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  useBase,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\n\nexport type CompensationDefaultValues = RequireAtLeastOne<{\n  rate?: Job['rate']\n  title?: Job['title']\n  paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS]\n  flsaStatus?: FlsaStatusType\n}>\n\ninterface CompensationProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  startDate: string\n  defaultValues?: CompensationDefaultValues\n}\n\nexport function Compensation(props: CompensationProps & BaseComponentInterface) {\n  useComponentDictionary('Employee.Compensation', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst findCurrentCompensation = (employeeJob?: Job | null) => {\n  return employeeJob?.compensations?.find(comp => comp.uuid === employeeJob.currentCompensationUuid)\n}\n\nconst Root = ({ employeeId, startDate, className, children, ...props }: CompensationProps) => {\n  useI18n('Employee.Compensation')\n  const { baseSubmitHandler, onEvent } = useBase()\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n  const employeeJobs = jobsData.jobList!\n\n  const { data: addressesData } = useEmployeeAddressesGetWorkAddressesSuspense({ employeeId })\n  const workAddresses = addressesData.employeeWorkAddressesList!\n\n  const currentWorkAddress = workAddresses.find(address => address.active)!\n\n  const {\n    data: { minimumWageList },\n  } = useLocationsGetMinimumWagesSuspense({\n    locationUuid: currentWorkAddress.locationUuid!,\n  })\n  const minimumWages = minimumWageList!\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n\n  if (!employee) {\n    throw new Error('Employee not found')\n  }\n\n  const { data } = useFederalTaxDetailsGetSuspense({ companyId: employee.companyUuid! })\n  const showTwoPercentStakeholder = data.federalTaxDetails!.taxPayerType === 'S-Corporation'\n\n  const updateCompensationMutation = useJobsAndCompensationsUpdateCompensationMutation()\n  const createEmployeeJobMutation = useJobsAndCompensationsCreateJobMutation()\n  const updateEmployeeJobMutation = useJobsAndCompensationsUpdateMutation()\n  const deleteEmployeeJobMutation = useJobsAndCompensationsDeleteMutation()\n\n  //Job being edited/created\n  const [currentJob, setCurrentJob] = useState<Job | null>(\n    employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null,\n  )\n\n  const [mode, setMode] = useState<MODE>(() => {\n    if (!employeeJobs.length) {\n      return 'ADD_INITIAL_JOB'\n    }\n\n    const currentCompensation = findCurrentCompensation(employeeJobs[0])\n\n    if (employeeJobs.length === 1 && currentCompensation?.flsaStatus !== FlsaStatus.NONEXEMPT) {\n      return 'EDIT_INITIAL_JOB'\n    }\n\n    return 'LIST'\n  })\n\n  const [showFlsaChangeWarning, setShowFlsaChangeWarning] = useState(false)\n  //Getting current compensation for a job -> the one with the most recent effective date\n  const currentCompensation = findCurrentCompensation(currentJob)\n  /** Returns FLSA status of a current compensation of a primary job:\n   * Employees can have multiple jobs, with multiple compensations, but only 1 job is primary with 1 current compensation\n   */\n  const primaryFlsaStatus = useMemo<string | undefined>(() => {\n    return employeeJobs.reduce<string | undefined>((prev, curr) => {\n      const compensation = curr.compensations?.find(\n        comp => comp.uuid === curr.currentCompensationUuid,\n      )\n      if (!curr.primary || !compensation) return prev\n      return compensation.flsaStatus ?? prev\n    }, undefined)\n  }, [employeeJobs])\n\n  const defaultValues: CompensationInputs = useMemo(() => {\n    return {\n      jobTitle:\n        currentJob?.title && currentJob.title !== ''\n          ? currentJob.title\n          : (props.defaultValues?.title ?? ''),\n      flsaStatus:\n        currentCompensation?.flsaStatus ?? primaryFlsaStatus ?? props.defaultValues?.flsaStatus,\n      rate: Number(currentCompensation?.rate ?? props.defaultValues?.rate ?? 0),\n      adjustForMinimumWage: currentCompensation?.adjustForMinimumWage ?? false,\n      minimumWageId: currentCompensation?.minimumWages?.[0]?.uuid ?? '',\n      paymentUnit: currentCompensation?.paymentUnit ?? props.defaultValues?.paymentUnit ?? 'Hour',\n      stateWcCovered: currentJob?.stateWcCovered ?? false,\n      stateWcClassCode: currentJob?.stateWcClassCode ?? '',\n      twoPercentShareholder: currentJob?.twoPercentShareholder ?? false,\n    } as CompensationInputs\n  }, [currentJob, currentCompensation, primaryFlsaStatus, props.defaultValues])\n\n  const formMethods = useForm<CompensationInputs, unknown, CompensationOutputs>({\n    resolver: zodResolver(CompensationSchema),\n    defaultValues,\n  })\n  const { resetField, setValue, handleSubmit, reset } = formMethods\n  useEffect(() => {\n    reset(defaultValues)\n  }, [currentJob, defaultValues, reset])\n\n  const submitWithEffect = async (newMode?: MODE) => {\n    if (mode === 'LIST' && newMode === 'PROCEED') {\n      onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n      return\n    }\n    //If no job has been modified, switch to edit mode\n    if (!currentJob && mode === 'LIST') {\n      setMode('ADD_ADDITIONAL_JOB')\n      return\n    }\n    //Performing post-submit state setting only on success\n    await handleSubmit(async (data: CompensationOutputs) => {\n      await baseSubmitHandler(data, async payload => {\n        const { jobTitle, twoPercentShareholder, ...compensationData } = payload\n        let updatedJobData\n        //Note: some of the type fixes below are due to the fact that API incorrectly defines current_compensation_uuid as optional\n        if (!currentJob) {\n          //Adding new job for NONEXEMPT\n          const data = await createEmployeeJobMutation.mutateAsync({\n            request: {\n              employeeId,\n              requestBody: {\n                title: jobTitle,\n                hireDate: startDate,\n                stateWcCovered: compensationData.stateWcCovered,\n                stateWcClassCode: compensationData.stateWcCovered\n                  ? compensationData.stateWcClassCode\n                  : null,\n                twoPercentShareholder: twoPercentShareholder ?? false,\n              },\n            },\n          })\n          updatedJobData = data.job!\n          onEvent(componentEvents.EMPLOYEE_JOB_CREATED, updatedJobData)\n        } else {\n          const data = await updateEmployeeJobMutation.mutateAsync({\n            request: {\n              jobId: currentJob.uuid,\n              requestBody: {\n                title: jobTitle,\n                version: currentJob.version as string,\n                hireDate: startDate,\n                stateWcClassCode: compensationData.stateWcCovered\n                  ? compensationData.stateWcClassCode\n                  : null,\n                stateWcCovered: compensationData.stateWcCovered,\n                twoPercentShareholder: twoPercentShareholder ?? false,\n              },\n            },\n          })\n          updatedJobData = data.job!\n          onEvent(componentEvents.EMPLOYEE_JOB_UPDATED, updatedJobData)\n        }\n\n        const { compensation } = await updateCompensationMutation.mutateAsync({\n          request: {\n            compensationId: updatedJobData.currentCompensationUuid!,\n            compensationsUpdateRequestBody: {\n              // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n              version: updatedJobData.compensations?.find(\n                comp => comp.uuid === updatedJobData.currentCompensationUuid,\n              )?.version!,\n              ...compensationData,\n              rate: String(compensationData.rate),\n              minimumWages: compensationData.adjustForMinimumWage\n                ? [{ uuid: compensationData.minimumWageId }]\n                : [],\n            },\n          },\n        })\n        setShowFlsaChangeWarning(false)\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensation)\n\n        // Success logic only runs if no errors were thrown above\n        switch (newMode) {\n          case 'LIST':\n            setMode('LIST')\n            setCurrentJob(null)\n            reset(defaultValues)\n            break\n          default:\n            onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n        }\n      })\n    })()\n  }\n  const handleAdd = () => {\n    setMode('ADD_ADDITIONAL_JOB')\n    setCurrentJob(null)\n    reset(defaultValues)\n  }\n\n  const handleCancelAddJob = () => {\n    if (employeeJobs.length > 0) {\n      setMode('LIST')\n    } else {\n      setMode('ADD_INITIAL_JOB')\n    }\n\n    setCurrentJob(null)\n    reset(defaultValues)\n  }\n\n  const handleEdit = (uuid: string) => {\n    const selectedJob = employeeJobs.find(job => uuid === job.uuid)\n    if (selectedJob) {\n      setMode('EDIT_ADDITIONAL_JOB')\n      setCurrentJob(selectedJob)\n    }\n  }\n\n  const handleDelete = async (jobId: string) => {\n    await deleteEmployeeJobMutation.mutateAsync({ request: { jobId } })\n    onEvent(componentEvents.EMPLOYEE_JOB_DELETED)\n  }\n\n  /**Update dependent field values upon change in FLSA type */\n  const handleFlsaChange = (value: string | number) => {\n    //Attempting to change flsa status from nonexempt should prompt user about deletion of other jobs associated with the employee\n    if (currentCompensation?.flsaStatus === FlsaStatus.NONEXEMPT && employeeJobs.length > 1) {\n      setShowFlsaChangeWarning(true)\n    }\n    if (value === FlsaStatus.OWNER) {\n      setValue('paymentUnit', 'Paycheck')\n      resetField('rate', { defaultValue: Number(currentCompensation?.rate) })\n    } else if (\n      value === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n      value === FlsaStatus.COMMISSION_ONLY_EXEMPT\n    ) {\n      setValue('paymentUnit', 'Year')\n      setValue('rate', 0)\n    } else {\n      //reset fields\n      resetField('paymentUnit', { defaultValue: currentCompensation?.paymentUnit })\n      resetField('rate', { defaultValue: Number(currentCompensation?.rate) })\n    }\n  }\n  return (\n    <section className={className}>\n      <CompensationProvider\n        value={{\n          employeeJobs,\n          currentJob,\n          primaryFlsaStatus,\n          showFlsaChangeWarning,\n          mode,\n          minimumWages,\n          handleFlsaChange,\n          handleDelete,\n          handleEdit,\n          handleAdd,\n          submitWithEffect,\n          handleCancelAddJob,\n          isPending:\n            updateCompensationMutation.isPending ||\n            createEmployeeJobMutation.isPending ||\n            updateEmployeeJobMutation.isPending ||\n            deleteEmployeeJobMutation.isPending,\n          state: currentWorkAddress.state,\n          showTwoPercentStakeholder,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <List />\n                <Edit />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </CompensationProvider>\n    </section>\n  )\n}\n\nexport const CompensationContextual = () => {\n  const { employeeId, onEvent, startDate, defaultValues } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId || !startDate) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Compensation',\n        param: !employeeId ? 'employeeId' : 'startDate',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return (\n    <Compensation\n      employeeId={employeeId}\n      startDate={startDate}\n      onEvent={onEvent}\n      defaultValues={defaultValues?.compensation}\n    />\n  )\n}\n"],"names":["Compensation","props","useComponentDictionary","jsx","BaseComponent","Root","findCurrentCompensation","employeeJob","comp","employeeId","startDate","className","children","useI18n","baseSubmitHandler","onEvent","useBase","jobsData","useJobsAndCompensationsGetJobsSuspense","employeeJobs","addressesData","useEmployeeAddressesGetWorkAddressesSuspense","currentWorkAddress","address","minimumWageList","useLocationsGetMinimumWagesSuspense","minimumWages","employee","useEmployeesGetSuspense","data","useFederalTaxDetailsGetSuspense","showTwoPercentStakeholder","updateCompensationMutation","useJobsAndCompensationsUpdateCompensationMutation","createEmployeeJobMutation","useJobsAndCompensationsCreateJobMutation","updateEmployeeJobMutation","useJobsAndCompensationsUpdateMutation","deleteEmployeeJobMutation","useJobsAndCompensationsDeleteMutation","currentJob","setCurrentJob","useState","mode","setMode","currentCompensation","FlsaStatus","showFlsaChangeWarning","setShowFlsaChangeWarning","primaryFlsaStatus","useMemo","prev","curr","compensation","defaultValues","formMethods","useForm","zodResolver","CompensationSchema","resetField","setValue","handleSubmit","reset","useEffect","CompensationProvider","value","jobId","componentEvents","uuid","selectedJob","job","newMode","payload","jobTitle","twoPercentShareholder","compensationData","updatedJobData","FormProvider","Form","jsxs","Fragment","Head","List","Edit","Actions","CompensationContextual","useFlow","t","useTranslation"],"mappings":"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"}
+{"version":3,"file":"Compensation.js","sources":["../../../../src/components/Employee/Compensation/Compensation.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { useJobsAndCompensationsCreateJobMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsCreateJob'\nimport { useJobsAndCompensationsUpdateMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsUpdate'\nimport { useJobsAndCompensationsDeleteMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsDelete'\nimport { useJobsAndCompensationsUpdateCompensationMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsUpdateCompensation'\nimport { useLocationsGetMinimumWagesSuspense } from '@gusto/embedded-api/react-query/locationsGetMinimumWages'\nimport { useEmployeeAddressesGetWorkAddressesSuspense } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport { useFederalTaxDetailsGetSuspense } from '@gusto/embedded-api/react-query/federalTaxDetailsGet'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { List } from './List'\nimport { Head } from './Head'\nimport { Edit } from './Edit'\nimport { Actions } from './Actions'\nimport {\n  type CompensationInputs,\n  type CompensationOutputs,\n  CompensationProvider,\n  CompensationSchema,\n  type MODE,\n} from './useCompensation'\nimport { Form } from '@/components/Common/Form'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { PAY_PERIODS } from '@/shared/constants'\nimport { componentEvents, FlsaStatus } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  useBase,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\n\nexport type CompensationDefaultValues = RequireAtLeastOne<{\n  rate?: Job['rate']\n  title?: Job['title']\n  paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS]\n  flsaStatus?: FlsaStatusType\n}>\n\ninterface CompensationProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  startDate: string\n  defaultValues?: CompensationDefaultValues\n}\n\nexport function Compensation(props: CompensationProps & BaseComponentInterface) {\n  useComponentDictionary('Employee.Compensation', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst findCurrentCompensation = (employeeJob?: Job | null) => {\n  return employeeJob?.compensations?.find(comp => comp.uuid === employeeJob.currentCompensationUuid)\n}\n\nconst Root = ({ employeeId, startDate, className, children, ...props }: CompensationProps) => {\n  useI18n('Employee.Compensation')\n  const { baseSubmitHandler, onEvent } = useBase()\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n  const employeeJobs = jobsData.jobs!\n\n  const { data: addressesData } = useEmployeeAddressesGetWorkAddressesSuspense({ employeeId })\n  const workAddresses = addressesData.employeeWorkAddressesList!\n\n  const currentWorkAddress = workAddresses.find(address => address.active) ?? workAddresses[0]\n\n  if (!currentWorkAddress?.locationUuid) {\n    throw new Error('No active work address with a location found for this employee')\n  }\n\n  const {\n    data: { minimumWageList },\n  } = useLocationsGetMinimumWagesSuspense({\n    locationUuid: currentWorkAddress.locationUuid,\n  })\n  const minimumWages = minimumWageList!\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n\n  if (!employee) {\n    throw new Error('Employee not found')\n  }\n\n  const { data } = useFederalTaxDetailsGetSuspense({ companyId: employee.companyUuid! })\n  const showTwoPercentStakeholder = data.federalTaxDetails!.taxableAsScorp === true\n\n  const updateCompensationMutation = useJobsAndCompensationsUpdateCompensationMutation()\n  const createEmployeeJobMutation = useJobsAndCompensationsCreateJobMutation()\n  const updateEmployeeJobMutation = useJobsAndCompensationsUpdateMutation()\n  const deleteEmployeeJobMutation = useJobsAndCompensationsDeleteMutation()\n\n  //Job being edited/created\n  const [currentJob, setCurrentJob] = useState(\n    employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null,\n  )\n\n  const [mode, setMode] = useState<MODE>(() => {\n    if (!employeeJobs.length) {\n      return 'ADD_INITIAL_JOB'\n    }\n\n    const currentCompensation = findCurrentCompensation(employeeJobs[0])\n\n    if (employeeJobs.length === 1 && currentCompensation?.flsaStatus !== FlsaStatus.NONEXEMPT) {\n      return 'EDIT_INITIAL_JOB'\n    }\n\n    return 'LIST'\n  })\n\n  const [showFlsaChangeWarning, setShowFlsaChangeWarning] = useState(false)\n  //Getting current compensation for a job -> the one with the most recent effective date\n  const currentCompensation = findCurrentCompensation(currentJob)\n  /** Returns FLSA status of a current compensation of a primary job:\n   * Employees can have multiple jobs, with multiple compensations, but only 1 job is primary with 1 current compensation\n   */\n  const primaryFlsaStatus = useMemo<string | undefined>(() => {\n    return employeeJobs.reduce<string | undefined>((prev, curr) => {\n      const compensation = curr.compensations?.find(\n        comp => comp.uuid === curr.currentCompensationUuid,\n      )\n      if (!curr.primary || !compensation) return prev\n      return compensation.flsaStatus ?? prev\n    }, undefined)\n  }, [employeeJobs])\n\n  const defaultValues: CompensationInputs = useMemo(() => {\n    return {\n      jobTitle:\n        currentJob?.title && currentJob.title !== ''\n          ? currentJob.title\n          : (props.defaultValues?.title ?? ''),\n      flsaStatus:\n        currentCompensation?.flsaStatus ?? primaryFlsaStatus ?? props.defaultValues?.flsaStatus,\n      rate: Number(currentCompensation?.rate ?? props.defaultValues?.rate ?? 0),\n      adjustForMinimumWage: currentCompensation?.adjustForMinimumWage ?? false,\n      minimumWageId: currentCompensation?.minimumWages?.[0]?.uuid ?? '',\n      paymentUnit: currentCompensation?.paymentUnit ?? props.defaultValues?.paymentUnit ?? 'Hour',\n      stateWcCovered: currentJob?.stateWcCovered ?? false,\n      stateWcClassCode: currentJob?.stateWcClassCode ?? '',\n      twoPercentShareholder: currentJob?.twoPercentShareholder ?? false,\n    } as CompensationInputs\n  }, [currentJob, currentCompensation, primaryFlsaStatus, props.defaultValues])\n\n  const formMethods = useForm<CompensationInputs, unknown, CompensationOutputs>({\n    resolver: zodResolver(CompensationSchema),\n    defaultValues,\n  })\n  const { resetField, setValue, handleSubmit, reset } = formMethods\n  useEffect(() => {\n    reset(defaultValues)\n  }, [currentJob, defaultValues, reset])\n\n  const submitWithEffect = async (newMode?: MODE) => {\n    if (mode === 'LIST' && newMode === 'PROCEED') {\n      onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n      return\n    }\n    //If no job has been modified, switch to edit mode\n    if (!currentJob && mode === 'LIST') {\n      setMode('ADD_ADDITIONAL_JOB')\n      return\n    }\n    //Performing post-submit state setting only on success\n    await handleSubmit(async (data: CompensationOutputs) => {\n      await baseSubmitHandler(data, async payload => {\n        const { jobTitle, twoPercentShareholder, ...compensationData } = payload\n        let updatedJobData\n        //Note: some of the type fixes below are due to the fact that API incorrectly defines current_compensation_uuid as optional\n        if (!currentJob) {\n          //Adding new job for NONEXEMPT\n          const data = await createEmployeeJobMutation.mutateAsync({\n            request: {\n              employeeId,\n              jobsCreateRequestBody: {\n                title: jobTitle,\n                hireDate: startDate,\n                stateWcCovered: compensationData.stateWcCovered,\n                stateWcClassCode: compensationData.stateWcCovered\n                  ? compensationData.stateWcClassCode\n                  : null,\n                twoPercentShareholder: twoPercentShareholder ?? false,\n              },\n            },\n          })\n          updatedJobData = data.job!\n          onEvent(componentEvents.EMPLOYEE_JOB_CREATED, updatedJobData)\n        } else {\n          const data = await updateEmployeeJobMutation.mutateAsync({\n            request: {\n              jobId: currentJob.uuid,\n              jobsUpdateRequestBody: {\n                title: jobTitle,\n                version: currentJob.version as string,\n                hireDate: startDate,\n                stateWcClassCode: compensationData.stateWcCovered\n                  ? compensationData.stateWcClassCode\n                  : null,\n                stateWcCovered: compensationData.stateWcCovered,\n                twoPercentShareholder: twoPercentShareholder ?? false,\n              },\n            },\n          })\n          updatedJobData = data.job!\n          onEvent(componentEvents.EMPLOYEE_JOB_UPDATED, updatedJobData)\n        }\n\n        const { compensation } = await updateCompensationMutation.mutateAsync({\n          request: {\n            compensationId: updatedJobData.currentCompensationUuid!,\n            compensationsUpdateRequestBody: {\n              // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n              version: updatedJobData.compensations?.find(\n                comp => comp.uuid === updatedJobData.currentCompensationUuid,\n              )?.version!,\n              ...compensationData,\n              rate: String(compensationData.rate),\n              minimumWages: compensationData.adjustForMinimumWage\n                ? [{ uuid: compensationData.minimumWageId }]\n                : [],\n            },\n          },\n        })\n        setShowFlsaChangeWarning(false)\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensation)\n\n        // Success logic only runs if no errors were thrown above\n        switch (newMode) {\n          case 'LIST':\n            setMode('LIST')\n            setCurrentJob(null)\n            reset(defaultValues)\n            break\n          default:\n            onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n        }\n      })\n    })()\n  }\n  const handleAdd = () => {\n    setMode('ADD_ADDITIONAL_JOB')\n    setCurrentJob(null)\n    reset(defaultValues)\n  }\n\n  const handleCancelAddJob = () => {\n    if (employeeJobs.length > 0) {\n      setMode('LIST')\n    } else {\n      setMode('ADD_INITIAL_JOB')\n    }\n\n    setCurrentJob(null)\n    reset(defaultValues)\n  }\n\n  const handleEdit = (uuid: string) => {\n    const selectedJob = employeeJobs.find(job => uuid === job.uuid)\n    if (selectedJob) {\n      setMode('EDIT_ADDITIONAL_JOB')\n      setCurrentJob(selectedJob)\n    }\n  }\n\n  const handleDelete = async (jobId: string) => {\n    await deleteEmployeeJobMutation.mutateAsync({ request: { jobId } })\n    onEvent(componentEvents.EMPLOYEE_JOB_DELETED)\n  }\n\n  /**Update dependent field values upon change in FLSA type */\n  const handleFlsaChange = (value: string | number) => {\n    //Attempting to change flsa status from nonexempt should prompt user about deletion of other jobs associated with the employee\n    if (currentCompensation?.flsaStatus === FlsaStatus.NONEXEMPT && employeeJobs.length > 1) {\n      setShowFlsaChangeWarning(true)\n    }\n    if (value === FlsaStatus.OWNER) {\n      setValue('paymentUnit', 'Paycheck')\n      resetField('rate', { defaultValue: Number(currentCompensation?.rate) })\n    } else if (\n      value === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n      value === FlsaStatus.COMMISSION_ONLY_EXEMPT\n    ) {\n      setValue('paymentUnit', 'Year')\n      setValue('rate', 0)\n    } else {\n      //reset fields\n      resetField('paymentUnit', { defaultValue: currentCompensation?.paymentUnit })\n      resetField('rate', { defaultValue: Number(currentCompensation?.rate) })\n    }\n  }\n  return (\n    <section className={className}>\n      <CompensationProvider\n        value={{\n          employeeJobs,\n          currentJob,\n          primaryFlsaStatus,\n          showFlsaChangeWarning,\n          mode,\n          minimumWages,\n          handleFlsaChange,\n          handleDelete,\n          handleEdit,\n          handleAdd,\n          submitWithEffect,\n          handleCancelAddJob,\n          isPending:\n            updateCompensationMutation.isPending ||\n            createEmployeeJobMutation.isPending ||\n            updateEmployeeJobMutation.isPending ||\n            deleteEmployeeJobMutation.isPending,\n          state: currentWorkAddress.state,\n          showTwoPercentStakeholder,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <List />\n                <Edit />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </CompensationProvider>\n    </section>\n  )\n}\n\nexport const CompensationContextual = () => {\n  const { employeeId, onEvent, startDate, defaultValues } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId || !startDate) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Compensation',\n        param: !employeeId ? 'employeeId' : 'startDate',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return (\n    <Compensation\n      employeeId={employeeId}\n      startDate={startDate}\n      onEvent={onEvent}\n      defaultValues={defaultValues?.compensation}\n    />\n  )\n}\n"],"names":["Compensation","props","useComponentDictionary","jsx","BaseComponent","Root","findCurrentCompensation","employeeJob","comp","employeeId","startDate","className","children","useI18n","baseSubmitHandler","onEvent","useBase","jobsData","useJobsAndCompensationsGetJobsSuspense","employeeJobs","addressesData","useEmployeeAddressesGetWorkAddressesSuspense","workAddresses","currentWorkAddress","address","minimumWageList","useLocationsGetMinimumWagesSuspense","minimumWages","employee","useEmployeesGetSuspense","data","useFederalTaxDetailsGetSuspense","showTwoPercentStakeholder","updateCompensationMutation","useJobsAndCompensationsUpdateCompensationMutation","createEmployeeJobMutation","useJobsAndCompensationsCreateJobMutation","updateEmployeeJobMutation","useJobsAndCompensationsUpdateMutation","deleteEmployeeJobMutation","useJobsAndCompensationsDeleteMutation","currentJob","setCurrentJob","useState","mode","setMode","currentCompensation","FlsaStatus","showFlsaChangeWarning","setShowFlsaChangeWarning","primaryFlsaStatus","useMemo","prev","curr","compensation","defaultValues","formMethods","useForm","zodResolver","CompensationSchema","resetField","setValue","handleSubmit","reset","useEffect","CompensationProvider","value","jobId","componentEvents","uuid","selectedJob","job","newMode","payload","jobTitle","twoPercentShareholder","compensationData","updatedJobData","FormProvider","Form","jsxs","Fragment","Head","List","Edit","Actions","CompensationContextual","useFlow","t","useTranslation"],"mappings":"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"}